@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: rgba(12, 25, 40, .86);--card-border: rgba(132, 207, 255, .26);--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{font-family:Space Grotesk,sans-serif;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))}.app-shell{min-height:100dvh;padding:12px;display:flex;justify-content:center}.hero h1{font-family:Bebas Neue,sans-serif;margin:0;letter-spacing:.08em;font-size:clamp(2.1rem,7vw,3.8rem)}.hero p{margin:0;color:var(--muted)}.centered-screen{align-items:center}.game-screen{padding:0;align-items:stretch}.main-panel{width:min(1120px,100%);background:var(--card);border:1px solid var(--card-border);border-radius:22px;padding:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:14px}.start-screen-content,.start-menu{display:grid;gap:14px}.start-menu{position:relative;padding-top:40px}.mode-panel{width:min(940px,100%)}.results-panel{width:min(940px,calc(100% - 24px));margin:auto}.top-bar{display:grid;grid-template-columns:1fr;gap:8px}.top-bar label{display:grid;gap:6px;color:var(--muted);font-size:.92rem}.text-input{width:250px;max-width:100%;border:1px solid rgba(132,207,255,.35);border-radius:12px;padding:9px 10px;background:#030d1699;color:var(--ink);font:inherit}.music-toggle{width:100%;text-align:left;display:inline-flex;align-items:center;justify-content:center}.coins-card{border-radius:14px;border:1px solid rgba(255,200,87,.33);background:#2d230a80;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.start-menu-coins{position:absolute;top:0;right:0;width:auto;min-width:124px}.menu-grid{display:grid;grid-template-columns:1fr;gap:12px}.menu-btn{border:1px solid rgba(132,207,255,.3);border-radius:16px;padding:16px;background:linear-gradient(140deg,#11283bf2,#0e1827f2);color:var(--ink);font-size:1.06rem;font-weight:700;cursor:pointer}.card-stack{display:grid;gap:10px}.card{border:1px solid rgba(132,207,255,.26);border-radius:16px;background:#08131fb8;padding:12px}.row-actions,.join-row{display:flex;flex-wrap:wrap;gap:8px}.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{margin:0;padding:0;list-style:none;display:grid;gap:6px}.player-list li,.results-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff08}.btn-primary,.btn-secondary,.btn-ghost,.btn-gas,.btn-boost{border-radius:11px;border:1px solid transparent;padding:9px 12px;color:var(--ink);font:inherit;cursor:pointer}.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{position:relative;width:100%;min-height:100dvh;height:100dvh;background:#081320}.phase1-wrap{width:100%;height:100%;padding:8px}.phase1-canvas{display:block;width:100%;height:100%;border-radius:14px;border:1px solid rgba(132,207,255,.4);touch-action:none}.track-chip{position:absolute;top:16px;left:16px;z-index:10;padding:6px 10px;border-radius:10px;background:#06101abf;border:1px solid rgba(132,207,255,.35);font-size:.86rem;font-weight:700;letter-spacing:.02em;pointer-events:none;max-width:min(84vw,520px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase2-wrap{position:relative;width:100%;height:100%;min-height:100%;border-radius:0;border:0;overflow:hidden;background:#0a1521}.phase2-canvas{width:100%;height:100%}.hud-card{position:absolute;top:10px;left:10px;padding:8px 10px;background:#07101bc7;border-radius:10px;border:1px solid rgba(132,207,255,.32);display:grid;gap:4px;pointer-events:none}.controls-card{position:absolute;right:10px;bottom:10px;display:flex;gap:8px;touch-action:none}.btn-gas{background:#128ea280;border-color:#4ee7ff9e}.btn-gas.active{background:#4ee7ff70}.btn-boost{background:#9a701f80;border-color:#ffc8579e}.btn-gas,.btn-boost{min-width:84px;font-weight:700;letter-spacing:.04em;background-clip:padding-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}.btn-boost:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.status-line{border:1px solid rgba(255,107,107,.3);border-radius:12px;background:#4213179e;color:#ffd9d9;padding:8px 10px}@media(min-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(min-width:1024px){.app-shell.game-screen{padding:18px 22px}.phase1-screen,.phase2-screen{max-width:1420px;height:min(92dvh,900px);min-height:0;margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid rgba(132,207,255,.34);box-shadow:0 18px 45px #03070d73}.phase1-wrap{padding:12px}.track-chip{top:20px;left:20px;font-size:.92rem}}