:root{color-scheme:dark;--ink: #e7f0ea;--muted: #7f9089;--glow: #48e8ff;--panel: rgba(12, 16, 22, .55);--border: rgba(231, 240, 234, .16)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#05030b;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink)}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}#hud{position:fixed;top:18px;left:20px;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 12px rgba(0,0,0,.8)}#hud h1{margin:0;font-size:15px;font-weight:700;letter-spacing:.26em}#hud .sub{margin:5px 0 0;font-size:11px;letter-spacing:.04em;color:var(--muted)}#stats{position:fixed;top:18px;right:20px;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:right}#stats dl{margin:0;display:grid;gap:3px}#stats div{display:flex;gap:10px;justify-content:flex-end}#stats dt,#stats dd{margin:0}#stats dd{min-width:62px;color:var(--ink);font-variant-numeric:tabular-nums}#controls{position:fixed;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:8px;padding:7px;background:var(--panel);border:1px solid var(--border);border-radius:999px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}#controls button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-weight:600;letter-spacing:.16em;padding:8px 14px;border-radius:999px;cursor:pointer;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}#controls button:hover{color:var(--ink);background:#e7f0ea14}#controls button.on{color:#05131a;background:var(--glow);border-color:var(--glow)}#controls button.primary{color:var(--ink);border-color:var(--border)}#controls .link{display:flex;align-items:center;color:var(--glow);font-size:10px;font-weight:600;letter-spacing:.16em;padding:8px 14px;border:1px solid transparent;border-radius:999px;text-decoration:none;white-space:nowrap;transition:color .15s,background .15s}#controls .link:hover,#controls button.primary:active{color:#05131a;background:var(--glow)}#boot{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#05030b;z-index:10;transition:opacity .6s ease}#boot.gone{opacity:0;pointer-events:none}.boot-inner{text-align:center;width:min(320px,70vw)}.boot-title{font-size:13px;font-weight:700;letter-spacing:.34em}.boot-step{margin:8px 0 14px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);min-height:12px}.boot-bar{height:2px;background:#e7f0ea24;overflow:hidden}.boot-bar i{display:block;height:100%;width:0%;background:var(--glow);box-shadow:0 0 12px var(--glow);transition:width .3s ease}@media (max-width: 620px){#stats{display:none}#controls button{padding:8px 10px;letter-spacing:.1em}}