*{box-sizing:border-box}:root{--steel:#14181E;--steel-hi:#222A34;--deep:#070A0E;--plate:#2B3440;--plate-dark:#1B222B;--mist:#E6EDF3;--mist-dim:rgba(230, 237, 243, .68);--amber:#FFB020;--amber-dark:#8A5D07;--hot:#FF5A1F;--cyan:#4FD6E0;--ink:#12160C;--f-display:"Big Shoulders Display","Arial Narrow",Impact,system-ui,sans-serif;--f-body:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--f-mono:"Chivo Mono",ui-monospace,Consolas,monospace;color-scheme:dark}html{height:100%;background:var(--steel)}body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;color:var(--mist);font-family:var(--f-body);font-size:15px;line-height:1.5;background-color:var(--steel);background-image:radial-gradient(80% 50% at 50% 118%,rgba(255,90,31,.2),transparent 70%),radial-gradient(70% 45% at 0 0,var(--steel-hi),transparent 70%),repeating-linear-gradient(115deg,rgba(230,237,243,.022) 0 2px,transparent 2px 30px),repeating-linear-gradient(0deg,rgba(79,214,224,.05) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(79,214,224,.05) 0 1px,transparent 1px 34px);-webkit-tap-highlight-color:transparent}body::after{content:"";position:fixed;inset:0;background:radial-gradient(120% 90% at 50% 45%,transparent 45%,rgba(0,0,0,.55));pointer-events:none;z-index:20}.play{--gut:12px;--hud-h:56px;--pal-h:58px;--board-w:min(calc(100cqw - 2 * var(--gut)), calc((100cqh - var(--hud-h) - var(--pal-h) - 44px) * .7778 + 14px));position:fixed;inset:0;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.frame,.hud,.readout{flex:none}.hud{display:flex;align-items:center;gap:10px;width:var(--board-w);height:var(--hud-h)}.menu-btn{display:flex;align-items:center;gap:9px;height:44px;padding:0 14px 0 12px;font:800 13px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--mist);background:var(--plate);border:0;border-radius:8px;box-shadow:0 4px 0 var(--plate-dark),inset 0 1px 0 rgba(255,255,255,.12);cursor:pointer}.menu-btn:hover{background:#35404e}.menu-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--plate-dark)}.menu-btn:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.burger,.burger::after,.burger::before{display:block;width:18px;height:2.5px;border-radius:1px;background:currentColor}.burger{position:relative}.burger::after,.burger::before{content:"";position:absolute;left:0}.burger::before{top:-6px}.burger::after{top:6px}@container (max-width:380px){.menu-btn .lbl{display:none}}.stat{min-width:0;text-align:center}.stat.wide{flex:1}.stat .k{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mist-dim);line-height:1.2}.stat .v{display:block;font-family:var(--f-mono);font-weight:700;font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 var(--deep);overflow:hidden;text-overflow:ellipsis}.stat.faults .v{font-family:var(--f-body);font-weight:800;font-size:19px;letter-spacing:.12em;color:var(--amber)}.stat.faults .v.low{color:var(--hot);animation:low .9s ease-in-out infinite}@keyframes low{50%{transform:scale(1.12)}}.frame{--fp:7px;position:relative;width:var(--board-w);padding:var(--fp);background-color:var(--plate);background-image:radial-gradient(circle at 3.5px 3.5px,rgba(255,255,255,.22) 0 1.1px,transparent 1.4px),radial-gradient(circle at 3.5px 3.5px,rgba(0,0,0,.5) 0 1.6px,transparent 1.9px);background-size:22px 22px;background-position:0 0;border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 0 #10151b,0 20px 38px rgba(0,0,0,.6)}.frame:has(.plant:focus-visible){box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 0 #10151b,0 0 0 4px var(--amber)}.glow{position:absolute;inset:-14%;border-radius:40%;background:radial-gradient(circle,rgba(255,90,31,.55),transparent 62%);opacity:calc(.08 + var(--lit, 0) * .5);filter:blur(18px);transition:opacity 420ms ease;pointer-events:none}.plant{--lanes:3;position:relative;aspect-ratio:7/9;overflow:hidden;background:var(--deep);background-image:linear-gradient(90deg,rgba(255,176,32,.22) 0 2px,transparent 2px),repeating-linear-gradient(0deg,rgba(79,214,224,.045) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(79,214,224,.045) 0 1px,transparent 1px 28px);background-size:calc(100% / var(--lanes)) 100%,auto,auto;background-position:-1px 0,0 0,0 0;border-radius:3px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.plant:focus-visible{outline:3px solid var(--amber);outline-offset:-3px}.trailer{position:absolute;top:0;bottom:0;left:calc(var(--x) * 100%);width:calc(var(--w) * 100%);transform:translateX(-50%);transition:left .4s ease,width .4s ease;pointer-events:none;z-index:1}.trailer .cab{position:absolute;top:1%;height:6.4%;left:24%;right:24%;background:linear-gradient(90deg,#a9700c,var(--amber) 30%,#ffc44f 50%,var(--amber) 70%,#a9700c);border:2px solid #0a0e13;border-radius:7px 7px 3px 3px;box-shadow:0 4px 8px rgba(0,0,0,.7)}.trailer .cab .glass{position:absolute;left:10%;right:10%;top:10%;height:26%;background:linear-gradient(180deg,#9fd4e8,#4a7c8f);border-radius:4px 4px 1px 1px}.trailer .cab::after{content:"";position:absolute;left:42%;right:42%;top:100%;height:30%;background:#0a0e13}.trailer .bed{position:absolute;top:9%;height:67%;left:6%;right:6%;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));background-color:#1e2630;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 2px,transparent 2px 12px),linear-gradient(90deg,#56626f 0 5%,transparent 5% 95%,#56626f 95%);border:2px solid #0a0e13;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 6px 14px rgba(0,0,0,.6)}.trailer .doors i{position:absolute;top:75.6%;width:44%;height:1.3%;background:linear-gradient(180deg,#6e7c8a,#3b4753);border:1px solid #0a0e13}.trailer .doors i:first-child{left:6%;transform-origin:0 50%;transform:rotate(-24deg)}.trailer .doors i:last-child{right:6%;transform-origin:100% 50%;transform:rotate(24deg)}.trailer.shut .bed{filter:brightness(.82)}.trailer.leaving{animation:truck-leave .9s cubic-bezier(.5,0,.9,.4) forwards}@keyframes truck-leave{0%{transform:translateX(-50%)}14%{transform:translateX(-50%) translateY(1.2%)}100%{transform:translateX(-50%) translateY(-112%)}}.trailer.gone{transform:translateX(-50%) translateY(-112%)}.trailer.arriving{animation:truck-arrive .7s cubic-bezier(.2,.7,.3,1) both}@keyframes truck-arrive{from{transform:translateX(-50%) translateY(-112%)}to{transform:translateX(-50%)}}.slot{position:relative;display:grid;place-items:center;min-height:0}.slot[data-state=empty]::before{content:"";width:74%;height:74%;border:1px dashed rgba(230,237,243,.12);border-radius:3px}.box{position:relative;height:84%;aspect-ratio:1.12;max-width:90%;display:flex;flex-direction:column;align-items:center;gap:calc(var(--cell) * .04);padding:calc(var(--cell) * .08) calc(var(--cell) * .08) calc(var(--cell) * .07);background:linear-gradient(180deg,#c99a5b,#a27640);border:2px solid #3e2a12;border-radius:3px;box-shadow:inset 0 2px 0 rgba(255,255,255,.22),0 4px 8px rgba(0,0,0,.55)}.box .face{flex:1 1 0;min-height:0;width:100%}.box .face svg{display:block;width:100%;height:100%}.box.done{background:linear-gradient(180deg,#b58750,#8e6535)}.box.done .face{opacity:.7;filter:sepia(.5) saturate(.8)}.box.done .tape{position:absolute;top:-2px;bottom:-2px;left:41%;width:18%;background:linear-gradient(90deg,rgba(255,236,190,.8),rgba(230,200,140,.9) 50%,rgba(255,236,190,.8));box-shadow:0 0 0 1px rgba(62,42,18,.35);z-index:1}.box.open{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 18%,#d4a566),#a27640);box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 0 0 2px var(--amber),0 4px 14px rgba(255,176,32,.35)}.box .flap{position:absolute;top:-18%;width:46%;height:20%;background:linear-gradient(180deg,#ddb374,#b98a4e);border:2px solid #3e2a12;border-radius:2px}.box .flap.l{left:-4%;transform-origin:100% 100%;transform:skewX(18deg)}.box .flap.r{right:-4%;transform-origin:0 100%;transform:skewX(-18deg)}.box .tally{flex:none;width:90%;height:clamp(3px,calc(var(--cell) * .1),7px);background:rgba(0,0,0,.55);border-radius:2px;overflow:hidden}.box .fill{display:block;width:calc(var(--p,0) * 100%);height:100%;background:var(--amber);transition:width .2s ease-out}.box .count{flex:none;font:700 clamp(7px, calc(var(--cell) * .2), 13px)/1 var(--f-mono);color:#2a1c0b}.box.nearly .fill{background:var(--hot)}.box.nearly{box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 0 0 2px var(--hot),0 4px 16px rgba(255,90,31,.5)}.box.hit{animation:box-hit 360ms ease-out}@keyframes box-hit{30%{transform:scale(1.1);filter:brightness(1.35)}100%{transform:scale(1)}}.box.rejected{animation:box-no 360ms ease-out}@keyframes box-no{20%,60%{transform:translateX(-6%);box-shadow:0 0 0 3px var(--hot)}40%,80%{transform:translateX(6%);box-shadow:0 0 0 3px var(--hot)}}.box.taping{animation:box-tape 420ms ease-out both}@keyframes box-tape{40%{transform:scale(1.12);filter:brightness(1.6)}100%{transform:scale(1)}}.box.taping .flap{animation:flap-shut .3s ease-in both}@keyframes flap-shut{to{transform:scaleY(0) translateY(60%);opacity:0}}.dock{position:absolute;left:0;right:0;top:77.4%;bottom:0;background-color:#2b3440;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 2px,transparent 2px 9px),repeating-linear-gradient(-45deg,rgba(0,0,0,.25) 0 2px,transparent 2px 9px);box-shadow:inset 0 10px 16px rgba(0,0,0,.55);z-index:0}.dock::before{content:"";position:absolute;left:0;right:0;top:0;height:7%;background:repeating-linear-gradient(45deg,var(--amber) 0 8px,var(--deep) 8px 16px)}.aim{position:absolute;top:0;bottom:0;left:calc(var(--x,.5) * 100%);width:calc(var(--w,.333) * 100%);transform:translateX(-50%);background:linear-gradient(0deg,rgba(255,176,32,.26),rgba(255,176,32,.08) 55%,rgba(255,176,32,.02));border-inline:1px dashed rgba(255,176,32,.4);transition:left 110ms ease-out,width .4s ease;pointer-events:none;z-index:2}.play:not(.loaded) .aim{opacity:.35}.clock{position:absolute;left:4%;right:4%;bottom:2.2%;height:2.2%;background:rgba(0,0,0,.65);border:1px solid rgba(230,237,243,.15);border-radius:3px;overflow:hidden;z-index:2}.clock i{display:block;width:calc(var(--p,1) * 100%);height:100%;background:linear-gradient(90deg,var(--amber),#ffd37a)}.clock.low i{background:var(--hot)}.play.braking .clock i{background:var(--cyan)}.item{position:absolute;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:min(19%,calc(var(--w,.333) * 72%));aspect-ratio:1;transform:translate(-50%,-50%);transition:left 110ms ease-out;z-index:4;pointer-events:none;will-change:top,left,transform}.item::before{content:"";position:absolute;inset:2% -4% -2%;background:linear-gradient(180deg,#55636f,#313b46);border:2px solid var(--amber);border-radius:5px;box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 0 0 2px #0a0e13,0 0 20px rgba(255,176,32,.5)}.item .glyph{position:absolute;inset:8%}.item .glyph svg{display:block;width:100%;height:100%;overflow:visible}.item .up{position:absolute;left:50%;bottom:110%;width:30%;aspect-ratio:1.4/1;transform:translateX(-50%);background:var(--amber);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 6px rgba(255, 176, 32, .9));animation:nudge-up .8s ease-in-out infinite}@keyframes nudge-up{50%{transform:translateX(-50%) translateY(-30%)}}.plant.hurry .item::before{border-color:var(--hot);box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 0 0 2px #0a0e13,0 0 22px rgba(255,90,31,.75)}.plant.hurry .item .up{background:var(--hot)}.item .badge{position:absolute;left:50%;top:96%;transform:translateX(-50%);padding:1px 6px;font:800 calc(var(--cell) * .16)/1.3 var(--f-body);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#0f141a;border-radius:4px;box-shadow:0 0 0 2px #0a0e13}.item.rush .badge{background:#ffd24a}.item.wild .badge{background:var(--cyan)}.item.rush::before{border-color:#ffd24a;background:linear-gradient(180deg,#7a5a12,#4a360a);box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 0 0 2px #0a0e13,0 0 26px rgba(255,210,74,.85);animation:rush-glow .6s ease-in-out infinite alternate}@keyframes rush-glow{to{box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 0 0 2px #0a0e13,0 0 10px rgba(255,210,74,.5)}}.item.wild::before{border-color:var(--cyan);box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 0 0 2px #0a0e13,0 0 22px rgba(79,214,224,.7)}.item.flying .badge{display:none}.item.flying{transition:left 110ms ease-out,top 230ms cubic-bezier(.3, 0, .6, 1),transform 230ms ease-in;transform:translate(-50%,-50%) scale(.7)}.item.flying .up{display:none}.item.stowed{transition:opacity 150ms ease-in,transform 150ms ease-in;opacity:0;transform:translate(-50%,-50%) scale(.3)}.item.scrapped{animation:scrapped 340ms ease-out both}@keyframes scrapped{0%{filter:brightness(1)}30%{filter:brightness(2.2) saturate(3) hue-rotate(-40deg);transform:translate(-50%,-50%) scale(1.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(.4)}}.play.jammed .plant{box-shadow:inset 0 0 0 3px var(--hot)}.play.jammed .dock{filter:brightness(.8)}.play.braking .plant{box-shadow:inset 0 0 0 3px var(--cyan)}.frame.alarm{animation:alarm .5s ease-out}@keyframes alarm{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 0 #10151b,0 20px 38px rgba(0,0,0,.6)}30%{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 0 #10151b,0 0 0 5px var(--hot),0 0 40px rgba(255,90,31,.7)}}.hint{display:none;flex-direction:column;align-items:center;justify-content:center;flex:none;width:var(--board-w);height:var(--pal-h);padding:6px 10px;text-align:center;font:800 15px/1.2 var(--f-body);color:var(--cyan);background:rgba(79,214,224,.1);border:1px solid var(--cyan);border-radius:6px;pointer-events:none}.hint small{font-weight:600;font-size:12px;color:var(--mist-dim)}.play.braking .hint{display:flex}.play.braking .readout{display:none}.readout{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:8px;width:var(--board-w);height:var(--pal-h)}.readout .cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;background:rgba(230,237,243,.05);border:1px solid rgba(230,237,243,.08);border-radius:6px}.readout .k{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mist-dim)}.readout .v{font-family:var(--f-mono);font-weight:700;font-size:19px;line-height:1.15;font-variant-numeric:tabular-nums}.readout .pay{background:rgba(255,176,32,.1);border-color:rgba(255,176,32,.3)}.readout .pay .v{color:var(--amber)}.readout .v.next{width:34px;height:34px}.readout .v.next svg{display:block;width:100%;height:100%}.readout .combo.on{background:rgba(255,210,74,.14);border-color:#ffd24a}.readout .combo.on .v{color:#ffd24a}.readout .cell.hot{border-color:var(--hot);background:rgba(255,90,31,.16)}.readout .cell.hot .v{color:var(--hot)}.reward{position:fixed;z-index:50;pointer-events:none}.reward .rays{position:absolute;inset:-45%;border-radius:50%;background:repeating-conic-gradient(rgba(255,176,32,.7) 0deg 9deg,transparent 9deg 30deg);-webkit-mask:radial-gradient(closest-side,#000 35%,transparent);mask:radial-gradient(closest-side,#000 35%,transparent);animation:reward-spin 3s linear infinite}.reward .disc{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe3a0,var(--amber) 55%,#a9700c);box-shadow:0 0 0 5px var(--deep),0 6px 0 5px var(--deep),0 0 36px 8px rgba(255,176,32,.7)}.reward .disc img{width:60%;height:60%;filter:drop-shadow(0 3px 0 rgba(7, 10, 14, .5))}@keyframes reward-spin{to{transform:rotate(360deg)}}.burst{position:fixed;z-index:50;width:0;height:0;pointer-events:none}.burst i{position:absolute;display:block;border-radius:50%}.burst .ring{left:-26px;top:-26px;width:52px;height:52px;border:3px solid var(--amber)}.burst .spark{left:-4px;top:-4px;width:8px;height:8px;background:var(--amber);box-shadow:0 0 8px #ffe3a0}.burst .spark:nth-child(odd){background:var(--hot)}.shake{animation:shake 420ms cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-6px,2px)}40%,60%{transform:translate(6px,-1px)}}.toast{position:absolute;left:0;right:0;top:38%;padding-inline:16px;text-align:center;text-wrap:balance;font-family:var(--f-display);font-weight:800;font-size:calc(var(--cell) * .82);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--amber);text-shadow:0 3px 0 var(--deep),0 0 22px rgba(255,90,31,.8);opacity:0;pointer-events:none;z-index:3}.over{position:absolute;inset:var(--fp);display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:safe center;overflow-y:auto;padding:20px;text-align:center;background:rgba(7,10,14,.94);z-index:4}.over[hidden]{display:none}.over h2{margin:0;font-family:var(--f-display);font-weight:800;font-size:40px;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--hot)}.over p{margin:0;max-width:28ch;color:var(--mist-dim)}.over .big{width:72px;height:72px}.over p.placed{font-weight:800;color:var(--amber)}.over p.placed:empty{display:none}.over .board-list{width:100%;max-width:320px}.over .board-list li{padding:5px 10px}.over .board-list .lvl{display:none}img.inl{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em}kbd{padding:1px 5px;font-family:var(--f-mono);font-size:11px;color:var(--mist);border:1px solid rgba(230,237,243,.3);border-radius:3px}.tool-btn{position:relative;flex:none;width:48px;height:44px;padding:0;background:var(--plate);border:0;border-radius:8px;box-shadow:0 4px 0 var(--plate-dark),inset 0 1px 0 rgba(255,255,255,.12);cursor:pointer}.tool-btn:hover{background:#35404e}.tool-btn .ico{display:block;width:28px;height:28px;margin:auto;pointer-events:none}.tool-btn:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.tool-btn .cnt{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 5px;font:700 12px/21px var(--f-mono);color:var(--ink);background:var(--amber);border-radius:11px;box-shadow:0 0 0 2px var(--deep)}.tool-btn.empty{opacity:.55}.tool-btn.empty .cnt{background:var(--mist-dim)}.tool-btn[aria-pressed=true]{background:var(--cyan);transform:translateY(2px);box-shadow:0 2px 0 #2a7c84,0 0 0 3px var(--mist)}.btn{align-self:center;padding:12px 16px;font:800 13px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--mist);background:var(--plate);border:0;border-radius:8px;box-shadow:0 4px 0 var(--plate-dark);cursor:pointer}.btn:hover{background:#35404e}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--plate-dark)}.btn:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.btn.primary{color:var(--ink);background:var(--amber);box-shadow:0 4px 0 var(--amber-dark)}.btn.primary:hover{background:#ffc44f}.btn.small{flex:none;padding:10px 12px;font-size:12px}.menu{position:fixed;inset:0 auto 0 0;width:min(420px,100vw);max-width:none;height:100%;max-height:none;margin:0;padding:0;color:var(--mist);background:var(--deep);border:0;box-shadow:6px 0 0 var(--plate),0 0 40px rgba(0,0,0,.6)}.menu[open]{animation:slide-in 180ms ease-out}.menu::backdrop{background:rgba(3,6,9,.7)}@keyframes slide-in{from{transform:translateX(-24px);opacity:0}}.menu-in{height:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:22px;padding-inline:max(20px,env(safe-area-inset-left)) 20px;padding-block:max(18px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-bottom))}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:6px solid transparent;border-image:repeating-linear-gradient(45deg,var(--amber) 0 10px,var(--deep) 10px 20px) 6}.menu h1{margin:0;font-family:var(--f-display);font-weight:800;font-size:38px;line-height:.95;letter-spacing:.02em;text-transform:uppercase;color:var(--amber);text-shadow:0 3px 0 #000}.menu h2{margin:0 0 8px;font-family:var(--f-display);font-weight:600;font-size:26px;line-height:1;text-transform:uppercase;letter-spacing:.03em}.lede{margin:-12px 0 0;color:var(--mist-dim)}.close-btn{flex:none;width:44px;height:44px;font-size:18px;line-height:1;color:var(--mist);background:0 0;border:1px solid rgba(230,237,243,.3);border-radius:8px;cursor:pointer}.close-btn:hover{background:rgba(230,237,243,.1)}.close-btn:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:12px}.actions .btn{flex:1 1 140px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tag{min-width:0;padding:12px 14px;text-align:center;color:var(--ink);background:var(--amber);border-radius:6px;box-shadow:inset 0 -4px 0 rgba(90,55,0,.25)}.tag .k{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.tag .v{display:block;font-family:var(--f-mono);font-weight:700;font-size:26px;line-height:1.15;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.row{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(230,237,243,.06);border-left:3px solid var(--plate);border-radius:0 8px 8px 0}.row-ico{display:grid;place-items:center;flex:none;width:52px;height:52px;background:var(--steel-hi);border-radius:6px}.row-ico img{width:34px;height:34px}.row .k{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mist-dim)}.row .v{display:block;font-family:var(--f-display);font-weight:600;font-size:24px;line-height:1.1;text-transform:uppercase;color:var(--amber)}.row .s{display:block;font-family:var(--f-mono);font-size:12px;color:var(--mist-dim)}.row .grow{flex:1;min-width:0}.row .grow .v{overflow-wrap:anywhere}.howto p{margin:0 0 8px;font-size:14px;color:var(--mist-dim)}.best .sub{margin:0 0 10px;font-size:13px;color:var(--mist-dim)}.board-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.board-list li{display:grid;grid-template-columns:2.6em 1fr auto;align-items:center;gap:10px;padding:8px 12px;text-align:left;background:rgba(230,237,243,.06);border-radius:4px}.board-list .rank{font:700 13px/1 var(--f-mono);color:var(--mist-dim)}.board-list li:nth-child(-n+3) .rank{color:var(--amber)}.board-list .who{min-width:0}.board-list .name{display:block;overflow:hidden;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.board-list .lvl{display:block;font-size:12px;color:var(--mist-dim)}.board-list .pts{font:700 15px/1 var(--f-mono);font-variant-numeric:tabular-nums}.board-list li.mine{color:var(--ink);background:var(--amber)}.board-list li.mine .lvl,.board-list li.mine .rank{color:rgba(18,22,12,.72)}.board-list li.empty{display:block;font-size:13px;text-align:center;color:var(--mist-dim)}.name-dlg{width:min(360px,calc(100vw - 32px));padding:0;color:var(--mist);background:var(--deep);border:0;border-radius:10px;box-shadow:0 8px 0 var(--plate),0 0 40px rgba(0,0,0,.6)}.name-dlg::backdrop{background:rgba(3,6,9,.8)}.name-form{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;text-align:center}.name-form .big{width:80px;height:80px}.name-form h2{margin:0;font-family:var(--f-display);font-weight:800;font-size:34px;line-height:1;text-transform:uppercase;letter-spacing:.03em;color:var(--amber)}.name-form p{margin:0;color:var(--mist-dim)}.name-form .btn{align-self:stretch}.field{align-self:stretch;display:flex;flex-direction:column;gap:6px;text-align:left}.field .k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mist-dim)}.field input{width:100%;padding:12px 14px;font:600 18px/1.2 var(--f-body);color:var(--ink);background:var(--mist);border:0;border-radius:6px;box-shadow:inset 0 3px 0 rgba(18,22,12,.2)}.field input:focus-visible{outline:3px solid var(--amber);outline-offset:2px}@media (prefers-reduced-motion:reduce){.frame.alarm,.menu[open],.shake,.stat.faults .v.low{animation:none}}