:root{--bg: #bfe3f5;--bg2: #eaf4ed;--panel: #ffffff;--panel2: #f1f8f1;--border: #c4d6ca;--border-light: #abc0b2;--text: #15241b;--muted: #5e7268;--gold: #cf911a;--gold-bright: #f3c233;--turf: #2aa54c;--turf-dark: #1a7d39;--dirt: #b9763e;--danger: #d63a2a;--heart: #e7568a;--shadow: 0 6px 20px rgba(40, 90, 60, .16);--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,#bfe6f7,#d9eecb 55%,#c3e3ad) fixed;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-bright)}h1,h2,h3{margin:0 0 .4em;font-weight:800;letter-spacing:.2px}h1{font-size:1.9rem;font-style:italic;font-weight:900;letter-spacing:-.4px}h2{font-size:1.25rem;font-style:italic}.muted{color:var(--muted)}.small{font-size:.82rem}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 22px;background:linear-gradient(180deg,#2fa84f,#1b7c38);color:#fff;border-bottom:3px solid var(--gold-bright);box-shadow:0 3px 12px #14502d4d}.app-header .nav a{color:#ffffffd1}.app-header .nav a.active,.app-header .nav a:hover{color:#fff;background:#fff3}.app-header .cash{color:#fff}.app-header .muted{color:#ffffffc7}.app-header .brand .dot{background:var(--gold-bright);box-shadow:0 0 10px var(--gold-bright)}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-style:italic;letter-spacing:.3px;font-size:1.12rem}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--turf);box-shadow:0 0 10px var(--turf);animation:pulse 1.8s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.nav{display:flex;gap:4px;margin-left:10px}.nav a{padding:6px 12px;border-radius:8px;color:var(--muted);font-weight:550}.nav a.active,.nav a:hover{color:var(--text);background:var(--panel)}.spacer{flex:1}.cash{font-variant-numeric:tabular-nums;font-weight:700;color:var(--gold-bright)}.container{max-width:1080px;margin:0 auto;padding:24px 22px 80px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-light);background:var(--panel2);color:var(--text);padding:9px 16px;border-radius:9px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .12s ease}.btn:hover{border-color:var(--gold);transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-gold{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#2a1e07;border-color:var(--gold)}.btn-gold:hover{filter:brightness(1.07)}.btn-danger{border-color:#5b332e;color:var(--danger)}.btn-sm{padding:6px 11px;font-size:.82rem}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{font-size:.82rem;color:var(--muted);font-weight:600}.input{background:var(--bg2);border:1px solid var(--border-light);color:var(--text);border-radius:9px;padding:10px 12px;font-size:.95rem;font-family:inherit}.input:focus{outline:none;border-color:var(--gold)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border:1px solid var(--border-light);color:var(--muted);background:#eef3ee}.badge.front{color:#185487;border-color:#9cc8ec;background:#d3e8fb}.badge.stretch{color:#8a5808;border-color:#e6c272;background:#fbe8bf}.badge.turf{color:#156a2f;border-color:#93d2a3;background:#cdeed4}.badge.dirt{color:#7c4a1c;border-color:#dbb58c;background:#f3ddc4}.badge.g1{color:#2a1d04;border-color:var(--gold);background:linear-gradient(180deg,var(--gold-bright),var(--gold))}.badge.retired{color:#5a3a86;border-color:#c8aee4;background:#e9dcf7}.stat{margin:7px 0}.stat .lab{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:3px}.stat .lab .name{color:var(--muted);text-transform:capitalize}.stat .lab .val{font-variant-numeric:tabular-nums}.track{position:relative;height:9px;background:var(--bg2);border-radius:6px;overflow:hidden;border:1px solid var(--border)}.track .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--turf-dark),var(--turf));border-radius:6px}.track .cap{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--gold-bright);box-shadow:0 0 6px var(--gold)}.stat-start .fill{background:linear-gradient(90deg,#1e4fa8,#4f8df5)}.stat-corner .fill{background:linear-gradient(90deg,#0a6e80,#18c2da)}.stat-competing .fill{background:linear-gradient(90deg,#a01f1f,#ef4444)}.stat-outOfBox .fill{background:linear-gradient(90deg,#1a7a3a,#2fc25a)}.stat-tenacious .fill{background:linear-gradient(90deg,#a86a10,#f59e0b)}.stat-spurt .fill{background:linear-gradient(90deg,#a88a10,#f2c40c)}.hearts{display:inline-flex;gap:2px}.hearts .h{color:#d8cdd1;font-size:.95rem}.hearts .h.on{color:var(--heart);text-shadow:0 0 8px rgba(231,86,138,.5)}.replay{background:linear-gradient(180deg,#2f7d49,#1c5733);border:1px solid var(--turf-dark);border-radius:var(--radius);padding:14px 16px;color:#f0f5ee}.replay .runner .nm{color:#ffffffd1}.lane{position:relative;height:30px;margin:5px 0;border-bottom:1px dashed #21302840}.lane .rail{position:absolute;top:50%;left:0;right:38px;height:2px;background:#21302850;transform:translateY(-50%)}.runner{position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .08s linear;display:flex;align-items:center;gap:6px;white-space:nowrap}.runner .silk{width:16px;height:16px;border-radius:4px;border:1px solid #00000050;flex:none}.runner .nm{font-size:.72rem;color:var(--muted)}.runner.you .nm{color:var(--gold-bright);font-weight:700}.finish-line{position:absolute;top:0;bottom:0;right:38px;width:3px;background:repeating-linear-gradient(0deg,#fff 0,#fff 6px,#000 6px,#000 12px);opacity:.5}table.standings{width:100%;border-collapse:collapse;font-size:.9rem}table.standings th{text-align:left;color:var(--muted);font-weight:600;font-size:.78rem;padding:6px 8px;border-bottom:1px solid var(--border)}table.standings td{padding:8px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}table.standings tr.you td{background:#fbf0cf;color:#7a5a08;font-weight:700}.center-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:400px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--panel2);border:1px solid var(--gold);color:var(--text);padding:11px 18px;border-radius:10px;box-shadow:var(--shadow);z-index:50}.toast.err{border-color:var(--danger)}.error-text{color:var(--danger);font-size:.85rem}.divider{height:1px;background:var(--border);margin:16px 0}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.loading{color:var(--muted);padding:40px;text-align:center}.option-btn{text-align:left;width:100%;display:block;margin-bottom:8px}.option-btn.selected{border-color:var(--gold);background:#fbf3d8}.race3d{position:relative;height:460px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#bcdcf0}.race3d canvas{display:block}.race3d-hud{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(transparent,#0000008c)}.r3d-time{font-weight:700;font-variant-numeric:tabular-nums;color:#fff;font-size:1.05rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}.replay-toggle{display:inline-flex;gap:4px}.race3d-top{position:absolute;top:12px;left:14px;right:14px;display:flex;align-items:center;gap:14px;pointer-events:none}.r3d-pos{font-weight:800;font-size:1.5rem;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.65);font-variant-numeric:tabular-nums;min-width:56px}.r3d-energy{flex:1;max-width:320px}.r3d-energy-label{font-size:.68rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);font-weight:800;letter-spacing:.6px;text-transform:uppercase}.r3d-energy-track{height:11px;background:#00000073;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.35);margin-top:3px}.r3d-energy-fill{height:100%;width:100%;background:#4cae6a;border-radius:6px}.race3d-controls{position:absolute;bottom:18px;left:0;right:0;display:flex;gap:14px;justify-content:center;padding:0 16px}.r3d-btn{flex:1;max-width:220px;height:66px;border-radius:16px;border:none;font-weight:800;font-size:1.15rem;letter-spacing:1.5px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 6px 18px #00000073;transition:transform .06s ease}.r3d-btn:active{transform:scale(.93)}.r3d-btn.whip{background:linear-gradient(180deg,#ef8a52,#c1502a)}.r3d-btn.hold{background:linear-gradient(180deg,#5a9fd0,#2f5e8f)}