:root{--bg: #faf7f2;--ink: #2b2822;--muted: #8a8577;--accent: #e8843c;--accent-dark: #d14b1f;--card: #ffffff;--border: #e5dfd3}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.screen{display:flex;flex-direction:column;gap:12px}.screen.center{align-items:center;justify-content:center;min-height:80dvh}.logo{font-size:28px;font-weight:800;letter-spacing:-.5px}.tag{color:var(--muted);font-size:14px}.you-line{font-size:16px}.section{font-size:15px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-top:6px}.pilot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.body-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.card{background:var(--card);border:2px solid var(--border);border-radius:14px;padding:10px 6px;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;cursor:pointer;transition:border-color .15s,transform .1s}.card:active{transform:scale(.97)}.card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #e8843c2e}.card-emoji{font-size:26px}.card-name{font-weight:700;font-size:13px}.card-line{font-size:10.5px;color:var(--muted);text-align:center}.stat-row{font-size:9px;letter-spacing:-1px;color:var(--accent-dark)}.stat-bars{display:flex;flex-direction:column;gap:2px;width:100%;padding:0 4px}.stat-bar{display:flex;align-items:center;gap:3px}.stat-bar-label{font-size:7.5px;font-weight:800;color:var(--muted);width:22px;text-align:right}.stat-bar-track{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.stat-bar-fill{display:block;height:100%;border-radius:3px;background:var(--accent)}.stat-bar:last-child .stat-bar-fill{background:#3a7bd5}.pilot-profile strong{color:var(--ink)}.primary{background:var(--accent);color:#fff;border:none;border-radius:14px;padding:15px;font-size:17px;font-weight:800;min-height:44px;cursor:pointer;margin-top:8px}.primary:active{background:var(--accent-dark)}.ghost{background:transparent;border:2px solid var(--border);color:var(--ink);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;min-height:44px;cursor:pointer}.ghost.wide{width:100%}.race-screen{gap:8px}.hud{display:flex;gap:10px;align-items:center;font-weight:700;font-size:15px}.hud-item.you{color:var(--accent-dark);margin-left:auto}.track-canvas{width:100%;border-radius:14px;border:1px solid var(--border)}.standings{display:flex;flex-direction:column;gap:3px}.stand-row{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:5px 10px;font-size:13.5px;min-height:34px}.stand-row.you{border-color:var(--accent);background:#fdf1e7}.stand-pos{font-weight:800;width:18px;text-align:center}.stand-name{font-weight:600}.stand-line{color:var(--muted);font-size:12px;margin-left:auto}.stand-item{width:20px;text-align:center}.stand-item-tag{color:var(--muted);font-size:11.5px;width:44px}.stand-lap{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.controls{display:flex;gap:8px;justify-content:center}.results{display:flex;flex-direction:column;gap:5px;margin-top:6px}.race3d{position:fixed;top:0;right:0;bottom:0;left:0;max-width:480px;margin:0 auto;background:#dcebf5;overflow:hidden}.scene-host{position:absolute;top:0;right:0;bottom:0;left:0}.scene-host canvas{display:block;width:100%;height:100%}.hud.top-left{position:absolute;top:calc(10px + env(safe-area-inset-top));left:10px;display:flex;gap:6px}.hud-chip{background:#ffffffd9;border-radius:10px;padding:5px 10px;font-size:13.5px;font-weight:800;box-shadow:0 1px 4px #0000001f}.hud-chip.you{color:var(--accent-dark)}.minimap-card{position:absolute;top:calc(10px + env(safe-area-inset-top));right:10px;background:#ffffffd1;border-radius:12px;padding:5px;box-shadow:0 1px 5px #00000024}.toast{position:absolute;top:calc(52px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#2b2822d1;color:#fff;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;white-space:nowrap}.stand-strip{position:absolute;left:8px;right:8px;bottom:calc(58px + env(safe-area-inset-bottom));display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.stand-strip::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;background:#ffffffd9;border-radius:16px;padding:4px 9px;font-size:12.5px;box-shadow:0 1px 3px #0000001a}.chip.you{background:var(--accent);color:#fff}.controls3d{position:absolute;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;justify-content:center}.ghost.small{min-height:38px;padding:6px 16px;background:#ffffffd9;border:none}.countdown{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-size:96px;font-weight:900;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.4);animation:count-pop .9s ease-out;pointer-events:none}@keyframes count-pop{0%{transform:translate(-50%,-50%) scale(1.6);opacity:0}25%{transform:translate(-50%,-50%) scale(1);opacity:1}85%{opacity:1}to{opacity:.9}}.big-banner{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-size:44px;font-weight:900;color:var(--accent);background:#ffffffeb;border-radius:18px;padding:12px 28px;box-shadow:0 6px 28px #00000040;animation:banner-in .35s cubic-bezier(.2,1.4,.4,1);pointer-events:none;white-space:nowrap}@keyframes banner-in{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.hud-chip.flash{animation:pos-flash .6s ease-out}@keyframes pos-flash{0%{background:#ffe9b0;transform:scale(1.25)}to{background:#ffffffd9;transform:scale(1)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.confetto{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;animation:confetti-fall linear both}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(540deg);opacity:.7}}.speed-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 52%,rgba(20,16,40,.5) 100%);transition:opacity .2s linear}.track-name{position:absolute;top:24%;left:50%;transform:translate(-50%);font-size:26px;font-weight:900;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45);letter-spacing:2px;text-transform:uppercase;pointer-events:none}.primary.cup{background:#3a7bd5}.lap-picker{display:flex;gap:10px;justify-content:center}.lap-picker .ghost.sel{border-color:var(--accent);color:var(--accent);font-weight:700}