@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-0:#060b14;--bg-1:#0d2031;--card:#0c1928db;--card-border:#84cfff42;--ink:#f5f9ff;--muted:#9fbbd5;--accent:#4ee7ff;--accent-2:#ffc857;--danger:#ff6b6b}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 20% 0%, #17314a 0%, var(--bg-0) 46%), radial-gradient(circle at 80% 100%, #11283b 0%, transparent 44%), linear-gradient(150deg, var(--bg-0), var(--bg-1));font-family:Space Grotesk,sans-serif}.app-shell{justify-content:center;min-height:100dvh;padding:12px;display:flex}.hero h1{letter-spacing:.08em;margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(2.1rem,7vw,3.8rem)}.hero p{color:var(--muted);margin:0}.centered-screen{align-items:center}.game-screen{align-items:stretch;padding:0}.main-panel{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;flex-direction:column;gap:14px;width:min(1120px,100%);padding:14px;display:flex}.start-screen-content,.start-menu{gap:14px;display:grid}.start-menu{padding-top:40px;position:relative}.mode-panel{width:min(940px,100%)}.vehicle-select-panel{width:min(1120px,100%)}.results-panel{width:min(940px,100% - 24px);margin:auto}.top-bar{grid-template-columns:1fr;gap:8px;display:grid}.top-bar label{color:var(--muted);gap:6px;font-size:.92rem;display:grid}.text-input{width:250px;max-width:100%;color:var(--ink);font:inherit;background:#030d1699;border:1px solid #84cfff59;border-radius:12px;padding:9px 10px}.music-toggle{text-align:left;justify-content:center;align-items:center;width:100%;display:inline-flex}.start-current-vehicle{background:#030d1699;border:1px solid #84cfff59;border-radius:12px;gap:2px;width:250px;max-width:100%;min-height:42px;padding:8px 10px;display:grid}.start-current-vehicle span{color:var(--muted);font-size:.78rem}.start-current-vehicle strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coins-card{background:#2d230a80;border:1px solid #ffc85754;border-radius:14px;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.start-menu-coins{width:auto;min-width:124px;position:absolute;top:0;right:0}.menu-grid{grid-template-columns:1fr;gap:12px;display:grid}.menu-btn{color:var(--ink);cursor:pointer;background:linear-gradient(140deg,#11283bf2,#0e1827f2);border:1px solid #84cfff4d;border-radius:16px;padding:16px;font-size:1.06rem;font-weight:700}.card-stack{gap:10px;display:grid}.card{background:#08131fb8;border:1px solid #84cfff42;border-radius:16px;padding:12px}.vehicle-select{gap:14px;display:grid}.vehicle-select-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}.vehicle-select-header h2,.vehicle-stage-title h3{margin:0}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:.78rem;font-weight:700}.vehicle-select-coins{min-width:132px}.vehicle-select-body{gap:12px;display:grid}.vehicle-stage{background:linear-gradient(#09121df5,#040c16f5);border:1px solid #84cfff42;border-radius:16px;grid-template-rows:minmax(260px,1fr) auto;min-height:360px;display:grid;overflow:hidden}.vehicle-preview-frame{min-height:260px;position:relative}.vehicle-preview-canvas{height:100%;min-height:260px}.vehicle-preview-frame.preview-muted .vehicle-preview-canvas{filter:grayscale()}.vehicle-purchase-overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.vehicle-purchase-button{pointer-events:auto;width:170px;box-shadow:0 12px 28px #03070d73}.vehicle-preview-canvas canvas{width:100%;height:100%;display:block}.vehicle-stage-info{background:#050e18c7;border-top:1px solid #84cfff33;grid-template-columns:46px 1fr 46px;align-items:center;gap:10px;min-height:76px;padding:10px;display:grid}.vehicle-stage-title{text-align:center;gap:4px;min-width:0;display:grid}.vehicle-stage-title h3{overflow-wrap:anywhere}.vehicle-stage-title span{color:var(--muted);font-size:.9rem}.vehicle-stage-title .locked-label{color:#ffd9d9}.vehicle-step{width:46px;height:46px;padding:0;font-size:1.25rem;font-weight:700}.vehicle-list{gap:8px;display:grid}.vehicle-option{min-height:58px;color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:#07121ebd;border:1px solid #84cfff3d;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.vehicle-option span{gap:2px;min-width:0;display:grid}.vehicle-option strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vehicle-option small,.vehicle-option em{color:var(--muted);font-style:normal}.vehicle-option.active{background:#164358b8;border-color:#4ee7ffb8}.vehicle-option.locked{opacity:.7}.vehicle-option.unavailable{opacity:.48}.vehicle-option:disabled{cursor:not-allowed}.vehicle-option.locked em{color:#ffd9d9;font-weight:700}.vehicle-select-actions{justify-content:flex-start}.row-actions,.join-row{flex-wrap:wrap;gap:8px;display:flex}.join-row .text-input{flex:0 0 250px}.menu-btn,.main-panel .btn-primary,.main-panel .btn-secondary,.main-panel .btn-ghost{width:250px;max-width:100%}.main-panel .vehicle-purchase-button{width:170px}.player-list,.results-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.player-list li,.results-list li{background:#ffffff08;border-radius:10px;justify-content:space-between;gap:10px;padding:8px 10px;display:flex}.btn-primary,.btn-secondary,.btn-ghost,.btn-gas,.btn-boost{color:var(--ink);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:11px;padding:9px 12px}.btn-primary{background:linear-gradient(130deg,#2f8bd8,#23b5d3)}.btn-secondary{background:#305371d9;border-color:#84cfff66}.btn-ghost{background:#131d2cd1;border-color:#84cfff59}.phase1-screen,.phase2-screen{background:#081320;width:100%;height:100dvh;min-height:100dvh;position:relative}.phase1-wrap{width:100%;height:100%;padding:8px}.phase1-canvas{touch-action:none;border:1px solid #84cfff66;border-radius:14px;width:100%;height:100%;display:block}.track-chip{z-index:10;letter-spacing:.02em;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#06101abf;border:1px solid #84cfff59;border-radius:10px;max-width:min(84vw,520px);padding:6px 10px;font-size:.86rem;font-weight:700;position:absolute;top:16px;left:16px;overflow:hidden}.phase2-wrap{background:#0a1521;border:0;border-radius:0;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.phase2-canvas{width:100%;height:100%}.confetti-rain{z-index:12;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{top:-16px;left:var(--confetti-left);width:var(--confetti-size);height:calc(var(--confetti-size) * .58);background:var(--confetti-color);opacity:0;transform:translate3d(0, 0, 0) rotate(var(--confetti-rotation));animation:confetti-fall var(--confetti-duration) ease-in var(--confetti-delay) forwards;border-radius:2px;position:absolute}.confetti-piece:nth-child(3n){border-radius:50%}.confetti-piece:nth-child(4n){height:var(--confetti-size)}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0, -18px, 0) rotate(var(--confetti-rotation))}10%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-drift), calc(100dvh + 36px), 0) rotate(calc(var(--confetti-rotation) + 720deg))}}.hud-card{z-index:14;pointer-events:none;background:#07101bc7;border:1px solid #84cfff52;border-radius:10px;gap:4px;padding:8px 10px;display:grid;position:absolute;top:10px;left:10px}.controls-card{z-index:15;touch-action:none;gap:8px;display:flex;position:absolute;bottom:10px;right:10px}.btn-gas{background:#128ea280;border-color:#4ee7ff9e}.btn-gas.active{background:#4ee7ff70}.btn-boost{background:#9a701f80;border-color:#ffc8579e}.btn-gas,.btn-boost{letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;background-clip:padding-box;min-width:84px;font-weight:700}.btn-boost:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.status-line{color:#ffd9d9;background:#4213179e;border:1px solid #ff6b6b4d;border-radius:12px;padding:8px 10px}@media (width>=860px){.app-shell{padding:20px 24px}.start-screen-content .top-bar,.start-screen-content .menu-grid{grid-template-columns:1fr}.vehicle-select-body{grid-template-columns:minmax(0,1fr) 310px;align-items:stretch}.vehicle-stage{min-height:520px}.vehicle-preview-frame,.vehicle-preview-canvas{min-height:420px}.vehicle-list{align-content:start}}@media (orientation:landscape){.app-shell.game-screen{padding:0}}@media (width>=1024px){.app-shell.game-screen{padding:18px 22px}.phase1-screen,.phase2-screen{border:1px solid #84cfff57;border-radius:20px;max-width:1420px;height:min(92dvh,900px);min-height:0;margin:0 auto;overflow:hidden;box-shadow:0 18px 45px #03070d73}.phase1-wrap{padding:12px}.track-chip{font-size:.92rem;top:20px;left:20px}}