:root{--font: "GT-Flexa", system-ui, -apple-system, "Segoe UI", sans-serif;--ink: #f4f1fa;--dim: rgba(244, 241, 250, .55);--accent: #ff3d5a;--accent2: #35e0ff;--glass: rgba(16, 12, 28, .55);--glass-line: rgba(244, 241, 250, .14);--sat: env(safe-area-inset-top, 8px);--sab: env(safe-area-inset-bottom, 8px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#0b0812;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}canvas#gl{position:fixed;inset:0;width:100vw;height:100vh;touch-action:none;display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui .ctl{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.film{position:absolute;inset:0;pointer-events:none}.film .bar{position:absolute;left:0;right:0;height:6.5vh;background:#000;transition:transform .55s cubic-bezier(.32,.72,0,1)}.film .bar.top{top:0;transform:translateY(-101%)}.film .bar.bot{bottom:0;transform:translateY(101%)}.film .vig{position:absolute;inset:0;background:radial-gradient(ellipse 78% 68% at 50% 46%,transparent 58%,rgba(4,2,9,.5) 100%);opacity:0;transition:opacity .55s ease}#ui.cine .film .bar{transform:none}#ui.cine .film .vig{opacity:1}.top-left{position:absolute;top:calc(var(--sat) + 6px);left:calc(var(--sal) + 14px);display:flex;align-items:center;gap:10px}.top-left img{height:20px;filter:invert(1) drop-shadow(0 2px 8px rgba(255,61,90,.35));opacity:.95}.lobby-pill{padding:4px 9px;border:1px solid var(--glass-line);border-radius:8px;background:var(--glass);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--dim)}.lobby-pill.live{color:var(--accent2);border-color:#35e0ff66}.chip .badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center}.chip .badge[hidden]{display:none}.chip{position:relative}.chip.off{background:#ff3d5a47;color:var(--accent);border-color:#ff3d5a80}.chat-fab{position:absolute;left:calc(var(--sal) + 14px);bottom:calc(var(--sab) + 210px)}.id-fab{position:absolute;left:calc(var(--sal) + 14px);bottom:calc(var(--sab) + 248px)}.kings-fab{position:absolute;left:calc(var(--sal) + 14px);bottom:calc(var(--sab) + 286px)}.dk-pill{position:absolute;top:calc(var(--sat) + 84px);left:50%;transform:translate(-50%);padding:4px 12px;border:1px solid rgba(255,212,53,.6);border-radius:9px;background:#281c04b3;color:#ffd435;font-size:10px;font-weight:900;letter-spacing:.22em}.dk-pill[hidden]{display:none}.king-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid var(--glass-line);font-size:14px;font-weight:700}.king-row .rank{width:26px;color:var(--dim);font-variant-numeric:tabular-nums}.king-row .k-handle{flex:1;letter-spacing:.06em}.king-row .k-cred{color:var(--accent2);font-variant-numeric:tabular-nums}.king-row.the-king{background:#ffd43514;border-radius:10px;border-bottom:none}.king-row.the-king .k-handle,.king-row.the-king .k-cred{color:#ffd435}.king-row.you .k-handle:after{content:" · YOU";color:var(--accent);font-size:10px}.dk-mini{width:30px;height:30px}.store-fab{position:absolute;left:calc(var(--sal) + 14px);bottom:calc(var(--sab) + 324px)}.car-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--glass-line);border-radius:14px;margin-bottom:8px}.car-card.driving{border-color:#35e0ff80;background:#35e0ff12}.car-info{flex:1;min-width:0}.car-name{font-weight:900;font-size:12.5px;letter-spacing:.06em}.car-blurb{font-size:11px;color:var(--dim);line-height:1.45;margin-top:3px}.car-card .btn{flex:0 0 auto;width:auto;padding:0 14px;height:38px;font-size:11px}.car-badge{flex:0 0 auto;padding:6px 12px;border-radius:9px;background:#35e0ff29;border:1px solid rgba(53,224,255,.5);color:var(--accent2);font-size:10.5px;font-weight:900;letter-spacing:.1em}.id-row{margin-bottom:16px}.id-row .lab{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:7px}.id-row .lab .val{color:var(--accent2)}.chip-menu{position:absolute;top:calc(var(--sat) + 44px);right:calc(var(--sar) + 60px);display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--glass-line);border-radius:12px;background:#0d0a16f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto;z-index:30}.chip-menu[hidden]{display:none}.chip-menu button{min-width:130px;height:36px;border:1px solid var(--glass-line);border-radius:9px;background:transparent;color:var(--ink);font-family:var(--font);font-weight:700;font-size:11px;letter-spacing:.08em;touch-action:manipulation}.chip-menu button:active{background:#35e0ff26}@media (max-width: 520px){.chip{min-width:36px;height:30px;padding:0 7px;font-size:10px;border-radius:8px}.top-right{gap:5px}.top-left{gap:7px}.top-left img{height:15px}}.chat-drawer{position:absolute;top:0;bottom:0;left:0;width:min(320px,86vw);transform:translate(-103%);transition:transform .28s cubic-bezier(.32,.72,0,1);background:#0d0a16f0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--glass-line);display:flex;flex-direction:column;padding-top:calc(var(--sat) + 6px);pointer-events:auto;touch-action:pan-y}.chat-drawer.open{transform:translate(0)}.chat-head{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--glass-line)}.chat-head h3{flex:1;font-size:13px;font-weight:900;letter-spacing:.14em}.chat-msgs{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 12px;font-size:12.5px;line-height:1.55}.chat-msgs .m{margin-bottom:7px;word-wrap:break-word}.chat-msgs .m b{color:var(--accent2);font-weight:700}.chat-msgs .m.self b{color:var(--accent)}.chat-input-row{display:flex;gap:8px;padding:10px 12px calc(var(--sab) + 12px);border-top:1px solid var(--glass-line)}.chat-input-row input{flex:1;min-width:0;height:42px;background:#f4f1fa14;border:1px solid var(--glass-line);border-radius:10px;color:var(--ink);font-family:var(--font);font-size:13px;padding:0 12px;outline:none}.chat-input-row .btn{flex:0 0 auto;width:auto;padding:0 16px;height:42px}.top-right{position:absolute;top:calc(var(--sat) + 6px);right:calc(var(--sar) + 12px);display:flex;gap:8px}.aux-light{display:none;color:#ffc53d;min-width:40px}.top-right.open .aux-light{color:#0b0812;background:#ffc53d;border-color:#ffc53d}@media (max-width: 640px){.aux-light{display:inline-flex}.top-right{flex-direction:column;align-items:flex-end}.top-right .chip:not(.aux-light){display:none}.top-right.open .chip:not(.aux-light){display:inline-flex}.top-right .chip-menu{right:0}}.chip{min-width:44px;height:34px;padding:0 10px;border:1px solid var(--glass-line);border-radius:10px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink);font-family:var(--font);font-weight:700;font-size:12px;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.chip:active{transform:translateY(1px);background:#ff3d5a40}.score-wrap{position:absolute;top:calc(var(--sat) + 6px);left:50%;transform:translate(-50%);text-align:center;line-height:1.05}@media (max-width: 560px){.score-wrap{top:calc(var(--sat) + 50px)}}.score-bank{font-weight:900;font-size:22px;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,0,0,.6)}.score-label{font-size:9px;font-weight:700;letter-spacing:.28em;color:var(--dim)}.drift-read{position:absolute;top:22%;left:50%;transform:translate(-50%);text-align:center;opacity:0;transition:opacity .12s linear}.drift-read.on{opacity:1}.drift-angle{font-weight:900;font-size:44px;letter-spacing:.02em;color:var(--accent2);text-shadow:0 0 24px rgba(53,224,255,.45),0 2px 10px rgba(0,0,0,.7);font-variant-numeric:tabular-nums}.drift-combo{font-weight:700;font-size:15px;letter-spacing:.1em;color:var(--ink);font-variant-numeric:tabular-nums}.drift-combo .mult{color:var(--accent);font-weight:900}.drift-read.close .drift-angle{color:#ffd435;text-shadow:0 0 26px rgba(255,212,53,.55)}.toast{position:absolute;top:36%;left:50%;transform:translate(-50%);font-weight:900;font-size:19px;letter-spacing:.08em;white-space:nowrap;color:var(--ink);text-shadow:0 2px 14px rgba(0,0,0,.8);opacity:0;pointer-events:none}.toast.show{animation:toastUp 1.5s ease-out forwards}.toast.bad{color:var(--accent)}.toast.gold{color:#ffd435}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,12px) scale(.92)}12%{opacity:1;transform:translate(-50%) scale(1.04)}22%{transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-22px)}}.bonus{position:absolute;top:30%;left:50%;transform:translate(-50%) rotate(var(--tilt, 0deg)) scale(.6);font-weight:900;font-size:26px;letter-spacing:.1em;white-space:nowrap;color:#ffd435;text-shadow:0 0 22px rgba(255,212,53,.55),0 2px 12px rgba(0,0,0,.8);opacity:0;pointer-events:none}.bonus.show{animation:bonusPop 1.4s cubic-bezier(.22,1.4,.36,1) forwards}@keyframes bonusPop{0%{opacity:0;transform:translate(-50%,16px) rotate(var(--tilt)) scale(.5)}18%{opacity:1;transform:translate(-50%) rotate(var(--tilt)) scale(1.15)}30%{transform:translate(-50%) rotate(var(--tilt)) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-30px) rotate(var(--tilt)) scale(.92)}}.speedo{position:absolute;bottom:calc(var(--sab) + 208px);left:50%;transform:translate(-50%);text-align:center;line-height:1}.speed-num{font-weight:900;font-size:40px;font-variant-numeric:tabular-nums;text-shadow:0 2px 14px rgba(0,0,0,.7)}.speed-sub{font-size:10px;font-weight:700;letter-spacing:.3em;color:var(--dim)}.gear-chip{color:var(--accent2);font-weight:900}.wheel-zone{position:absolute;bottom:calc(var(--sab) + 30px);width:165px;height:165px;border-radius:50%}.wheel-zone canvas{width:100%;height:100%;will-change:transform}.side-l .wheel-zone{left:calc(var(--sal) + 14px)}.side-r .wheel-zone{right:calc(var(--sar) + 14px)}.pedals{position:absolute;bottom:calc(var(--sab) + 24px);display:flex;align-items:flex-end;gap:8px}.side-l .pedals{right:calc(var(--sar) + 14px)}.side-r .pedals{left:calc(var(--sal) + 14px);flex-direction:row-reverse}.pedal{width:62px;border:1px solid var(--glass-line);border-radius:16px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--dim)}.pedal .fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(180deg,#35e0ff26,#35e0ff8c);pointer-events:none}.pedal.brake .fill{background:linear-gradient(180deg,#ff3d5a26,#ff3d5a8c)}.pedal.gas{height:128px}.pedal.brake{height:92px}.hb{width:40px;height:128px;border:1px solid var(--glass-line);border-radius:14px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.hb .knob{position:absolute;left:5px;right:5px;top:6px;height:34px;border-radius:10px;background:#ff3d5abf;box-shadow:0 2px 10px #00000080;will-change:transform}.hb .tag{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--dim)}.sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%,105%);width:min(460px,100vw);height:76vh;height:min(80dvh,640px);display:flex;flex-direction:column;border:1px solid var(--glass-line);border-bottom:none;border-radius:22px 22px 0 0;background:#0d0a16f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .28s cubic-bezier(.32,.72,0,1);pointer-events:auto;overflow:hidden}.sheet.open{transform:translate(-50%)}.sheet-head{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--glass-line);flex-shrink:0}.sheet-head .titles{flex:1;min-width:0}.sheet-head h2{font-weight:900;font-size:16px;letter-spacing:.12em}.sheet-head .sub{font-size:10px;color:var(--dim)}.sheet-head .btn{flex:0 0 auto;width:auto;padding:0 20px;height:40px}.sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px 8px;touch-action:pan-y}.sheet-foot{flex-shrink:0;display:flex;gap:8px;padding:10px 16px calc(var(--sab) + 12px);border-top:1px solid var(--glass-line)}.trow{margin-bottom:13px}.trow .lab{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink);margin-bottom:5px}.trow .lab .val{color:var(--accent2);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:30px;appearance:none;-webkit-appearance:none;background:transparent;touch-action:pan-x}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:#f4f1fa29}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent);margin-top:-9.5px;box-shadow:0 2px 8px #00000080}input[type=range]::-moz-range-track{height:5px;border-radius:3px;background:#f4f1fa29}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:var(--accent);box-shadow:0 2px 8px #00000080}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{flex:1 1 40%}.seg button{flex:1;height:34px;border:1px solid var(--glass-line);border-radius:10px;background:transparent;color:var(--dim);font-family:var(--font);font-weight:700;font-size:10.5px;letter-spacing:.05em;touch-action:manipulation}.seg button.on{background:#35e0ff29;border-color:#35e0ff80;color:var(--ink)}.sheet .row2{display:flex;gap:8px;margin-top:14px}.btn{flex:1;height:42px;border:1px solid var(--glass-line);border-radius:12px;background:#ff3d5a29;color:var(--ink);font-family:var(--font);font-weight:900;font-size:12px;letter-spacing:.1em;touch-action:manipulation}.btn.ghost{background:transparent}.btn:active{transform:translateY(1px)}.credits{margin-top:16px;font-size:10px;line-height:1.6;color:var(--dim)}.credits a{color:var(--accent2);text-decoration:none}.splash{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 10%,#1c1430,#0b0812 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:auto;z-index:20;transition:opacity .5s ease}.splash.hide{opacity:0;pointer-events:none}.splash img{width:min(300px,70vw);filter:invert(1)}.splash .tag-line{font-size:12px;font-weight:700;letter-spacing:.42em;color:var(--accent);text-transform:uppercase}.splash .lore{max-width:min(430px,84vw);text-align:center;font-size:12.5px;line-height:1.65;color:var(--dim)}.splash .start{margin-top:12px;padding:14px 38px;border:1px solid rgba(255,61,90,.6);border-radius:14px;background:#ff3d5a24;color:var(--ink);font-family:var(--font);font-weight:900;font-size:15px;letter-spacing:.22em;animation:pulse 1.8s ease-in-out infinite;touch-action:manipulation}@keyframes pulse{0%,to{box-shadow:0 0 #ff3d5a59}50%{box-shadow:0 0 26px 4px #ff3d5a40}}.splash .quote{position:absolute;bottom:calc(var(--sab) + 18px);font-size:11px;font-style:italic;color:#f4f1fa66;max-width:84vw;text-align:center}.splash .loading{font-size:10px;letter-spacing:.3em;color:var(--dim)}