:root{color-scheme:dark;font-family:IBM Plex Mono,monospace;background:#030611;color:#eefbff;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#030611}body{touch-action:none;user-select:none}button{font:inherit}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.title-screen{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 50% 50%,#050c1e1a,#02040c8c);transition:opacity .45s ease,visibility .45s}.in-game .title-screen{opacity:0;visibility:hidden;pointer-events:none}.eyebrow{display:flex;align-items:center;gap:13px;color:#7e97ad;font-size:10px;letter-spacing:.18em}.eyebrow i{display:block;width:90px;height:1px;background:linear-gradient(90deg,#00eaff,#ff2d9b);box-shadow:0 0 10px #00eaff}h1{margin:15px 0 0;color:#f3fbff;font-family:Rajdhani,sans-serif;font-size:clamp(70px,11vw,144px);font-weight:700;line-height:.78;letter-spacing:-.065em;text-transform:uppercase;text-shadow:0 0 2px #fff,0 0 26px rgba(0,234,255,.2);transform:skew(-3deg)}h1 span{color:transparent;-webkit-text-stroke:2px #00eaff;filter:drop-shadow(0 0 11px rgba(0,234,255,.65))}.tagline{margin:27px 0 0;color:#ff4aaf;font-size:clamp(9px,1.2vw,13px);font-weight:700;letter-spacing:.48em;text-shadow:0 0 12px rgba(255,48,165,.65)}.car-mark{display:flex;align-items:center;gap:10px;margin:38px 0 25px;color:#00eaff52;font-size:46px;line-height:1}.car-mark strong{color:#f5ffff;font-size:52px;text-shadow:0 0 8px #00eaff,0 0 28px #00eaff}.car-mark .wing{font-size:34px;color:#ff2e9f;text-shadow:0 0 15px #ff2e9f}.start{position:relative;display:flex;align-items:center;gap:42px;min-width:330px;padding:15px 17px 15px 28px;border:1px solid rgba(0,234,255,.55);background:linear-gradient(110deg,#00eaff24,#ff2e9f14);color:#f2fdff;font-size:12px;font-weight:700;letter-spacing:.13em;cursor:pointer;box-shadow:0 0 28px #00eaff12,inset 0 0 20px #00eaff0a;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .18s,border-color .18s,box-shadow .18s}.start:hover{transform:translateY(-2px);border-color:#00eaff;box-shadow:0 0 30px #00eaff38,inset 0 0 24px #00eaff14}kbd{border:1px solid rgba(255,255,255,.16);border-radius:2px;padding:5px 8px;background:#ffffff0d;color:#94aabe;font:600 9px IBM Plex Mono,monospace}.how{margin-top:14px;padding:8px 12px;border:0;background:transparent;color:#6f869b;font-size:9px;letter-spacing:.17em;cursor:pointer}.how:hover{color:#ff48ad}.how-panel{display:grid;grid-template-columns:repeat(3,auto);gap:20px;position:absolute;bottom:64px;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none}.show-how .how-panel{opacity:1;transform:translateY(0)}.how-panel div{display:flex;align-items:center;gap:8px;color:#8ba0b3;font-size:8px;letter-spacing:.12em}.how-panel p{grid-column:1 / -1;margin:0;color:#ff4aaf;text-align:center;font-size:9px}.title-screen footer{position:absolute;bottom:25px;color:#3c5265;font-size:8px;letter-spacing:.18em}.title-screen footer span{padding:0 9px;color:#ff3aa5}.touch-controls{display:none;position:fixed;z-index:4;inset:auto 16px max(16px,env(safe-area-inset-bottom)) 16px;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;align-items:end;gap:9px}.touch-controls button{width:58px;height:58px;border:1px solid rgba(0,234,255,.35);border-radius:50%;background:#03081685;color:#e1fcffd1;font-size:12px;font-weight:700;backdrop-filter:blur(5px);pointer-events:auto}.touch-controls button[data-control=throttle]{width:68px;height:68px;color:#00efff}.touch-controls button.active{background:#00eaff33;border-color:#00efff;box-shadow:0 0 18px #00eaff4d}.touch-controls button[data-control=boost].active{color:#ff3aa8;border-color:#ff3aa8}.touch-pause,.touch-restart{display:none;position:fixed;z-index:5;border:1px solid rgba(0,234,255,.42);background:#030816b8;color:#dffcff;font-weight:700;backdrop-filter:blur(5px)}.touch-pause{top:max(16px,env(safe-area-inset-top));left:50%;width:42px;height:36px;transform:translate(-50%)}.touch-restart{left:50%;bottom:max(70px,env(safe-area-inset-bottom));padding:14px 24px;transform:translate(-50%);letter-spacing:.12em}.noise{position:fixed;z-index:10;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}@media (hover: none),(pointer: coarse){.in-game .touch-controls{display:flex}.in-game .touch-pause{display:block}.is-finished .touch-controls,.is-finished .touch-pause{display:none}.is-finished .touch-restart{display:block}.title-screen{justify-content:flex-start;padding-top:17vh}.how-panel{bottom:70px;grid-template-columns:1fr;gap:8px}.how-panel p{grid-column:1}}@media (max-height: 650px){.car-mark{margin:22px 0 17px}.tagline{margin-top:19px}}@media (max-height: 500px){.title-screen{justify-content:center;padding:14px}.eyebrow,.car-mark,.title-screen footer{display:none}h1{margin-top:0;font-size:clamp(54px,14vw,88px)}.tagline{margin-top:13px}.start{margin-top:22px;padding-block:11px}.how{margin-top:5px}.how-panel{bottom:8px;display:flex;gap:12px}.how-panel p{display:none}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important}}