:root{--gold:#ffd21f;--orange:#ff9a3c;--cyan:#35f0ff;--pink:#ff2e88;--ink:#04060cd1}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#05060f;width:100%;height:100%;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;font-family:Arial Narrow,Segoe UI,sans-serif;position:fixed;inset:0}#ui .clickable{pointer-events:auto}#hud{display:none;position:absolute;inset:0}#hud.on{display:block}.hud-panel{background:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%)}.hud-tl{padding:10px 34px 12px 16px;position:absolute;top:0;left:0;transform:skew(-8deg)}.hud-tl .coins-label{color:var(--gold);letter-spacing:2px;font-size:30px;font-style:italic;font-weight:900;line-height:1}.hud-tl .coins-val{color:#fff;font-size:30px;font-style:italic;font-weight:900}.hud-tl .timer{color:var(--gold);margin-top:2px;font-size:26px;font-style:italic;font-weight:900}.hud-center{text-align:center;min-width:340px;padding:6px 40px 0;position:absolute;top:0;left:50%;transform:translate(-50%)skew(-12deg)}.hud-center .speed-row{justify-content:center;align-items:baseline;gap:18px;display:flex}.hud-center .speed{color:#fff;font-size:64px;font-style:italic;font-weight:900;line-height:1}.hud-center .mult{color:var(--gold);font-size:44px;font-style:italic;font-weight:900}.hud-center .combo-slot{background:#0a0e18e6;border:1px solid #ff9a3c73;height:14px;margin:4px -10px 0;overflow:hidden}.hud-center .combo-bar{background:var(--orange);height:100%;transition:width .1s linear}.hud-tr{clip-path:polygon(18px 0,100% 0,100% 100%,0 100%);gap:0;padding:10px 14px 14px 30px;display:flex;position:absolute;top:0;right:0}.hud-tr button{pointer-events:auto;color:#fff;cursor:pointer;opacity:.92;background:0 0;border:none;padding:0 10px;font-size:34px}.hud-tr button:hover{color:var(--gold)}.drift-callout{text-align:center;width:100%;color:var(--gold);text-shadow:0 0 24px #ff9a3ccc,0 3px #7a2d00;letter-spacing:3px;opacity:0;font-size:74px;font-style:italic;font-weight:900;transition:opacity .12s,transform .12s;position:absolute;top:21%;transform:skew(-8deg)scale(.9)}.drift-callout.on{opacity:1;transform:skew(-8deg)scale(1)}.hud-lap{color:#fff;padding:8px 26px 8px 16px;font-size:26px;font-style:italic;font-weight:900;position:absolute;bottom:18px;left:20px}.hud-lap b{color:var(--cyan)}.flash-msg{text-align:center;color:#fff;text-shadow:0 0 18px #35f0ffe6;opacity:0;width:100%;font-size:52px;font-style:italic;font-weight:900;transition:opacity .25s;position:absolute;top:34%}.flash-msg.on{opacity:1}.countdown{color:var(--gold);text-shadow:0 0 40px #ff9a3ce6;justify-content:center;align-items:center;font-size:150px;font-style:italic;font-weight:900;display:flex;position:absolute;inset:0}.screen{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.screen.on{display:flex}.screen.dim{background:radial-gradient(#05060f40 0%,#05060fc7 100%)}#s-garage.garage-screen{background:0 0;justify-content:flex-end;padding-bottom:30px}#s-garage.garage-screen .game-title{margin-bottom:8px;font-size:54px}#s-garage.garage-screen .garage-row{margin-bottom:6px}.game-title{color:#fff;letter-spacing:4px;text-shadow:0 0 34px #35f0ffbf;font-size:min(110px,12vw);font-style:italic;font-weight:900;transform:skew(-8deg)}.game-title .neon{color:var(--cyan)}.game-title .drift{color:var(--pink)}.game-sub{color:var(--gold);letter-spacing:6px;margin:6px 0 34px;font-size:24px;font-style:italic;font-weight:700}.btn{pointer-events:auto;cursor:pointer;letter-spacing:2px;color:#06121a;background:linear-gradient(180deg, var(--gold), var(--orange));clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);border:none;min-width:340px;margin:8px;padding:12px 54px;font-family:inherit;font-size:30px;font-style:italic;font-weight:900}.btn:hover{filter:brightness(1.12)}.btn.ghost{color:var(--cyan);outline:2px solid var(--cyan);background:#0a0e18d9}.btn.small{min-width:240px;padding:10px 30px;font-size:22px}.footer-hint{color:#ffffffa6;letter-spacing:1px;text-align:center;font-size:18px;position:absolute;bottom:22px}.footer-hint b{color:var(--gold)}.results-card{background:var(--ink);border-top:4px solid var(--cyan);border-bottom:4px solid var(--pink);text-align:center;padding:30px 60px;transform:skew(-4deg)}.results-card h2{color:var(--gold);letter-spacing:3px;font-size:52px;font-style:italic;font-weight:900}.results-card table{border-collapse:collapse;margin:18px auto}.results-card td{color:#fff;text-align:left;padding:5px 22px;font-size:26px;font-weight:700}.results-card td:last-child{color:var(--cyan);text-align:right;font-variant-numeric:tabular-nums}.results-card .newbest{color:var(--pink);font-size:24px;font-style:italic;font-weight:900}.garage-row{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:8px;display:flex}.car-card{background:var(--ink);cursor:pointer;border:2px solid #35f0ff59;width:250px;padding:14px 20px;transform:skew(-4deg)}.car-card.sel{border-color:var(--gold);box-shadow:0 0 26px #ffd21f59}.car-card h3{color:#fff;font-size:28px;font-style:italic;font-weight:900}.track-card h3{font-size:24px}.sec-title{color:var(--gold);letter-spacing:6px;margin:4px 0 6px;font-size:22px;font-style:italic;font-weight:900}.car-card p{color:var(--gold);margin:4px 0 12px;font-size:19px}.spec{color:#fffc;align-items:center;gap:10px;margin:5px 0;font-size:17px;display:flex}.spec .bar{background:#ffffff24;flex:1;height:10px}.spec .bar i{background:linear-gradient(90deg, var(--cyan), var(--pink));height:100%;display:block}.howto-card{background:var(--ink);border-left:5px solid var(--gold);max-width:640px;padding:26px 44px}.howto-card h2{color:var(--gold);margin-bottom:12px;font-size:40px;font-style:italic}.howto-card p{color:#fff;margin:7px 0;font-size:21px}.howto-card b{color:var(--cyan)}#touch{pointer-events:none;justify-content:space-between;padding:0 14px 20px;display:none;position:fixed;inset:auto 0 0}#touch.on{display:flex}#touch .tgroup{gap:12px;display:flex}#touch button{pointer-events:auto;border:2px solid var(--cyan);color:#fff;background:#05081099;border-radius:50%;width:76px;height:76px;font-size:30px;font-weight:900}#touch button:active{background:#35f0ff59}#touch button.gas{border-color:var(--gold)}#touch button.hb{border-color:var(--pink)}
