:root{--bg: #0b0f16;--bg2: #121a26;--panel: #18222f;--panel2: #1f2b3b;--line: #2c3a4d;--text: #e8eef6;--muted: #8ea0b8;--accent: #ffcc00;--accent2: #ff6b35;--good: #47d37c;--bad: #ff4d5e;--info: #57b3ff;--pixel: "Press Start 2P", monospace;--sans: "Rubik", system-ui, -apple-system, Segoe UI, sans-serif;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.35;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}canvas{image-rendering:pixelated;image-rendering:crisp-edges}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit}a{color:var(--info)}h1,h2,h3{margin:0}.pixel{font-family:var(--pixel);letter-spacing:0}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.accent{color:var(--accent)}.small{font-size:12px}.tiny{font-size:11px}.row{display:flex;gap:8px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.center{text-align:center}.spread{justify-content:space-between;flex-wrap:wrap;row-gap:8px}.row>h2,.row>h3{min-width:0}.row>.tabs{flex-wrap:nowrap;flex-shrink:0;margin:0}.mt{margin-top:10px}.mb{margin-bottom:10px}.hide{display:none!important}.shell{height:100%;display:flex;flex-direction:column;padding-left:var(--safe-l);padding-right:var(--safe-r)}.topbar{display:flex;align-items:center;gap:10px;padding:calc(6px + var(--safe-t)) 10px 6px;background:var(--bg2);border-bottom:2px solid var(--line);flex:none}.topbar .brand{font-family:var(--pixel);font-size:12px;color:var(--accent);text-shadow:2px 2px 0 #000;white-space:nowrap}.nav{display:flex;gap:4px;flex:1;justify-content:center}.nav button{background:transparent;border:0;border-bottom:3px solid transparent;padding:6px 10px;font-family:var(--pixel);font-size:9px;color:var(--muted)}.nav button.active{color:var(--accent);border-bottom-color:var(--accent)}.wallet{display:flex;gap:10px;font-family:var(--pixel);font-size:9px;white-space:nowrap}.wallet span{display:inline-flex;align-items:center;gap:4px}.content{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:10px;padding-bottom:calc(10px + var(--safe-b))}.panel{background:var(--panel);border:2px solid var(--line);box-shadow:4px 4px #000;padding:10px}.panel.tight{padding:6px 8px}.panel h2,.panel h3{font-family:var(--pixel);font-size:10px;color:var(--accent);margin-bottom:8px;text-transform:uppercase}.panel h3{font-size:9px;color:var(--muted)}.grid{display:grid;gap:10px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media(max-width:720px){.g3,.g4{grid-template-columns:1fr 1fr}}@media(max-width:480px){.g2,.g3,.g4{grid-template-columns:1fr}}.btn{background:var(--panel2);border:2px solid #3b4d66;box-shadow:3px 3px #000;padding:10px 14px;font-family:var(--pixel);font-size:10px;color:var(--text);text-transform:uppercase;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:#ffe27a;color:#1a1400}.btn.danger{background:#6b1d26;border-color:#b33}.btn.good{background:#1c5a36;border-color:var(--good)}.btn.ghost{background:transparent;box-shadow:none;border-color:var(--line)}.btn.sm{padding:6px 10px;font-size:8px;min-height:40px}.btn.block{width:100%}.btn.big{font-size:13px;padding:16px 20px}.stat{display:flex;flex-direction:column;gap:2px}.stat .k{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat .v{font-family:var(--pixel);font-size:12px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.bar{height:10px;background:#0a0d12;border:1px solid var(--line);position:relative}.bar>i{display:block;height:100%;background:var(--good)}.bar.warn>i{background:var(--accent)}.bar.bad>i{background:var(--bad)}.list{display:flex;flex-direction:column;gap:6px}.item{display:flex;gap:10px;align-items:center;background:var(--panel2);border:1px solid var(--line);padding:8px}.item.sel{outline:2px solid var(--accent)}.item .name{font-weight:600}.tag{display:inline-block;font-size:10px;padding:2px 6px;border:1px solid var(--line);background:#0d1219;color:var(--muted);text-transform:uppercase}.tag.common{color:#b8c4d4}.tag.uncommon{color:#6fd28a;border-color:#2e7f47}.tag.rare{color:#67b6ff;border-color:#2a6aa8}.tag.legendary{color:#ffb84d;border-color:#b07a1e}.tag.ok{color:var(--good);border-color:var(--good)}.tag.no{color:var(--bad);border-color:var(--bad)}.carbox{background:linear-gradient(#1a2432,#0e141d);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.carbox canvas{width:100%;height:auto;display:block;image-rendering:pixelated}.carbox.stage{padding:0;border-color:#1d2634;background:#0c1119;display:block}.carbox.stage canvas{width:100%;height:auto;display:block}.inline-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.toasts{position:fixed;left:50%;top:calc(10px + var(--safe-t));transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:50;pointer-events:none;width:min(92vw,520px)}.toast{background:#0d1219;border:2px solid var(--line);box-shadow:3px 3px #000;padding:8px 12px;font-size:13px}.toast.error{border-color:var(--bad)}.toast.win{border-color:var(--good)}.coach{background:#1c2a1f;border:2px solid var(--good);box-shadow:3px 3px #000;padding:8px 12px;display:flex;gap:10px;align-items:center;margin-bottom:10px}.coach .who{font-family:var(--pixel);font-size:9px;color:var(--good);white-space:nowrap}.coach .what{flex:1;font-size:13px}.coach .close{background:none;border:0;color:var(--muted);font-size:14px;padding:4px 6px;min-width:32px;min-height:32px;cursor:pointer}@media(max-height:520px){.coach{padding:4px 8px;gap:8px;margin-bottom:6px}.coach .who{font-size:7px}.coach .what{font-size:11px;line-height:1.25}.coach .close{min-height:24px;padding:2px 4px}}.modal-back{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:40;padding:12px}.modal{background:var(--panel);border:2px solid var(--accent);box-shadow:6px 6px #000;padding:14px;width:min(96vw,620px);max-height:92vh;overflow:auto}.tabs{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.tabs button{background:var(--panel2);border:2px solid var(--line);padding:8px 12px;min-height:44px;font-family:var(--pixel);font-size:9px;color:var(--muted)}.tabs button.active{color:var(--accent);border-color:var(--accent)}input[type=text],input[type=email],input[type=password],input[type=number],select{background:#0a0d12;border:2px solid var(--line);color:var(--text);padding:10px;width:100%;min-height:44px}input[type=range]{width:100%;accent-color:var(--accent);height:32px}.code-input{font-family:var(--pixel);font-size:22px;text-transform:uppercase;letter-spacing:.3em;text-align:center}.code{font-family:var(--pixel);font-size:28px;color:var(--accent);letter-spacing:.25em;text-shadow:3px 3px 0 #000}table{width:100%;border-collapse:collapse}td,th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase}td.num,th.num{text-align:right;font-family:var(--pixel);font-size:11px}.race{position:fixed;inset:0;background:#000;display:flex;flex-direction:column}.race canvas.scene{flex:1;width:100%;height:100%;display:block;touch-action:none}.race .overlay,.controls{position:absolute;inset:0;pointer-events:none}.controls>*{pointer-events:auto}.shift-btn{position:absolute;bottom:calc(14px + var(--safe-b));left:calc(14px + var(--safe-l));width:34vw;max-width:200px;height:34vh;max-height:170px;min-height:96px;background:#283850d9;border:3px solid var(--accent);box-shadow:4px 4px #000;font-family:var(--pixel);font-size:14px;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;user-select:none;touch-action:none}.shift-btn.hot{background:#ffcc00e6;color:#1a1400}.shift-btn:active{transform:translate(2px,2px)}.throttle{bottom:calc(14px + var(--safe-b));right:calc(14px + var(--safe-r));width:22vw;max-width:120px;min-width:76px;height:60vh;max-height:300px;min-height:160px;background:#141c28d9;border:3px solid #57b3ff;box-shadow:4px 4px #000;touch-action:none;user-select:none;position:absolute;overflow:hidden}.throttle .fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#ff6b35,#fc0)}.throttle:after,.shift-btn:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 2px,transparent 2px 14px)}.throttle .label{position:absolute;top:6px;left:0;right:0;text-align:center;font-family:var(--pixel);font-size:9px;color:var(--text);text-shadow:2px 2px 0 #000}.throttle .pct{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-family:var(--pixel);font-size:14px;color:#fff;text-shadow:2px 2px 0 #000}.nos-btn{position:absolute;bottom:calc(14px + var(--safe-b) + 36vh);left:calc(14px + var(--safe-l));width:34vw;max-width:200px;height:52px;background:#5a1e78e6;border:3px solid #d38cff;box-shadow:4px 4px #000;font-family:var(--pixel);font-size:12px;color:#fff;touch-action:none}.nos-btn:disabled{opacity:.35}.lefty .shift-btn,.lefty .nos-btn{left:auto;right:calc(14px + var(--safe-r))}.lefty .throttle{right:auto;left:calc(14px + var(--safe-l))}.race-hud{position:absolute;top:calc(6px + var(--safe-t));left:0;right:0;display:flex;justify-content:center;gap:12px;pointer-events:none;font-family:var(--pixel);font-size:10px;text-shadow:2px 2px 0 #000}.race-gear{position:absolute;top:calc(26px + var(--safe-t));left:0;right:0;text-align:center;pointer-events:none;line-height:1}.race-gear .gear{font-size:clamp(22px,5vw,38px);text-shadow:4px 4px 0 #000;color:var(--accent)}.race-gear .speed{font-size:clamp(9px,1.7vw,12px);text-shadow:2px 2px 0 #000;margin-top:6px}.race-msg{position:absolute;top:28%;left:0;right:0;text-align:center;font-family:var(--pixel);font-size:clamp(16px,4vw,34px);color:var(--accent);text-shadow:4px 4px 0 #000;pointer-events:none}.race-msg.long{font-size:clamp(9px,1.7vw,13px);line-height:1.6}.race-msg.long:before{content:""}.race-msg.long>*,.race-msg.long{max-width:60%;margin:0 auto}.race-exit{position:absolute;top:calc(6px + var(--safe-t));left:calc(8px + var(--safe-l));pointer-events:auto}.rotate{position:fixed;inset:0;background:var(--bg);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:20px}.rotate .phone{width:40px;height:70px;border:3px solid var(--accent);border-radius:6px;animation:rot 1.6s ease-in-out infinite alternate}@keyframes rot{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}.tree{display:flex;flex-direction:column;gap:3px;align-items:center}.tree i{width:14px;height:14px;border-radius:50%;background:#222;border:2px solid #000;display:block}.tree i.amber{background:#ffb020;box-shadow:0 0 8px #ffb020}.tree i.green{background:#35e06b;box-shadow:0 0 10px #35e06b}.tree i.red{background:#ff2d3d;box-shadow:0 0 10px #ff2d3d}.results-table td.you{color:var(--accent)}.win-banner{font-family:var(--pixel);font-size:clamp(16px,4vw,30px);text-align:center;padding:16px;text-shadow:4px 4px 0 #000}.win-banner.win{color:var(--good)}.win-banner.lose{color:var(--bad)}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.slot{background:var(--panel2);border:1px solid var(--line);padding:6px 8px;font-size:12px;display:flex;flex-direction:column;gap:2px}.slot .sl{font-size:10px;color:var(--muted);text-transform:uppercase}.slot.empty{opacity:.55;border-style:dashed}.cond{font-family:var(--pixel);font-size:9px}.pixel-editor{display:grid;grid-template-columns:repeat(16,1fr);gap:1px;background:#000;border:2px solid var(--line);touch-action:none;user-select:none}.pixel-editor div{aspect-ratio:1;background:#2a2a2a}.swatches{display:flex;gap:4px;flex-wrap:wrap}.swatch{width:30px;height:30px;border:2px solid var(--line);box-shadow:2px 2px #000}.swatch.sel{border-color:#fff;outline:2px solid var(--accent)}.livery-canvas{border:2px solid var(--line);background:#0e141d;touch-action:none}.bracket{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px}.bracket .round{display:flex;flex-direction:column;gap:10px;justify-content:space-around;min-width:180px}.match{background:var(--panel2);border:1px solid var(--line);padding:6px;font-size:12px}.match .w{color:var(--good);font-weight:700}.match .l{color:var(--muted);text-decoration:line-through}.spinner{display:inline-block;width:14px;height:14px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kbd{font-family:var(--pixel);font-size:8px;border:1px solid var(--line);padding:2px 4px;background:#000}.qr{background:#fff;padding:8px;display:inline-block;border:4px solid #fff}.login{height:100%;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at 50% 120%,#2a1a0c,var(--bg) 60%)}.title{font-family:var(--pixel);font-size:clamp(18px,4.5vw,36px);color:var(--accent);text-shadow:4px 4px 0 #7a1e00,8px 8px 0 #000;line-height:1.3}.subtitle{font-family:var(--pixel);font-size:clamp(8px,1.6vw,11px);color:var(--muted)}