:root{color-scheme:dark;font-family:Georgia,Times New Roman,serif;background:radial-gradient(circle at top,rgba(209,169,102,.18),transparent 24%),linear-gradient(180deg,#17100d,#080706);color:#f6ebdc}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto}body.game-mode{overflow:hidden}#app{min-height:100vh;min-height:100dvh}.menu-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(20rem,28rem);gap:1.5rem;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow-y:auto}.menu-hero,.menu-panel{min-height:calc(100vh - 3rem);border:1px solid rgba(255,223,181,.12);background:#120d0bad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.6rem;box-shadow:0 2rem 4rem #00000047}.menu-hero{display:flex;flex-direction:column;justify-content:center;padding:2.25rem}.menu-panel{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.brand-mark{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem}.brand-emblem{width:4.4rem;height:4.4rem;padding:.6rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;border-radius:1.2rem;border:1px solid rgba(255,223,181,.14);background:linear-gradient(180deg,#ffdba629,#784c241a),#0f0b09d9;box-shadow:inset 0 1px #ffe9cd14}.brand-emblem span{display:block;border-radius:.5rem;background:linear-gradient(135deg,#f0d7b0,#b9743c);opacity:.95}.brand-copy strong{display:block;font-size:1.55rem;color:#f6ebdc}.eyebrow,.hero-label,.menu-chip span,.select-block span,.difficulty-note span{display:block;margin:0 0 .65rem;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:#f6ebdc9e}h1{margin:0;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.94}.lede{max-width:44rem;margin:1rem 0 0;line-height:1.7;color:#f6ebdcc7}.hero-status,.select-block,.difficulty-note,.menu-chip{padding:1rem 1.1rem;border-radius:1rem;border:1px solid rgba(255,215,160,.1);background:#0f0b09c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-status strong,.difficulty-note strong,.menu-chip strong{display:block;font-size:1.16rem;line-height:1.4}.hero-status p,.difficulty-note p{margin:.7rem 0 0;color:#f6ebdcb8;line-height:1.6}.menu-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.hero-footnote{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.hero-status.compact strong{font-size:1rem}.select-block{display:flex;flex-direction:column;gap:.65rem}.select-block span{margin:0}.menu-input,.select-block select{appearance:none;border:1px solid rgba(255,215,160,.18);background:#15110ee6;color:#f6ebdc;border-radius:.9rem;padding:.85rem .95rem;font:inherit}.auth-shell{grid-template-columns:minmax(0,1.1fr) minmax(20rem,24rem)}.auth-panel{justify-content:center}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.auth-switch-button{appearance:none;border:1px solid rgba(255,215,160,.16);border-radius:999px;padding:.8rem .9rem;font:inherit;font-weight:700;background:#15110eeb;color:#f6ebdcd1;cursor:pointer}.auth-switch-button.is-active{background:linear-gradient(135deg,#f0d7b0,#c78d50);color:#1d120b;border-color:transparent}.auth-error{margin:0;padding:.8rem .9rem;border-radius:.95rem;border:1px solid rgba(218,115,95,.28);background:#471a118a;color:#ffd5ca;line-height:1.5}.start-button,.reset-button{appearance:none;border:0;border-radius:1rem;padding:1rem 1.1rem;font:inherit;font-weight:700;letter-spacing:.04em;color:#1d120b;background:linear-gradient(135deg,#f0d7b0,#c78d50);cursor:pointer;box-shadow:0 1rem 2rem #c78d502e}.start-button{margin-top:auto}.play-shell{min-height:100vh;height:100vh;min-height:100dvh;height:100dvh;position:relative;overflow:hidden;touch-action:manipulation}.space-stage{min-height:100vh;min-height:100dvh;position:relative;background:radial-gradient(circle at 50% 40%,rgba(255,214,158,.11),transparent 18%),radial-gradient(circle at 50% 58%,rgba(201,120,61,.08),transparent 26%),linear-gradient(180deg,#120d0b,#080706)}.space-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 18%,rgba(255,244,222,.16) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 22%,rgba(255,244,222,.12) 0 1px,transparent 1.5px),radial-gradient(circle at 64% 12%,rgba(255,244,222,.08) 0 1px,transparent 1.5px),radial-gradient(circle at 34% 70%,rgba(255,244,222,.06) 0 1px,transparent 1.5px);pointer-events:none}.space-stage canvas{display:block;width:100%;height:100%}.flat-board-host{display:grid;place-items:start center;padding:8.6rem .75rem 10rem}.flat-board-shell{width:min(100%,34rem);aspect-ratio:1;border-radius:1.6rem;border:1px solid rgba(39,55,20,.2);background:linear-gradient(180deg,#fbf7e1f0,#e9eecdf5),#f1f2daf5;box-shadow:0 1.25rem 2.5rem #0000002e,inset 0 1px #fff9;overflow:hidden}.flat-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%;overflow:hidden;border-radius:0}.flat-square{appearance:none;border:0;position:relative;display:grid;place-items:center;padding:0;margin:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI Symbol,Noto Sans Symbols,Georgia,serif;font-size:clamp(2.1rem,8.2vw,3.15rem);font-weight:700;line-height:1;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.flat-square.is-light{background:#f2f0d3}.flat-square.is-dark{background:#7f9d55}.flat-square.is-white-piece{color:#fff;text-shadow:0 1px 0 rgba(58,72,31,.72),0 0 .15rem rgba(58,72,31,.75),0 0 .55rem rgba(255,255,255,.26)}.flat-square.is-black-piece{color:#29351b;text-shadow:0 1px 0 rgba(255,255,255,.12)}.flat-square.is-selected{box-shadow:inset 0 0 0 .28rem #f5d870f2}.flat-square:after{content:"";position:absolute;inset:50% auto auto 50%;width:0;height:0;border-radius:999px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .12s ease,width .12s ease,height .12s ease,box-shadow .12s ease}.flat-square.is-legal:after{width:30%;height:30%;opacity:1;background:#3ead52f5;box-shadow:0 0 0 .2rem #dbf5d72e}.flat-square.is-capture:after{width:68%;height:68%;opacity:1;background:radial-gradient(circle,rgba(176,16,16,.18) 0 52%,transparent 53%);box-shadow:inset 0 0 0 .26rem #941010f5}.flat-square.is-last-move{box-shadow:inset 0 0 0 .18rem #e8b960eb}.flat-square.is-check{background-image:radial-gradient(circle,rgba(225,88,88,.72) 0 56%,transparent 57%);background-repeat:no-repeat;background-position:center}.play-hud{position:absolute;inset:0;pointer-events:none}.hud-frame,.timer-bar,.info-bar,.info-note,.action-strip,.control-drawer,.promotion-panel,.match-alert{pointer-events:auto}.timer-bar,.info-bar,.info-note,.action-strip,.control-drawer,.promotion-panel,.match-alert{position:absolute;left:50%;transform:translate(-50%);width:min(32rem,calc(100vw - 1rem));border:1px solid rgba(255,215,160,.12);background:#0f0b09c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1rem 2rem #00000038}.timer-bar{display:flex;align-items:center;justify-content:space-between;border-radius:999px;padding:.72rem .95rem}.timer-bar strong{font-size:1.08rem}.timer-bar.is-active{border-color:#f0d7b052;box-shadow:0 0 0 1px #f0d7b026,0 1rem 2rem #00000038}.timer-bar-top{top:max(.6rem,env(safe-area-inset-top))}.timer-bar-bottom{bottom:calc(max(.7rem,env(safe-area-inset-bottom)) + 4.5rem)}.timer-side{color:#f6ebdcb8;font-size:.76rem;text-transform:uppercase;letter-spacing:.15em}.info-bar{top:calc(max(.6rem,env(safe-area-inset-top)) + 4rem);display:flex;gap:.45rem;align-items:center;justify-content:center;padding:.5rem;border-radius:999px;overflow-x:auto;scrollbar-width:none}.info-bar::-webkit-scrollbar{display:none}.info-pill{flex:0 0 auto;padding:.46rem .74rem;border-radius:999px;border:1px solid rgba(255,215,160,.12);background:#1f1612eb;color:#f6ebdce6;white-space:nowrap;font-size:.84rem}.info-note{top:calc(max(.6rem,env(safe-area-inset-top)) + 7.4rem);padding:.72rem .9rem;border-radius:1rem;text-align:center}.info-note strong{display:block;font-size:.9rem;line-height:1.4}.action-strip{bottom:max(.7rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;gap:.6rem;padding:.42rem;border-radius:999px}.desktop-actions{grid-template-columns:3rem minmax(14rem,24rem) 3rem;width:min(32rem,calc(100vw - 2rem))}.compact-actions{width:min(32rem,calc(100vw - 1rem))}.icon-button,.pill-button,.drawer-button{appearance:none;border:0;border-radius:999px;font:inherit;cursor:pointer}.icon-button{width:3rem;height:3rem;background:#1f1612f5;color:#f6ebdc;border:1px solid rgba(255,215,160,.14)}.pill-button{min-height:3rem;font-weight:700}.pill-button.secondary,.drawer-button{background:linear-gradient(135deg,#f0d7b0,#c78d50);color:#1d120b}.control-drawer{bottom:calc(max(.7rem,env(safe-area-inset-bottom)) + 8.4rem);display:grid;gap:.55rem;padding:.7rem;border-radius:1.1rem;opacity:0;pointer-events:none;transform:translate(-50%) translateY(.4rem);transition:opacity .15s ease,transform .15s ease}.desktop-card-row{position:absolute;right:max(.85rem,env(safe-area-inset-right));bottom:calc(max(.85rem,env(safe-area-inset-bottom)) + 10.6rem);display:grid;grid-template-columns:minmax(13rem,18rem) repeat(2,minmax(10rem,12rem));gap:.75rem;align-items:stretch;pointer-events:auto;z-index:4}.desktop-drawer-actions{position:absolute;left:max(.85rem,env(safe-area-inset-left));bottom:calc(max(.85rem,env(safe-area-inset-bottom)) + 10.6rem);width:min(24rem,calc(100vw - 2rem));pointer-events:auto;z-index:4}.control-drawer.is-open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.drawer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.drawer-button{min-height:2.9rem;font-weight:700}.drawer-button.danger{background:linear-gradient(135deg,#f3b0a7,#d66a52)}.top-hud{position:absolute;top:max(.85rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(46rem,calc(100vw - 2rem));display:flex;gap:.85rem;align-items:center}.turn-badge,.status-pills span,.mini-card,.promotion-panel{border:1px solid rgba(255,215,160,.1);background:#0f0b09c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.turn-badge{flex:1;padding:.95rem 1rem;border-radius:1rem}.turn-badge strong{display:block;font-size:1.2rem;line-height:1.3}.turn-badge p{margin:.4rem 0 0;color:#f6ebdcc2}.top-hud.is-thinking .turn-badge{border-color:#5fa06f59}.status-pills{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.status-pills span{padding:.55rem .8rem;border-radius:999px;color:#f6ebdcd6;white-space:nowrap}.bottom-hud{position:absolute;right:max(.85rem,env(safe-area-inset-right));bottom:max(.85rem,env(safe-area-inset-bottom));display:flex;gap:.75rem;align-items:stretch}.mini-card{min-width:0;padding:.75rem .9rem;border-radius:1rem}.mini-card span{display:block;color:#f6ebdc9e;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.mini-card strong{display:block;margin-top:.4rem;line-height:1.45}.commentary-card strong{font-size:.95rem;line-height:1.5;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reset-button.compact{padding-inline:1.2rem;box-shadow:none}.meta-toggle-button{display:none;appearance:none;border:1px solid rgba(255,215,160,.1);border-radius:999px;padding:.72rem .95rem;font:inherit;font-weight:600;color:#f6ebdc;background:#0f0b09c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer}.meta-toggle-button.is-open{border-color:#ffd7a03d;background:#231812eb}.mobile-meta-panel{display:none}.zoom-controls{display:flex;gap:.55rem;align-items:center;padding:.45rem;border-radius:999px;border:1px solid rgba(255,215,160,.1);background:#0f0b09c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.zoom-button{appearance:none;width:2.7rem;height:2.7rem;border:1px solid rgba(255,215,160,.15);border-radius:999px;background:#1f1612f5;color:#f6ebdc;font:inherit;font-size:1.2rem;font-weight:700;cursor:pointer;touch-action:manipulation}.match-alert{position:absolute;left:50%;bottom:calc(max(.85rem,env(safe-area-inset-bottom)) + 4.8rem);transform:translate(-50%);width:min(30rem,calc(100vw - 2rem));padding:1rem 1.1rem;border-radius:1.1rem;border:1px solid rgba(255,215,160,.14);background:#0f0b09db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;box-shadow:0 1.2rem 2.5rem #00000047}.match-alert strong{display:block;font-size:1.15rem}.match-alert p{margin:.45rem 0 0;color:#f6ebdcc2}.match-alert-check{border-color:#dd6f6f5c;top:calc(max(.85rem,env(safe-area-inset-top)) + 8.8rem);bottom:auto}.match-alert-end{border-color:#f0d7b047}.promotion-panel{position:absolute;left:max(.85rem,env(safe-area-inset-left));bottom:max(.85rem,env(safe-area-inset-bottom));width:min(18rem,calc(100vw - 2rem));padding:.95rem 1rem;border-radius:1rem}.promotion-panel span{display:block;color:#f6ebdcc7;margin-bottom:.8rem}.promotion-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.promotion-options button{appearance:none;border:0;border-radius:999px;padding:.85rem 1rem;font:inherit;font-weight:700;letter-spacing:.04em;color:#1d120b;background:linear-gradient(135deg,#f0d7b0,#c78d50);cursor:pointer}@media(max-width:980px){.desktop-card-row{left:.85rem;right:.85rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));bottom:calc(max(.85rem,env(safe-area-inset-bottom)) + 10.8rem)}.menu-shell{grid-template-columns:1fr}.menu-hero,.menu-panel{min-height:auto}.menu-notes,.hero-footnote{grid-template-columns:1fr}.top-hud{width:calc(100vw - 2rem);flex-direction:column;align-items:stretch}.status-pills{justify-content:flex-start}.bottom-hud{left:1rem;right:1rem;flex-wrap:wrap;justify-content:stretch}}@media(max-width:640px){.desktop-card-row,.desktop-drawer-actions{display:none}body.game-mode{background:radial-gradient(circle at top,rgba(221,217,176,.22),transparent 18%),linear-gradient(180deg,#c9d0a0,#7f9653)}.space-stage{background:radial-gradient(circle at 50% 18%,rgba(255,250,220,.48),transparent 22%),linear-gradient(180deg,#d7ddb2,#8ea35f)}.space-stage:before{background:linear-gradient(135deg,rgba(255,250,220,.12),transparent 38%),radial-gradient(circle at 16% 16%,rgba(255,255,255,.18) 0 1px,transparent 1.6px),radial-gradient(circle at 82% 12%,rgba(255,255,255,.12) 0 1px,transparent 1.6px);opacity:.78}.flat-board-host{padding:9rem .45rem 9.2rem}.flat-board-shell{width:min(100%,29rem);border-radius:1.2rem}.flat-square{font-size:clamp(1.85rem,8.2vw,2.8rem)}.menu-shell{gap:1rem}.menu-hero,.menu-panel{padding:1rem;min-height:auto;border-radius:1.15rem}.brand-mark{align-items:flex-start}.brand-emblem{width:3.8rem;height:3.8rem}h1{font-size:clamp(2.25rem,11vw,3.2rem);line-height:.98}.lede{font-size:.98rem;line-height:1.55}.hero-status strong,.difficulty-note strong,.menu-chip strong{font-size:1.02rem}.top-hud{top:.5rem;width:calc(100vw - .75rem);gap:.45rem}.turn-badge{padding:.54rem .68rem}.turn-badge strong{font-size:.9rem}.turn-badge p{font-size:.74rem;line-height:1.22}.status-pills{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:none}.status-pills::-webkit-scrollbar{display:none}.status-pills span{flex:0 0 auto;text-align:center;padding:.5rem .65rem;font-size:.8rem}.timer-bar,.info-bar,.info-note,.action-strip,.control-drawer,.promotion-panel,.match-alert,.mini-card{background:#f4f1d6e6;border-color:#4d5d282e;color:#263117}.timer-side,.hero-label,.mini-card span,.turn-badge p,.match-alert p{color:#263117ad}.icon-button{background:#f8f5e2f2;color:#2d3a1a;border-color:#4d5d282e}.info-pill{background:#f8f5e2f0;border-color:#4d5d282e;color:#314020}.info-note{top:calc(max(.45rem,env(safe-area-inset-top)) + 5.1rem);padding:.48rem .68rem}.compact-info-bar{top:calc(max(.45rem,env(safe-area-inset-top)) + 3.55rem);padding:.4rem}.info-note strong{font-size:.8rem;line-height:1.22}.bottom-hud{left:.5rem;right:.5rem;bottom:max(.45rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;align-items:stretch}.mini-card{min-width:0;padding:.62rem .68rem}.mini-card span{font-size:.68rem;letter-spacing:.1em}.mini-card strong{margin-top:.28rem;font-size:.88rem;line-height:1.3}.commentary-card strong{font-size:.82rem;line-height:1.35}.commentary-card,.last-move-card,.captured-card{display:none}.meta-toggle-button{display:block;min-height:2.9rem;width:100%}.zoom-controls,.reset-button.compact{min-height:2.9rem}.zoom-controls{justify-content:center;padding:.28rem;grid-column:span 1}.zoom-button{width:2.7rem;height:2.7rem;font-size:1.15rem}.reset-button.compact{width:100%;grid-column:span 1;padding:.8rem .9rem}.mobile-meta-panel{display:none;position:absolute;left:.5rem;right:.5rem;bottom:calc(max(.45rem,env(safe-area-inset-bottom)) + 11.8rem);display:grid;gap:.45rem;pointer-events:none;opacity:0;transform:translateY(.35rem);transition:opacity .16s ease,transform .16s ease}.mobile-meta-panel.is-open{pointer-events:auto;opacity:1;transform:translateY(0)}.drawer-actions{grid-template-columns:1fr}.match-alert{width:calc(100vw - 1rem);bottom:calc(max(.45rem,env(safe-area-inset-bottom)) + 8.6rem);padding:.8rem .85rem}.match-alert-check{top:calc(max(.45rem,env(safe-area-inset-top)) + 3.8rem);bottom:auto;width:calc(100vw - 1.4rem);padding:.55rem .7rem;border-radius:.95rem}.match-alert strong{font-size:.96rem}.match-alert p{font-size:.82rem}.match-alert-check strong{font-size:.88rem;line-height:1.22}.match-alert-check p{margin-top:.25rem;font-size:.74rem;line-height:1.2}.match-alert-check-compact{width:min(19rem,calc(100vw - 1.6rem));max-width:calc(100vw - 1.6rem);min-height:0;height:auto;bottom:auto;padding:.38rem .6rem;border-radius:999px;background:#f4f1d6f5;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center;overflow:hidden;box-shadow:0 .65rem 1.4rem #00000029}.match-alert-check-compact .hero-label{margin-bottom:.12rem;font-size:.62rem;letter-spacing:.14em}.match-alert-check-compact strong{font-size:.78rem;line-height:1.16}.match-alert-check-compact p{margin-top:.14rem;font-size:.66rem;line-height:1.12}.promotion-panel{left:.5rem;right:.5rem;width:auto;bottom:calc(max(.45rem,env(safe-area-inset-bottom)) + 8.6rem);padding:.8rem .85rem}.promotion-options{grid-template-columns:1fr}}@media(max-width:430px){.flat-board-host{padding:8.6rem .42rem 8.9rem}.flat-board-shell{width:min(100%,25.5rem)}.top-hud{top:.42rem;width:calc(100vw - .45rem)}.turn-badge{padding:.62rem .72rem}.turn-badge strong{font-size:.9rem}.turn-badge p{font-size:.78rem}.status-pills span{padding:.44rem .58rem;font-size:.76rem}.bottom-hud{left:.42rem;right:.42rem;gap:.38rem;grid-template-columns:repeat(2,minmax(0,1fr))}.mini-card{padding:.48rem .54rem}.mini-card span{font-size:.6rem}.mini-card strong{font-size:.76rem}.commentary-card strong{font-size:.74rem}.zoom-controls{min-height:2.7rem}.zoom-button{width:2.45rem;height:2.45rem;font-size:1.05rem}.reset-button.compact{min-height:2.7rem;padding:.72rem .82rem}.meta-toggle-button{min-height:2.7rem;padding:.62rem .78rem;font-size:.86rem}.match-alert,.promotion-panel{width:calc(100vw - .84rem);bottom:calc(max(.42rem,env(safe-area-inset-bottom)) + 7.8rem)}.match-alert-check{top:calc(max(.42rem,env(safe-area-inset-top)) + 3.6rem);bottom:auto}.mobile-meta-panel{left:.42rem;right:.42rem;bottom:calc(max(.42rem,env(safe-area-inset-bottom)) + 11rem)}}@media(max-width:420px){.menu-hero,.menu-panel{padding:.8rem}.bottom-hud{grid-template-columns:1fr}.top-hud{width:calc(100vw - .5rem)}.turn-badge{padding:.65rem .72rem}.turn-badge strong{font-size:.92rem}.turn-badge p{font-size:.8rem}.match-alert,.promotion-panel{bottom:calc(max(.45rem,env(safe-area-inset-bottom)) + 12.8rem)}.match-alert-check,.match-alert-check-compact{bottom:auto}.mini-card{padding:.58rem .62rem}.mini-card strong{font-size:.84rem}.zoom-controls{order:5}.reset-button.compact{order:6}.meta-toggle-button{order:4}}@media(max-width:390px){.flat-board-host{padding:8.2rem .35rem 8.8rem}.menu-shell{gap:.75rem}h1{font-size:clamp(2rem,10.5vw,2.7rem)}.lede{font-size:.92rem}.bottom-hud{grid-template-columns:1fr}.zoom-controls,.reset-button.compact{grid-column:auto}.match-alert,.promotion-panel{bottom:calc(max(.42rem,env(safe-area-inset-bottom)) + 14.2rem)}.match-alert-check{top:calc(max(.42rem,env(safe-area-inset-top)) + 3.45rem);bottom:auto}}@media(max-width:375px){.top-hud{width:calc(100vw - .3rem)}.turn-badge{padding:.56rem .64rem}.turn-badge strong{font-size:.86rem}.turn-badge p{font-size:.75rem}.status-pills span{font-size:.72rem}.mini-card{padding:.5rem .56rem}.mini-card strong{font-size:.76rem}.mobile-meta-panel{bottom:calc(max(.42rem,env(safe-area-inset-bottom)) + 13.6rem)}.match-alert-check{width:calc(100vw - 1rem);padding:.48rem .62rem}.match-alert-check strong{font-size:.82rem}.match-alert-check p{font-size:.7rem}.match-alert-check-compact{width:min(17.5rem,calc(100vw - 1.1rem));bottom:auto;padding:.34rem .52rem}.match-alert-check-compact strong{font-size:.74rem}.match-alert-check-compact p{font-size:.62rem}}@media(max-width:360px){.flat-square{font-size:clamp(1.68rem,7.3vw,2.35rem)}.menu-shell{padding:max(.6rem,env(safe-area-inset-top)) max(.6rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left))}.brand-emblem{width:3.3rem;height:3.3rem}h1{font-size:clamp(1.85rem,10vw,2.45rem)}.bottom-hud{left:.35rem;right:.35rem}.zoom-button{width:2.25rem;height:2.25rem}}@media(max-width:390px){.menu-shell{padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.menu-hero,.menu-panel{padding:.9rem}.turn-badge,.mini-card,.promotion-panel,.match-alert{border-radius:.95rem}}