/* v10.16.2 — presentation-only jade/rose skin, on the original 1664 × 936 board.
   No changes to hand/meld/pool coordinates, tile-count metrics, game rules or input.
   Switch html[data-mj-skin] to "original" for a same-state before/after comparison. */
#mjPolishSurface,#mjPolishSignature,#mjPolishCallout{display:none;pointer-events:none!important}
html[data-mj-skin="jade"] #game,
html[data-mj-skin="jade"] #game .game-wrap{background:#55483f!important}
html[data-mj-skin="jade"] #table.table-shell{
 background-image:linear-gradient(130deg,rgba(59,33,23,.14),transparent 48%,rgba(36,39,34,.25)),url("./assets/table-bg-clean-v3.png")!important;
}
html[data-mj-skin="jade"] #mjPolishSurface{
 display:block;position:absolute;inset:0;z-index:1;
 background:url("./assets/polish-felt.svg") center / 100% 100% no-repeat;
}
html[data-mj-skin="jade"] #mjPolishSignature{
 display:flex;position:absolute;left:13.4%;top:2%;height:5.6%;z-index:36;
 flex-direction:column;justify-content:center;gap:3px;color:#553e33;
 text-shadow:0 1px 0 #fff6e8aa;
}
#mjPolishSignature b{font:700 23px Georgia,serif;letter-spacing:.1px}
#mjPolishSignature span{font-size:10px;letter-spacing:2px;font-weight:800;opacity:.75}
html[data-mj-skin="jade"] #table #gameHomeBtn{
 border:1.5px solid #ecd2bb!important;border-radius:18px!important;
 color:#fff3df!important;background:linear-gradient(135deg,#594536,#342b26)!important;
 box-shadow:inset 0 1px 0 #ffffff40,0 4px 0 #29221e,0 7px 15px #3b28243d!important;
}
html[data-mj-skin="jade"] #table .player{
 border-color:#d9b797!important;border-radius:15px!important;
 background:linear-gradient(130deg,rgba(66,46,43,.97),rgba(36,32,34,.95))!important;
 box-shadow:inset 0 1px 0 #fff7e22b,0 5px 14px #2b1d2140!important;
}
html[data-mj-skin="jade"] #table .player .seatline b{color:#fff4e7!important}
html[data-mj-skin="jade"] #table .player .chips{color:#f2d8a4!important}
html[data-mj-skin="jade"] #table .player .mini-avatar{
 border-color:#ecd7bd!important;border-radius:12px!important;box-shadow:0 2px 4px #151c1b55!important;
}
html[data-mj-skin="jade"] #table .player.me{box-shadow:0 0 0 2px #e4bc82,0 5px 14px #2b1d2140!important}
html[data-mj-skin="jade"] #table .player.mj-current{
 border-color:#f9dfaf!important;box-shadow:0 0 0 2px #e4bc82,0 0 20px #f7d49165,0 5px 14px #2b1d2140!important;
}
html[data-mj-skin="jade"] #table .player.mj-current::after{
 content:"";position:absolute;width:7px;height:7px;right:5px;bottom:4px;
 border-radius:50%;background:#b8ebaf;box-shadow:0 0 8px #a5dba6;
}
html[data-mj-skin="jade"] #table .player .flower-badge{
 background:#f9e7d7!important;border-color:#cf9e8a!important;color:#8d4d57!important;
}
html[data-mj-skin="jade"] #table .center{
 border:2px solid #d1a675!important;background:linear-gradient(145deg,#334d40,#20362f)!important;
 border-radius:18px!important;box-shadow:inset 0 0 0 4px #f1ce9c17,0 6px 16px #35261d55!important;
}
html[data-mj-skin="jade"] #table .center .wall{color:#f5dfb0!important;text-shadow:0 2px 2px #051b1466!important}
html[data-mj-skin="jade"] #table #centerInfo{color:#e7e4cc!important}
/* Tile body only. The approved vector faces and every numeric dimension stay intact. */
html[data-mj-skin="jade"] #table .tile.mj-tile,
html[data-mj-skin="jade"] #handDock .tile.mj-tile{
 background:linear-gradient(112deg,#fffef9 0%,#faf3e3 48%,#efe0c8 100%)!important;
 border-color:#cab79f!important;border-top-color:#fffdf4!important;
 box-shadow:inset 1px 1px 0 #fffef9,inset -1px -2px 1px #bda78655,0 2px 0 #e2d2b6,0 5px 0 #266049,0 7px 9px #12201e40!important;
}
html[data-mj-skin="jade"] #table .tile.mj-tile.small{
 box-shadow:inset 1px 1px 0 #fffefb,inset -1px -1px 1px #c2aa8655,0 1px 0 #e8d5b4,0 3px 0 #255941,0 4px 5px #061d1d42!important;
}
html[data-mj-skin="jade"] #table .tile-svg,
html[data-mj-skin="jade"] #handDock .tile-svg{filter:drop-shadow(0 .45px .1px #7d553225)}
html[data-mj-skin="jade"] #table .pooled-discard.latest .tile.mj-tile.small{
 border-color:#eac992!important;box-shadow:0 0 0 2px #edc784,0 3px 0 #255941,0 0 14px #f7d7a845!important;
}
html[data-mj-skin="jade"] #table .drawn-area .tile.mj-tile,
html[data-mj-skin="jade"] #handDock .drawn-area .tile.mj-tile{
 border-color:#ffe5a0!important;box-shadow:inset 1px 1px 0 #fffdf3,0 0 0 2px #eac58b,0 5px 0 #266049,0 0 14px #ffe5a27a!important;
}
html[data-mj-skin="jade"] #table .drawn-label,
html[data-mj-skin="jade"] #handDock .drawn-label{
 background:#fff1cc!important;color:#754e2e!important;border-color:#d2a467!important;
 box-shadow:0 2px 4px #30281a30!important;
}
@media (hover:hover) and (pointer:fine){
 html[data-mj-skin="jade"] #table button.tile.mj-tile:not(:disabled):hover{
  filter:brightness(1.065)!important;border-color:#e2b47a!important;
  box-shadow:inset 0 0 0 2px #ebc17f,0 5px 0 #266049,0 7px 12px #29221c44!important;
 }
}
/* Do not add padding, wrap, overflow or transforms to the exposed groups. */
html[data-mj-skin="jade"] #table #myExtras .set-group,
html[data-mj-skin="jade"] #table .opponent-sets .set-group{
 background:#142e264d!important;box-shadow:0 0 0 1px #d9bf904f,0 3px 8px #09211f35!important;
}
html[data-mj-skin="jade"] #table #myExtras .flower-group,
html[data-mj-skin="jade"] #table .opponent-sets .flower-group{
 background:#e9b5a527!important;box-shadow:0 0 0 1px #e6c09655!important;
}
html[data-mj-skin="jade"] #table #myExtras[data-tile-count]:not([data-tile-count="0"])::before{
 content:"你的副露・花牌";position:absolute;left:50%;top:-20px;transform:translateX(-50%);
 white-space:nowrap;color:#e7d7b5;font-size:11px;letter-spacing:2px;line-height:14px;
 pointer-events:none;
}
html[data-mj-skin="jade"] #table .pool-caption,
html[data-mj-skin="jade"] #table .mj-opponent-hand__count{
 color:#ece2c8!important;background:#153b32e6!important;
 box-shadow:0 0 0 1px #d2b68955,0 2px 4px #172c2340!important;
}
html[data-mj-skin="jade"] #table .mj-opponent-back,
html[data-mj-skin="jade"] #table .opponent-sets .meld-back{
 background:linear-gradient(115deg,#44886b,#266044 55%,#173c30)!important;
 border-color:#d7e2c2!important;box-shadow:inset 1px 1px 0 #ffffff44,inset -1px -2px 1px #0c251355,0 2px 0 #e8dcc0,0 3px 4px #14221d45!important;
}
html[data-mj-skin="jade"] #table #status{
 color:#624324!important;background:linear-gradient(110deg,#fff0c9,#e8c98d)!important;
 border-color:#bd9460!important;box-shadow:inset 0 1px 0 #fff8df,0 3px 7px #31261b35!important;
}
html[data-mj-skin="jade"] #table .actionbar .btn{
 border:1.5px solid #f6debd!important;border-radius:20px!important;
 text-shadow:0 2px 0 #512b3635!important;
 box-shadow:inset 0 1px 0 #fff9e985,0 4px 0 #3c292957,0 7px 12px #39262635!important;
 transition:filter .16s,box-shadow .16s!important;
}
html[data-mj-skin="jade"] #table .actionbar .btn.claim-chi{background:linear-gradient(140deg,#e9a5b3,#b8627d)!important}
html[data-mj-skin="jade"] #table .actionbar .btn.claim-pong{background:linear-gradient(140deg,#7db69b,#387f65)!important}
html[data-mj-skin="jade"] #table .actionbar .btn.claim-kong{background:linear-gradient(140deg,#deb779,#aa7840)!important}
html[data-mj-skin="jade"] #table .actionbar .btn.claim-hu,
html[data-mj-skin="jade"] #table .actionbar .btn.self-hu-btn{background:linear-gradient(140deg,#f2a0ab,#c85673)!important}
html[data-mj-skin="jade"] #table .actionbar .btn.secondary{background:linear-gradient(140deg,#897971,#514841)!important}
html[data-mj-skin="jade"] #table .actionbar .btn:disabled{
 color:#f2e8dcaa!important;opacity:1!important;filter:saturate(.28)!important;
 background:linear-gradient(150deg,#a78e82cf,#8c756ee0)!important;border-color:#e4c8b19c!important;
 box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #4c353430!important;text-shadow:none!important;
}
html[data-mj-skin="jade"] #table .actionbar .btn:not(:disabled):hover{filter:brightness(1.12)!important}
html[data-mj-skin="jade"] #table .actionbar .btn:not(:disabled):focus-visible{outline:3px solid #ffe2a3;outline-offset:2px}
html[data-mj-skin="jade"] #table .choice-panel{
 background:linear-gradient(135deg,#fff8e9,#eee0cf)!important;border-color:#c99866!important;
 box-shadow:0 7px 20px #1a272b55!important;
}
html[data-mj-skin="jade"] #table .choice-title{color:#6b4c35!important}
html[data-mj-skin="jade"] #table .choice-option{background:#e5d7c1!important;border-color:#c5a77e!important}
html[data-mj-skin="jade"] #table #claimCountdown{background:#263b34ba!important;box-shadow:0 0 0 1px #c7b59355}
html[data-mj-skin="jade"] #table #claimCountdown>i{background:linear-gradient(90deg,#f2d69a,#efad8b,#e78593)!important;transition:transform .45s linear}
html[data-mj-skin="jade"] #table #claimCountdownLabel{background:#fff3da!important;color:#6a4a35!important;border:1px solid #d1b084!important}
html[data-mj-skin="jade"] #table #chatBar,
html[data-mj-skin="jade"] #table #musicPanel,
html[data-mj-skin="jade"] #table #sortHandBtn{
 background:linear-gradient(120deg,#58473fe8,#302d2beF)!important;border:1px solid #d0b193!important;
 box-shadow:inset 0 1px 0 #fff6df22,0 5px 10px #29202233!important;
}
/* Move only this utility control away from the existing drawn-tile label. */
html[data-mj-skin="jade"] #table #sortHandBtn{bottom:18.9%!important;width:8.3%!important;height:4.8%!important;border-radius:15px!important}
html[data-mj-skin="jade"] #table #musicPanel{border-radius:16px!important}
html[data-mj-skin="jade"] #table #chatBar{border-radius:16px!important}
html[data-mj-skin="jade"] #table #discardSpotlight .spotlight-label{
 color:#fbeacd!important;border-color:#dbb37d!important;background:#294239f2!important;
}
html[data-mj-skin="jade"] #table #discardSpotlight .tile.mj-tile{box-shadow:0 0 0 3px #f0cc8b,0 7px 0 #255941,0 12px 20px #12251e66!important}
/* Callouts live in the existing spare space beside each player, never in a meld zone. */
html[data-mj-skin="jade"] #mjPolishCallout.is-visible{
 display:flex;position:absolute;z-index:100;min-width:84px;padding:10px 18px;
 border:2px solid #f3d7a8;border-radius:22px 22px 22px 5px;
 flex-direction:column;align-items:center;gap:2px;
 background:linear-gradient(135deg,#fff8e7,#f4d9bc);color:#654431;
 box-shadow:0 5px 18px #2a2c253d;
 animation:mj-callout .9s ease-out both;
}
#mjPolishCallout small{font-size:11px;font-weight:700;max-width:115px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#mjPolishCallout b{font-size:32px;line-height:1.15;letter-spacing:4px}
@keyframes mj-callout{0%{opacity:0;translate:0 8px;scale:.94}15%,72%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -8px;scale:1}}
html[data-mj-skin="jade"] #result .modal{
 background:linear-gradient(140deg,#fff9ed,#f2e6d6)!important;border:2px solid #c8a371!important;
 box-shadow:0 20px 80px #14251b99!important;
}
html[data-mj-skin="jade"] #result h2{color:#8c5944!important}
html[data-mj-skin="jade"] #result .scoreline{border-color:#d4c3aa!important}
@media(prefers-reduced-motion:reduce){
 html[data-mj-skin="jade"] #mjPolishCallout.is-visible{animation:none!important}
 html[data-mj-skin="jade"] #table *{transition:none!important}
}