:root{--ink:#0b0f1c;--bg-0:#080d1a;--bg-1:#111a2e;--panel:rgba(11,15,28,.94);--line:rgba(255,235,200,.07);--line-strong:rgba(255,235,200,.14);--text:#f2ede2;--text-dim:#a6b0c1;--text-mute:#6c7789;--accent:#ffb547;--accent-2:#ff8a3d;--mint:#4dd6ba;--danger:#ff5b6b;--font-display:"Titan One","Racing Sans One",system-ui,sans-serif;--font:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:#040611;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;user-select:none;touch-action:none;overscroll-behavior:none}button{font:inherit;color:inherit}#app{position:fixed;inset:0;height:100dvh}#canvas-wrap{position:absolute;inset:0;transition:filter .12s linear}#scene{display:block;width:100%;height:100%}#glitch{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .12s}#app.glitch #glitch{opacity:1}#app.glitch #canvas-wrap{animation:glitchShift .18s steps(2) infinite;filter:invert(.86) hue-rotate(120deg) saturate(1.8) contrast(1.2)}@keyframes glitchShift{0%{transform:translate(0)}25%{transform:translate(-7px,3px)}50%{transform:translate(6px,-4px) skew(1.2deg)}75%{transform:translate(-3px,-2px)}to{transform:translate(4px,2px)}}.glitch-bars{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,0,140,.35) 0 3px,transparent 3px 9px);mix-blend-mode:screen;animation:bars .35s linear infinite}@keyframes bars{to{transform:translateY(9px)}}.glitch-label{position:absolute;top:46%;left:0;right:0;text-align:center;font-family:var(--font-display);font-size:min(9vw,88px);letter-spacing:.08em;color:#ff2fa0;text-shadow:4px 0 #14f5e2,-4px 0 #ffd23f;animation:flick .12s steps(2) infinite}@keyframes flick{50%{opacity:.25;transform:scale(1.03)}}#ui{position:absolute;inset:0;pointer-events:none}.screen{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:4vh 4vw;pointer-events:auto}.screen.active{display:flex;animation:screenIn .22s ease-out}@keyframes screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#screen-menu,#screen-loading{background:radial-gradient(900px 700px at 78% 18%,rgba(255,181,71,.14),transparent 55%),radial-gradient(700px 500px at 12% 88%,rgba(77,214,186,.08),transparent 55%),linear-gradient(180deg,#0406118c,#040611b8)}#screen-chars,#screen-tracks,#screen-options,#screen-credits,#screen-result{background:linear-gradient(180deg,#060a16c7,#060a16e6);backdrop-filter:blur(6px)}.panel{position:relative;background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;padding:28px 30px;box-shadow:0 24px 60px #0000008c;max-width:min(1080px,94vw);width:100%;max-height:94vh;overflow:auto}.panel.wide-panel{max-width:min(1180px,96vw)}.panel-head{margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line)}.panel-head h1{font-family:var(--font-display);font-size:clamp(28px,3.4vw,44px);font-weight:400;letter-spacing:.02em;color:#fff;line-height:1}.panel-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:14px;border-top:1px solid var(--line);flex-wrap:wrap}.brand{display:inline-flex;align-items:stretch;gap:14px;line-height:1}.brand-mark{flex:none;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 12px rgba(255,181,71,.28))}.brand-text{display:flex;flex-direction:column;justify-content:center;gap:6px}.brand-word{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;color:#fff;line-height:.9;font-size:clamp(34px,5vw,64px);text-transform:uppercase}.brand-word em{font-style:normal;color:var(--accent);margin-left:.18em}.brand-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;color:var(--text-mute);text-transform:uppercase}.brand.xl{align-items:center;gap:18px}.brand.xl .brand-mark{width:clamp(64px,10vw,120px);height:clamp(64px,10vw,120px)}.brand.xl .brand-word{font-size:clamp(56px,9.5vw,128px);letter-spacing:.03em;line-height:.88}.brand.xl .brand-sub{font-size:12px;letter-spacing:.34em}.brand.small{gap:10px}.brand.small .brand-mark{width:40px;height:40px}.brand.small .brand-word{font-size:32px;letter-spacing:.02em}.brand.small .brand-sub{font-size:10px}.loading-block{display:flex;flex-direction:column;align-items:center;gap:22px;padding:36px 40px;background:var(--panel);border:1px solid var(--line-strong);border-radius:14px}.loading-bar{width:220px;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden}.loading-bar span{display:block;width:35%;height:100%;background:var(--accent);animation:load 1.4s cubic-bezier(.4,0,.6,1) infinite}@keyframes load{0%{transform:translate(-120%)}to{transform:translate(320%)}}.menu-stack{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;max-width:720px}.tagline{font-size:clamp(14px,1.4vw,17px);color:var(--text-dim);max-width:520px;line-height:1.5;font-weight:500}.btn-col{display:flex;flex-direction:column;gap:10px;width:min(300px,88vw);margin-top:4px}.hint{font-size:12.5px;color:var(--text-mute);max-width:640px;line-height:1.55;margin-top:6px}.hint b{color:var(--accent);font-weight:700}.hint kbd{display:inline-block;font-family:var(--font-mono);font-size:10.5px;padding:2px 6px;margin:0 1px;border-radius:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text)}.mobile-only{display:none}.desktop-only{display:block}.btn{font-family:var(--font);font-weight:600;font-size:14px;letter-spacing:.01em;color:var(--text);background:#ffffff08;border:1px solid var(--line-strong);border-radius:8px;padding:12px 22px;cursor:pointer;transition:transform .08s,border-color .15s,background .15s,color .15s}.btn:hover{border-color:#ffb5478c;color:#fff;background:#ffb5470f}.btn:active{transform:translateY(1px)}.btn-primary{color:#241100;background:var(--accent);border-color:transparent;font-weight:700}.btn-primary:hover{background:#ffc16b;color:#241100}.btn-ghost{background:transparent}.diff-row{display:flex;gap:6px;align-items:center;margin:18px 0 4px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.diff-label{font-family:var(--font-mono);font-size:10.5px;color:var(--text-mute);margin-right:8px;text-transform:uppercase;letter-spacing:.2em}.btn-diff{padding:8px 16px;font-size:13px;border-radius:6px;position:relative}.btn-diff.sel{color:#241100;background:var(--accent);border-color:var(--accent)}.btn-diff[data-diff=hard].sel{background:var(--danger);color:#fff}.btn-diff[data-diff=hard]:after{content:"";position:absolute;top:-3px;right:-3px;width:6px;height:6px;border-radius:50%;background:var(--danger);box-shadow:0 0 8px var(--danger)}.char-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.char-card{position:relative;background:#ffffff05;border:1px solid var(--line);border-radius:12px;padding:10px 10px 8px;cursor:pointer;text-align:center;transition:transform .15s,border-color .15s,background .15s;overflow:hidden}.char-card:hover{transform:translateY(-3px);border-color:#ffb54759}.char-card.sel{border-color:var(--accent);background:#ffb5470d}.char-card .glow{position:absolute;inset:-20% -10% auto;height:130%;opacity:.18;filter:blur(30px)}.char-card img{position:relative;width:100%;max-width:130px}.char-card .cname{position:relative;font-family:var(--font-display);font-weight:400;font-size:18px;letter-spacing:.05em;margin-top:4px}.char-card .ctag{position:relative;font-size:10.5px;color:var(--text-mute);min-height:24px;line-height:1.35;padding:0 2px;margin-top:2px}.char-card.sel:after{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.char-detail{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin-top:16px;padding:14px 18px;border:1px solid var(--line);border-radius:10px}.stat{display:flex;align-items:center;gap:10px}.stat label{width:52px;font-family:var(--font-mono);font-size:10px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.14em}.stat-bar{flex:1;height:5px;background:#ffffff0d;border-radius:3px;overflow:hidden}.stat-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .3s cubic-bezier(.2,.7,.2,1)}.char-blurb{grid-column:1/-1;font-size:13.5px;color:var(--text-dim);line-height:1.55;padding-top:8px;border-top:1px solid var(--line);margin-top:4px}.char-blurb b{color:var(--accent);font-weight:700}.char-blurb i{color:var(--mint);font-style:normal;font-weight:600}.track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.track-card{background:#ffffff05;border:1px solid var(--line);border-radius:12px;padding:10px;cursor:pointer;transition:transform .15s,border-color .15s}.track-card:hover{transform:translateY(-3px)}.track-card.sel{border-color:var(--accent);background:#ffb5470d}.track-card canvas{width:100%;border-radius:8px;background:#0d2b3a;display:block}.track-card .tname{font-family:var(--font-display);font-weight:400;font-size:22px;margin-top:10px;letter-spacing:.05em}.track-card .tmeta{font-family:var(--font-mono);font-size:10.5px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.16em;margin-top:2px}.track-card.locked{opacity:.35;cursor:not-allowed;filter:grayscale(.7)}.track-card.locked .tname:after{content:" 🔒"}.opt-list{display:flex;flex-direction:column;gap:6px}.opt{position:relative;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:14px 18px;font-weight:600;font-size:14px;cursor:pointer}.opt:hover{border-color:var(--line-strong)}.opt input{position:absolute;opacity:0;pointer-events:none}.switch{width:38px;height:22px;border-radius:12px;background:#ffffff0f;position:relative;transition:background .2s;border:1px solid rgba(255,255,255,.06)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#7c8ba5;transition:.2s}.opt input:checked~.switch{background:var(--mint)}.opt input:checked~.switch:after{left:18px;background:#fff}.credits{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-dim);line-height:1.55}.credits b{color:var(--text);font-weight:700}.credits p:first-child{color:var(--text);font-size:15.5px}#hud{position:absolute;inset:0;display:none;pointer-events:none}#hud.on{display:block}.hud-left{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:5px}.hud-stat{display:flex;align-items:baseline;gap:10px;background:#0b0f1cb8;border:1px solid var(--line-strong);border-radius:8px;padding:5px 12px;min-width:180px;backdrop-filter:blur(4px)}.hud-stat label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--text-mute);width:44px;text-transform:uppercase}.hud-stat b{font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1;color:#fff;letter-spacing:.04em}.hud-best{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--text-mute);padding:4px 12px;text-transform:uppercase}.hud-best span{color:var(--mint);font-weight:600}.hud-right{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.item-slot{width:88px;height:88px;border-radius:12px;background:#0b0f1cb8;border:1px solid var(--line-strong);display:grid;place-items:center;font-size:44px;backdrop-filter:blur(4px)}.item-slot .qmark{color:var(--text-mute);font-weight:800;font-size:36px}.item-slot.pulse{animation:slotPop .5s cubic-bezier(.2,.7,.2,1)}@keyframes slotPop{0%{transform:scale(.5)}55%{transform:scale(1.12)}to{transform:none}}#minimap{width:172px;height:172px;background:#0b0f1c99;border:1px solid rgba(77,214,186,.35);border-radius:12px;backdrop-filter:blur(4px)}#minimap.hide{display:none}.hud-bottom{position:absolute;bottom:14px;left:14px;display:flex;flex-direction:column;gap:5px}.meter{display:flex;align-items:center;gap:8px}.meter label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--text-mute);width:34px;text-transform:uppercase}.meter-track{width:min(220px,42vw);height:6px;background:#0b0f1cb8;border:1px solid rgba(255,255,255,.05);border-radius:4px;overflow:hidden}.meter-fill{height:100%;width:0%;border-radius:4px;transition:width .08s linear}.meter-fill.spd{background:var(--accent)}.meter-fill.drift{background:var(--mint)}.banner{position:absolute;top:22%;left:0;right:0;text-align:center;font-family:var(--font-display);font-size:min(9vw,72px);letter-spacing:.08em;color:var(--accent);opacity:0}.banner.show{animation:bannerIn 1.5s cubic-bezier(.2,.7,.2,1)}@keyframes bannerIn{0%{opacity:0;transform:scale(.6)}18%{opacity:1;transform:scale(1.05)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.1)}}.toast{position:absolute;bottom:16%;left:0;right:0;text-align:center;font-family:var(--font-display);font-size:clamp(16px,2.4vw,26px);color:#fff;opacity:0;letter-spacing:.1em}.toast.show{animation:toastIn 1.15s cubic-bezier(.2,.7,.2,1)}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)}20%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}#countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-family:var(--font-display);font-size:min(30vw,280px);letter-spacing:.02em;color:var(--accent);opacity:0}#countdown.tick{animation:cd .95s cubic-bezier(.2,.7,.2,1)}#countdown.go{animation:go .9s cubic-bezier(.2,.7,.2,1);color:var(--mint)}@keyframes cd{0%{opacity:0;transform:scale(2)}25%{opacity:1;transform:scale(1)}80%{opacity:.9}to{opacity:0;transform:scale(.7)}}@keyframes go{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.2)}45%{transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.result-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:14px;padding:16px 18px;border:1px solid var(--line);border-radius:10px}.result-big label{display:block;font-family:var(--font-mono);font-size:10.5px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.18em;margin-bottom:4px}.result-big b{font-family:var(--font-display);font-size:clamp(30px,4.8vw,54px);letter-spacing:.02em;line-height:1;color:#fff}.best-flag{display:none;margin-left:auto;font-weight:700;font-size:12px;color:#241100;background:var(--accent);padding:6px 14px;border-radius:6px;text-transform:uppercase;letter-spacing:.16em}.best-flag.show{display:block;animation:screenIn .4s cubic-bezier(.2,.7,.2,1)}.result-rows{display:flex;flex-direction:column;gap:4px}.rrow{display:grid;grid-template-columns:40px 1fr 120px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-weight:600;font-size:14.5px}.rrow.me{border-color:var(--accent);background:#ffb5470f}.rrow .rp{font-family:var(--font-display);font-size:18px;color:var(--accent);text-align:center}.rrow .rt{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-dim)}.rrow .rt.est{color:var(--text-mute);font-size:12px}.rrow .rn{display:flex;align-items:center;gap:10px}.rrow .dot{width:10px;height:10px;border-radius:50%}#touch-ui{position:absolute;inset:0;pointer-events:none;display:none;z-index:5}#touch-ui.is-touch{display:block;opacity:0;transition:opacity .18s}body.race #touch-ui.is-touch{opacity:1}#touch-joy{position:absolute;bottom:20px;left:20px;width:140px;height:140px;pointer-events:auto;touch-action:none}#touch-joy .joy-base{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 45%,#ffb5471a,#0b0f1c66 65%);border:2px solid rgba(255,255,255,.14);box-shadow:0 6px 20px #00000059,inset 0 2px 10px #0006}#touch-joy .joy-stick{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff2c8,var(--accent) 60%,var(--accent-2));border:2px solid rgba(0,0,0,.4);box-shadow:0 4px 12px #00000080}#touch-buttons{position:absolute;bottom:20px;right:20px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:10px;pointer-events:none}.tbtn{pointer-events:auto;touch-action:none;border:none;color:#fff;font-family:var(--font-display);font-weight:400;letter-spacing:.1em;border-radius:50%;font-size:14px;box-shadow:0 4px 12px #0006,inset 0 2px 6px #ffffff26;transition:transform .06s;user-select:none}.tbtn:active{transform:scale(.92)}.tbtn.gas{width:90px;height:90px;background:radial-gradient(circle at 40% 35%,#fff2c8,var(--accent) 60%,var(--accent-2));color:#2a1500;grid-column:2;grid-row:2}.tbtn.brake{width:70px;height:70px;background:radial-gradient(circle at 40% 35%,#ffd3d8,var(--danger) 65%,#b23b48);grid-column:1;grid-row:2}.tbtn.drift{width:70px;height:70px;background:radial-gradient(circle at 40% 35%,#cfeee7,var(--mint) 60%,#1e9c85);color:#0a2020;grid-column:1;grid-row:1}.tbtn.item{width:70px;height:70px;background:radial-gradient(circle at 40% 35%,#f5d3ff,#b56cff 60%,#6b2fb0);grid-column:2;grid-row:1}#rotate-hint{position:fixed;top:12px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:10px;background:#0b0f1cf0;border:1px solid rgba(255,181,71,.5);border-radius:999px;padding:8px 14px;font-size:12.5px;color:var(--text);z-index:50;box-shadow:0 6px 20px #00000080;pointer-events:auto;max-width:calc(100vw - 24px)}#rotate-hint .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}#rotate-hint b{color:var(--accent);font-weight:700}#rotate-hint .rh-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#rotate-hint #rotate-dismiss{background:none;border:none;color:var(--text-mute);font-size:18px;cursor:pointer;line-height:1;padding:0 4px}#rotate-hint #rotate-dismiss:hover{color:#fff}@media(orientation:portrait)and (max-width:900px)and (pointer:coarse){#rotate-hint{display:flex}}@media(pointer:coarse)and (max-width:900px){.mobile-only{display:block}.desktop-only{display:none}.panel{padding:18px 20px;border-radius:12px}.panel-head{margin-bottom:14px;padding-bottom:10px}.panel-head h1{font-size:22px}.char-detail{grid-template-columns:1fr}.hud-stat{min-width:0;padding:3px 10px}.hud-stat label{width:42px;font-size:9px}.hud-stat b{font-size:16px}.item-slot{width:60px;height:60px;font-size:30px;border-radius:10px}.item-slot .qmark{font-size:30px}#minimap{width:104px;height:104px}.meter-track{width:min(160px,32vw)}.hud-right{gap:6px;top:10px;right:10px}.hud-left{gap:3px;top:10px;left:10px}.hud-bottom{bottom:6px;left:10px}.brand.xl .brand-mark{width:66px;height:66px}.brand.xl .brand-word{font-size:60px}}@media(pointer:coarse)and (max-height:500px){.hud-stat{padding:2px 8px}.hud-stat b{font-size:14px}.hud-left{top:8px;left:8px}.hud-right{top:8px;right:8px;gap:5px}#minimap{width:88px;height:88px}.item-slot{width:54px;height:54px;font-size:26px}#touch-joy{width:114px;height:114px;bottom:12px;left:12px}#touch-joy .joy-stick{width:54px;height:54px;margin:-27px 0 0 -27px}#touch-buttons{bottom:12px;right:12px;gap:8px}.tbtn.gas{width:74px;height:74px;font-size:13px}.tbtn.brake,.tbtn.drift,.tbtn.item{width:54px;height:54px;font-size:11px}.hud-bottom{display:none}}#screen-menu,#screen-intro{align-items:center!important;justify-content:center!important;padding-top:4vh!important}#screen-menu .menu-stack,#screen-intro .intro-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;width:100%}#screen-menu .brand.xl,#screen-intro .brand.xl{#screen-menu .brand.xl,#screen-intro .brand.xl{display:flex;align-items:center;justify-content:center;width:100%;margin:0 0 8px}}#screen-menu .btn-col,#screen-intro .btn-col{margin:8px auto 0}#screen-menu .tagline,#screen-intro .tagline{margin:0 auto}