[hidden]{display:none!important}html,body{color:#fff;overscroll-behavior:none;background:#000;height:100%;margin:0;font-family:Impact,Arial Narrow Bold,sans-serif;overflow:hidden}canvas#game{touch-action:none;width:100vw;height:100dvh;display:block}#debug{white-space:pre;pointer-events:none;background:#0009;padding:.4rem .6rem;font:12px/1.4 ui-monospace,Menlo,monospace;position:fixed;bottom:.5rem;left:.5rem}#fatal{background:#200;place-items:center;padding:2rem;font-family:system-ui,sans-serif;font-size:1.2rem;display:grid;position:fixed;inset:0}#flash{pointer-events:none;opacity:0;background:radial-gradient(#b4000000 40%,#b40000 100%);position:fixed;inset:0}#hud{pointer-events:none;text-shadow:2px 2px #000,-1px -1px #000;letter-spacing:.05em;position:fixed;inset:0}.corner{top:max(1rem, env(safe-area-inset-top));font-size:clamp(1.2rem,5vmin,2rem);position:absolute}.top-left{left:max(1.5rem, env(safe-area-inset-left))}.top-center{font-size:clamp(1.8rem,7.5vmin,3rem);left:50%;transform:translate(-50%)}.top-right{right:max(1.5rem, env(safe-area-inset-right));text-align:right}#timer.urgent{color:#ff3b3b}#combo{color:#ffd23f;min-height:clamp(1rem,4vmin,1.5rem);font-size:clamp(1rem,4vmin,1.5rem)}#callout{text-align:center;color:#ffd23f;opacity:0;width:100%;font-size:clamp(2rem,11vmin,4.5rem);transition:opacity .1s,transform .1s;position:absolute;top:30%;transform:scale(.6)}#callout.show{opacity:1;transform:scale(1)rotate(-3deg)}#screen{text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}#screen:empty{display:none}#screen h1{color:#ff3b3b;text-shadow:4px 4px #000;margin:0;font-size:clamp(2.5rem,14vmin,6rem)}#screen p{max-width:34rem;margin:.5rem auto;padding:0 1rem;font-family:system-ui,sans-serif;font-size:clamp(.9rem,2.8vmin,1.1rem)}#screen table{border-collapse:collapse;margin:clamp(.3rem,2vmin,1rem) auto;font-family:system-ui,sans-serif}#screen td{padding:clamp(.05rem,.5vmin,.2rem) 1rem;font-size:clamp(.85rem,2.6vmin,1rem)}#screen .blink{font-size:clamp(1.1rem,4vmin,1.6rem);animation:1s steps(2,end) infinite blink}#screen button{font:inherit;cursor:pointer;margin-top:.5rem;padding:.4rem 1.2rem;font-size:1.2rem}body.touch #screen button{min-height:44px;padding:.6rem 1.6rem}@keyframes blink{to{visibility:hidden}}#controls{pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:none;position:fixed;inset:0}body.touch #controls{display:block}#controls>*{pointer-events:auto;touch-action:none;position:absolute}#steer-zone{left:max(3vmin, env(safe-area-inset-left));bottom:max(3vmin, env(safe-area-inset-bottom));background:#ffffff2e;border:2px solid #ffffff73;border-radius:9vmin;width:34vmin;height:18vmin;overflow:hidden}#steer-puck{pointer-events:none;background:#ffffffb3;border-radius:50%;width:10vmin;height:10vmin;margin:-5vmin 0 0 -5vmin;position:absolute;top:50%;left:50%}#controls button{font:inherit;letter-spacing:.05em;color:#fff;text-shadow:2px 2px #000;opacity:.45;-webkit-tap-highlight-color:transparent;background:#00000059;border:2px solid #fff9;border-radius:50%;outline:none;padding:0;font-size:3vmin}#controls button.pressed{opacity:.8;background:#ffffff59}#brake{right:max(3vmin, env(safe-area-inset-right));bottom:max(3vmin, env(safe-area-inset-bottom));width:16vmin;height:16vmin}#handbrake{right:calc(max(3vmin, env(safe-area-inset-right)) + 17vmin);bottom:calc(max(3vmin, env(safe-area-inset-bottom)) + 8vmin);width:16vmin;height:16vmin}#controls #pause,#controls #reset{top:max(1.5vmin, env(safe-area-inset-top));border-radius:1.5vmin;width:8vmin;height:8vmin;font-size:4vmin}#pause{left:calc(50% + 14vmin)}#reset{left:calc(50% - 22vmin)}#rotate{z-index:10;color:#ff3b3b;text-shadow:4px 4px #000;text-align:center;touch-action:manipulation;background:#000;place-items:center;font-size:clamp(2rem,8vmin,4rem);display:none;position:fixed;inset:0}@media (orientation:portrait){body.touch #rotate{display:grid}}