*{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{position:relative;aspect-ratio:7/9;overflow:hidden;background:var(--deep);background-image: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);border-radius:3px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.plant:focus-visible{outline:3px solid var(--amber);outline-offset:-3px}.belt{position:absolute;left:34%;right:34%;top:-6%;bottom:-6%;background:linear-gradient(90deg,#10151b,#262f3a 18%,#303b47 50%,#262f3a 82%,#10151b);box-shadow:inset 0 0 0 2px #0a0e13,0 0 30px rgba(0,0,0,.8)}.belt i{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.55) 0 3px,transparent 3px 22px);animation:roll var(--roll,2s) linear infinite}@keyframes roll{to{background-position:0 -22px}}.belt::after,.belt::before{content:"";position:absolute;top:0;bottom:0;width:4%;background:linear-gradient(90deg,#3b4753,#1a212a);box-shadow:0 0 8px rgba(0,0,0,.7)}.belt::before{left:-4%}.belt::after{right:-4%}.item{position:absolute;left:50%;top:calc(var(--y) * 100%);width:21%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:3;cursor:pointer;will-change:top,transform}.item::before{content:"";position:absolute;inset:2% -4% -2%;background:linear-gradient(180deg,#55636f,#313b46);border:2px solid #0a0e13;border-radius:5px;box-shadow:inset 0 2px 0 rgba(255,255,255,.18),0 5px 10px rgba(0,0,0,.8)}.item .glyph{position:absolute;inset:8%}.item .glyph svg{display:block;width:100%;height:100%;overflow:visible}.item.lead::before{border-color:rgba(230,237,243,.75)}.play.aimable .item.lead::before{border-color:var(--amber);box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 0 0 3px var(--amber),0 0 22px rgba(255,176,32,.65)}.item i{position:absolute;top:50%;width:18%;aspect-ratio:1/1.5;transform:translateY(-50%);background:var(--amber);opacity:0;transition:opacity 140ms ease;filter:drop-shadow(0 0 6px rgba(255, 176, 32, .9))}.item .lt{right:106%;clip-path:polygon(100% 0,100% 100%,0 50%)}.item .rt{left:106%;clip-path:polygon(0 0,0 100%,100% 50%)}.play.aimable .item.lead i{opacity:1;animation:nudge .8s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(-50%) scale(1.25)}}.item.dropping{transition:transform 280ms cubic-bezier(.4, 0, .7, 1),opacity 280ms ease-in;opacity:0}.item.to-left{transform:translate(-190%,-50%) scale(.5) rotate(-25deg)}.item.to-right{transform:translate(90%,-50%) scale(.5) rotate(25deg)}.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)}}.crate{position:absolute;top:calc(var(--y) * 100%);width:30%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--cell) * .06);padding:calc(var(--cell) * .22) calc(var(--cell) * .12) calc(var(--cell) * .12);overflow:hidden;background:linear-gradient(180deg,#56412a,#3a2b1b);border:2px solid #22190f;border-radius:4px;box-shadow:inset 0 2px 0 rgba(255,255,255,.12),0 6px 14px rgba(0,0,0,.6);z-index:2}.crate.b2{aspect-ratio:1/.94}.crate.b3{aspect-ratio:1/.76}.crate.b4{aspect-ratio:1/.62}.crate.left{left:1.5%}.crate.right{right:1.5%}.crate.empty{opacity:.25}.crate::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,color-mix(in srgb,var(--bg,#8a7047) 22%,transparent),transparent 60%),repeating-linear-gradient(0deg,rgba(0,0,0,.26) 0 2px,transparent 2px 26%);border-radius:2px;pointer-events:none}.crate .lid{position:absolute;left:-2px;right:-2px;top:-8%;height:11%;background:linear-gradient(180deg,#6b5334,#43331f);border:2px solid #22190f;border-radius:3px;transform-origin:50% 100%}.crate .face{flex:1 1 0;min-height:0;width:100%}.crate .face svg{display:block;width:100%;height:100%}.crate .tally{flex:none;width:88%;height:clamp(4px,calc(var(--cell) * .13),8px);background:rgba(0,0,0,.55);border-radius:2px;overflow:hidden}.crate .fill{display:block;width:calc(var(--p,0) * 100%);height:100%;background:var(--amber);transition:width .2s ease-out}.crate .count{flex:none;font:700 clamp(8px, calc(var(--cell) * .26), 14px)/1.1 var(--f-mono);color:var(--mist-dim)}.crate.b4 .count{display:none}.crate.nearly .fill{background:var(--hot)}.crate.nearly{box-shadow:inset 0 2px 0 rgba(255,255,255,.12),0 0 0 2px var(--hot),0 6px 18px rgba(255,90,31,.45)}.crate.hit{animation:crate-hit 360ms ease-out}@keyframes crate-hit{30%{transform:translateY(-50%) scale(1.09);filter:brightness(1.5)}100%{transform:translateY(-50%) scale(1)}}.crate.rejected{animation:crate-no 360ms ease-out}@keyframes crate-no{20%,60%{transform:translateY(-50%) translateX(-5%);box-shadow:0 0 0 3px var(--hot)}40%,80%{transform:translateY(-50%) translateX(5%);box-shadow:0 0 0 3px var(--hot)}}.crate.sealing{animation:crate-seal 520ms ease-in both}@keyframes crate-seal{0%{transform:translateY(-50%)}35%{transform:translateY(-50%) scale(1.06);filter:brightness(1.7)}100%{transform:translateY(-50%) scale(.4);opacity:0}}.crate.sealing .lid{animation:lid-shut .3s ease-out both}@keyframes lid-shut{from{transform:rotate(-42deg)}to{transform:rotate(0)}}.crate.arriving{animation:crate-in .4s cubic-bezier(.3,1.5,.5,1) both}@keyframes crate-in{from{transform:translateY(-50%) translateY(-60%) scale(.7);opacity:0}to{transform:translateY(-50%)}}.play.jammed .plant{box-shadow:inset 0 0 0 3px var(--hot)}.play.jammed .belt{filter:brightness(.85)}.play.braking .belt{filter:saturate(.5) 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 1.4fr;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 .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}}