html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#17191d;font-family:Arial,sans-serif}canvas{display:block}.fx-layer{position:fixed;inset:0;pointer-events:none;overflow:hidden}.fx-flash{position:absolute;inset:0;background:#fff;opacity:0;animation:fx-flash .22s ease-out forwards}@keyframes fx-flash{0%{opacity:var(--peak)}to{opacity:0}}.title-screen{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;color:#fff;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;background:radial-gradient(ellipse at center,#0000 35%,#0009)}.title-screen>*{pointer-events:auto}.logo{display:flex;flex-direction:column;align-items:center;line-height:.82;rotate:-4deg;pointer-events:none;animation:logo-slam .7s cubic-bezier(.2,1.4,.4,1) both,logo-bob 3.2s ease-in-out .7s infinite}.logo span{font-style:italic;letter-spacing:.03em;-webkit-text-stroke:.1em #16181c;paint-order:stroke fill;text-shadow:.07em .08em 0 #16181c}.logo-valet{font-size:clamp(54px,11vw,128px);color:#fff}.logo-chaos{font-size:clamp(70px,15vw,176px);color:#ffe14a;margin-left:.5em}@keyframes logo-slam{0%{opacity:0;scale:3}60%{opacity:1}to{scale:1}}@keyframes logo-bob{50%{translate:0 -8px;rotate:-2.6deg}}.tagline{font:italic 700 clamp(13px,1.7vw,19px) Arial,sans-serif;text-shadow:0 2px 0 #16181c;margin-top:6px;pointer-events:none}.panel{display:flex;flex-direction:column;gap:10px;width:min(330px,86vw);padding:18px;background:#16181ce6;border:4px solid #16181c;border-radius:14px;box-shadow:6px 7px #0007}.panel[hidden],.title-screen [hidden]{display:none}.panel-title{text-align:center;letter-spacing:.12em;font-size:15px;opacity:.85}.title-screen button{font:inherit;font-size:22px;letter-spacing:.05em;padding:10px 14px;color:#16181c;background:#ffe14a;border:3px solid #16181c;border-radius:10px;box-shadow:3px 4px #000a;cursor:pointer;transition:translate .08s,box-shadow .08s,rotate .08s}.title-screen button:hover{translate:-1px -2px;rotate:-1.2deg;box-shadow:5px 7px #000a;background:#fff06e}.title-screen button:active{translate:2px 3px;box-shadow:1px 1px #000a}.title-screen button.quiet{background:none;color:#fff;border-color:#fff5;box-shadow:none;font-size:15px;padding:6px}.title-screen button.small{font-size:13px;padding:5px 9px;border-width:2px;box-shadow:2px 2px #000a}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;letter-spacing:.12em;opacity:.95}.title-screen input{font:700 20px Arial,sans-serif;padding:8px 10px;color:#16181c;background:#fff;border:3px solid #16181c;border-radius:8px;outline:none}.title-screen input:focus{border-color:#ffe14a}.title-screen input.code-entry{font:inherit;font-size:44px;text-align:center;letter-spacing:.28em;text-indent:.28em;text-transform:uppercase}.code{font-size:64px;text-align:center;letter-spacing:.2em;text-indent:.2em;color:#ffe14a;-webkit-text-stroke:5px #16181c;paint-order:stroke fill;cursor:copy;-webkit-user-select:all;user-select:all}.players{display:flex;flex-direction:column;gap:4px;font:700 16px Arial,sans-serif}.player{display:flex;align-items:center;gap:8px}.player i{width:16px;height:16px;border-radius:50%;border:2px solid #fff}.player em{font-weight:400;opacity:.6;font-size:13px}.count{opacity:.5;font-size:12px;text-align:right}.waiting{text-align:center;font:italic 15px Arial,sans-serif;opacity:.8}.title-screen .status{min-height:22px;font:700 15px Arial,sans-serif;text-shadow:0 2px 0 #16181c}.title-screen .status.bad{color:#ff8a7a}.corner{position:absolute;left:14px;bottom:12px;display:flex;align-items:center;gap:8px;font:700 13px Arial,sans-serif;text-shadow:0 1px 0 #000}.corner .tip{font-weight:400;font-style:italic;opacity:.75;margin-left:6px}.minimap{position:fixed;right:16px;bottom:16px;z-index:5;border:2px solid #fff3;border-radius:8px;box-shadow:0 3px #0006;pointer-events:none;opacity:.94}.minimap[hidden]{display:none}.hud{position:fixed;inset:0;z-index:6;pointer-events:none;color:#fff;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;--ink:#16181c}.hud>*{position:absolute}.hud [hidden]{display:none!important}.hud-score{left:16px;top:12px;display:flex;flex-direction:column;line-height:1}.hud-score b{font-size:58px;font-style:italic;color:#ffe14a;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink);font-weight:400;transform-origin:left center;transition:scale .12s}.hud-score b.bump{scale:1.12}.hud-score span{font:700 13px Arial,sans-serif;letter-spacing:.12em;text-shadow:0 2px 0 var(--ink);margin-top:2px}.hud-cards{left:50%;top:12px;translate:-50% 0;display:flex;gap:8px}.hud-card{display:flex;align-items:center;gap:8px;padding:6px 9px;background:#16181ce6;border:3px solid var(--ink);border-radius:10px;box-shadow:3px 4px #0007;animation:hud-pop .25s cubic-bezier(.2,1.5,.4,1) both}.hud-card>i{width:22px;height:30px;border-radius:5px;border:2px solid #fff}.hud-card b{display:block;font:700 12px Arial,sans-serif;letter-spacing:.06em;margin-bottom:4px}.hud-card>span{font-size:22px;line-height:1}.hud-card .hud-bar{width:84px}.hud-card.low{animation:hud-shake .3s linear infinite}.hud-card.taken{opacity:.65}.hud-card.taken .hud-bar{visibility:hidden}@keyframes hud-pop{0%{scale:.3;opacity:0}}@keyframes hud-shake{25%{translate:-1.5px 0}75%{translate:1.5px 0}}.hud-bar{height:9px;border-radius:5px;background:#0009;border:2px solid var(--ink);overflow:hidden}.hud-bar i,.hud-bar u{display:block;height:100%;width:0;background:#ffe14a;transition:width .15s}.hud-bar u{background:linear-gradient(90deg,#e0261f,#ffe14a 45%,#49d06a)}.hud-card.low .hud-bar u,.hud-bar.bad i{background:#e0261f}.hud-bar.hot i{background:#ff6a1f;animation:hud-hot .4s ease-in-out infinite alternate}@keyframes hud-hot{to{filter:brightness(1.5)}}.hud-right{right:16px;top:14px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hud-meter{display:flex;align-items:center;gap:7px;font:700 12px Arial,sans-serif;letter-spacing:.1em;text-shadow:0 2px 0 var(--ink)}.hud-meter .hud-bar{width:110px}.hud-meter b{font:400 20px Impact,sans-serif;font-style:italic;min-width:44px;text-align:right}.hud-crew{font:700 12px Arial,sans-serif;letter-spacing:.08em;opacity:.9;text-shadow:0 2px 0 var(--ink)}.hud-clock{font-size:34px;font-style:italic;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:2px 3px 0 var(--ink)}.hud-clock.late{color:#ff6a5a;animation:hud-hot .5s ease-in-out infinite alternate}.hud-drive{left:16px;bottom:44px;display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#16181cd9;border:3px solid var(--ink);border-radius:12px;box-shadow:3px 4px #0007}.hud-car{font:700 13px Arial,sans-serif;letter-spacing:.1em;opacity:.9}.hud-speed{display:flex;align-items:baseline;gap:6px}.hud-speed b{font-size:44px;font-style:italic;font-weight:400;line-height:1;min-width:62px}.hud-speed span{font:700 12px Arial,sans-serif;opacity:.7}.hud-status{left:50%;bottom:22px;translate:-50% 0;max-width:min(680px,60vw);text-align:center;padding:7px 16px;font:700 16px Arial,sans-serif;background:#16181cd9;border:3px solid var(--ink);border-radius:20px;box-shadow:3px 4px #0007;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-status:empty{display:none}.hud-status.good{background:#2f9e4f;font-size:19px}.hud-status.warn{background:#c98a12}.hud-status.bad{background:#b3261e}.hud-corner{left:16px;bottom:14px;font:700 12px Arial,sans-serif;text-shadow:0 2px 0 var(--ink);opacity:.9}.hud-corner em{font-weight:400;opacity:.65;margin-left:10px}.hud-key{display:inline-block;min-width:14px;padding:1px 6px;margin-right:6px;text-align:center;font:700 12px Arial,sans-serif;color:var(--ink);background:#fff;border:2px solid var(--ink);border-bottom-width:4px;border-radius:5px}.hud-keys{left:50%;top:50%;translate:-50% -50%;display:grid;grid-template-columns:auto;gap:7px;padding:18px 22px;font:700 15px Arial,sans-serif;background:#16181cf2;border:4px solid var(--ink);border-radius:14px;box-shadow:6px 7px #0007}.hud-keys h3{margin:0 0 4px;font:400 22px Impact,sans-serif;letter-spacing:.08em;color:#ffe14a}.summary{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0008;color:#fff;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;animation:summary-in .3s both}@keyframes summary-in{0%{opacity:0}}.summary-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(420px,90vw);padding:22px 26px;background:#16181cf2;border:4px solid #16181c;border-radius:16px;box-shadow:7px 8px #0008;animation:hud-pop .45s cubic-bezier(.2,1.4,.4,1) both}.summary-title{font-size:54px;font-style:italic;color:#ffe14a;-webkit-text-stroke:6px #16181c;paint-order:stroke fill;text-shadow:3px 4px 0 #16181c;line-height:1}.summary-place{font:700 13px Arial,sans-serif;letter-spacing:.2em;opacity:.7}.summary-stars{font-size:54px;line-height:1;letter-spacing:6px}.summary-stars span{display:inline-block;color:#3a3f47;-webkit-text-stroke:3px #16181c}.summary-stars span.won{color:#ffe14a;animation:star-in .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes star-in{0%{scale:0;rotate:-90deg}}.summary-score{font-size:64px;font-style:italic;line-height:1}.summary-rows,.summary-crew{display:flex;flex-direction:column;gap:3px;width:100%;font:700 15px Arial,sans-serif}.summary-rows div,.summary-crew div{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:3px 0;border-bottom:1px solid #fff2}.summary-rows span{opacity:.8;font-weight:400}.summary-crew{margin-top:6px}.summary-crew span{flex:1}.summary-crew i{width:14px;height:14px;border-radius:50%;border:2px solid #fff}.summary-buttons{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:10px}.summary button{font:inherit;font-size:22px;letter-spacing:.05em;padding:10px 14px;color:#16181c;background:#ffe14a;border:3px solid #16181c;border-radius:10px;box-shadow:3px 4px #000a;cursor:pointer}.summary button:hover{background:#fff06e;translate:-1px -2px}.summary button.quiet{background:none;color:#fff;border-color:#fff5;box-shadow:none;font-size:15px;padding:6px}.hud-rear{left:50%;bottom:66px;width:300px;height:170px;translate:-50% 0;box-sizing:border-box;border:4px solid var(--ink);border-radius:10px;box-shadow:0 0 0 2px #fff8,4px 5px #0007;overflow:hidden}.hud-rear svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:3;stroke-linecap:round;opacity:.85}.hud-rear b{position:absolute;left:8px;top:6px;font:700 11px Arial,sans-serif;letter-spacing:.14em;color:#fff;background:#e0261f;padding:2px 6px;border-radius:4px}.hud-card b em{font-style:normal;margin-left:7px;color:#9fe3a8}.hud-card.banger b em{color:#c98a5a}.hud-card.luxury{border-color:#ffd24a;box-shadow:0 0 0 2px #ffd24a,3px 4px #0007}.hud-card.luxury b em{color:#ffd24a}.hud-value{font:700 13px Arial,sans-serif;color:#9fe3a8}.hud-value:empty{display:none}.hud-drive.lux{border-color:#ffd24a;box-shadow:0 0 0 2px #ffd24a,3px 4px #0007}.hud-drive.lux .hud-value{color:#ffd24a}.hud-score em{font:700 13px Arial,sans-serif;font-style:normal;letter-spacing:.08em;margin-top:4px;color:#ffd24a;text-shadow:0 2px 0 var(--ink)}.hud-score em.made{color:#7be08e}.hud-score em.made:after{content:" ✓"}.summary.failed .summary-title{color:#ff6a5a}.summary-target{font:700 14px Arial,sans-serif;letter-spacing:.06em;color:#7be08e}.summary.failed .summary-target{color:#ff9a8a}.summary-run{display:flex;flex-direction:column;gap:3px;width:100%;margin-top:8px;font:700 13px Arial,sans-serif}.summary-run div{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid #fff2}.summary-run .made b{color:#7be08e}.summary-run .missed b{color:#ff9a8a}.summary-run .total{border-bottom:none;font-size:16px;color:#ffe14a}.summary-wait{font:700 14px Arial,sans-serif;text-align:center;opacity:.8;padding:8px 0}.summary-card{max-height:92vh;overflow-y:auto}.hud-intro{left:50%;top:34%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:6px;animation:hud-pop .5s cubic-bezier(.2,1.4,.4,1) both}.hud-intro b{font-size:86px;font-style:italic;font-weight:400;color:#ffe14a;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:5px 6px 0 var(--ink);line-height:1;white-space:nowrap}.hud-intro span{font:700 18px Arial,sans-serif;letter-spacing:.2em;padding:5px 14px;background:var(--ink);border-radius:16px}.hud-card.wanting{border-color:#4fc3ff;box-shadow:0 0 0 2px #4fc3ff,3px 4px #0007}.hud-score strong{font:400 24px Impact,sans-serif;font-style:italic;color:#ff8a3a;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;margin-top:4px;animation:hud-hot .4s ease-in-out infinite alternate}.hud-score strong:empty{display:none}.hud-card small{display:block;font:700 10px Arial,sans-serif;letter-spacing:.08em;color:#ff9a5a;margin:-2px 0 3px}.hud-card.vip{border-color:#c77dff;box-shadow:0 0 0 2px #c77dff,3px 4px #0007}.summary-pick{font:700 12px Arial,sans-serif;letter-spacing:.16em;text-align:center;opacity:.8}.summary button.perk{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;font-size:19px;padding:8px 14px}.summary button.perk span{font:700 12px Arial,sans-serif;letter-spacing:.02em;opacity:.75}.summary-awards{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:8px}.summary-awards div{flex:0 0 calc(50% - 3px);box-sizing:border-box;display:flex;flex-direction:column;padding:5px 9px;background:#ffe14a1c;border:2px solid #ffe14a88;border-radius:8px}.summary-awards b{font:400 15px Impact,sans-serif;letter-spacing:.06em;color:#ffe14a}.summary-awards span{font:700 11px Arial,sans-serif;opacity:.85}.summary.versus .summary-target{font-size:20px;color:#fff}