@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";.home-page{text-align:center;justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;height:100%;display:flex}.home-page h1{font-family:var(--font-display);color:var(--walnut);font-size:2.5rem}.home-page-play{font-family:var(--font-display);letter-spacing:.04em;color:var(--cream);background:var(--brass);border:2px solid var(--brass);padding:var(--space-md) var(--space-xl);border-radius:12px;font-size:1.5rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s}.home-page-play:hover{background:var(--aged-gold);box-shadow:0 0 22px #f2c8798c}.home-page-play:active{transform:scale(.97)}.practice-setup{min-height:100%;padding:var(--space-lg);background:radial-gradient(circle at 50% 0%, #f2c8792e, transparent 60%), var(--cream);justify-content:center;align-items:center;display:flex;overflow-y:auto}.practice-card{gap:var(--space-lg);width:100%;max-width:560px;padding:var(--space-xl);border:2px solid var(--brass);background:#fff8e7f5;border-radius:18px;flex-direction:column;display:flex;box-shadow:0 12px 40px #2c181047}.practice-title{font-family:var(--font-display);color:var(--walnut);text-align:center;letter-spacing:.01em;font-size:2.4rem;font-weight:700}.practice-subtitle{margin-top:calc(-1 * var(--space-md));font-family:var(--font-body);color:var(--brass);text-align:center;font-size:1.1rem;font-style:italic}.setup-section{gap:var(--space-sm);flex-direction:column;display:flex}.setup-label{font-family:var(--font-display);color:var(--walnut);text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem;font-weight:600}.setup-hint{font-family:var(--font-body);color:var(--river-stone);font-size:.95rem;font-style:italic}.count-grid{gap:var(--space-sm);grid-template-columns:repeat(8,1fr);display:grid}.count-btn{border:2px solid var(--brass);min-height:52px;color:var(--walnut);font-family:var(--font-display);cursor:pointer;background:#c49a3c1f;border-radius:10px;font-size:1.25rem;font-weight:600;transition:background .12s,transform 80ms,box-shadow .12s}.count-btn:hover{background:#c49a3c47}.count-btn:active{transform:scale(.94)}.count-btn.is-selected{background:var(--brass);color:var(--cream);border-color:var(--resonance-glow);box-shadow:0 0 16px #f2c87999}.tier-list{gap:var(--space-sm);flex-direction:column;display:flex}.tier-card{text-align:left;padding:var(--space-md);border:2px solid var(--brass);cursor:pointer;background:#c49a3c1a;border-radius:12px;flex-direction:column;gap:2px;min-height:64px;transition:background .12s,box-shadow .12s,transform 80ms;display:flex}.tier-card:hover{background:#c49a3c38}.tier-card:active{transform:scale(.99)}.tier-card.is-selected{border-color:var(--resonance-glow);background:#8b6914e6;box-shadow:0 0 18px #f2c8798c}.tier-name{font-family:var(--font-display);color:var(--walnut);font-size:1.2rem;font-weight:700}.tier-blurb{font-family:var(--font-body);color:var(--brass);font-size:1rem}.tier-card.is-selected .tier-name,.tier-card.is-selected .tier-blurb{color:var(--cream)}.setup-actions{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);flex-direction:column;display:flex}.start-btn{border:2px solid var(--brass);background:var(--brass);width:100%;min-height:60px;color:var(--cream);font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;border-radius:12px;font-size:1.4rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s}.start-btn:hover{background:var(--aged-gold);box-shadow:0 0 22px #f2c8798c}.start-btn:active{transform:scale(.98)}.setup-back{font-family:var(--font-body);color:var(--brass);font-size:1.05rem;font-style:italic;text-decoration:underline}.setup-back:hover{color:var(--aged-gold)}.race-track{background:var(--walnut);position:fixed;inset:0;overflow:hidden}.race-track canvas{width:100%;height:100%;display:block}.lap-banner{border:1.5px solid var(--brass);color:var(--cream);font-family:var(--font-display);text-align:center;pointer-events:none;background:#2c1810b8;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 28px;animation-name:lap-banner-fade;animation-timing-function:ease-out;animation-fill-mode:forwards;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}.lap-banner-time{font-size:1.6rem}.lap-banner-best{font-family:var(--font-body);color:var(--aged-gold);letter-spacing:.02em;font-size:1rem;font-style:italic}.lap-banner-record{border-color:var(--resonance-glow);box-shadow:0 0 24px #f2c8798c}.lap-banner-record .lap-banner-best{color:var(--resonance-glow)}@keyframes lap-banner-fade{0%{opacity:0;transform:translate(-50%,-8px)scale(.92)}10%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.touch-controls{z-index:8;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.touch-joy-base{pointer-events:auto;touch-action:none;opacity:var(--ctrl-rest,.42);border:2px solid var(--brass);background:radial-gradient(circle at 50% 45%,#5c3a1e8c,#2c18108c);border-radius:50%;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;box-shadow:inset 0 0 18px #00000073}.touch-joy-base.is-pressed{opacity:var(--ctrl-press,.88);border-color:var(--resonance-glow);box-shadow:inset 0 0 18px #0006,0 0 20px #f2c87980}.touch-joy-nub{background:radial-gradient(circle at 50% 40%, var(--aged-gold), var(--brass));border:2px solid var(--cream);will-change:transform;border-radius:50%;box-shadow:0 0 12px #f2c8798c}.touch-throttle{pointer-events:none;align-items:flex-end;display:flex;position:absolute}.touch-btn{pointer-events:auto;touch-action:none;font-family:var(--font-display);letter-spacing:.02em;color:var(--cream);text-shadow:0 1px 3px #0009;opacity:var(--ctrl-rest,.42);border:2px solid var(--brass);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;transition:opacity .12s,transform 80ms;display:flex;box-shadow:inset 0 0 14px #00000059}.touch-btn.is-pressed{opacity:var(--ctrl-press,.88);border-color:var(--resonance-glow);transform:scale(.95);box-shadow:inset 0 0 14px #0000004d,0 0 20px #f2c8798c}.touch-btn-accel{background:radial-gradient(circle at 50% 40%, var(--aged-gold), var(--brass))}.touch-btn-brake{background:radial-gradient(circle at 50% 40%,#8c4628e6,#5c3a1ee6)}.touch-btn-drift{background:radial-gradient(circle at 50% 40%,#5c3a1ed9,#2c1810d9);font-size:.85rem}.countdown-overlay{pointer-events:none;z-index:9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-text{font-family:var(--font-display);color:var(--cream);text-shadow:0 0 28px #f2c879bf,0 2px 6px #0009;font-size:5.5rem;font-weight:700;animation:1s ease-out countdown-beat}.countdown-go{color:var(--resonance-glow)}@keyframes countdown-beat{0%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:scale(1.08)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.results-screen{z-index:10;background:#1e0f0599;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.results-card{border:2px solid var(--brass);max-width:90vw;color:var(--cream);text-align:center;font-family:var(--font-body);background:#2c1810eb;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:32px 48px;display:flex;box-shadow:0 0 40px #00000080}.results-headline{max-width:32ch;font-family:var(--font-display);color:var(--resonance-glow);margin:0 0 4px;font-size:2.4rem;line-height:1.15}.results-stats{gap:32px;margin-bottom:4px;display:flex}.results-stat{flex-direction:column;gap:2px;display:flex}.results-stat-label{letter-spacing:.05em;text-transform:uppercase;color:var(--aged-gold);font-size:.7rem}.results-stat-value{font-family:var(--font-display);color:var(--cream);font-size:1.05rem}.results-stat-badge{font-family:var(--font-body);color:var(--resonance-glow);font-size:.85rem;font-style:italic}.results-again-btn{border:1.5px solid var(--brass);background:var(--brass);color:var(--cream);font-family:var(--font-display);cursor:pointer;border-radius:10px;margin-top:6px;padding:10px 28px;font-size:1rem;transition:background .15s,transform .1s}.results-again-btn:hover{background:var(--aged-gold)}.results-again-btn:active{transform:scale(.97)}.results-setup-btn,.results-hub-btn{color:var(--brass);background:0 0;margin-top:10px}.results-setup-btn:hover,.results-hub-btn:hover{color:var(--aged-gold);background:#8b69141f}.hub-scene{background:var(--walnut);touch-action:none;width:100vw;height:100vh;position:relative;overflow:hidden}.hub-scene canvas{width:100%;height:100%;display:block}.hub-back-btn{z-index:10;color:var(--cream);border:2px solid var(--brass);cursor:pointer;background:#5c3a1ed1;border-radius:8px;padding:8px 16px;font-family:Cinzel,Georgia,serif;font-size:15px;transition:background .12s,box-shadow .12s;position:absolute;top:16px;left:16px}.hub-back-btn:hover{background:#8b6914e6;box-shadow:0 0 14px #f2c87966}.hub-top-right{z-index:10;gap:10px;display:flex;position:absolute;top:16px;right:16px}.hub-ui-btn{min-height:44px;color:var(--cream);background:var(--brass);border:2px solid var(--aged-gold);cursor:pointer;border-radius:10px;padding:10px 20px;font-family:Cinzel,Georgia,serif;font-size:16px;font-weight:700;transition:background .12s,transform 80ms,box-shadow .12s;box-shadow:0 0 16px #f2c87966}.hub-ui-btn:hover{background:var(--aged-gold);box-shadow:0 0 22px #f2c87999}.hub-ui-btn:active{transform:scale(.96)}.hub-customize-btn{background:#5c3a1edb}.hub-prompt{z-index:10;color:var(--walnut);background:radial-gradient(circle at 50% 30%, var(--cream), #f0e2bd);border:2px solid var(--aged-gold);cursor:pointer;border-radius:12px;padding:12px 26px;font-family:Cinzel,Georgia,serif;font-size:18px;animation:1.4s ease-in-out infinite hub-prompt-pulse;position:absolute;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #f2c8798c}@keyframes hub-prompt-pulse{0%,to{box-shadow:0 0 16px #f2c87966}50%{box-shadow:0 0 28px #f2c879bf}}.hub-controls{z-index:8;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hub-joy-base{pointer-events:auto;touch-action:none;opacity:var(--ctrl-rest,.42);border:2px solid var(--brass);background:radial-gradient(circle at 50% 45%,#5c3a1e8c,#2c18108c);border-radius:50%;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;box-shadow:inset 0 0 18px #00000073}.hub-joy-base.is-pressed{opacity:var(--ctrl-press,.88);border-color:var(--resonance-glow);box-shadow:inset 0 0 18px #0006,0 0 20px #f2c87980}.hub-joy-nub{background:radial-gradient(circle at 50% 40%, var(--aged-gold), var(--brass));border:2px solid var(--cream);will-change:transform;border-radius:50%;box-shadow:0 0 12px #f2c8798c}.avatar-screen{min-height:100%;padding:var(--space-lg);background:radial-gradient(circle at 50% 0%, #f2c8792e, transparent 60%), var(--cream);justify-content:center;align-items:center;display:flex;overflow-y:auto}.avatar-card{gap:var(--space-lg);width:100%;max-width:560px;padding:var(--space-xl);border:2px solid var(--brass);background:#fff8e7f5;border-radius:18px;flex-direction:column;display:flex;box-shadow:0 12px 40px #2c181047}.avatar-title{font-family:var(--font-display);color:var(--walnut);text-align:center;letter-spacing:.01em;font-size:2.4rem;font-weight:700}.avatar-preview-wrap{justify-content:center;display:flex}.avatar-preview{border:2px solid var(--brass);background:radial-gradient(circle at 50% 35%, #f2c87947, transparent 65%), var(--cream);cursor:pointer;width:220px;height:280px;image-rendering:pixelated;border-radius:14px;box-shadow:inset 0 0 24px #8b69142e}.avatar-rows{gap:var(--space-md);flex-direction:column;display:flex}.avatar-row{gap:var(--space-sm);padding:var(--space-md);border:2px solid var(--brass);background:#c49a3c1a;border-radius:12px;flex-direction:column;display:flex}.avatar-row-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.avatar-slot-label{font-family:var(--font-display);color:var(--walnut);text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem;font-weight:600}.avatar-style-pick{align-items:center;gap:var(--space-sm);display:flex}.avatar-arrow{border:2px solid var(--brass);min-width:44px;min-height:44px;color:var(--walnut);cursor:pointer;background:#c49a3c24;border-radius:10px;font-size:1rem;transition:background .12s,transform 80ms}.avatar-arrow:hover:not(:disabled){background:#c49a3c4d}.avatar-arrow:active:not(:disabled){transform:scale(.92)}.avatar-arrow:disabled{opacity:.35;cursor:default}.avatar-style-name{text-align:center;min-width:92px;font-family:var(--font-display);color:var(--brass);font-size:1.1rem;font-weight:600}.avatar-swatches{gap:var(--space-sm);flex-wrap:wrap;display:flex}.avatar-swatch{cursor:pointer;border:3px solid #5c3a1e59;border-radius:10px;width:44px;height:44px;transition:transform 80ms,box-shadow .12s,border-color .12s}.avatar-swatch:hover:not(:disabled){transform:scale(1.06)}.avatar-swatch.is-selected{border-color:var(--resonance-glow);box-shadow:0 0 14px #f2c879b3}.avatar-swatch:disabled{cursor:default;opacity:.6}.avatar-row.is-locked{opacity:.5}.avatar-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.avatar-btn{border:2px solid var(--brass);min-height:56px;font-family:var(--font-display);cursor:pointer;border-radius:12px;flex:30%;font-size:1.15rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s}.avatar-btn:active{transform:scale(.97)}.avatar-save{background:var(--brass);color:var(--cream)}.avatar-save:hover{background:var(--aged-gold);box-shadow:0 0 22px #f2c8798c}.avatar-randomize{color:var(--walnut);background:#c49a3c29}.avatar-randomize:hover{background:#c49a3c52}.avatar-cancel{color:var(--brass);background:0 0;border-style:dashed}.avatar-cancel:hover{background:#8b69141a}:root{--cream:#fff8e7;--aged-gold:#c49a3c;--walnut:#5c3a1e;--brass:#8b6914;--silver:#c7cdd1;--verdigris:#4a7c6e;--river-stone:#8a8378;--resonance-glow:#f2c879;--ink-ember:#8b2500;--ink-tide:#1b4f72;--ink-thorn:#1e5631;--ink-storm:#7d5a00;--ink-phantom:#4a1942;--ink-iron:#1a1a1a;--font-display:"Cinzel", Georgia, serif;--font-body:"Crimson Text", Georgia, serif;--font-ui:system-ui, -apple-system, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--cream);color:var(--walnut);font-family:var(--font-body)}