.seo-nav{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.seo-nav:focus-within{position:fixed;left:0;right:0;bottom:0;width:auto;height:auto;margin:0;padding:10px 12px;clip:auto;white-space:normal;background:#1f1a33;border-top:3px solid #0e0b1a;z-index:50;display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--px, monospace);font-size:15px}.seo-nav a{color:#f4f6ff}@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}:root{--px: "Clamber Pixel", "Pixelify Sans", ui-monospace, monospace;--sans: "Nunito", system-ui, sans-serif;--ink: #0e0b1a;--night: #1f1a33;--slate: #3b3a5c;--steel: #6a6f8c;--text: #f4f6ff;--dim: #a8b0c8;--yellow: #ffcd4a;--red: #e04f5f;--green: #38b764;--t1: #a8b0c8;--t2: #38b764;--t3: #41a6f6;--t4: #b25fd6;--t5: #ef7d57;--t6: #ffcd4a;--vh: 100dvh}*{font-variant-ligatures:none}html,body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow:hidden}.hud-k,.alt,.alt-best,.alt-sub,.wry,.lm-pop .k,.lm-pop .t,.lm-pop .m,.logo,.badge,.tier,.hold-chip,.hold-head,.mode,.pack-n,.packs-h,.pause-t,.over-k,.over-best,.best-line,.res-kicker,.res-alt,.res-h{font-family:var(--px)}.app{position:relative;height:var(--vh);overflow:hidden}.stage{position:absolute;inset:0;overflow:hidden;background:var(--ink)}#scene{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.hud{position:absolute;inset:0 0 auto;pointer-events:none;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px}.hud-box{background:#0e0b1ab8;border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--slate);padding:5px 9px 6px;justify-self:start;max-width:100%}.hud-k{font-size:10px;letter-spacing:2px;color:var(--dim)}.alt{white-space:nowrap;font-size:24px;font-weight:700;line-height:1.05;color:#fff}.alt-sub{font-size:13px;color:var(--yellow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-dots{display:flex;gap:3px;padding-top:6px}.dot{width:6px;height:6px;background:#0e0b1ab3;border:2px solid var(--ink)}.dot.cur{border-color:#fff}.hud-right{justify-self:end;display:flex;align-items:center;gap:6px;margin-right:18px}.hats{display:flex;gap:2px}.hat{width:24px;height:24px;background:url(/art/ui/icon-hardhat.png) center / 24px 24px no-repeat;image-rendering:pixelated}.hat.lost{filter:grayscale(1) brightness(.45);opacity:.7}.hat.pop{animation:hat-pop .7s steps(7) both}@keyframes hat-pop{0%{transform:translate(0) rotate(0);filter:none;opacity:1}40%{transform:translate(6px,-14px) rotate(45deg);filter:none;opacity:1}to{transform:translate(0) rotate(0)}}.icon-btn{pointer-events:auto;width:34px;height:34px;border:2px solid var(--ink);background:#0e0b1ab8;color:var(--yellow);font:700 16px var(--px);cursor:pointer}.icon-btn[aria-pressed=false]{color:var(--steel);text-decoration:line-through}.app[data-view=home] .hud-alt,.app[data-view=home] .hud-dots{visibility:hidden}.gm-menu{position:relative;z-index:9;display:flex}.app[data-view=play] .gm-menu{display:none}@media(max-width:699px){.app[data-view=home] .card{max-height:calc(var(--vh) - 132px)}}.fx{position:absolute;inset:0;pointer-events:none}.delta{position:absolute;left:50%;top:104px;transform:translate(-50%);font:700 48px var(--px);color:var(--red);text-shadow:3px 3px 0 var(--ink);white-space:nowrap}.wry{position:absolute;left:50%;top:162px;transform:translate(-50%);font-size:18px;background:#0e0b1ae0;border:2px solid var(--ink);padding:5px 12px;white-space:nowrap;max-width:calc(100% - 32px);animation:pop-in .15s steps(3) both}.count{position:fixed;left:50%;top:50%;z-index:5;pointer-events:none;transform:translate(-50%,-50%);font:700 132px/1 var(--px);color:var(--yellow);text-shadow:5px 5px 0 var(--ink)}.count.tick{animation:count-pop .5s steps(5) both}@keyframes count-pop{0%{transform:translate(-50%,-50%) scale(1.6);opacity:0}30%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.9);opacity:.85}}.flash-txt{position:absolute;left:10px;top:104px;font:700 20px var(--px);color:var(--yellow);background:#0e0b1ac7;border-left:4px solid var(--yellow);padding:3px 10px 4px;text-shadow:2px 2px 0 var(--ink);white-space:nowrap;max-width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis;animation:slide 1.3s steps(10) both}@keyframes slide{0%{transform:translate(-16px);opacity:0}12%{transform:none;opacity:1}80%{opacity:1}to{opacity:0}}.flash-txt small{font-size:15px;color:#fff;margin-left:6px}@keyframes rise{0%{transform:translate(-50%,10px);opacity:0}12%{transform:translate(-50%);opacity:1}75%{opacity:1}to{transform:translate(-50%,-12px);opacity:0}}.lm-pop{position:absolute;left:50%;top:92px;transform:translate(-50%);pointer-events:auto;background:#0e0b1af0;border:3px solid var(--yellow);box-shadow:4px 4px #00000080;padding:10px 12px;width:min(340px,calc(100% - 32px));box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;animation:pop-in .18s steps(3) both;cursor:pointer}.lm-pop img{grid-row:span 4;width:64px;height:64px;image-rendering:pixelated}.lm-pop .k{font-size:12px;color:var(--yellow);letter-spacing:2px}.lm-pop .t{font-size:19px;font-weight:700;line-height:1.1}.lm-pop .m{font-size:15px;color:var(--yellow)}.lm-pop .p{font-size:13px;color:var(--dim)}.lm-pop .also{grid-column:1 / -1;font-size:12px;color:var(--dim)}.lm-btns{grid-column:1 / -1;display:flex;gap:8px;margin-top:4px}.lm-pop button.lm-share{background:var(--slate);color:#fff}.lm-pop button{grid-column:1 / -1;justify-self:start;font:700 13px var(--px);background:var(--yellow);color:var(--ink);border:0;padding:4px 10px;cursor:pointer}.lm-pop.out{animation:pop-out .2s steps(3) both}@keyframes pop-in{0%{transform:translate(-50%) scale(.6);opacity:0}}@keyframes pop-out{to{transform:translate(-50%) translateY(-12px);opacity:0}}.over-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;text-align:center;background:linear-gradient(rgba(14,11,26,.75),rgba(14,11,26,.2) 60%,transparent);padding:16px;padding-top:max(96px,12vh);animation:fade .4s steps(4) both}.over-screen[hidden]{display:none}@keyframes fade{0%{opacity:0}}.over-k{font-size:16px;letter-spacing:4px;color:var(--red)}.over-t{font:700 46px/1 var(--px);color:var(--yellow);text-shadow:4px 4px 0 var(--ink)}.over-wry{font-size:18px;background:#0e0b1ae0;padding:5px 12px}.over-short{font-size:16px;color:#fff;text-shadow:2px 2px 0 var(--ink)}.over-actions{display:flex;gap:10px;margin-top:8px}.over-note{font-size:12px;color:var(--dim);text-shadow:1px 1px 0 var(--ink)}.app[data-view=over] .card{display:none}.card{position:absolute;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));background:#0e0b1ae6;border:3px solid var(--ink);box-shadow:inset 0 0 0 2px var(--slate),4px 4px #0006;padding:12px 14px;max-height:calc(var(--vh) - 120px);overflow-y:auto;box-sizing:border-box}.view{display:none}.app[data-view=home] .view-home,.app[data-view=play] .view-play,.app[data-view=result] .view-result{display:block}.app[data-view=result] .card{max-height:60%}@media(max-width:699px){.hud-right{flex-direction:column;align-items:flex-end;margin-right:20px}}.logo{margin:0;font-size:40px;letter-spacing:3px;color:var(--yellow);text-shadow:3px 3px 0 var(--t5),6px 6px 0 #000;line-height:1}.logo-img{display:block;width:226px;height:auto;margin-bottom:4px;image-rendering:pixelated}.tagline{margin:8px 0 12px;color:var(--dim);font-size:16px}.btn{font:700 18px var(--px);background:var(--yellow);color:var(--ink);border:0;padding:10px 18px;cursor:pointer;box-shadow:inset -3px -3px #d69a1f,3px 3px #000;touch-action:manipulation}.btn:active{transform:translate(2px,2px);box-shadow:inset -3px -3px #d69a1f,1px 1px #000}.btn:focus-visible,.btn-link:focus-visible,.icon-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.btn-big{width:100%;font-size:26px;padding:14px}.btn-alt{background:#73eff7;box-shadow:inset -3px -3px #41a6f6,3px 3px #000}.btn-ghost{background:var(--slate);color:#fff;box-shadow:inset -3px -3px 0 var(--night),3px 3px #000}.btn-link{white-space:nowrap;flex-shrink:0;background:none;border:0;color:var(--dim);font:400 15px var(--sans);cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}.rival-line{margin:10px 0 0;padding:8px 10px;background:#73eff71f;border:2px solid #73eff7;font-size:15px;text-align:center}.rival-line b{color:#73eff7}.rival-line .emo{display:block;font-family:system-ui,sans-serif;letter-spacing:1px;margin-top:4px}.rival-line .stale{display:block;margin-top:4px;color:var(--dim);font-size:14px}.streak-line,.res-streak{font-size:15px;color:#ffa94d}.streak-line{margin:10px 0 0;text-align:center}.res-streak{margin:4px 0 0}.res-vs{margin:6px 0 0;font-size:15px;color:#73eff7}.stats-line{margin:10px 0 0;font-size:15px;color:var(--yellow);text-align:center}.howto{margin:12px 0;padding:0;list-style:none;font-size:15px;color:#d0d6e6;line-height:1.35}.howto li{padding-left:16px;position:relative;margin:4px 0}.howto li:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;background:var(--t5)}.howto b{color:#fff}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.mode{background:#3b3a5c80;border:2px dashed var(--slate);padding:6px;text-align:center;font-size:15px;color:var(--dim)}.mode em{display:block;font-style:normal;font-size:11px;color:var(--steel);text-transform:uppercase;letter-spacing:1px}.hold-head{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--dim)}.badge{background:var(--t5);color:var(--ink);font-weight:700;font-size:12px;padding:2px 6px;animation:blink .8s steps(2) infinite}@keyframes blink{50%{background:var(--yellow)}}.timer-num{margin-left:auto;font:700 24px var(--px);color:#fff;min-width:2ch;text-align:right}.timer-num.low{color:var(--red)}.timer-num.ready{color:var(--yellow);font-size:15px}.timer-num.ready b{font-size:24px}.timer{height:8px;background:#000;margin:6px 0 8px;border:2px solid #000}.timer-fill{height:100%;background:repeating-linear-gradient(90deg,var(--green) 0 6px,#2a9d55 6px 8px);transform-origin:left}.timer-fill.low{background:repeating-linear-gradient(90deg,var(--red) 0 6px,#a83a48 6px 8px)}.timer-fill.wait{background:repeating-linear-gradient(90deg,var(--yellow) 0 6px,#d69a1f 6px 8px)}.prompt{margin:0;font-size:24px;font-weight:700;line-height:1.15;min-height:1.15em}.feedback{min-height:28px;margin:6px 0;font-size:16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.fb-miss{color:var(--red)}.fb-used,.fb-note{color:var(--yellow)}.fb-hit{font-size:17px}.fb-hit b{color:#fff}.fb-hit .sub{color:var(--dim);font-size:14px}.tier{font-weight:700;padding:1px 6px;color:var(--ink);font-size:13px;white-space:nowrap}.tier-1{background:var(--t1)}.tier-2{background:var(--t2);color:#fff}.tier-3{background:var(--t3);color:#fff}.tier-4{background:var(--t4);color:#fff}.tier-5{background:var(--t5)}.tier-6{background:var(--t6);box-shadow:0 0 0 2px #fff3a0,0 0 8px var(--t6)}.tier-s{background:var(--slate);color:#fff}.tier-x{background:var(--red);color:#fff}.gain{color:var(--green);font-weight:700}.loss{color:var(--red);font-weight:700}.chip{font:700 15px var(--px);background:#73eff7;color:var(--ink);border:0;padding:4px 10px;cursor:pointer;box-shadow:2px 2px #000}.answer{display:flex;gap:8px}.answer input{flex:1;min-width:0;font:600 20px var(--sans);padding:10px 12px;background:#f4f6ff;color:var(--ink);border:3px solid #000;box-shadow:inset 3px 3px #c2c3c7;border-radius:0;outline:none}.answer input:focus{border-color:var(--yellow)}.btn-go{padding:0 16px}.shake{animation:shake .3s steps(6)}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.play-foot{display:flex;align-items:center;gap:10px;margin-top:4px;min-height:30px}#skip{padding:13px 12px;margin:-7px -12px}.last{margin-left:auto;font-size:14px;color:var(--dim);text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.res-top{display:flex;gap:12px;align-items:flex-start}.res-main{flex:1;min-width:0}.postcard{width:120px;image-rendering:pixelated;border:2px solid var(--ink);box-shadow:3px 3px #000;flex:none}.res-kicker{margin:0;font-size:15px;color:var(--dim)}.res-alt{margin:2px 0 0;font-size:38px;font-weight:700;color:var(--yellow);line-height:1;text-shadow:3px 3px 0 #000}.res-lm{margin:6px 0 0;font-size:17px}.res-short,.res-pct,.res-feat,.res-next{margin:4px 0 0;font-size:15px;color:var(--dim)}.res-pct{color:#fff}.res-feat{color:var(--yellow)}.res-emoji{font-size:22px;letter-spacing:2px;margin:10px 0;font-family:system-ui,sans-serif}.res-actions{display:flex;gap:10px;flex-wrap:wrap}.res-actions .btn{flex:1 1 140px;font-size:17px}.res-h{margin:18px 0 6px;font-size:17px;color:var(--yellow)}.res-holds{margin:0;padding:0;list-style:none;font-size:14px}.res-holds li{padding:8px 0;border-bottom:2px solid var(--slate)}.res-holds .q{color:#fff;font-weight:700}.res-holds .you,.res-holds .rare{margin-top:3px;line-height:1.6}.res-holds .you{color:var(--dim)}.res-holds .rare{color:#d0d6e6}.home-link{margin-top:10px}.toast{position:fixed;left:50%;top:20px;transform:translate(-50%);background:var(--yellow);color:var(--ink);font:700 16px var(--px);padding:8px 14px;box-shadow:3px 3px #000;z-index:10}@media(min-width:700px){.card{left:50%;right:auto;transform:translate(-50%);width:min(540px,calc(100% - 48px));bottom:24px;padding:16px 20px}.app[data-view=result] .card{max-height:58%}.flash-txt{top:120px;left:18px;font-size:24px}.delta{top:96px}.wry{top:156px}.count{font-size:200px}.hold-head,.last,.btn-link,.feedback,.fb-hit .sub,.res-kicker,.res-short,.res-pct,.res-feat,.res-streak,.res-vs,.res-next,.res-holds,.lm-pop .p,.lm-pop .also,.lm-pop .k,.alt-sub,.stats-line,.streak-line,.rival-line,.howto,.tagline{font-size:17px}.tier{font-size:15px}.flash-txt small{font-size:19px}.lm-pop .t{font-size:22px}.lm-pop button{font-size:16px}.lm-pop button{padding:6px 14px}.logo{font-size:52px}.logo-img{width:339px;margin-bottom:8px}.alt{font-size:34px}.prompt{font-size:28px}.hud{padding:14px 18px}.dot{width:12px;height:12px}.hat{width:32px;height:32px;background-size:32px 32px}.postcard{width:150px}.over-t{font-size:72px}}@media(prefers-reduced-motion:reduce){.shake,.badge,.lm-pop,.flash-txt,.hat.pop{animation:none}}.logo-sm{font-size:32px}.best-line{margin:0 0 10px;font-size:16px;color:var(--yellow)}.pause-screen{position:absolute;inset:0;z-index:8;background:#0e0b1af7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.pause-screen[hidden]{display:none}.pause-t{font:700 48px var(--px);color:var(--yellow);text-shadow:3px 3px 0 #000}.pause-p{margin:0;max-width:360px;color:var(--dim);font-size:16px}.pause-screen .btn-big{width:min(280px,100%)}#pause{font-size:12px}.app:not([data-view=play]) #pause{display:none}.res-away{margin:6px 0 0;font-size:15px;color:var(--red)}.fb-flag{font-size:13px;padding:2px 8px;background:var(--slate);color:#fff}.fb-flag:disabled{background:var(--green);cursor:default}.new-run[hidden]{display:none}.new-run{margin-top:6px}.best-line.none{color:var(--steel)}.alt-best{font-size:12px;letter-spacing:1px;color:var(--dim);white-space:nowrap}.alt-best.hot{color:var(--ink);background:var(--yellow);padding:0 4px;animation:blink .8s steps(2) infinite}.hold-chip{font-size:12px;letter-spacing:2px;color:#fff;background:#0e0b1ab8;border:2px solid var(--ink);padding:3px 7px;white-space:nowrap}.over-best{font:700 24px var(--px);background:var(--yellow);color:var(--ink);padding:4px 12px;box-shadow:3px 3px #000;animation:blink .8s steps(2) infinite}.over-best[hidden]{display:none}.packs-h{margin:14px 0 6px;font-size:17px;color:var(--yellow)}.packs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pack{position:relative;display:flex;flex-direction:column;gap:1px;text-align:left;font:400 14px var(--px);color:var(--dim);background:#3b3a5c8c;border:2px solid var(--slate);padding:7px 8px;cursor:pointer;touch-action:manipulation}.pack:hover,.pack:focus-visible,.pack.on{border-color:var(--yellow);outline:none}.pack-n{font-size:18px;font-weight:700;color:#fff}.pack-b{color:var(--yellow)}.pack-free,.pack-lock{position:absolute;top:6px;right:6px;font-size:10px;letter-spacing:1px;padding:1px 4px;background:var(--green);color:#fff}.pack-lock{position:static;align-self:flex-start;margin-top:2px;background:var(--slate);color:var(--dim)}.pack-locked{border-style:dashed;cursor:not-allowed}.pack-locked:hover{border-color:var(--slate)}.btn-keep{display:block;box-sizing:border-box;text-align:center;text-decoration:none;width:100%;margin-top:12px;font-size:20px;padding:12px;background:var(--t5);color:var(--ink);box-shadow:inset -3px -3px #b8552f,3px 3px #000;animation:keep-pulse 1.4s steps(2) infinite}@keyframes keep-pulse{50%{background:var(--yellow)}}a.mode-link{display:block;text-decoration:none;border-style:solid;color:#fff;cursor:pointer}a.mode-link em{color:var(--yellow)}a.mode-link:hover,a.mode-link:focus-visible,a.mode-on{border-color:var(--yellow);outline:none}@media(min-width:700px){.packs{grid-template-columns:repeat(3,1fr)}.best-line,.pack{font-size:16px}}@media(prefers-reduced-motion:reduce){.btn-keep,.over-best,.alt-best.hot{animation:none}}