:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #09111d;--panel: rgba(7, 15, 27, .75);--panel-strong: rgba(7, 15, 27, .92);--line: rgba(255, 255, 255, .08);--text: #f1f5f9;--muted: #94a3b8;--accent: #47c8ff;--accent-soft: rgba(71, 200, 255, .18);--danger: #ff7878}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at top,#16304f,var(--bg) 55%)}body{color:var(--text)}.game-root{position:relative;width:100%;height:100%}.game-canvas{width:100%;height:100%;display:block}.overlay,.menu-layer,.debug-layer{position:absolute;inset:0;pointer-events:none}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 60px #00000047;border-radius:24px}.main-menu{position:absolute;inset:0;display:grid;place-items:center;padding:24px;pointer-events:auto;background:linear-gradient(180deg,#02060c57,#02060cb3)}.menu-card{width:min(540px,calc(100vw - 32px));padding:28px;display:grid;gap:16px}.menu-title{font-size:clamp(34px,5vw,56px);font-weight:800;letter-spacing:.04em;margin:0}.menu-sub{color:var(--muted);line-height:1.5;margin:0}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.control-group{display:grid;gap:6px}label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}select,input[type=range]{width:100%;background:#ffffff0f;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 12px}button{pointer-events:auto;border:none;border-radius:14px;padding:14px 16px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .14s ease,opacity .14s ease,background-color .14s ease}button:hover{transform:translateY(-1px)}button.primary{background:linear-gradient(180deg,#55d5ff,#2096ff);color:#fff}button.secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--line)}.row{display:flex;gap:12px;flex-wrap:wrap}.hint-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;color:var(--muted);font-size:14px}.hud{position:absolute;inset:0;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.top-strip,.bottom-strip{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hud-card{padding:14px 16px;min-width:180px}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.stat-value{font-size:30px;font-weight:800;line-height:1}.stat-sub{margin-top:6px;color:var(--muted);font-size:13px}.speed-card{min-width:220px}.speed-value{font-size:56px}.speed-unit{font-size:14px;color:var(--muted);margin-left:8px}.minimap{width:190px;height:190px;border-radius:20px;overflow:hidden;position:relative;background:radial-gradient(circle at center,#ffffff14,#ffffff05)}.minimap canvas{width:100%;height:100%;display:block}.status-list{display:grid;gap:6px;color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:#c8f3ff;font-size:12px}.dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}.debug-panel{position:absolute;right:18px;bottom:18px;width:min(380px,calc(100vw - 36px));padding:14px 16px;pointer-events:none;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.hidden{display:none!important}@media(max-width:900px){.menu-grid,.hint-grid{grid-template-columns:1fr}.top-strip,.bottom-strip{flex-direction:column}.speed-card{min-width:180px}}