/* Game presentation only. Tile artwork and four-seat geometry are unchanged. */
:root{--bg:#0c1323;--surface:#17243a;--surface-deep:#101c30;--border:#31405a;--text:#f3f7ff;--muted:#aabbd0;--gold:#74ebd1;--green:#74ebd1;--red:#ff8799;--serif:var(--sans)}
body{background:radial-gradient(ellipse at 15% 0,#183557 0,transparent 55%),#0c1323}
.header{height:78px;border-color:#ffffff12;gap:24px}.brand{align-items:center;gap:12px}.brand img{margin:0}.brand-name{font-family:var(--sans);font-size:24px;font-weight:800;letter-spacing:.04em}.brand-name small{font-size:10px;letter-spacing:.12em;color:#9eb4ce;margin-top:7px}.navigation{align-self:center;gap:7px}.navigation a{min-height:40px;padding:9px 15px;border-radius:12px;font-weight:600;color:#aebed2}.navigation a.active{background:#74ebd118;color:#91ffe4}.navigation a.active:after{display:none}.navigation a:hover{background:#ffffff0a}
.game-page{padding-top:24px}.game-heading{margin-bottom:18px}.game-heading h1{font-family:var(--sans);font-weight:800;letter-spacing:-.035em;font-size:clamp(24px,3vw,34px);line-height:1.35;margin-bottom:8px}.game-heading .eyebrow{display:inline-flex;background:#74ebd116;color:#85f7db;padding:5px 10px;border-radius:7px;font-weight:700;font-size:12px;letter-spacing:.06em;margin-bottom:10px}.game-heading p{font-size:14px;color:#aebed2}.game-preferences{gap:12px}.sound-toggle{border-color:#3a506c;background:#182840;color:#d9eaff;border-radius:12px;font-weight:600}.sound-toggle[aria-pressed=false]{background:#101b2c;color:#91a4bd;border-color:#2c3c54}.coach-toggle{color:#dce8f8}.coach-toggle input{accent-color:#64e9c9}
.game-rules,.game-page .match-learning-goal,.game-page .match-reflection{border:1px solid #ffffff12;background:#142036;border-radius:14px;color:#aabbd0;box-shadow:none}.game-rules summary,.game-page .match-learning-goal summary,.game-page .match-reflection summary{color:#c5d6eb;font-weight:600}.game-rules{padding:11px 16px;margin-bottom:12px}.game-rules p{color:#b2c3d7}.game-page .match-reflection{padding:18px 20px}.game-page .match-reflection textarea{background:#0d192c;border-color:#354966;border-radius:10px}
.match-frame{padding:10px;border-radius:24px;background:linear-gradient(145deg,#35556a,#182b43 45%,#293e58);border:1px solid #8daec044;box-shadow:0 18px 42px #0005,0 0 0 4px #ffffff03,inset 0 1px 0 #ffffff20}.match-board{border-radius:16px;background:radial-gradient(ellipse at 48% 42%,#177d79 0,#116667 50%,#0d4c55 100%);box-shadow:inset 0 0 0 1px #b7fff529,inset 0 0 65px #031f3545}
.match-center{background:linear-gradient(145deg,#142e43,#102235);border:1px solid #74ebd160;border-radius:14px;box-shadow:0 5px 20px #05212b55,inset 0 1px 0 #ffffff0d;color:#bcd0e2}.match-center>strong{font-family:var(--sans);font-weight:800;color:#f3fbff;letter-spacing:-.04em}.honba-status>strong{color:#82efd8}.remaining b{color:#f6fbff}.table-seat .player-name{color:#e5f6ff;text-shadow:0 1px 2px #052332}.player-name strong{font-weight:700}.player-name .wind-badge{font-family:var(--sans);font-weight:700;border:1px solid #9ffff152;background:#0b374b;color:#9bffeb;border-radius:7px}.thinking .player-name{color:#fff0a6}.thinking .wind-badge{background:#ffdb79;color:#1c2b39;border-color:#ffebae;box-shadow:0 0 14px #ffda7955}.river-piece.last-discard{outline-color:#ffda79}.is-riichi .player-name{background:#691f42;color:#fff1f7;text-shadow:none}.is-riichi .player-name .wind-badge{background:#872a52;color:#fff1f7;border-color:#ff9bbe}
.match-panel{background:linear-gradient(155deg,#20324c,#16263d);border:1px solid #7995ba33;border-radius:20px;box-shadow:0 14px 30px #0002}.match-panel h2{font-family:var(--sans);font-weight:750;font-size:23px;letter-spacing:-.025em;line-height:1.5;color:#f6f9ff}.match-panel h3{font-weight:700}.match-panel p{color:#b8c9de}.match-panel .eyebrow{font-weight:700;letter-spacing:.08em;color:#85f7db}.selected-tile{background:#0c1b2d80;border:1px solid #4c698c88;border-radius:14px;color:#b5c9df}.selected-tile strong{font-family:var(--sans);font-weight:700;color:#edf7ff}.game-page .primary-button{border-radius:12px;background:#79efd2;color:#0b2930;border:1px solid #a4ffe8;box-shadow:0 4px 0 #258b7d;font-weight:750;transition:background .15s,transform .15s}.game-page .primary-button:hover:not(:disabled){background:#a0ffe6;transform:translateY(-1px)}.game-page .primary-button:disabled{background:#344a61;color:#90a5bb;border-color:#405971;box-shadow:none}.secondary-button{border-radius:12px;background:#ffffff06;border:1px solid #6784a0;color:#e5f2ff;font-weight:600}.secondary-button:hover{background:#ffffff10}.quiz-options button{border-radius:12px;background:#102239;border:1px solid #506b8e;color:#eaf4ff;font-weight:600}.quiz-options button:hover{background:#24445c;border-color:#79efd2}.quiz-context{background:#0b2036;border-color:#456680;border-radius:10px;color:#8deed9}.quiz-hint{padding:12px;border-radius:10px;background:#0c192b}.quiz-hint summary{color:#8deed9}.quiz-error{color:#ffadbc!important}.suggested-tile{background:#102439;border-radius:12px;color:#89f0dc}.settled-score{font-family:var(--sans);font-weight:800;color:#8cf8df}.payment-list>div{border-color:#526c893d}.match-panel .panel-footnote{color:#9bb1cb}.call-docked{border:1px solid #7deed270;border-radius:16px;background:#14293b;margin-top:10px;padding:14px;box-shadow:0 4px 16px #0003}.call-docked h2{font-size:18px}.call-docked .call-choice{border-radius:10px;background:#8bf2d9;color:#0d3339;border-color:#b2ffe9;font-weight:700}.call-docked .call-choice:hover{background:#b1ffe9}.call-docked .secondary-button{color:#d1e4f6;background:#ffffff05;border-color:#4f6b85}.call-docked p{font-size:14px;color:#bdcede}.riichi-watch{border-radius:12px;background:#63203e;border-color:#ff89b1}.riichi-watch-players>span{background:#36162c;border-radius:8px}
.match-log{border-color:#ffffff16}.match-log h2{font-weight:700;color:#cadcf0}.match-log ol{color:#9bb0c9}.game-bottom,.game-bottom .text-button{color:#a5bad2}.game-page button:focus-visible,.game-page summary:focus-visible{outline:3px solid #8fffe2;outline-offset:4px}
@media(max-width:820px){.header{height:auto;min-height:72px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:14px}.navigation{width:100%;gap:5px}.navigation a{padding:8px 12px;font-size:13px}.game-heading h1{font-size:27px}.match-panel{min-height:0}.game-heading{gap:16px}}
@media(max-width:500px){.header{padding-left:16px;padding-right:16px}.brand-name{font-size:22px}.game-page{padding:18px 10px}.game-heading{gap:12px;padding:0 5px}.game-heading h1{font-size:25px}.game-preferences{justify-content:flex-start}.match-frame{padding:6px;border-radius:17px}.match-board{border-radius:12px}.match-center{border-radius:9px}.match-panel{border-radius:16px;padding:18px}.call-docked{padding:12px}.game-rules{padding:10px 13px}.navigation a{font-size:12px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.game-page .primary-button{transition:none}.game-page .primary-button:hover:not(:disabled){transform:none}}