: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:8px;padding:calc(3px + var(--safe-t)) 8px 3px;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;flex:none}.nav{display:flex;gap:6px;flex:1;min-width:0;justify-content:center;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav::-webkit-scrollbar{display:none}.nav button{flex:1 1 auto;min-width:64px;max-width:132px;min-height:44px;padding:0 10px;scroll-snap-align:center;background:var(--panel2);border:2px solid var(--line);border-bottom-width:4px;box-shadow:2px 2px #000;font-family:var(--pixel);font-size:9px;line-height:1;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.nav button:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.nav button.active{background:var(--accent);border-color:#ffe27a;border-bottom-color:#a07a00;color:#1a1400}.nav button:disabled{box-shadow:none;transform:none}.topbar .help{flex:none;width:44px;min-height:44px;padding:0;background:var(--panel2);border:2px solid var(--line);border-bottom-width:4px;box-shadow:2px 2px #000;font-family:var(--pixel);font-size:12px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.topbar .help.active{background:var(--accent);border-color:#ffe27a;border-bottom-color:#a07a00;color:#1a1400}.wallet{display:flex;gap:10px;font-family:var(--pixel);font-size:9px;white-space:nowrap;flex:none}.wallet span{display:inline-flex;align-items:center;gap:4px}@media(max-width:900px){.topbar{gap:6px}.nav{justify-content:flex-start}.nav button{padding:0 8px}.wallet{gap:6px;font-size:8px}.wallet span{gap:2px}}.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;aspect-ratio:8 / 3;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:0 0 0 10px;display:flex;gap:8px;align-items:center;margin-bottom:8px;min-height:40px}.coach .expand{flex:1;min-width:0;display:flex;gap:10px;align-items:center;background:none;border:0;padding:6px 0;text-align:left;color:var(--text);cursor:default}.coach .who{font-family:var(--pixel);font-size:9px;color:var(--good);white-space:nowrap}.coach .what{flex:1;min-width:0;font-size:12px;line-height:1.3}.coach .chev{display:none}.coach .act{min-height:32px;padding:0 10px;font-size:8px;box-shadow:2px 2px #000;flex:none}.coach .dismiss{flex:none;background:none;border:0;border-left:1px solid #2e5a3a;color:var(--muted);font-size:12px;width:36px;min-height:36px;align-self:stretch;display:inline-flex;align-items:center;justify-content:center}.content:has(.coach-tag){padding-bottom:calc(52px + var(--safe-b))}.coach-tag{position:fixed;right:calc(8px + var(--safe-r));bottom:calc(8px + var(--safe-b));z-index:30;background:#1c2a1f;border:2px solid var(--good);box-shadow:2px 2px #000;color:var(--good);font-family:var(--pixel);font-size:8px;padding:0 10px;min-height:30px;display:inline-flex;align-items:center;gap:6px}@media(max-height:520px){.coach{min-height:32px;padding-left:6px;gap:6px;margin-bottom:6px}.coach .expand{gap:6px;padding:0;min-height:28px;cursor:pointer}.coach .who{font-size:7px}.coach .what{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coach .chev{display:inline-block;flex:none;font-size:10px;color:var(--good);transition:transform .15s}.coach.open .expand{padding:6px 0}.coach.open .what{white-space:normal}.coach.open .chev{transform:rotate(180deg)}.coach .act{min-height:28px;padding:0 8px;font-size:7px}.coach .dismiss{width:32px;min-height:28px}}.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}:root{--steel-rivets: linear-gradient(#8a919c, #8a919c) 4px 4px / 2px 2px no-repeat, linear-gradient(#8a919c, #8a919c) calc(100% - 6px) 4px / 2px 2px no-repeat, linear-gradient(#8a919c, #8a919c) 4px calc(100% - 9px) / 2px 2px no-repeat, linear-gradient(#8a919c, #8a919c) calc(100% - 6px) calc(100% - 9px) / 2px 2px no-repeat}.race-hud,.race-gear,.shift-btn,.nos-btn,.throttle{background:var(--steel-rivets),#3f454e;border:2px solid #2b2f36;border-bottom-width:5px;border-bottom-color:#2b2f36;box-shadow:inset 2px 2px #5f6673,inset -2px -2px #1a1d22,4px 4px #000;image-rendering:pixelated}.shift-btn,.nos-btn,.throttle{background:var(--steel-rivets),#3f454ec7;border-color:#2b2f36d9;box-shadow:inset 2px 2px #5f6673cc,inset -2px -2px #1a1d22cc,4px 4px #000000b3}.race-hud:after,.race-gear:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px;background:repeating-linear-gradient(90deg,#ffcc00 0 4px,transparent 4px 8px);pointer-events:none}.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(12px + var(--safe-b));left:calc(12px + var(--safe-l));width:26vw;max-width:150px;min-width:110px;height:24vh;max-height:110px;min-height:72px;font-family:var(--pixel);font-size:13px;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;user-select:none;touch-action:none}.shift-btn .hint{font-family:var(--sans);font-size:11px;opacity:.8}.shift-btn.hot{background:var(--steel-rivets),#fc0;color:#1a1400;border-color:#a07a00;box-shadow:inset 2px 2px #ffe680,inset -2px -2px #a07a00,4px 4px #000}.shift-btn.hot:after{background-image:repeating-linear-gradient(-45deg,#1a1400 0 6px,transparent 6px 12px)}.shift-btn:active{transform:translate(2px,2px)}.throttle{position:absolute;bottom:calc(12px + var(--safe-b));right:calc(12px + var(--safe-r));width:15vw;max-width:84px;min-width:64px;height:46vh;max-height:220px;min-height:150px;touch-action:none;user-select:none;overflow:hidden}.throttle .fill{position:absolute;left:6px;right:6px;bottom:6px;background:repeating-linear-gradient(180deg,#ffb02e 0 4px,#c47d0e 4px 6px);box-shadow:inset 0 2px #fff2b0}.throttle:before{content:"";position:absolute;inset:6px;background:#0e0b07b8;box-shadow:inset 0 0 0 1px #1a1d22;pointer-events:none}.throttle:after,.shift-btn:after,.nos-btn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;pointer-events:none;background:repeating-linear-gradient(-45deg,#fc0 0 6px,#1a1d22 6px 12px);box-shadow:0 -1px #1a1d22}.throttle .label{position:absolute;top:10px;left:0;right:0;text-align:center;font-family:var(--pixel);font-size:7px;color:#fc0;text-shadow:1px 1px 0 #a07a00}.throttle .pct{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-family:var(--pixel);font-size:12px;color:#ffb02e;text-shadow:2px 2px 0 #000}.nos-btn{position:absolute;bottom:calc(20px + var(--safe-b) + clamp(72px,24vh,110px));left:calc(12px + var(--safe-l));width:26vw;max-width:150px;min-width:110px;height:44px;font-family:var(--pixel);font-size:11px;color:#57b3ff;text-shadow:2px 2px 0 #000;touch-action:none}@media(max-height:520px){.shift-btn{font-size:12px;gap:4px}.shift-btn .hint{font-size:9px}.nos-btn{height:40px;font-size:10px}}.nos-btn:disabled{opacity:.35}.lefty .shift-btn,.lefty .nos-btn{left:auto;right:calc(12px + var(--safe-r))}.lefty .throttle{right:auto;left:calc(12px + var(--safe-l))}.race-hud{position:absolute;top:calc(6px + var(--safe-t));left:0;right:0;width:max-content;margin:0 auto;display:flex;justify-content:center;gap:6px;padding:3px 6px 6px;pointer-events:none;font-family:var(--pixel);font-size:10px;text-shadow:none}.race-hud:empty{display:none}.race-hud>span{background:#0e0b07;color:#ffb02e;padding:3px 5px;box-shadow:inset 0 0 0 1px #1a1d22,inset 0 1px 0 1px #000;line-height:1;min-width:1em}.race-hud>span:empty{display:none}.race-hud>span.muted{color:#fc0;opacity:1}.race-gear{position:absolute;top:calc(44px + var(--safe-t));left:0;right:0;width:max-content;margin:0 auto;text-align:center;pointer-events:none;line-height:1;padding:4px 6px 6px;display:flex;align-items:stretch;gap:6px}.race-gear .gear{position:relative;font-size:clamp(22px,5vw,38px);color:#ffb02e;background:#0e0b07;box-shadow:inset 0 0 0 1px #1a1d22,inset 0 1px 0 1px #000;padding:16px 8px 6px;min-width:1.2em;text-shadow:none}.race-gear .gear:before{content:"GEAR";position:absolute;top:3px;left:0;right:0;font-size:7px;color:#fc0;text-shadow:1px 1px 0 #a07a00;letter-spacing:0}.race-gear .speed{position:relative;font-size:clamp(9px,1.7vw,12px);color:#ffb02e;background:#0e0b07;box-shadow:inset 0 0 0 1px #1a1d22,inset 0 1px 0 1px #000;padding:16px 8px 8px;margin-top:0;text-shadow:none;display:flex;align-items:flex-end;white-space:nowrap}.race-gear .speed:before{content:"SPEED";position:absolute;top:3px;left:0;right:0;text-align:center;font-size:7px;color:#fc0;text-shadow:1px 1px 0 #a07a00}.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}.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)}