:root{--fg:#fff;--bg:#000;--accent:#ffd23f;--hot:#ff3b3b;--font:"Arial Black", "Helvetica Neue", "Roboto", Arial, system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:#000;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--fg);-webkit-user-select:none;user-select:none;font-weight:900}button{font:inherit;color:inherit;cursor:pointer}#app{touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#gl,#fx{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#fx{pointer-events:none}#app.chroma #gl{filter:drop-shadow(3px 0 #ff003c73)drop-shadow(-3px 0 #00dcff73)}.vignette{pointer-events:none;background:radial-gradient(at 50% 46%,#0000 52%,#00000061 88%,#0009 100%);position:absolute;top:0;bottom:0;left:0;right:0}.grain{pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.5s steps(4,end) infinite grain;position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}.hud{pointer-events:none;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#app[data-state=PLAYING] .hud,#app[data-state=COUNTDOWN] .hud{display:block}.lbl{letter-spacing:.18em;opacity:.8;font-size:11px}.hud-tl{left:calc(14px + var(--safe-l));top:calc(12px + var(--safe-t));text-shadow:0 2px #00000073;position:absolute}.score{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:clamp(26px,8vw,40px);line-height:1}.combo{color:#000;opacity:0;background:#fff;align-items:baseline;gap:8px;margin-top:6px;padding:4px 8px 6px;font-size:15px;transition:opacity .15s,transform .15s;display:inline-flex;position:relative;transform:translateY(-4px)}.combo.on{opacity:1;transform:none}.combo .combo-val{opacity:.7;font-size:12px}.combo i{background:var(--hot);width:0;height:3px;position:absolute;bottom:0;left:0}.hud-tr{right:calc(14px + var(--safe-r));top:calc(12px + var(--safe-t));text-align:right;position:absolute}.timer{font-variant-numeric:tabular-nums;text-shadow:0 2px #00000073;font-size:clamp(22px,6.5vw,32px)}.timer.hot{color:var(--hot);animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.12)}}.hud-bl{left:calc(14px + var(--safe-l));bottom:calc(16px + var(--safe-b));background:#0000008c;border-radius:999px;padding:8px 12px;font-size:20px;position:absolute}.hud-bl.ready{background:var(--accent);color:#000}.hud-bl.pop{animation:.25s ease-out bonepop}@keyframes bonepop{50%{transform:scale(1.18)}}.zoomies-btn{right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));pointer-events:auto;background:var(--accent);color:#000;letter-spacing:.04em;touch-action:manipulation;border:0;border-radius:999px;padding:18px 20px;font-size:18px;animation:.6s ease-in-out infinite alternate zb;display:none;position:absolute;box-shadow:0 6px #b38f12,0 0 0 4px #00000059}.zoomies-btn.on{display:block}@keyframes zb{to{transform:scale(1.07)rotate(-2deg)}}.zoomies-on{right:calc(14px + var(--safe-r));bottom:calc(16px + var(--safe-b));text-align:right;display:none;position:absolute}.zoomies-on.on{display:block}.zoomies-on b{color:var(--accent);text-shadow:0 3px #000;font-size:24px;display:block}.zoomies-on span{color:#000;background:#fff;margin-top:2px;padding:2px 6px;font-size:14px;display:block}.zoomies-on i{background:var(--accent);transform-origin:100%;width:100%;height:4px;margin-top:4px;display:block}.big-count{opacity:0;text-shadow:0 6px #0006;font-size:clamp(60px,22vw,140px);position:absolute;top:22%;left:50%;transform:translate(-50%)}.big-count.on{opacity:.85}.pops{pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:30%;left:0;right:0}.pop{text-align:center;color:#fff;text-shadow:0 4px #000,0 0 18px #00000059;letter-spacing:-.01em;white-space:nowrap;font-size:clamp(26px,9vw,54px);line-height:.95;animation:1.1s cubic-bezier(.2,1.4,.4,1) forwards popIn}.pop small{color:var(--accent);font-size:.5em;display:block}.pop.big{color:var(--accent);font-size:clamp(34px,12vw,76px)}.pop.minor{font-size:clamp(16px,5vw,26px)}.pop.bad{color:var(--hot)}.pop.bank{color:#000;text-shadow:none;background:#fff;padding:4px 12px;font-size:clamp(20px,6.5vw,34px)}@keyframes popIn{0%{opacity:0;transform:scale(1.6)rotate(-3deg)}14%{opacity:1;transform:scale(1)rotate(-3deg)}80%{opacity:1;transform:scale(1)rotate(-3deg)translateY(0)}to{opacity:0;transform:scale(.96)rotate(-3deg)translateY(-14px)}}.banner{background:var(--hot);color:#fff;opacity:0;pointer-events:none;white-space:nowrap;padding:6px 16px;font-size:clamp(22px,7vw,40px);position:absolute;top:17%;left:50%;transform:translate(-50%)rotate(-4deg)}.banner.on{animation:1.3s ease-out forwards banner}.banner.yellow{background:var(--accent);color:#000}.banner.black{color:#fff;background:#000}@keyframes banner{0%{opacity:0;transform:translate(-50%)rotate(-4deg)scale(1.5)}12%{opacity:1;transform:translate(-50%)rotate(-4deg)scale(1)}85%{opacity:1}to{opacity:0}}.balance{left:50%;bottom:calc(18% + var(--safe-b));text-align:center;opacity:0;width:min(46vw,220px);transition:opacity .12s;position:absolute;transform:translate(-50%)}.balance.on{opacity:1}.balance span{letter-spacing:.2em;text-shadow:0 2px #000;margin-bottom:4px;font-size:10px;display:block}.balance b{background:#0000008c;border:2px solid #fff;border-radius:99px;height:10px;display:block;position:relative;overflow:hidden}.balance b:before{content:"";background:#ffffff40;position:absolute;top:0;bottom:0;left:35%;right:35%}.balance i{background:var(--accent);border-radius:99px;width:14px;height:100%;position:absolute;top:0;left:calc(50% - 7px)}.balance.warn i{background:var(--hot)}.screen{display:none;position:absolute;top:0;bottom:0;left:0;right:0}#app[data-state=MENU] .start,#app[data-state=DOG_SELECT] .start,#app[data-state=RESULT] .result,#app[data-state=PAUSED] .pause{display:flex}#app[data-state=PAUSED] .hud{display:block}.pause{z-index:4;cursor:pointer;background:#0009;justify-content:center;align-items:center}.pause-inner{text-align:center}.pz{font-size:clamp(56px,18vw,110px);line-height:.9}.ps{opacity:.8;margin-top:8px;font:700 13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.pausebtn{z-index:6;right:calc(58px + var(--safe-r));top:calc(60px + var(--safe-t));letter-spacing:-1px;background:#00000080;border:0;border-radius:50%;width:38px;height:38px;font-size:13px;display:none;position:absolute}#app[data-state=PLAYING] .pausebtn{display:block}.howto .keys{display:none}@media (hover:hover) and (pointer:fine){.howto .keys{display:inline}.howto .touch{display:none}}.screen.unlock.on{display:flex}.start{padding:calc(24px + var(--safe-t)) 16px calc(18px + var(--safe-b));background:linear-gradient(#0000008c 0%,#0000 28% 40%,#000000d1 62%,#000 100%);flex-direction:column;justify-content:space-between}.start-top{text-align:center}.logo{letter-spacing:-.04em;text-shadow:0 6px #00000059;margin:0;font-size:clamp(54px,17vw,120px);line-height:.86}.logo span{color:var(--accent)}.claim{letter-spacing:.02em;margin:10px 0 0;font-size:clamp(16px,4.6vw,24px);line-height:1.05}.start-bottom{text-align:center;width:100%;max-width:520px;margin:0 auto}.choose{letter-spacing:.2em;opacity:.85;margin:0 0 10px;font-size:13px}.dogs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.dog{text-align:left;background:#0009;border:2px solid #ffffff40;border-radius:6px;padding:9px 10px 8px;position:relative}.dog.sel{color:#000;background:#fff;border-color:#fff}.dog .dn{margin-bottom:6px;font-size:14px;line-height:1}.dog .st{letter-spacing:.08em;opacity:.85;grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;font-size:9px;display:grid}.dog .bar{gap:2px;display:flex}.dog .bar i{opacity:.2;background:currentColor;width:100%;height:5px}.dog .bar i.f{opacity:1}.dog .sp{letter-spacing:.1em;color:var(--accent);margin-top:6px;font-size:9px}.dog.sel .sp{color:#c2410c}.dog.locked{opacity:.55}.dog.locked .lock{text-align:center;color:#fff;background:#000000b8;border-radius:4px;place-items:center;font-size:13px;line-height:1.2;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.dog.locked .lock small{opacity:.8;letter-spacing:.1em;font-size:10px;display:block}.ride{background:var(--accent);color:#000;letter-spacing:.02em;border:0;border-radius:6px;width:100%;padding:14px 0 12px;font-size:clamp(30px,9vw,44px);display:block;box-shadow:0 6px #b38f12}.ride:active{transform:translateY(4px);box-shadow:0 2px #b38f12}.best{letter-spacing:.18em;opacity:.85;margin-top:12px;font-size:12px}.best b{letter-spacing:0;margin-left:6px;font-size:18px}.howto{opacity:.6;margin:8px 0 0;font:600 11px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.countdown{pointer-events:none;text-shadow:0 8px #00000059;place-items:center;font-size:clamp(90px,34vw,220px);display:none;position:absolute;top:0;bottom:0;left:0;right:0}#app[data-state=COUNTDOWN] .countdown{display:grid}.countdown.tick{animation:.6s ease-out tick}@keyframes tick{0%{opacity:0;transform:scale(1.8)}20%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.9)}}.result{padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));background:#000000db;justify-content:center;align-items:center;overflow-y:auto}.result-inner{text-align:center;width:100%;max-width:440px}.rc{color:var(--accent);margin-bottom:10px;font-size:clamp(26px,8vw,40px)}.final{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(56px,18vw,96px);line-height:.9}.newbest{background:var(--hot);width:max-content;margin:6px auto 0;padding:2px 10px;font-size:14px;display:none;transform:rotate(-3deg)}.newbest.on{display:block}.stats{background:#fff3;border:1px solid #fff3;grid-template-columns:1fr 1fr;gap:1px;margin:16px 0;display:grid}.stats div{background:#000;padding:8px 6px}.stats div:first-child{grid-column:span 2}.stats dt{letter-spacing:.16em;opacity:.7;font-size:10px}.stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:22px}.rating{letter-spacing:4px;margin:4px 0 16px;font-size:34px}.rating span{opacity:.2;filter:grayscale()}.rating span.on{opacity:1;filter:none;animation:.4s cubic-bezier(.2,1.6,.4,1) backwards paw}@keyframes paw{0%{transform:scale(0)}}.res-btns .row{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.ghost{background:0 0;border:2px solid #fff;border-radius:6px;padding:12px 6px;font-size:14px}.ghost:active{color:#000;background:#fff}.share-fallback{color:#fff;background:#111;border:1px solid #444;width:100%;height:96px;margin-top:10px;padding:8px;font:600 13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;display:none}.share-fallback.on{display:block}.unlock{color:#000;z-index:5;background:radial-gradient(circle,#ffd23ff2,#ff8c00f7);justify-content:center;align-items:center}.unlock-inner{text-align:center;padding:20px;animation:.6s cubic-bezier(.2,1.5,.4,1) unl}@keyframes unl{0%{opacity:0;transform:scale(.3)rotate(-10deg)}}.nd{letter-spacing:.2em;font-size:16px}.ud{margin:8px 0;font-size:clamp(48px,15vw,96px);line-height:.9}.us{color:#fff;background:#000;margin-bottom:22px;padding:4px 10px;font-size:18px;display:inline-block}.unlock .ride{color:#fff;background:#000;max-width:300px;margin:0 auto;box-shadow:0 6px #333}.mute{z-index:6;right:calc(12px + var(--safe-r));top:calc(60px + var(--safe-t));background:#00000080;border:0;border-radius:50%;width:38px;height:38px;font-size:17px;position:absolute}#app[data-state=MENU] .mute,#app[data-state=RESULT] .mute{top:calc(12px + var(--safe-t))}.toast{left:50%;bottom:calc(24px + var(--safe-b));color:#000;opacity:0;pointer-events:none;z-index:7;background:#fff;padding:8px 14px;font-size:13px;transition:opacity .2s;position:absolute;transform:translate(-50%)}.toast.on{opacity:1}.nojs{place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:760px){.dogs{grid-template-columns:repeat(4,1fr)}.start-bottom{max-width:760px}.ride{max-width:420px;margin:0 auto}}@media (max-height:640px){.logo{font-size:48px}.claim{font-size:14px}.dog .st,.howto{display:none}}@media (prefers-reduced-motion:reduce){.grain,.zoomies-btn,.timer.hot{animation:none}.pop{animation-duration:1.4s}}