@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%)}.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}.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}.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%}.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%}.hud-card{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{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}}@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}}