:root{--font-head: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--bg: #05060d;--ink: #e8eefc;--muted: #8ea0c8;--accent: #6cf0ff;--danger: #ff5a6a;--glass: rgba(14, 20, 40, .55);--glass-brd: rgba(120, 160, 255, .22)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-body);overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0}canvas{display:block}.hud{position:fixed;inset:0;pointer-events:none;z-index:10;padding:max(14px,env(safe-area-inset-top)) 18px 0}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;max-width:900px;margin:0 auto}.hud-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hud-stat{display:flex;flex-direction:column;gap:2px}.hud-stat-right{align-items:flex-end}.hud-score,.hud-wave{font-family:var(--font-head);font-weight:800;font-size:24px;font-variant-numeric:tabular-nums;line-height:1}.hud-wave{color:var(--accent)}.hud-sun{flex:1;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:5px}.hud-sun-head{display:flex;align-items:center;gap:6px}.hud-heart svg{width:15px;height:15px;fill:var(--danger);display:block}.hud-bar{width:100%;height:8px;border-radius:6px;background:#ffffff14;border:1px solid var(--glass-brd);overflow:hidden}.hud-bar-fill{height:100%;width:100%;border-radius:6px;background:linear-gradient(90deg,#ffcf6b,#ff9d3d);transition:width .2s ease}.hud-bar-fill.low{background:linear-gradient(90deg,#ff5a6a,#ff2e57)}.hud-bar.sm{width:96px;height:6px}.hud-hull{display:flex;align-items:center;gap:7px;margin-top:3px}.hud-bar-fill.hull{background:linear-gradient(90deg,#8affc0,#40e0ff)}.hud-bar-fill.hull.low{background:linear-gradient(90deg,#ff5a6a,#ff2e57)}.hud-planets{display:flex;gap:5px;margin-top:1px}.hud-pip{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);transition:opacity .3s,background .3s,box-shadow .3s}.hud-pip.dead{background:#33405e;box-shadow:none;opacity:.5}.hud-controls{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:16px;z-index:20;pointer-events:auto;display:flex;flex-direction:column-reverse;gap:8px;align-items:flex-start}.ctrl-toggle{font-family:var(--font-body);font-size:13px;color:var(--ink);background:var(--glass);border:1px solid var(--glass-brd);border-radius:10px;padding:8px 14px;cursor:pointer;backdrop-filter:blur(12px);display:inline-flex;align-items:center;gap:6px}.ctrl-toggle.on{border-color:var(--accent);color:var(--accent)}.ctrl-gear{font-size:14px}.ctrl-panel{background:var(--glass);border:1px solid var(--glass-brd);border-radius:14px;padding:12px 14px;backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:9px;box-shadow:0 18px 50px #00000080;width:min(320px,82vw)}.ctrl-panel[hidden]{display:none}.ctrl-panel .row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ctrl-panel .row.col{flex-direction:column;align-items:stretch;gap:7px}.row-head{display:flex;align-items:center;justify-content:space-between}.val{font-size:12px;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.val.insta{color:var(--danger);text-shadow:0 0 8px rgba(255,90,106,.6)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:#ffffff1f;border:1px solid var(--glass-brd);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#bff6ff,var(--accent));box-shadow:0 0 8px #6cf0ff99;border:0}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#bff6ff,var(--accent));box-shadow:0 0 8px #6cf0ff99;border:0}.swatches{display:inline-flex;gap:6px;padding:3px}.swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s,border-color .12s}.swatch:hover{transform:scale(1.12)}.swatch.on{border-color:#fff;box-shadow:0 0 8px #ffffff80}.seg{display:inline-flex;background:var(--glass);border:1px solid var(--glass-brd);border-radius:10px;padding:3px;backdrop-filter:blur(12px);gap:2px}.seg button{font-family:var(--font-body);font-size:12px;color:var(--muted);background:transparent;border:0;border-radius:7px;padding:6px 12px;cursor:pointer;transition:color .15s,background .15s}.seg button.on{color:#04121a;background:linear-gradient(90deg,#8ff4ff,var(--accent));font-weight:600}.hud-tilt{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);pointer-events:auto;background:var(--glass);border:1px solid var(--glass-brd);color:var(--ink);font-family:var(--font-body);padding:10px 18px;border-radius:999px;backdrop-filter:blur(12px);font-size:13px}.hud-overlay{position:fixed;inset:0;z-index:12;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(ellipse at center,#05060d59,#05060dd1);backdrop-filter:blur(3px);padding:24px}.hud-overlay[hidden]{display:none}.panel{width:min(520px,92vw);text-align:center;background:var(--glass);border:1px solid var(--glass-brd);border-radius:20px;padding:32px 28px;backdrop-filter:blur(18px);box-shadow:0 30px 90px #0000008c}.panel h1{font-family:var(--font-head);font-weight:800;font-size:clamp(28px,6vw,40px);margin:0;background:linear-gradient(90deg,#eaf6ff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.panel h1.over{background:linear-gradient(90deg,#ffd6dc,var(--danger));-webkit-background-clip:text;background-clip:text;color:transparent}.panel .sub{margin:2px 0 16px;color:var(--muted);letter-spacing:.22em;text-transform:uppercase;font-size:11px}.panel .brief{color:#c3d0ee;font-size:14px;line-height:1.6;margin:0 auto 18px;max-width:40ch}.panel .brief b{color:var(--ink)}.controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px}.controls span{font-size:12px;color:var(--muted);background:#ffffff0d;border:1px solid var(--glass-brd);border-radius:8px;padding:6px 10px}.controls b{color:var(--accent);font-weight:600}.btn{font-family:var(--font-head);font-weight:700;font-size:16px;letter-spacing:.02em;color:#04121a;background:linear-gradient(90deg,#8ff4ff,var(--accent));border:0;border-radius:12px;padding:13px 30px;cursor:pointer;box-shadow:0 8px 30px #6cf0ff59;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 38px #6cf0ff80}.btn:active{transform:translateY(1px)}