/* Orthographic tabletop. Card geometry is local CSS 3D, so perspective never distorts hit targets. */
:root{--gold:#d5b66c;--card-thickness:2px;--ivory:#eee6d1;--ink:#252c23}
body{background:#10231d}
.screen,.single-table{background-color:#29492d;background-image:linear-gradient(#051a1026,#0b251c16),url('../../assets/theme/table.png?v=f58c6565aa8bfa7b');background-position:center;background-size:cover}
.screen{box-shadow:inset 0 0 0 1px #d5b66c88,0 0 70px #020d09}
.setup{background-attachment:local;gap:18px;padding-top:24px}.setup form{padding:17px 14px;background:#0c241be6;border:1px solid #bca66b;border-radius:13px;box-shadow:inset 0 1px #ffedc933,0 8px 20px #0005}
.setup .brand h1,.wordmark,.hand-title,.opponent-name,.own-heading strong{font-family:'Yu Mincho','Noto Serif JP','Songti SC',serif}
.setup .brand h1{font-size:2rem}.setup .seal{background:#183428bf;box-shadow:inset 0 0 0 3px #293e2b,3px 4px #091a13;border-radius:7px}
[hidden]{display:none!important}.setup select,.setup input{background:#0c231d;color:#f6eed9;border-color:#788260}.setup .stack{gap:10px}.seat-setup{background:#152e2399}.seat-slot{border-bottom-color:#b2a07855}
.setup label,.setup .help{font-size:14px}.setup .primary{background:linear-gradient(#f6e9c8,#cbb57e);box-shadow:inset 0 1px #fff,0 4px #61543c;color:#293023}
.single-table{position:relative;border-left:1px solid #b79a55;border-right:1px solid #b79a55;box-shadow:inset 0 0 25px #03160bcc,0 0 30px #0009}
.single-table .topbar{background:linear-gradient(#081c18ce,#0a201c99);margin:0 -7px;padding:0 7px;border-bottom:1px solid #c9b46e;box-shadow:0 3px 5px #07120d88;flex-wrap:nowrap;gap:4px}
.single-table .wordmark{font-size:17px;letter-spacing:.01em;white-space:nowrap}.single-table .round{font-size:12px;white-space:nowrap}.single-table .topbar .iconbutton{font-size:12px;padding:4px 6px;min-height:30px}
.field-seal{border-radius:13px 7px;background:#344c31;border-color:#cab47c;color:#ffedbd;box-shadow:inset 0 1px #ffffff66,0 2px 2px #0008;font-family:serif;white-space:nowrap;font-size:12px}
.field-seal[data-field=large]{background:linear-gradient(#a94531,#78251d)}.field-seal[data-field=absolute]{background:linear-gradient(#703864,#3b1e3d)}
.single-table .opponent{background-color:#10281e;background-image:url('../../assets/theme/components.png?v=f58c6565aa8bfa7b');background-size:1254px 1254px;background-position:-678px -69px;border-color:#bda566;box-shadow:inset 0 0 0 2px #13291f,0 3px 2px #06130d,0 6px 8px #0005}
.single-table .opponent.active{box-shadow:inset 0 0 0 2px #e2c77d,0 0 9px #d3b56088}.single-table .opponent-heading{color:#fff2d7}.single-table .seat-role{background:linear-gradient(#edddb1,#bca56e);color:#2e3020;border-color:#edddb1;box-shadow:0 1px 2px #0006}
.single-table .table-captures,.single-table .own-capture-area{background-color:#efe8d6;background-image:url('../../assets/theme/components.png?v=f58c6565aa8bfa7b');background-size:1254px 1254px;background-position:-65px -80px;border-color:#bfa574;box-shadow:inset 0 1px #fff8,0 3px 3px #08170d88}
.single-table .own-capture-area .table-captures{background:transparent;box-shadow:none}.single-table .table-capture-row{border-bottom:1px solid #8f785c30}.single-table .capture-empty{border:0;background:transparent;color:transparent;box-shadow:none}.single-table .capture-empty:before{content:'';display:block;width:70%;height:1px;margin-top:10px;background:#a49c8255}
.single-table .table-zone{background:linear-gradient(120deg,#173e1710,#10351c22);border:1px solid #c2a86266;box-shadow:inset 0 1px 6px #14301544,0 1px #f0d99833}
.single-table .own-capture-area{border-radius:13px 9px 10px 10px;box-shadow:inset 0 0 0 1px #fff8,0 4px 1px #5b513d,0 7px 8px #05180c77}.single-table .capture-yaku{color:#5d4225}.single-table .own-heading button{background:#e8dcc0}
.single-table .hand-zone{position:relative;background:#a38957 url('../../assets/theme/wood-tray.png?v=f58c6565aa8bfa7b') center bottom/100% auto no-repeat;border-radius:45% 45% 0 0/12px 12px 0 0;border:0;border-top:1px solid #ac7c3e;box-shadow:inset 0 5px 6px #4b311c55,0 -4px 9px #09180e99;padding-top:7px;transform-style:preserve-3d}
.single-table .hand-zone:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(#aa824a,#50371f);pointer-events:none}.single-table .hand-title{font-weight:600}.single-table .hand-card-label{color:#2c2418;text-shadow:0 1px #e2cda088}
.single-table .rail-actions button.primary{background:linear-gradient(#f1e5c8,#cab791);border:1px solid #6e6041;border-radius:13px;color:#283023;box-shadow:inset 0 1px #fff,0 3px 1px #53442d,0 5px 5px #0006}
.single-table .review-rail button{background:linear-gradient(#17352ad9,#0c211ddd);color:#eee2bc;border-color:#c0a567;border-radius:12px;box-shadow:inset 0 1px #fff3,0 3px #102014}.single-table .last-move{color:#fff0cf;text-shadow:0 1px 3px #071d0e}
.single-table .draw-tray{background:#eee4cb;color:#292a20;box-shadow:0 3px 1px #4a4934,0 4px 8px #0006}.single-table .draw-rest .deck-back{position:relative;isolation:isolate;width:38px;aspect-ratio:72/112;border:0;border-radius:3px;background:none;box-shadow:none;transform-style:preserve-3d}
.deck-back i,.deck-back:after{position:absolute;inset:0;content:'';border-radius:3px;background:url('../../assets/theme/card-back.png?v=f58c6565aa8bfa7b') center/116% 110% no-repeat;box-shadow:1px 2px 0 #111916,2px 3px 3px #0009;transform:translate(0,0);z-index:4}.deck-back i:nth-child(1){transform:translate(5px,7px);z-index:1}.deck-back i:nth-child(2){transform:translate(3px,5px);z-index:2}.deck-back i:nth-child(3){transform:translate(1px,2px);z-index:3}
.privacy-symbol{border:0;background:url('../../assets/theme/card-back.png?v=f58c6565aa8bfa7b') center/116% 110%;box-shadow:4px 5px 2px #0006;border-radius:5px}
.card,.motion-card,.ghost{position:relative;overflow:visible!important;transform-style:preserve-3d;perspective:700px}
.motion-card,.ghost{position:fixed}.card-solid{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform:rotateX(7deg) rotateY(-5deg);pointer-events:none}
.card-front,.card-back-plane{position:absolute;inset:0;border-radius:1px;display:block;backface-visibility:hidden}.card-front{transform:translateZ(1px);background:#fff8e6;overflow:hidden;box-shadow:inset 0 0 0 1px #222}.card-front>svg,.card-front>.nintendo-face{position:absolute;inset:0;width:100%;height:100%}.card-back-plane{background:#22291e;transform:translateZ(-1px) rotateY(180deg)}
.card-edge{position:absolute;display:block;background:linear-gradient(90deg,#171b16,#797b64 45%,#161b14);backface-visibility:visible}.edge-left,.edge-right{top:0;bottom:0;width:var(--card-thickness);transform:rotateY(90deg);transform-origin:center}.edge-left{left:-1px}.edge-right{right:-1px}.edge-top,.edge-bottom{left:0;right:0;height:var(--card-thickness);transform:rotateX(90deg)}.edge-top{top:-1px}.edge-bottom{bottom:-1px}
.single-table .card{border:0!important;box-shadow:1px 2px 0 #161d14,2px 4px 4px #06120999!important}.single-table .card.selected{transform:translateY(-6px);box-shadow:2px 6px 7px #0009!important}.single-table .card.match{outline:2px solid #ffe28e;outline-offset:3px}
.single-table .overlap-scroll .card{position:relative;isolation:isolate}.single-table .overlap-scroll .card-solid{transform:translateY(calc(var(--pile-index,0)*-.25px)) rotateX(7deg) rotateY(-5deg)}
.move-layer .motion-card{perspective:none;--card-thickness:3px;box-shadow:none;filter:drop-shadow(3px 8px 4px #0008)}.move-layer .motion-card .card-solid{transform:translateZ(var(--flight-height,12px)) rotateX(7deg) rotateY(-5deg);transition:transform 160ms ease}.move-layer[data-stage=lift] .motion-card{--flight-height:18px}.move-layer[data-stage=approach] .motion-card{--flight-height:18px}.move-layer[data-stage=inspect] .motion-card{--flight-height:6px}.move-layer[data-stage=collect] .motion-card{--flight-height:22px}.move-layer[data-stage=settle] .motion-card{--flight-height:2px;filter:drop-shadow(1px 2px 1px #0006)}
.move-caption{background:#0e261dea;border:1px solid #c9ad6b;color:#fff0d1}.modal{background:linear-gradient(#0e281ef5,#112c21f5),url('../../assets/theme/table.png?v=f58c6565aa8bfa7b') center/cover;border-color:#c9ad6b;box-shadow:0 15px 55px #000b,inset 0 0 0 2px #294430}.modal .formula{background:#061c14;color:#f6e8bf}.style-preview .card{isolation:isolate}
@media(max-height:740px){.single-table .draw-rest .deck-back{width:30px}.single-table .hand-zone{padding-top:4px}}
@media(max-width:360px){.single-table .wordmark{font-size:14px}.single-table .topbar{gap:3px}.single-table .topbar .iconbutton{padding:3px 4px}.single-table .field-seal{font-size:12px;padding:2px 4px}}
@media(prefers-reduced-motion:reduce){.card-solid{transition:none!important}.move-layer .motion-card{filter:drop-shadow(1px 2px 1px #0006)}}
.single-table .hand-zone{padding-top:3px}.single-table .hand-zone:after{height:2px}.card,.motion-card,.ghost{perspective:none}.card-solid,.single-table .overlap-scroll .card-solid{transform:translateZ(var(--card-z,2.5px)) rotateX(7deg) rotateY(-5deg)}.move-layer .motion-card .card-solid{transform:translateZ(var(--card-z,140px)) rotateX(7deg) rotateY(-5deg);transition:transform var(--motion-step,53ms) ease}.single-table .table-captures{isolation:isolate}.single-table:before{content:"";position:absolute;inset:0;pointer-events:none;border-left:3px solid #6d683d;border-right:3px solid #102519;border-top:2px solid #a69758;box-shadow:inset 0 0 0 1px #152619,inset 0 -5px #171e10;z-index:0}.single-table>section,.single-table>header{position:relative}.single-table .hand-zone{z-index:5}
@media(max-height:740px){.single-table{grid-template-rows:36px 177px minmax(104px,1fr) 183px 96px}.single-table.hanaawase{grid-template-rows:36px 150px minmax(104px,1fr) 183px 96px}}@media(max-height:620px){.single-table{grid-template-rows:34px 151px minmax(96px,1fr) 150px 86px}.single-table.hanaawase{grid-template-rows:34px 127px minmax(96px,1fr) 150px 86px}}
.single-table .card.selected{--card-z:140px}.ghost{--card-z:150px}.public-hand-cards .card{position:relative}.card-edge,.card-back-plane{pointer-events:none}