:root{--brand-bg: #0e1520;--brand-panel: #1a2434;--brand-panel-2: #243044;--brand-line: rgba(255, 255, 255, .12);--brand-ink: #f7f9fc;--brand-muted: #9aa8b8;--brand-orange: #ff2e00;--brand-orange-hot: #ff6b4a;--brand-orange-glow: rgba(255, 46, 0, .22);--brand-cyan: #5ec8e8;--play-yellow: #ffd000;--play-yellow-hot: #ffe566;--play-yellow-ink: #1a1400;--play-yellow-glow: rgba(255, 208, 0, .42);--play-ink: rgba(8, 12, 18, .84);--play-ink-soft: rgba(8, 12, 18, .72);--check-a: #f0f2f5;--check-b: #1a1e26;--class-d: #8b95a5;--class-c: #3dcc7a;--class-b: #4aa3ff;--class-a: #ff4d4d;--class-s: #ffd24a;--font-display: "Exo 2", system-ui, sans-serif;--font-body: "Outfit", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-top-ui: max(56px, env(safe-area-inset-top, 0px));--safe-bottom-ui: max(72px, env(safe-area-inset-bottom, 0px));--bp-short-landscape: 480px;--press-ms: 80ms;--panel-ms: .22s;--hit-min: 48px;--cta-h: 60px;--dock-h: 58px;--hub-gap: 10px;--hub-pad: 10px;--hub-radius: 16px}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){:root{--press-ms: 1ms;--panel-ms: 1ms}}.brand-mark{display:inline-flex;align-items:center;gap:10px;line-height:0;text-decoration:none;color:inherit;min-width:0}.brand-mark .brand-logo-img{display:block;height:clamp(28px,5.5vw,40px);width:auto;max-width:min(240px,52vw);object-fit:contain}.brand-mark .brand-product{font-family:var(--font-display);font-size:clamp(16px,3vw,24px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1;background:linear-gradient(180deg,var(--brand-cyan) 0%,#fff 75%);-webkit-background-clip:text;background-clip:text;color:transparent;flex-shrink:0}.brand-mark .brand-product:before{content:"";display:inline-block;width:2px;height:.85em;margin-right:10px;vertical-align:-.08em;background:var(--play-yellow);border-radius:1px}.brand-nav{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:999px;border:1.5px solid transparent;color:var(--brand-muted);text-decoration:none;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:border-color .15s,color .15s,background .15s}.brand-nav:hover{color:var(--brand-ink);border-color:#5ec8e866}.class-plate{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 8px;font:800 11px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#0a0e14;background:var(--class-d);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.class-plate.class-d{background:var(--class-d)}.class-plate.class-c{background:var(--class-c)}.class-plate.class-b{background:var(--class-b);color:#fff}.class-plate.class-a{background:var(--class-a);color:#fff}.class-plate.class-s{background:var(--class-s)}.class-shield{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:88px;padding:10px 6px 12px;color:#1a1400;background:linear-gradient(180deg,#ffe566 0%,var(--play-yellow) 55%,#c9a000 100%);clip-path:polygon(50% 0,100% 18%,100% 72%,50% 100%,0 72%,0 18%);border:0;box-shadow:0 8px 20px #ffd00059;text-transform:uppercase;line-height:1}.class-shield em{font:800 8px/1 var(--font-display);letter-spacing:.14em;font-style:normal;opacity:.75}.class-shield strong{font:800 28px/1 var(--font-display);letter-spacing:.02em}.class-shield.class-d{background:linear-gradient(180deg,#c8d0dc,#8b95a5);color:#0a0e14}.class-shield.class-c{background:linear-gradient(180deg,#6ee7a8,#3dcc7a)}.class-shield.class-b{background:linear-gradient(180deg,#ffe566,#ffd000 55%,#c9a000)}.class-shield.class-a{background:linear-gradient(180deg,#ff8a8a,#ff4d4d);color:#fff}.class-shield.class-s{background:linear-gradient(180deg,#ffe566,#ffb020)}.track-diorama{position:relative;overflow:hidden;border-radius:12px;background:#141820;aspect-ratio:16 / 10}.track-diorama-bg{display:block;width:100%;height:100%;object-fit:cover}.track-diorama-map{position:absolute;top:8%;right:10%;bottom:12%;left:10%;opacity:.55;mix-blend-mode:multiply;pointer-events:none;filter:contrast(1.15)}.track-diorama-map svg{width:100%;height:100%;object-fit:contain;display:block}.checkered-bar{height:4px;background:repeating-linear-gradient(90deg,var(--check-a) 0 8px,var(--check-b) 8px 16px)}.ui-press:active{transform:translateY(2px);transition:transform var(--press-ms) ease-out}.ui-panel-enter{animation:ui-panel-in var(--panel-ms) ease-out}@keyframes ui-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ui-panel-enter{animation:none}.ui-press:active{transform:none}}.ui-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--hit-min);padding:4px 0;flex:0 0 auto}.ui-topbar-wallet{display:flex;gap:6px;align-items:center}.ui-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;min-height:36px;background:var(--play-ink-soft);border:1px solid var(--brand-line);font:800 13px/1 var(--font-display);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}.ui-chip em{font:700 8px/1 var(--font-display);letter-spacing:.12em;font-style:normal;color:var(--brand-muted)}.ui-chip strong{font:800 13px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--play-yellow)}.ui-chip.rep strong{color:#c084fc}.coin{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe566,#c9a000);box-shadow:inset 0 0 0 2px #ffe65080;flex:0 0 auto}.gem{width:14px;height:14px;background:linear-gradient(135deg,#c084fc,#7c3aed);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:0 0 auto}.empty-state{display:flex;flex-direction:column;gap:6px;padding:10px 2px;color:var(--brand-muted);font-size:13px}.empty-state strong{display:block;color:var(--brand-ink);font:800 16px/1.2 var(--font-display)}.empty-state .start{margin-top:6px;width:min(280px,100%);max-width:280px;text-decoration:none}.ui-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--hit-min);height:var(--hit-min);border-radius:12px;border:1px solid var(--brand-line);background:var(--play-ink-soft);color:var(--brand-ink);display:grid;place-items:center;cursor:pointer}.ui-icon-btn svg{width:20px;height:20px}.ui-icon-btn.is-back svg{transform:rotate(180deg)}.menu-heading{display:inline-flex;align-items:center;gap:6px;min-width:0;font:800 13px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--play-yellow)}.menu-heading svg{width:16px;height:16px;flex:0 0 auto}.ui-icon-btn:focus-visible{outline:2px solid var(--play-yellow);outline-offset:2px}.ui-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;min-height:var(--cta-h);padding:0 28px;width:min(320px,72vw);background:var(--play-yellow);color:var(--play-yellow-ink);font:800 18px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);box-shadow:0 10px 28px var(--play-yellow-glow);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;position:relative}.ui-cta:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:repeating-linear-gradient(90deg,var(--check-a) 0 6px,var(--check-b) 6px 12px);opacity:.85}.ui-cta svg{width:18px;height:18px}.ui-cta:disabled{opacity:.45;cursor:default;box-shadow:none}.ui-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.ui-mode-rail{display:flex;gap:6px;justify-content:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 0;scrollbar-width:none}.ui-mode-rail::-webkit-scrollbar{display:none}.ui-mode-rail.hub-mode-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;max-width:none;height:100%;overflow:hidden;padding:0}.ui-mode-card.hub-tile-career{grid-column:1 / -1}.ui-mode-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:0;height:100%;padding:14px 12px 12px;border-radius:16px;border:1.5px solid rgba(255,255,255,.16);background:#121820;color:var(--brand-ink);cursor:pointer;overflow:hidden;text-align:left;box-shadow:0 10px 22px #00000061}.ui-mode-card-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.92;pointer-events:none}.ui-mode-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 20%,rgba(4,8,14,.92) 88%);pointer-events:none}.ui-mode-card .lbl,.ui-mode-card .meta{position:relative;z-index:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-mode-card .lbl{font:800 clamp(17px,2.2vw,22px)/1.05 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.75)}.ui-mode-card .meta{font:600 clamp(13px,1.4vw,16px)/1.15 var(--font-body);color:var(--play-yellow);text-shadow:0 1px 6px rgba(0,0,0,.7)}.ui-mode-card:hover,.ui-mode-card:focus-visible{border-color:#ffe5668c;box-shadow:0 0 0 1px #ffe56633}.ui-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;display:grid;place-items:center;padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(12px,var(--safe-bottom)) max(12px,var(--safe-left));background:#04080eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ui-sheet{width:min(560px,100%);max-height:min(92dvh,100%);display:flex;flex-direction:column;min-height:0;border-radius:16px;border:1px solid var(--brand-line);background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(255,229,102,.14),transparent 55%),linear-gradient(165deg,#1a2436,#0e141c);overflow:hidden;color:var(--brand-ink)}.ui-sheet-wide{width:min(920px,100%)}.ui-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 8px;flex:0 0 auto}.ui-sheet-brand{margin:0;font:700 10px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-muted)}.ui-sheet-heading{margin:2px 0 0;font:800 clamp(18px,3.5vh,26px)/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase}.ui-sheet-cols{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:12px;padding:4px 16px 10px}.ui-sheet-col{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--brand-line);background:#080c128c;min-height:0}.ui-sheet-col-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ui-sheet-col-head span{font:700 9px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-muted)}.ui-sheet-meta,.ui-car-name{font:800 11px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--play-yellow)}.ui-diff-lbl{margin:0;font:700 8px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-muted)}.ui-diff{display:flex;gap:6px}.ui-diff i{width:12px;height:12px;transform:rotate(45deg);border:1.5px solid rgba(255,255,255,.22);background:transparent}.ui-diff i.on{background:var(--play-yellow);border-color:var(--play-yellow);box-shadow:0 0 8px var(--play-yellow-glow)}.ui-sheet-car-hero{position:relative;display:grid;place-items:center;min-height:150px;flex:1 1 auto;border-radius:12px;background:radial-gradient(ellipse 60% 50% at 50% 80%,rgba(255,229,102,.2),transparent 60%),#0c121a;border:1px solid var(--brand-line)}.ui-sheet-car-hero img{max-width:86%;max-height:140px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5))}.ui-sheet-car-hero picture{display:contents}.ui-sheet-car-hero .class-plate{position:absolute;top:8px;left:8px}.ui-sheet-tip{margin:0;padding:8px 10px;border-radius:10px;background:#ffe56614;border:1px solid rgba(255,229,102,.22);font-size:12px;color:var(--brand-muted)}.ui-rewards-lbl{margin:4px 0 0;font:700 9px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-muted)}.ui-reward.hex{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);padding:10px 18px;display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:88px}.ui-reward.hex b{font:700 9px/1 var(--font-display);letter-spacing:.1em;color:var(--brand-muted)}.ui-reward.hex strong{font:800 18px/1 var(--font-display);color:var(--play-yellow)}.ui-toggle-hint{margin:2px 0 0;font-size:11px;color:var(--brand-muted)}.ui-sheet-foot{flex:0 0 auto;display:grid;grid-template-columns:minmax(120px,.4fr) 1fr;gap:10px;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--brand-line);background:#080c12eb}.ui-sheet-foot .ui-cta{width:100%}.ui-sheet-change{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:56px;border-radius:12px;border:1px solid var(--brand-line);background:#ffffff0d;color:var(--brand-ink);font:700 11px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ui-sheet-change svg{width:16px;height:16px}@media(orientation:portrait){.ui-sheet{width:min(560px,100%);max-height:min(96dvh,100%)}.ui-sheet-wide{width:min(920px,100%)}.ui-sheet-cols,.ui-sheet-foot{grid-template-columns:1fr}.ui-sheet-car{flex-wrap:wrap}.ui-cta{width:min(420px,92vw);min-height:56px;font-size:16px}.ui-mode-card{min-height:84px}.ui-topbar-wallet{flex-wrap:wrap;justify-content:flex-end}}.ui-sheet-map{flex:1 1 auto;min-height:180px;border-radius:12px;overflow:hidden;border:1px solid var(--brand-line);background:#141820;display:block}.ui-sheet-map .track-diorama{width:100%;height:100%;min-height:180px;border-radius:0;aspect-ratio:16 / 10}.ui-sheet-map .track-diorama-bg{width:100%;height:100%;object-fit:cover}.ui-sheet-tip{flex:0 0 auto;display:flex;align-items:flex-start;gap:8px}.ui-sheet-tip svg{width:14px;height:14px;flex:0 0 auto;overflow:visible}.ui-sheet-kicker{margin:0;font:800 9px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--play-yellow)}.ui-sheet-title{margin:4px 0 2px;font:800 clamp(16px,3.5vh,22px)/1.1 var(--font-display);text-transform:uppercase}.ui-sheet-sub{margin:0;font-size:12px;color:var(--brand-muted)}.ui-sheet-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.ui-fact{padding:4px 8px;border-radius:8px;background:#ffffff0d;font:700 10px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--brand-muted)}.ui-fact b{color:var(--brand-ink);margin-left:4px}.ui-sheet-car{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--brand-line);background:#00000040}.ui-sheet-car img{width:88px;height:66px;object-fit:contain}.ui-sheet-stats{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.ui-stat-row{display:grid;grid-template-columns:52px minmax(0,1fr) 36px auto;gap:8px;align-items:center;font:700 10px/1 var(--font-display);color:var(--brand-muted);text-transform:uppercase}.ui-stat-row b{font:800 11px/1 var(--font-display);color:var(--play-yellow);text-align:right;font-variant-numeric:tabular-nums}.ui-stat-bar{height:8px;border-radius:2px;background:#ffffff1a;overflow:hidden}.ui-stat-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--play-yellow),#fff0a0)}.ui-stat-row .segs{display:flex;gap:2px}.ui-stat-row .segs i{width:8px;height:5px;border-radius:1px;background:#ffffff1f}.ui-stat-row .segs i.on{background:var(--play-yellow)}.ui-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--brand-line);background:#ffffff08}.ui-toggle label{font:700 11px/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase}.ui-toggle input{width:44px;height:28px;accent-color:var(--play-yellow)}.ui-switch{position:relative;width:48px;height:28px;flex:0 0 auto}.ui-switch input{opacity:0;width:48px;height:28px;margin:0;cursor:pointer}.ui-switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff24;pointer-events:none;transition:background .15s}.ui-switch span:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s}.ui-switch input:checked+span{background:var(--play-yellow)}.ui-switch input:checked+span:after{transform:translate(20px)}.ui-rewards{display:flex;flex-wrap:wrap;gap:8px}.ui-reward{padding:6px 10px;border-radius:999px;background:#ffe5661a;border:1px solid rgba(255,229,102,.25);font:700 11px/1 var(--font-display);color:var(--play-yellow)}.ui-skel{border-radius:14px;border:1px solid var(--brand-line);background:linear-gradient(165deg,#1c2432cc,#0e121ae6);overflow:hidden;min-height:160px;position:relative}.ui-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);animation:ui-skel-shine 1.2s ease-in-out infinite}.ui-skel-thumb{aspect-ratio:16/10;background:#ffffff0a}.ui-skel-line{height:12px;margin:12px 14px;border-radius:6px;background:#ffffff14}.ui-skel-line.short{width:40%}@keyframes ui-skel-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.ui-skel:after{animation:none}}.ui-start-lights{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,rgba(255,229,102,.55),transparent 55%),#080c1259;animation:ui-start-flash .15s ease-out forwards}@keyframes ui-start-flash{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.ui-start-lights{display:none}}.car-stage{position:relative;min-width:0;min-height:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;pointer-events:none}.car-stage img{position:relative;z-index:1;width:124%;height:118%;max-width:none;max-height:none;object-fit:contain;object-position:center 84%;transform:none;filter:drop-shadow(0 14px 16px rgba(0,0,0,.5))}#start-screen .hub-car-hero.car-stage img{position:absolute;transform:translate(-50%)}@media(orientation:landscape)and (max-height:480px){.ui-cta{min-height:44px;font-size:14px;width:min(280px,100%)}}@media(max-height:720px){.ui-mode-card{min-height:0}.ui-cta{min-height:48px;font-size:15px}.ui-sheet{max-height:min(96dvh,100%)}.ui-mode-rail.hub-mode-cards{gap:8px}}