@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:18px;display:grid;grid-template-rows:auto 1fr;gap:14px}.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)}.main-panel{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}.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: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}.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:1 1 140px}.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}.phase-section{display:grid;gap:8px}.phase1-wrap{display:grid;gap:10px}.phase1-canvas{width:100%;height:min(66vw,420px);border-radius:14px;border:1px solid rgba(132,207,255,.4);touch-action:none}.phase1-actions{display:flex;justify-content:flex-end}.phase2-wrap{position:relative;width:100%;min-height:58vh;border-radius:14px;border:1px solid rgba(132,207,255,.4);overflow:hidden;background:#0a1521}.phase2-canvas{width:100%;height:100%;min-height:58vh}.hud-card{position:absolute;top:10px;left:10px;padding:8px 10px;background:#07101bcc;border-radius:10px;border:1px solid rgba(132,207,255,.32);display:grid;gap:4px}.controls-card{position:absolute;right:10px;bottom:10px;display:grid;gap:8px}.btn-gas{background:#4ee7ff33;border-color:#4ee7ff8c}.btn-gas.active{background:#4ee7ff6b}.btn-boost{background:#ffc8573d;border-color:#ffc8578c}.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:24px 28px}.top-bar{grid-template-columns:minmax(180px,320px) minmax(130px,180px) minmax(120px,150px) 140px;align-items:end}.menu-grid{grid-template-columns:repeat(2,minmax(160px,260px))}}