:root{--papaya:#ff8000;--papaya-bright:#ffa040;--panel:#0c0c10b8;--text:#f5f5f7}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#000;font-family:-apple-system,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app canvas{touch-action:none;display:block}.hidden{display:none!important}#start-screen{z-index:20;background:radial-gradient(1200px 600px at 50% 20%,#ff80002e,#0000 60%),radial-gradient(900px 500px at 50% 110%,#ff80001a,#0000 60%),linear-gradient(#0a0a0f 0%,#14141c 100%);justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}#start-screen.fade-out{opacity:0;pointer-events:none}.start-inner{text-align:center;animation:.8s both rise}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.badge{color:var(--papaya-bright);letter-spacing:.35em;border:1px solid #ff800099;border-radius:999px;margin-bottom:22px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}#start-screen h1{letter-spacing:-.02em;background:linear-gradient(180deg, #fff 20%, var(--papaya) 90%);color:#0000;filter:drop-shadow(0 6px 30px #ff800059);-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,10vw,110px);font-style:italic;font-weight:900;line-height:.95}#start-screen h1 span{letter-spacing:.28em;font-size:.42em;font-style:normal;font-weight:800}.tagline{color:#c9c9d1;letter-spacing:.06em;margin-top:18px;font-size:18px}#start-btn{font:inherit;letter-spacing:.14em;color:#16110a;background:linear-gradient(180deg, var(--papaya-bright), var(--papaya));cursor:pointer;border:none;border-radius:16px;align-items:center;gap:14px;margin-top:38px;padding:20px 44px;font-size:22px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff40,0 10px 40px #ff800073}@media (hover:hover){#start-btn:hover{transform:scale(1.05);box-shadow:inset 0 0 0 1px #ffffff4d,0 14px 60px #ff8000a6}}#start-btn:active{transform:scale(.98)}.btn-ignition{background:#d81e1e;border-radius:50%;width:18px;height:18px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 12px #ff3b3b,0 0 0 4px #00000040}@keyframes pulse{50%{box-shadow:0 0 22px #ff3b3b,0 0 0 4px #00000040}}.hint{color:#8f8f99;margin-top:26px;font-size:14px}.credit{color:#5c5c66;letter-spacing:.04em;margin-top:10px;font-size:11px}.mode-row{justify-content:center;gap:14px;margin-top:30px;display:flex}.mode-btn{font:inherit;letter-spacing:.1em;color:#c9c9d1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;padding:14px 22px;font-size:14px;font-weight:800;line-height:1.7;transition:all .15s}@media (hover:hover){.mode-btn:hover{background:#ffffff1a;transform:translateY(-2px)}}.mode-btn.selected{color:#16110a;background:linear-gradient(180deg, var(--papaya-bright), var(--papaya));border-color:#0000;box-shadow:0 6px 26px #ff800066}.sub-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.sub-label{letter-spacing:.22em;color:#8f8f99;margin-right:4px;font-size:11px;font-weight:800}.sub-gap{width:14px}.chip{font:inherit;letter-spacing:.12em;color:#c9c9d1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:800;transition:all .15s}@media (hover:hover){.chip:hover{background:#ffffff1f}}.chip.selected{color:#16110a;background:linear-gradient(180deg, var(--papaya-bright), var(--papaya));border-color:#0000}.swatch-btn{cursor:pointer;color:#fff;text-shadow:0 1px 4px #000c;border:2px solid #ffffff40;border-radius:50%;width:34px;height:34px;font-size:13px;line-height:1;transition:transform .15s,border-color .15s;position:relative}@media (hover:hover){.swatch-btn:hover{transform:scale(1.12)}}.swatch-btn.selected{border-color:#fff;box-shadow:0 0 0 3px #ff800099}.swatch-btn.locked{opacity:.45;cursor:not-allowed}.sub-hint{color:#8f8f99;letter-spacing:.04em;min-height:15px;margin-top:8px;font-size:12px}.trophy-chip{font-variant-numeric:tabular-nums;color:#c9c9d1;letter-spacing:.06em;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.trophy-chip.gold{color:#ffd23f;border-color:#ffd23f8c}#speed-fx{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(#0000 52%,#080412d9 118%);transition:opacity .25s;position:absolute;inset:0}#impact-flash{z-index:6;pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#ff46328c 115%);transition:opacity .35s ease-out;position:absolute;inset:0}#hud{z-index:10;pointer-events:none;position:absolute;inset:0}#drift-hud{font-style:italic;font-weight:900;position:absolute;top:40%;left:28px}#drift-chain-row{align-items:baseline;gap:10px;display:flex}#drift-chain{font-variant-numeric:tabular-nums;color:var(--papaya-bright);text-shadow:0 2px 22px #ff800080;font-size:46px;line-height:1}#drift-mult{color:#27f0dd;text-shadow:0 2px 16px #27f0dd99;font-size:24px}#drift-total{letter-spacing:.18em;color:#9a9aa4;font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px;font-weight:800}#drift-event{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:30px;font-style:italic;font-weight:900;animation:.35s drift-pop;position:absolute;top:33%;left:28px}#drift-event.bank{color:var(--papaya-bright);text-shadow:0 2px 24px #ff800099}#drift-event.record{color:#ffd23f;text-shadow:0 2px 30px #ffd23fcc;font-size:36px}#drift-event.crash{color:#ff4040;text-shadow:0 2px 24px #ff404099}#drift-event.bonus{color:#27f0dd;text-shadow:0 2px 24px #27f0dd99}@keyframes drift-pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}#coin-pill{background:var(--panel);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(10px);border:1px solid #ffc21a80;border-radius:999px;padding:10px 22px;font-size:18px;font-style:italic;font-weight:900;position:absolute;top:22px;left:50%;transform:translate(-50%)}#damage-pill{background:var(--panel);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;animation:.45s damage-pulse;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%)}#damage-bar{background:#ffffff1f;border-radius:4px;width:92px;height:8px;overflow:hidden}#damage-fill{background:#35d05e;border-radius:4px;width:100%;height:100%;transition:width .25s,background .25s}#damage-pill.warn #damage-fill{background:#ffb020}#damage-pill.bad #damage-fill{background:#ff4040}#damage-pill.bad{border-color:#ff40408c}@keyframes damage-pulse{0%{transform:translate(-50%)scale(1.25)}to{transform:translate(-50%)scale(1)}}#speedo{background:var(--panel);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff14;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:end;column-gap:16px;padding:18px 22px 16px;display:grid;position:absolute;bottom:24px;right:28px}#gear{color:var(--papaya);text-align:center;min-width:46px;padding-bottom:6px;font-size:46px;font-style:italic;font-weight:900;line-height:1}.speed-block{text-align:right}#speed{font-variant-numeric:tabular-nums;text-shadow:0 2px 18px #ff800040;font-size:74px;font-style:italic;font-weight:900;line-height:.9}.unit{letter-spacing:.4em;color:#9a9aa4;margin-top:6px;font-size:13px;font-weight:700}#rpm-bar{background:#ffffff1a;border-radius:6px;grid-column:1/-1;height:10px;margin-top:14px;overflow:hidden}#rpm-fill{background:linear-gradient(90deg, #ffb054, var(--papaya) 62%, #ff2d2d 92%);border-radius:6px;width:10%;height:100%;transition:width 60ms linear}#boost-wrap{background:var(--panel);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 12px 10px;display:flex;position:absolute;bottom:24px;right:268px}#boost-bar{background:#ffffff1a;border-radius:8px;align-items:flex-end;width:14px;height:108px;display:flex;overflow:hidden}#boost-fill{background:linear-gradient(#7fd0ff,#2e9bff);border-radius:8px;width:100%;height:100%;transition:height 80ms linear}#boost-wrap.boosting #boost-fill{background:linear-gradient(0deg, var(--papaya), #ffd27f)}.boost-label{letter-spacing:.22em;color:#9a9aa4;font-size:10px;font-weight:800}#laps{text-align:right;background:var(--panel);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff14;border-radius:14px;padding:14px 20px;position:absolute;top:22px;right:28px}#lap-count{letter-spacing:.25em;color:var(--papaya-bright);font-size:12px;font-weight:800}#lap-time{font-variant-numeric:tabular-nums;font-size:34px;font-weight:900;line-height:1.15}#best-lap{color:#9a9aa4;font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:13px;font-weight:700}#controls-card{background:var(--panel);-webkit-backdrop-filter:blur(10px);pointer-events:auto;border:1px solid #ffffff14;border-radius:14px;padding:16px 20px;position:absolute;top:22px;left:28px}#controls-card h3{letter-spacing:.3em;color:var(--papaya-bright);margin-bottom:10px;font-size:12px}#controls-card table{border-collapse:collapse;font-size:13px}#controls-card td{padding:3px 0}#controls-card td:first-child{text-align:right;white-space:nowrap;padding-right:14px}kbd{text-align:center;background:#ffffff1f;border:1px solid #ffffff2e;border-bottom-width:2px;border-radius:5px;min-width:20px;padding:2px 6px;font:700 11px/1.3 inherit;display:inline-block}#hide-controls{letter-spacing:.15em;color:#16110a;background:var(--papaya);cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:12px;padding:9px 0;font:800 12px/1 inherit}@media (hover:hover){#hide-controls:hover{background:var(--papaya-bright)}}#toast{background:var(--panel);letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(10px);border:1px solid #ff800080;border-radius:999px;padding:14px 30px;font-size:22px;font-style:italic;font-weight:800;animation:.25s toast-pop;position:absolute;top:132px;left:50%;transform:translate(-50%)}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}#race-info{background:var(--panel);-webkit-backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid #ff800066;border-radius:999px;align-items:baseline;gap:12px;padding:12px 26px;font-size:22px;font-style:italic;font-weight:900;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}#race-pos{color:var(--papaya)}.race-sep{color:#9a9aa4;font-style:normal}#race-gap{color:#c9c9d1;font-size:17px}#countdown{background:linear-gradient(180deg, #fff 20%, var(--papaya) 90%);color:#0000;filter:drop-shadow(0 8px 44px #ff800080);pointer-events:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(120px,18vw,260px);font-style:italic;font-weight:900;animation:.9s both count-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#countdown.go{background:linear-gradient(#fff 20%,#37e05d 90%);filter:drop-shadow(0 8px 44px #37e05d8c);-webkit-background-clip:text;background-clip:text}@keyframes count-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.95;transform:translate(-50%,-50%)scale(.92)}}#park-rpm{text-align:center;pointer-events:none;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}#park-rpm-num{font-variant-numeric:tabular-nums;background:linear-gradient(180deg, #fff 20%, var(--papaya) 90%);color:#0000;filter:drop-shadow(0 6px 34px #ff800066);-webkit-background-clip:text;background-clip:text;font-size:clamp(80px,13vw,190px);font-style:italic;font-weight:900;line-height:.9;transition:filter .1s}#park-rpm.limiter #park-rpm-num{background:linear-gradient(#fff 10%,#ff2d2d 85%);filter:drop-shadow(0 6px 44px #ff2d2da6);-webkit-background-clip:text;background-clip:text;animation:90ms linear infinite limiter-shake}@keyframes limiter-shake{0%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(-2px)}}.park-rpm-label{letter-spacing:.5em;color:#9a9aa4;margin-top:10px;font-size:16px;font-weight:800}#results{z-index:18;-webkit-backdrop-filter:blur(6px);background:radial-gradient(1200px 600px at 50% 20%,#ff800029,#0000 60%),linear-gradient(#0a0a0fe0 0%,#14141ceb 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.results-inner{text-align:center;animation:.5s both rise}#results-title{background:linear-gradient(180deg, #fff 20%, var(--papaya) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:26px;font-size:clamp(38px,6vw,64px);font-style:italic;font-weight:900}#results-table{border-collapse:collapse;font-variant-numeric:tabular-nums;margin:0 auto;font-size:19px}#results-table th{letter-spacing:.25em;color:#9a9aa4;text-align:left;padding:6px 22px;font-size:12px}#results-table td{text-align:left;border-top:1px solid #ffffff14;padding:10px 22px}#results-table tr.you td{color:var(--papaya-bright);font-weight:800}.swatch{vertical-align:-1px;border-radius:4px;width:13px;height:13px;margin-right:10px;display:inline-block}#race-again{font:inherit;letter-spacing:.12em;color:#16110a;background:linear-gradient(180deg, var(--papaya-bright), var(--papaya));cursor:pointer;border:none;border-radius:13px;margin-top:30px;padding:15px 36px;font-size:18px;font-weight:800;transition:transform .15s;box-shadow:0 8px 34px #ff800066}@media (hover:hover){#race-again:hover{transform:scale(1.05)}}#touch-controls{display:none}.is-touch{--panel:#0c0c10e0}.is-touch #speedo,.is-touch #boost-wrap,.is-touch #laps,.is-touch #race-info,.is-touch #toast,.is-touch #results{-webkit-backdrop-filter:none}.is-touch #controls-card{display:none}.is-touch #touch-controls{pointer-events:none;display:block;position:absolute;inset:0}.is-touch .tc-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;font:inherit;letter-spacing:.08em;color:var(--text);background:var(--panel);opacity:.85;border:1px solid #ffffff24;border-radius:14px;font-weight:800}.is-touch .tc-btn.pressed{background:linear-gradient(180deg, var(--papaya-bright), var(--papaya));color:#16110a;opacity:1;border-color:#0000}.is-touch .tc-left{left:calc(14px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute}.is-touch .tc-steer{gap:10px;display:flex}.is-touch .tc-arrow{width:64px;height:64px;font-size:24px}.is-touch .tc-drift{letter-spacing:.18em;width:110px;height:44px;font-size:13px}.is-touch .tc-right{right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.is-touch .tc-pedals{align-items:flex-end;gap:10px;display:flex}.is-touch .tc-gas{width:76px;height:104px;font-size:15px}.is-touch .tc-brake{width:62px;height:88px;font-size:12px}.is-touch .tc-boost{border-radius:50%;width:56px;height:56px;font-size:22px}.is-touch .tc-utils{top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute}.is-touch .tc-small{border-radius:50%;width:42px;height:42px;font-size:18px}.is-touch #speedo{left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:14px;column-gap:10px;padding:10px 14px 9px;transform:translate(-50%)}.is-touch #gear{min-width:26px;padding-bottom:3px;font-size:26px}.is-touch #speed{font-size:clamp(36px,9vw,52px)}.is-touch .unit{margin-top:3px;font-size:10px}.is-touch #rpm-bar{height:7px;margin-top:8px}.is-touch #boost-wrap{right:calc(50% + 84px);bottom:calc(10px + env(safe-area-inset-bottom));padding:10px 9px 8px}.is-touch #boost-bar{width:11px;height:72px}.is-touch #laps{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));padding:10px 14px}.is-touch #lap-time{font-size:24px}.is-touch #lap-count{font-size:10px}.is-touch #best-lap{font-size:11px}.is-touch #race-info{top:calc(12px + env(safe-area-inset-top));gap:8px;padding:8px 16px;font-size:15px}.is-touch #race-gap{font-size:12px}.is-touch #toast{white-space:normal;text-align:center;max-width:86vw;padding:10px 20px;font-size:15px}.is-touch #park-rpm{bottom:calc(150px + env(safe-area-inset-bottom))}.is-touch #park-rpm-num{font-size:clamp(48px,12vw,120px)}.is-touch .park-rpm-label{margin-top:6px;font-size:12px}.is-touch .start-inner{max-width:100vw;padding:0 12px}.is-touch .mode-row{flex-wrap:wrap;gap:10px;padding:0 16px}.is-touch .mode-btn{padding:10px 14px;font-size:12px}.is-touch #start-btn{margin-top:28px;padding:16px 32px;font-size:18px}.is-touch .tagline{font-size:15px}.is-touch .hint{padding:0 20px;font-size:12px}.is-touch .results-inner{max-width:94vw}.is-touch #results-table{font-size:14px}.is-touch #results-table th{padding:5px 10px;font-size:10px}.is-touch #results-table td{padding:6px 10px}.is-touch #race-again{margin-top:22px;padding:13px 28px;font-size:15px}.is-touch #drift-hud{top:30%;left:12px}.is-touch #drift-chain{font-size:30px}.is-touch #drift-mult{font-size:17px}.is-touch #drift-total{font-size:10px}.is-touch #drift-event{font-size:20px;top:24%;left:12px}.is-touch #drift-event.record{font-size:24px}.is-touch #coin-pill{left:auto;right:calc(12px + env(safe-area-inset-right));top:calc(96px + env(safe-area-inset-top));padding:7px 14px;font-size:13px;transform:none}.is-touch #damage-pill{left:auto;right:calc(12px + env(safe-area-inset-right));top:calc(140px + env(safe-area-inset-top));padding:6px 12px;font-size:12px;animation-name:damage-pulse-touch;transform:none}.is-touch #damage-bar{width:64px}@keyframes damage-pulse-touch{0%{transform:scale(1.2)}to{transform:none}}.is-touch .sub-row{margin-top:10px;padding:0 10px}.is-touch .swatch-btn{width:30px;height:30px}@media (width<=480px){.is-touch #results-table th:nth-child(4),.is-touch #results-table td:nth-child(4){display:none}}@media (width<=560px){.is-touch #speedo,.is-touch #boost-wrap{bottom:calc(140px + env(safe-area-inset-bottom))}.is-touch #park-rpm{bottom:calc(170px + env(safe-area-inset-bottom))}}