:root{--ink:#2b2d42;--cream:#fff6ea;--coral:#ff5d73;--cyan:#5ef2ff;--gold:#f4b942;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;background:#ffd6a5;margin:0;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#loader{z-index:20;background:radial-gradient(circle at 50% 45%,#fff1d6b8,#ffc7a059 55%,#ff9f8f1a);place-items:center;padding:16px;transition:opacity .6s;display:grid;position:fixed;inset:0}#loader.gone{opacity:0;pointer-events:none}.loader-card{text-align:center;width:min(440px,100%)}.brand{letter-spacing:-.02em;color:var(--cream);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);font-size:clamp(34px,9vw,58px);font-weight:900;line-height:1}.tag{opacity:.75;margin:14px 0 22px;font-weight:700}.bar{border:3px solid var(--ink);background:var(--cream);border-radius:99px;height:12px;overflow:hidden}.bar i{background:var(--coral);width:0;height:100%;transition:width .2s;display:block}#start{font:inherit;border:3px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:0 6px 0 var(--ink);cursor:pointer;border-radius:18px;margin-top:22px;padding:14px 34px;font-size:20px;font-weight:900;transition:transform .1s,box-shadow .1s}#start:not(:disabled):hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}#start:not(:disabled):active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}#start:disabled{opacity:.6;cursor:default}.keys{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;font-size:13px;display:flex}.keys span{background:#fff6eab3;border-radius:10px;padding:5px 9px}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}.hud-top{justify-content:space-between;display:flex;position:absolute;top:14px;left:16px;right:16px}.pill{background:var(--cream);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:99px;padding:6px 14px;font-size:18px;font-weight:900}.hud-bottom{align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:16px;left:16px}.boost{border:3px solid var(--ink);background:var(--cream);border-radius:99px;width:150px;height:16px;overflow:hidden}.boost i{background:linear-gradient(90deg, var(--cyan), #9b5de5);width:50%;height:100%;display:block}.speed{color:var(--cream);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:16px;font-weight:800}.speed b{font-size:38px}#tricks{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:18%;left:0;right:0}.trick{color:var(--cream);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);font-size:clamp(20px,4vw,34px);font-weight:900;animation:1.6s forwards pop}.trick.bail{color:var(--coral)}.trick small{text-align:center;color:var(--gold);font-size:.6em;display:block}@keyframes pop{0%{opacity:0;transform:scale(.3)rotate(-6deg)}12%{opacity:1;transform:scale(1.15)rotate(2deg)}22%{transform:scale(1)rotate(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}#prompt{background:var(--cream);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:16px;max-width:calc(100vw - 32px);padding:8px 16px;font-weight:800;position:absolute;bottom:22%;left:50%;overflow:hidden;transform:translate(-50%)}#prompt kbd{background:var(--ink);color:var(--cream);border-radius:6px;margin-right:6px;padding:1px 7px}#zone{color:var(--cream);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;opacity:0;font-size:22px;font-weight:900;transition:opacity .5s;position:absolute;top:64px;left:50%;transform:translate(-50%)}#zone.show{opacity:1}#touch{z-index:6;pointer-events:none;position:fixed;inset:0}.stick{pointer-events:auto;background:#fff6ea59;border:3px solid #2b2d4299;border-radius:50%;width:130px;height:130px;position:absolute;bottom:24px;left:24px}.stick i{background:var(--cream);border:3px solid var(--ink);border-radius:50%;width:56px;height:56px;margin:-28px;position:absolute;top:50%;left:50%}.touch-btns{pointer-events:auto;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:24px;right:20px}.touch-btns button{border:3px solid var(--ink);background:var(--cream);width:70px;height:70px;box-shadow:0 4px 0 var(--ink);border-radius:50%;font-size:28px}@media (hover:none){.hud-bottom{bottom:170px}}#viewer{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2b2d42b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.viewer-card{background:var(--cream);border:4px solid var(--ink);width:min(1100px,100%);max-height:100%;box-shadow:0 10px 0 var(--ink);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}#viewer-video{background:#000;width:100%;max-height:calc(100vh - 140px);display:block}.viewer-bar{align-items:center;gap:10px;padding:10px 14px;display:flex}.viewer-bar button{font:inherit;border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex:none;width:44px;height:44px;font-size:18px;font-weight:900}.viewer-title{flex-direction:column;flex:1;min-width:0;display:flex}.viewer-title b{font-size:18px}.viewer-title span{opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}#speedlines{pointer-events:none;z-index:1;opacity:0;background:repeating-conic-gradient(#ffffff8c 0deg .6deg,#0000 .6deg 7deg);transition:opacity .2s;animation:.12s steps(2,end) infinite lines;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 38%,#000 80%);mask-image:radial-gradient(circle,#0000 38%,#000 80%)}@keyframes lines{to{transform:rotate(3deg)scale(1.02)}}.hud-right{gap:10px;display:flex}#mute{pointer-events:auto;cursor:pointer;font:inherit;color:var(--ink);font-size:18px}.hud-left{gap:10px;display:flex}#nick{width:min(260px,100%);font:inherit;text-align:center;border:3px solid var(--ink);background:var(--cream);color:var(--ink);-webkit-user-select:text;user-select:text;border-radius:14px;margin:18px auto 0;padding:10px 14px;font-size:18px;font-weight:800;display:block}#race-timer{color:var(--cream);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;font-variant-numeric:tabular-nums;font-size:34px;font-weight:900;position:absolute;top:14px;left:50%;transform:translate(-50%)}#leaderboard{background:var(--cream);border:3px solid var(--ink);width:min(300px,100vw - 32px);box-shadow:0 6px 0 var(--ink);border-radius:18px;padding:12px 14px;position:absolute;top:70px;right:16px}#lb-title{margin-bottom:8px;font-size:17px;font-weight:900}#lb-list{margin:0;padding:0;list-style:none}#lb-list li{border-top:1px dashed #2b2d4233;align-items:baseline;gap:8px;padding:3px 0;display:flex}#lb-list li span{opacity:.6;width:22px;font-weight:900}#lb-list li b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#lb-list li em{font-variant-numeric:tabular-nums;font-style:normal;font-weight:800}#lb-list li.me{color:#d6336c}#lb-list li.empty{opacity:.6}#balance{border:3px solid var(--ink);background:linear-gradient(90deg,#ff5d73 0 12%,#fff6ea 12% 88%,#ff5d73 88%);border-radius:99px;width:min(280px,70vw);height:18px;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}#balance i{background:var(--ink);border-radius:4px;width:8px;height:26px;margin-left:-4px;transition:left 50ms linear;position:absolute;top:-7px;left:50%}#balance span{text-align:center;color:var(--cream);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;font-size:12px;font-weight:800;position:absolute;top:22px;left:0;right:0}#balance.danger{animation:.15s infinite alternate wobble}@keyframes wobble{to{transform:translate(-50%)rotate(2deg)}}#pause{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffd6a5b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#pause button{font:inherit;border:3px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:0 6px 0 var(--ink);cursor:pointer;border-radius:18px;margin:18px 6px 0;padding:12px 28px;font-size:20px;font-weight:900}#pause button.ghost{background:0 0}#pause-btn{pointer-events:auto;cursor:pointer;font:inherit;color:var(--ink);font-size:18px}.touch-side{pointer-events:auto;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:112px;right:24px}.touch-side button{width:50px;height:50px;font:inherit;border:3px solid var(--ink);background:var(--cream);box-shadow:0 3px 0 var(--ink);border-radius:50%;font-size:20px;font-weight:900}#lobby{background:var(--cream);border:3px solid var(--ink);width:min(280px,100vw - 32px);box-shadow:0 6px 0 var(--ink);border-radius:18px;flex-direction:column;gap:8px;padding:12px 14px;font-size:14px;display:flex;position:absolute;top:70px;left:16px}#lobby b{font-size:17px}#lobby em{font-style:normal;font-weight:800}#lobby kbd{background:var(--ink);color:var(--cream);border-radius:6px;padding:1px 6px}#countdown{text-align:center;color:var(--cream);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);font-size:clamp(60px,16vw,140px);font-weight:900;position:absolute;top:30%;left:0;right:0}#countdown.pop{animation:.9s cd}@keyframes cd{0%{opacity:0;transform:scale(2)}25%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.9)}}#bomb-hud{white-space:nowrap;max-width:calc(100vw - 32px);color:var(--cream);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-overflow:ellipsis;background:#ff5d73;border-radius:99px;padding:6px 16px;font-weight:900;position:absolute;top:60px;left:50%;overflow:hidden;transform:translate(-50%)}#bomb-hud.urgent{animation:.12s infinite alternate wobble}#hint{white-space:nowrap;background:var(--cream);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:16px;padding:8px 16px;font-weight:800;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}#hint kbd{background:var(--ink);color:var(--cream);border-radius:6px;margin-right:6px;padding:1px 7px}#pitstop{z-index:12;width:min(330px,100vw - 32px);position:fixed;top:50%;right:16px;transform:translateY(-50%)}.pit-card{background:var(--cream);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:22px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.pit-title{font-size:26px;font-weight:900}.pit-card label{opacity:.7;margin-top:4px;font-size:13px;font-weight:800}.pit-row{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid var(--ink);background:var(--c);cursor:pointer;border-radius:50%;width:34px;height:34px}.swatch.glow{box-shadow:0 0 10px var(--c)}.swatch.on{outline:3px solid var(--ink);outline-offset:3px}.chip{font:inherit;border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:6px 10px;font-size:13px;font-weight:800}.chip.on{background:var(--ink);color:var(--cream)}#pit-done{font:inherit;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;background:#ffd166;border-radius:14px;margin-top:8px;padding:10px;font-size:18px;font-weight:900}#online{pointer-events:auto;cursor:pointer}#players{background:var(--cream);border:3px solid var(--ink);min-width:200px;max-width:calc(100vw - 32px);max-height:50vh;box-shadow:0 5px 0 var(--ink);pointer-events:auto;border-radius:16px;flex-direction:column;gap:6px;padding:10px 12px;font-size:14px;font-weight:800;display:flex;position:absolute;top:62px;left:16px;overflow:auto}#players .p{align-items:center;gap:8px;display:flex}#players .dot{border:2px solid var(--ink);background:var(--c);border-radius:50%;flex:none;width:14px;height:14px}#players .me{color:#d6336c}.privacy{opacity:.6;margin-top:14px;font-size:11px}