:root{color-scheme:dark;--ink-0:#04070a;--ink-1:#080d13;--ink-2:#0d141b;--ink-3:#131c25;--ink-line:#1e2a35;--glass-fill:rgba(255,255,255,.055);--glass-hover:rgba(255,255,255,.085);--glass-stroke:rgba(255,255,255,.1);--glass-hi:rgba(255,255,255,.22);--gold:#e4b978;--gold-light:#f7e3bc;--rose:#e4747f;--rose-deep:#d2545f;--text-1:#eaf0f4;--text-2:#93a2af;--text-3:#5b6874;--text-4:#38424c;--expo:cubic-bezier(.16,1,.3,1);--std:cubic-bezier(.22,.61,.36,1);--inout:cubic-bezier(.65,0,.35,1);--fall:cubic-bezier(.45,.05,.85,.6);--serif:"Noto Serif SC","Songti SC","STSong",serif;--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Noto Sans SC",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}html{min-height:100%;background:var(--ink-0)}body{margin:0;color:var(--text-1);font:14px/1.7 var(--sans);min-height:100svh;background:radial-gradient(ellipse at 64% 44%,#10192388,transparent 52%),var(--ink-0);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}
button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a{color:inherit;text-decoration:none}button:active:not(:disabled){transform:scale(.97)}button{transition:opacity .24s,var(--std) background .24s,transform .22s var(--expo),border-color .24s}button:hover:not(:disabled){color:var(--text-1)}.hidden{display:none!important}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500}strong,b{font-weight:500}.masthead{max-width:1344px;margin:auto;height:116px;padding:0 64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand svg{width:32px;height:32px;stroke:var(--gold);stroke-width:1.3;fill:none}.brand>span{font-size:16px;letter-spacing:.15em;line-height:1.4}.brand small{display:block;font:8px/1.7 var(--sans);letter-spacing:.28em;color:var(--text-3);margin-top:4px}.masthead nav{display:flex;align-items:center;gap:24px}.quiet{font-size:12px;color:var(--text-2);padding:8px 0}.keycap{font-family:var(--mono);border:1px solid var(--ink-line);color:var(--text-3);border-radius:4px;padding:1px 5px;margin-left:10px}.eyebrow{font-size:10px;letter-spacing:.18em;line-height:1.5;color:var(--text-3);font-weight:400}.eyebrow>span{margin:0 10px;color:var(--text-4)}main{min-height:calc(100svh - 188px);display:grid;align-items:center}.setup-screen{width:min(100% - 96px,940px);margin:32px auto 70px;display:grid;grid-template-columns:1fr 400px;gap:100px;align-items:center}.setup-heading{padding-top:8px}.mode-switch{display:flex;gap:20px;margin-bottom:55px;white-space:nowrap}.mode-switch button{font-size:12px;color:var(--text-3);padding:7px 0;position:relative}.mode-switch button[aria-pressed=true]{color:var(--gold-light)}.mode-switch button[aria-pressed=true]:after{content:"";position:absolute;bottom:0;left:0;width:18px;height:1px;background:var(--gold)}.setup-heading h1{font-size:48px;letter-spacing:.08em;margin:16px 0 10px;line-height:1.45}.intro{color:var(--text-2);font-size:14px}.mine-slots{display:flex;gap:12px;margin:32px 0 40px}.mine-slots span{width:48px;height:58px;border:1px solid var(--glass-stroke);border-top-color:var(--glass-hi);background:linear-gradient(145deg,var(--glass-fill),transparent);border-radius:9px;display:grid;place-items:center;color:var(--text-4);font:200 24px/1 var(--sans);font-variant-numeric:tabular-nums;backdrop-filter:blur(20px)}.mine-slots span.filled{color:var(--gold-light);animation:slot-in .24s var(--expo)}.confirm{width:260px;min-height:56px;border:1px solid #e4b97877;border-top-color:#e4b978bb;border-radius:999px;background:linear-gradient(160deg,#ffffff0c,#ffffff02);display:flex;align-items:center;justify-content:center;gap:48px;letter-spacing:.12em;font-size:14px;box-shadow:0 18px 40px -24px #000;backdrop-filter:blur(20px);transition:opacity .24s,background .24s,transform .22s var(--expo)}.confirm:disabled{opacity:.3}.confirm:not(:disabled):hover{background:var(--glass-hover);border-color:var(--gold)}.confirm>span{color:var(--gold);font-size:18px}.setup-status{font-size:12px;color:var(--text-3);min-height:24px;margin-top:16px}.setup-status.conflict{color:var(--rose);animation:conflict .24s var(--expo)}.placement{align-self:center;padding-top:30px;position:relative}.placement-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.count{font:11px var(--mono);color:var(--text-4)}.count b{color:var(--text-2);margin-right:6px}.number-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.number-grid button{height:38px;min-width:0;border:1px solid #ffffff0b;border-top-color:#ffffff13;border-radius:6px;background:linear-gradient(150deg,#ffffff08,#ffffff02);color:var(--text-2);font:12px var(--mono);font-variant-numeric:tabular-nums;position:relative;transition:background .14s,border-color .2s,color .2s,transform .2s var(--expo)}.number-grid button:hover:not(:disabled){background:var(--glass-hover);transform:translateY(-1px);border-color:var(--glass-stroke)}.number-grid button[aria-pressed=true]{border-color:var(--gold);color:var(--gold-light);background:#e4b97808;box-shadow:0 0 20px -10px #e4b97830}.number-grid button:after{content:"";width:12px;height:2px;background:var(--gold);position:absolute;bottom:4px;left:calc(50% - 6px);transform:scaleX(0);transition:transform .2s var(--expo)}.number-grid button[aria-pressed=true]:after{transform:scaleX(1)}.placement-foot{margin-top:22px;display:flex;justify-content:space-between;font-size:11px;color:var(--text-3)}.placement-foot>span,.arena-foot>span{display:flex;gap:8px;align-items:center}.mine-key{display:inline-block;width:6px;height:6px;border:1px solid #c79a57;border-radius:50%}.known-key{display:inline-block;width:6px;height:6px;border:1px solid var(--rose-deep);transform:rotate(45deg)}.grid-reflection{position:absolute;left:50%;right:0;top:calc(100% + 32px);height:100px;pointer-events:none;mask-image:linear-gradient(#000,transparent)}.grid-reflection i{display:block;width:95%;height:1px;background:#ffffff08;margin:15px 0;transform:translateX(-10px)}.grid-reflection i:nth-child(2){transform:translateX(-20px)}.grid-reflection i:nth-child(3){transform:translateX(-30px)}.grid-reflection i:nth-child(4){transform:translateX(-40px)}.room-box{margin:-16px 0 24px;width:280px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.room-box>div{display:flex;gap:12px;align-items:center}.room-box strong{font:16px var(--mono);letter-spacing:.12em;color:var(--gold-light)}.room-box p{font-size:12px;color:var(--text-3);grid-column:1/-1}
.match-screen{width:min(100% - 96px,1140px);margin:0 auto 28px;display:grid;grid-template-columns:1fr 420px 1fr;gap:48px;align-items:center}.match-side h1{font-size:38px;letter-spacing:.08em;line-height:1.6;margin:20px 0 42px}.position-stats{display:flex;gap:38px}.position-stats>div{display:flex;flex-direction:column}.position-stats strong{font-size:38px;font-weight:200;font-variant-numeric:tabular-nums;line-height:1.6;letter-spacing:-.04em}.position-stats>div:first-child strong{color:var(--gold-light)}.position-stats>div:nth-child(2) strong{color:#f2a0a8}.position-stats small{font-size:12px;font-weight:400;color:var(--text-4);letter-spacing:0;margin-left:8px}.stat-caption{font-size:11px;color:var(--text-3)}.mine-inventory{margin-top:36px;padding-top:24px;border-top:1px solid var(--ink-line);max-width:220px}.mine-inventory>div{display:flex;gap:14px;margin-top:12px;font:13px var(--mono);color:var(--gold)}.mine-inventory .used{color:var(--text-4);text-decoration:line-through}.history-trigger{margin-top:32px}.history-trigger span{margin-left:20px;color:var(--text-4)}.arena{width:100%;position:relative}.arena-head{height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;border-bottom:1px solid #ffffff08}.arena-head>div:first-child{display:flex;align-items:baseline;gap:10px}.arena-head strong{font-size:23px;font-weight:200;font-variant-numeric:tabular-nums;line-height:1}.tie-meter{text-align:center}.tie-meter>div{display:flex;gap:10px;height:14px;align-items:center}.tie-meter i{width:4px;height:4px;border-radius:50%;background:var(--ink-line)}.tie-meter i.lit{background:var(--gold);box-shadow:0 0 8px #e4b97850;animation:dot-in .16s var(--expo)}.tie-meter>span{font-size:9px;color:var(--text-4);letter-spacing:.12em}.opponent-distance{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.opponent-distance strong{color:#f2a0a8}.opponent-distance .eyebrow{font-size:8px}.board-wrap{position:relative}.stair-board{position:relative;height:490px;overflow:hidden;mask-image:linear-gradient(transparent,#000 40px,#000 calc(100% - 40px),transparent)}.stair-line{position:absolute;top:0;left:0;width:208px;height:1px;background:rgba(255,255,255,.1);transition:transform var(--move-duration,660ms) var(--move-ease,var(--inout)),background .16s;will-change:transform}.stair-line:before{content:"";position:absolute;top:0;left:0;height:8px;width:1px;background:inherit}.stair-line .level{position:absolute;right:calc(100% + 16px);top:-7px;font:9px var(--mono);color:var(--text-3)}.stair-line .level.dot{right:calc(100% + 19px);font-size:7px;opacity:.6}.stair-line .level-zero{color:var(--text-4)}.stair-line.illuminated{background:rgba(255,255,255,.55)}.stair-line .mine{position:absolute;left:calc(100% + 8px);top:-3px;width:6px;height:6px;border-radius:50%;border:1px solid #c79a57;animation:mine-breathe 1.8s ease-in-out infinite}.stair-line .enemy-mine{border-color:var(--rose-deep);border-radius:0;transform:rotate(45deg);animation:none}.stair-line.spent{background:#ffffff08}.stair-line.collapse{background:var(--rose-deep)}.stair-line.collapse:after{content:"";position:absolute;left:calc(50% - 9px);top:-9px;width:18px;height:18px;border:1px solid var(--rose);border-radius:50%;animation:collapse .18s .12s ease-in both}.pawn{position:absolute;width:12px;height:12px;left:-6px;top:-6px;border-radius:50%;z-index:3;transition:transform var(--move-duration,660ms) var(--move-ease,var(--inout));will-change:transform}.pawn.you{background:var(--gold)}.pawn.enemy{background:var(--rose)}.pawn:before{content:"";position:absolute;inset:-7px;border-radius:50%;background:currentColor;filter:blur(12px);opacity:.35}.pawn.you:before{color:var(--gold)}.pawn.enemy:before{color:var(--rose)}.pawn.safe:after{content:"";position:absolute;inset:-8px;border:1px solid currentColor;border-radius:50%;color:var(--gold);animation:safe-ring .52s var(--expo) both}.pawn.enemy.safe:after{color:var(--rose)}.pawn.falling>i{display:block;position:absolute;inset:0;border-radius:50%;background:inherit;animation:compress .76s var(--expo)}.board-wrap.edge-hit:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 45px #d2545f12;animation:edge-fade .78s ease-out both}.minimap{position:absolute;right:0;top:24px;bottom:24px;width:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.map-label{font:8px var(--mono);color:var(--text-4)}.map-track{position:relative;flex:1;width:1px;background:var(--ink-line)}#map-window{position:absolute;width:3px;left:-1px;height:28.26%;bottom:0;background:#ffffff22;transition:bottom .46s var(--inout)}.map-track i{position:absolute;left:-5px;width:11px;height:2px;background:var(--gold);bottom:0;transition:bottom .46s var(--inout)}.map-track #map-enemy{background:var(--rose);width:7px;left:-3px}.map-track input{position:absolute;inset:-8px -14px;opacity:0;writing-mode:vertical-lr;direction:rtl;width:28px;height:calc(100% + 16px);margin:0;cursor:ns-resize}.follow{position:absolute;left:16px;bottom:4px;font-size:10px;z-index:5}.turn-message{text-align:center;min-height:34px;font-size:12px;color:var(--text-2);letter-spacing:.06em}.turn-message.rose{color:var(--rose)}.turn-message.gold{color:var(--gold-light)}.control-dock{position:relative;margin:0 12px;padding:16px 20px 10px;border:1px solid var(--glass-stroke);border-top-color:var(--glass-hi);background:linear-gradient(160deg,#ffffff0c,#ffffff04);border-radius:28px;box-shadow:0 24px 64px -12px #000b;backdrop-filter:blur(28px) saturate(180%);animation:dock-in .42s .18s var(--expo) both}.hand-buttons{display:flex;justify-content:center;gap:22px}.hand{position:relative;width:76px;height:86px;border:1px solid #ffffff10;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-2);background:#ffffff03}.hand:hover:not(:disabled){border-color:#e4b97866;background:#e4b97806;color:var(--gold-light)}.hand.chosen{color:var(--gold-light);border-color:var(--gold)}.hand.dim{opacity:.28}.hand:disabled{cursor:default}.hand-icon{width:28px;height:32px;display:grid;place-items:center}.hand svg,.reveal svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}.hand sup{position:absolute;right:11px;top:8px;font:9px var(--mono);color:var(--text-3)}.hand-name{font-size:11px}.shortcuts{display:block;text-align:center;font:9px var(--mono);color:var(--text-4);margin-top:10px;letter-spacing:.12em}.shortcuts>span{margin:0 12px}.arena-foot{display:flex;justify-content:center;gap:24px;margin-top:20px;font-size:9px;color:var(--text-3)}#connection-status{color:var(--text-4)}.match-note{padding-left:32px;align-self:center}.match-note>p{font-family:var(--serif);font-size:18px;line-height:2;letter-spacing:.08em;color:var(--text-3);margin-top:18px}.thin-stair{margin-top:30px;height:60px;position:relative;opacity:.55}.thin-stair i{position:absolute;width:56px;height:1px;background:var(--ink-line);left:0;top:40px}.thin-stair i:nth-child(2){left:12px;top:25px}.thin-stair i:nth-child(3){left:24px;top:10px}#match-room{display:block;margin-top:36px;font-size:9px}.reveal{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:28px;background:radial-gradient(ellipse,#080d13dd 8%,#080d1399 35%,transparent 72%);pointer-events:none;animation:reveal-in .24s var(--expo)}.reveal-player{width:72px;height:114px;display:flex;align-items:center;flex-direction:column;gap:14px}.reveal-player>div{border:1px solid var(--glass-stroke);border-radius:20px;width:72px;height:72px;flex-shrink:0;display:grid;place-items:center;background:#080d13b3;color:var(--text-2)}.reveal-player p{font-size:11px;color:var(--text-2)}.reveal-player.winner>div{border-color:var(--gold);color:var(--gold-light);animation:verdict .36s var(--std)}#reveal-enemy.winner>div{border-color:var(--rose);color:#f2a0a8}.reveal-player.loser{opacity:.35;transform:translateY(6px);transition:.36s}.reveal-divider{height:40px;width:1px;background:var(--glass-stroke);margin-top:5px}.step-buttons>span{font-size:11px;color:var(--gold-light);display:block;text-align:center;margin:0 0 8px}.step-buttons>div{display:flex;justify-content:center;gap:16px}.step-buttons button{border:1px solid #e4b97855;border-radius:20px;padding:6px 32px;font-size:28px;font-weight:200}.step-buttons small{font-size:11px;color:var(--text-3)}
.result-screen{position:relative;text-align:center;margin:40px auto 80px;min-width:280px;padding:90px 24px 20px;isolation:isolate}.result-screen>h1{font-size:64px;letter-spacing:.18em;color:var(--gold-light);margin:16px 0 14px;animation:result-in .72s var(--expo) both}.result-screen.lost>h1{color:#f2a0a8}.result-screen>p:not(.eyebrow){color:var(--text-2);font-size:13px}.result-stairs{position:absolute;inset:0;z-index:-1;opacity:.35;mask-image:linear-gradient(transparent,#000 35%,transparent)}.result-stairs i{position:absolute;width:240px;height:1px;left:calc(50% - 120px);background:#ffffff17;transform:translateX(var(--x));top:var(--y)}.result-numbers{display:flex;align-items:center;justify-content:center;gap:32px;margin:32px 0 40px}.result-numbers>span{font-size:11px;color:var(--text-3)}.result-numbers strong{font:200 32px var(--sans);font-variant-numeric:tabular-nums;color:var(--text-1);display:block;margin-bottom:4px}.result-numbers>i{width:1px;height:36px;background:var(--ink-line)}.result-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.result-actions .confirm{margin-bottom:8px}.site-footer{height:72px;padding:0 64px;max-width:1344px;margin:auto;display:flex;align-items:center;justify-content:space-between;color:var(--text-4);font-size:9px;letter-spacing:.12em}.site-footer>span:first-child{color:var(--text-3)}dialog{width:min(520px,calc(100% - 32px));padding:28px;border:1px solid var(--glass-stroke);border-top-color:var(--glass-hi);border-radius:24px;background:#0b1119f5;color:var(--text-1);box-shadow:0 24px 64px -12px #000b;backdrop-filter:blur(28px);max-height:85svh;overflow:auto}dialog::backdrop{background:#04070ab3;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.close{font-size:25px;line-height:1;width:32px;min-height:32px}dialog h2{font-size:28px;letter-spacing:.08em;line-height:1.6;margin-bottom:24px}.rules-list{margin:0;padding-left:20px;counter-reset:rules}.rules-list li{padding-left:8px;margin:0 0 20px;color:var(--text-3)}.rules-list b{color:var(--text-1);font-size:13px}.rules-list p{color:var(--text-2);font-size:12px;margin-top:4px}.dialog-note{font-size:11px;color:var(--text-3);line-height:1.9;border-top:1px solid var(--ink-line);padding-top:18px}#join-form{display:flex;flex-direction:column;gap:16px}#join-form label{font-size:12px;color:var(--text-2)}#join-code{background:var(--glass-fill);border:1px solid var(--glass-stroke);border-radius:12px;color:var(--gold-light);font:24px var(--mono);letter-spacing:.25em;text-transform:uppercase;width:100%;height:60px;padding:12px 16px}#join-form .confirm{width:100%;margin-top:8px}.error{font-size:12px;color:var(--rose);min-height:20px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:12px 24px;border:1px solid var(--glass-stroke);border-radius:999px;background:#0d141bf2;color:var(--text-2);font-size:12px;z-index:100;max-width:calc(100% - 24px);text-align:center;backdrop-filter:blur(20px)}.history-row{padding:16px 0;border-bottom:1px solid var(--ink-line)}.history-row>div{display:flex;justify-content:space-between;align-items:baseline;color:var(--text-2);font-size:12px;gap:16px}.history-row .eyebrow{font:9px var(--mono);white-space:nowrap}.history-row p{font-size:11px;color:var(--text-3);margin-top:6px}.leave-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.leave-actions .confirm{width:220px}.no-motion *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0ms!important}.network-offline #connection-status{color:var(--rose)}
@keyframes slot-in{from{transform:translateY(6px);filter:blur(6px);opacity:.2}to{transform:none;filter:blur(0);opacity:1}}@keyframes conflict{50%{transform:scale(1.03)}}@keyframes mine-breathe{0%,100%{opacity:.45}50%{opacity:.9}}@keyframes dock-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes dot-in{from{transform:scale(.4)}to{transform:scale(1)}}@keyframes collapse{from{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes safe-ring{from{transform:scale(.35);opacity:.7}to{transform:scale(1);opacity:0}}@keyframes compress{0%{transform:scale(1)}25%{transform:scale(.86)}90%{transform:scale(.96)}100%{transform:scale(1)}}@keyframes edge-fade{from{opacity:1}to{opacity:0}}@keyframes reveal-in{from{filter:blur(8px);transform:translateY(8px);opacity:0}to{filter:blur(0);transform:none;opacity:1}}@keyframes verdict{50%{transform:scale(1.04)}}@keyframes result-in{from{filter:blur(12px);transform:scale(.94);opacity:0}to{filter:blur(0);transform:scale(1);opacity:1}}
.in-match .masthead{height:88px}.in-match .site-footer{height:48px}.in-match main{min-height:calc(100svh - 136px)}.in-match .stair-board{height:min(532px,calc(100svh - 436px));min-height:285px}
@media(min-width:1500px){.setup-screen{margin-top:50px;margin-bottom:130px}.match-screen{gap:64px}}@media(max-width:1100px){.masthead,.site-footer{padding-left:40px;padding-right:40px}.setup-screen{gap:60px;width:calc(100% - 100px);grid-template-columns:1fr 380px}.match-screen{grid-template-columns:1fr 390px;max-width:820px;gap:48px}.match-note{display:none}.position-stats{gap:24px}.match-side h1{font-size:32px}}@media(max-width:760px){.masthead{height:88px;padding:0 24px}.brand>span{font-size:14px}.brand svg{width:28px}.brand{gap:10px}.masthead nav{gap:16px}.site-footer{padding:0 24px;height:56px}.site-footer>span:nth-child(2){display:none}main{min-height:calc(100svh - 144px)}.setup-screen{width:min(100% - 48px,400px);display:flex;flex-direction:column;gap:30px;margin:8px auto 32px;align-items:stretch}.setup-heading{display:flex;flex-direction:column;align-items:center}.mode-switch{margin-bottom:32px;gap:28px}.setup-heading h1{font-size:34px;margin:10px 0 6px}.intro{font-size:13px}.mine-slots{margin:22px 0 24px;gap:10px}.mine-slots span{width:44px;height:54px;font-size:22px}.setup-heading .confirm{order:8;margin-top:24px}.setup-status{margin-top:12px;text-align:center}.setup-screen{position:relative;padding-bottom:90px}.setup-heading .confirm{position:absolute;bottom:10px;left:calc(50% - 130px)}.placement{padding-top:0;width:100%;align-self:stretch}.placement-caption{margin-bottom:14px}.number-grid{gap:7px}.number-grid button{height:36px;font-size:12px}.placement-foot{margin-top:14px}.grid-reflection{display:none}.room-box{width:100%;max-width:310px;margin:0 0 4px}.match-screen{display:block;width:min(100% - 32px,420px);margin:0 auto 16px}.match-side{padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.match-side h1,.match-side>.eyebrow,.mine-inventory{display:none}.position-stats{gap:20px}.position-stats>div{flex-direction:row;align-items:baseline;gap:6px}.position-stats .stat-caption,.position-stats small{display:none}.position-stats .eyebrow{font-size:8px}.position-stats strong{font-size:20px;line-height:1.4}.history-trigger{margin:0;font-size:10px}.history-trigger span{margin-left:8px}.arena-head{height:52px}.in-match .masthead{height:72px}.in-match .site-footer{height:40px}.in-match main{min-height:calc(100svh - 112px)}.in-match .stair-board{height:min(490px,calc(100svh - 500px));min-height:250px}.control-dock{margin:0 6px;padding:12px 16px 8px}.hand-buttons{gap:22px}.hand{height:78px;width:76px}.shortcuts{margin-top:8px}.turn-message{min-height:30px;font-size:11px}.arena-foot{gap:18px;margin-top:14px;font-size:9px}.result-screen{padding-top:60px}.result-screen>h1{font-size:52px}.result-numbers{margin:24px 0 32px}.result-screen{margin:10px auto 40px}.result-actions{gap:8px}}@media(max-width:370px){.masthead{padding:0 20px;height:80px}.brand small{font-size:7px}.setup-screen{width:calc(100% - 32px)}.mode-switch{gap:24px}.number-grid{gap:5px}.number-grid button{height:32px;font-size:11px}.mine-slots{margin:18px 0}.placement-caption{margin-bottom:12px}.setup-screen{gap:24px}.hand-buttons{gap:14px}.hand{width:70px;height:76px}.arena-head strong{font-size:21px}.site-footer{padding:0 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.room-box .room-actions{display:flex;gap:12px;white-space:nowrap}.room-box .room-actions button{font-size:11px}.room-box .eyebrow{font-size:9px;white-space:nowrap;letter-spacing:.06em}
.stair-board.entering .stair-line{animation:line-in .36s var(--entry-delay) var(--expo) backwards}@keyframes line-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
.result-screen>h1{font-size:48px}.hand{height:76px}@media(min-width:761px){.placement{width:100%;max-width:370px}.number-grid button{height:34px;font-size:13px}}