:root{--red: #e8262b;--deep-red: #b40f1d;--blue: #1550c8;--deep-blue: #0c2a86;--sky: #35b6ff;--yellow: #ffd21c;--cream: #fff4e0;--ink: #10101c;--font-punch: "Archivo Black", "Arial Black", "Impact", "Haettenschweiler", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--deep-blue);font-family:var(--font-punch);-webkit-user-select:none;user-select:none;touch-action:none}#app,#fx2d,#halftone,#vignette,#hud{position:fixed;inset:0}#app canvas{display:block}#fx2d{pointer-events:none;z-index:3}#halftone{pointer-events:none;z-index:4;opacity:.1;background-image:radial-gradient(circle,#000 1.2px,transparent 1.3px);background-size:9px 9px;mix-blend-mode:multiply}#vignette{pointer-events:none;z-index:5;box-shadow:inset 0 0 18vmin #060a288c;transition:box-shadow .15s}#vignette.crash{box-shadow:inset 0 0 24vmin #e61e1ed9}#vignette.boost{box-shadow:inset 0 0 22vmin #266cff8c}#hud{z-index:6;pointer-events:none}.hidden{display:none!important}.panel{position:absolute;top:18px;left:18px;min-width:240px;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.9))}.panel.right{left:auto;right:26px}.skew{transform:skew(-7deg)}.panel-head{background:var(--red);color:var(--yellow);border:4px solid var(--ink);border-bottom:none;padding:4px 14px 2px;font-size:17px;letter-spacing:1px;-webkit-text-stroke:1px var(--ink)}.panel-body{background:var(--blue);border:4px solid var(--ink);color:#fff;padding:2px 14px 4px;font-size:44px;line-height:1.05;letter-spacing:2px;text-shadow:3px 3px 0 var(--ink)}#score .panel-body{text-align:right}#clock.urgent .panel-body{color:var(--yellow);animation:pulse .5s steps(2) infinite}@keyframes pulse{50%{color:#ff5040}}#speedo{position:absolute;right:30px;bottom:26px;color:var(--cream);font-size:34px;-webkit-text-stroke:1.5px var(--ink);text-shadow:4px 4px 0 rgba(0,0,0,.85);transform:skew(-10deg)}#speedo .unit{font-size:16px;margin-left:6px;color:var(--yellow)}#ticker{position:absolute;left:50%;bottom:4.5%;transform:translate(-50%);text-align:center;width:min(92vw,1100px);opacity:0;transition:opacity .25s}#ticker.on{opacity:1}#ticker-tricks{color:#fff;font-size:clamp(20px,3.4vw,38px);letter-spacing:1px;-webkit-text-stroke:1.6px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink),0 0 18px rgba(0,0,0,.35)}#ticker-tricks .plus{color:var(--yellow)}#ticker-mult{color:var(--yellow);font-size:clamp(22px,3.2vw,36px);-webkit-text-stroke:1.6px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);margin-top:2px}#ticker-mult.hot{color:#45e0ff}#ticker-pending{color:#9fffb0;font-size:clamp(14px,1.8vw,22px);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill}#ticker.pop #ticker-tricks{animation:tickpop .22s ease-out}@keyframes tickpop{0%{transform:scale(1.18)}to{transform:scale(1)}}#message{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font-size:clamp(44px,9vw,110px);color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 8px 0 var(--ink),-4px -4px 0 var(--red);letter-spacing:3px;opacity:0;white-space:nowrap}#message.show{animation:msgin .5s ease-out forwards}#message.bad{color:var(--red);text-shadow:6px 8px 0 var(--ink),-4px -4px 0 var(--yellow)}#message.cool{color:#45e0ff}@keyframes msgin{0%{opacity:0;transform:translate(-50%,-50%) scale(2.6) rotate(-6deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(.94) rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}}#labels{position:absolute;inset:0;overflow:hidden}.flabel{position:absolute;font-size:26px;color:var(--yellow);-webkit-text-stroke:1.4px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 rgba(0,0,0,.8);animation:floatup 1s ease-out forwards;white-space:nowrap}.flabel.big{font-size:38px;color:#9fffb0}.flabel.bad{color:var(--red)}@keyframes floatup{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}to{opacity:0;transform:translate(-50%,-130%) scale(1)}}.overlay{position:fixed;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#1550c847,#08103cc7)}#title{flex-direction:column}.title-stack{text-align:center;transform:rotate(-2deg)}.title-kicker{color:var(--cream);font-size:clamp(14px,2vw,22px);letter-spacing:6px;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}.title-logo{line-height:.88;margin:8px 0 2px}.title-logo span{display:block;font-size:clamp(60px,12.5vw,150px);letter-spacing:4px;color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:8px 9px 0 var(--ink),-5px -5px 0 var(--red),0 0 42px rgba(255,210,28,.35)}.title-logo .l2{color:var(--red);text-shadow:8px 9px 0 var(--ink),-5px -5px 0 var(--yellow)}.title-sub{color:#45e0ff;font-size:clamp(16px,2.6vw,30px);letter-spacing:4px;-webkit-text-stroke:1.4px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink)}.title-card{margin:26px auto 0;padding:16px 26px 18px;background:var(--cream);border:5px solid var(--ink);box-shadow:10px 10px #000000d9;transform:skew(-4deg);max-width:min(92vw,640px)}.ctrl-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;text-align:left;color:var(--ink);font-size:clamp(12px,1.5vw,17px)}.ctrl-grid b{color:var(--deep-red)}.ctrl-grid i{color:#666;font-style:normal;font-size:.82em}.ctrl-grid div:nth-child(5){grid-column:1 / -1}.start-hint{margin-top:14px;font-size:clamp(16px,2.2vw,24px);color:var(--blue);animation:blink 1.1s steps(2) infinite}.start-hint b{color:var(--deep-red)}@keyframes blink{50%{opacity:.25}}.best{margin-top:6px;color:#7a4a00;font-size:15px;letter-spacing:1px}.title-tagline{margin-top:22px;color:var(--cream);letter-spacing:5px;font-size:clamp(11px,1.6vw,16px);-webkit-text-stroke:.8px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink)}.results-card{background:var(--cream);border:6px solid var(--ink);box-shadow:12px 12px #000000d9;padding:0 0 20px;min-width:min(92vw,560px);text-align:center}.results-head{background:var(--red);color:var(--yellow);border-bottom:6px solid var(--ink);font-size:clamp(40px,6vw,64px);padding:10px 30px 6px;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);letter-spacing:3px}.results-rows{padding:18px 34px 6px;color:var(--ink);font-size:clamp(15px,2vw,20px)}.results-rows .row{display:flex;justify-content:space-between;gap:40px;padding:3px 0}.results-rows .row b{color:var(--deep-red)}.results-total{display:flex;justify-content:space-between;align-items:baseline;margin:10px 26px 4px;padding:8px 12px;background:var(--blue);border:4px solid var(--ink);color:#fff;font-size:clamp(18px,2.4vw,24px)}.results-total b{font-size:1.6em;color:var(--yellow);text-shadow:3px 3px 0 var(--ink)}.results-best{color:#7a4a00;font-size:15px;margin-top:10px}.results-card .start-hint{margin-top:12px}.results-card.timeout .results-head{background:var(--deep-blue);color:#45e0ff}#loading{z-index:10;flex-direction:column;background:var(--deep-blue)}.load-burger{font-size:84px;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-text{margin-top:18px;color:var(--yellow);letter-spacing:8px;font-size:22px;-webkit-text-stroke:1px var(--ink)}@media(max-width:720px){.panel{min-width:150px;top:10px;left:10px}.panel.right{right:14px}.panel-head{font-size:11px;border-width:3px}.panel-body{font-size:26px;border-width:3px}#speedo{font-size:22px;bottom:16px;right:18px}}