:root{--ink: #d8f3ff;--ink-dim: #7fa8bd;--glass: rgba(8, 26, 38, .62);--glass-line: rgba(140, 220, 255, .16);--glow: #57e6ff;--accent: #ffb454}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#02101a;color:var(--ink);font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none}#stage{position:fixed;inset:0}#scene{width:100%;height:100%;display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 38%,transparent 55%,rgba(0,6,12,.55) 100%);mix-blend-mode:multiply}#brand{position:fixed;top:22px;left:26px;display:flex;align-items:center;gap:12px;pointer-events:none;animation:hudfade 1s ease .4s forwards}@keyframes hudfade{0%{opacity:0}to{opacity:1}}body.ready #brand{opacity:1}.brand-mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9ff4ff,#2aa8d8 45%,#0a3752);box-shadow:0 0 18px #57e6ff73,inset 0 0 8px #ffffff59}.brand-text h1{margin:0;font-size:17px;font-weight:600;letter-spacing:.42em;text-indent:.42em}.brand-text p{margin:2px 0 0;font-size:11px;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase}#stats{position:fixed;top:26px;right:28px;display:flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.14em;color:var(--ink-dim);padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;animation:hudfade 1s ease .6s forwards}body.ready #stats{opacity:1}#stats .dot{opacity:.5}#stats b{color:var(--glow);font-weight:600}#hud{position:fixed;left:50%;bottom:22px;transform:translate(-50%) translateY(14px);display:flex;gap:10px;align-items:stretch;padding:10px 12px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 40px #0008108c;animation:hudrise 1s ease .5s forwards;max-width:min(96vw,1100px);flex-wrap:wrap;justify-content:center}@keyframes hudrise{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}body.ready #hud{opacity:1;transform:translate(-50%) translateY(0)}.hud-group{display:flex;gap:6px;align-items:center;padding:0 10px;border-right:1px solid rgba(140,220,255,.1)}.hud-group:last-child{border-right:none}.hud-label{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin-right:2px;opacity:.8}.chip{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:12px;border:1px solid transparent;background:#ffffff0b;color:var(--ink);font-size:12.5px;letter-spacing:.04em;cursor:pointer;transition:all .18s ease;white-space:nowrap}.chip:hover{background:#57e6ff1f;border-color:#57e6ff40}.chip.active{background:#57e6ff2e;border-color:#57e6ff99;box-shadow:0 0 16px #57e6ff40,inset 0 0 8px #57e6ff26}.chip .swatch{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 -2px 4px #0006,0 0 6px #ffffff26}.chip.danger:hover{background:#ff606029;border-color:#ff787880}.chip.warn.active{background:#ffb4542e;border-color:#ffb45499;box-shadow:0 0 16px #ffb45440}.chip.action{background:linear-gradient(160deg,#ffb45438,#ff783c29);border-color:#ffb45473}#hint{position:fixed;left:50%;bottom:96px;transform:translate(-50%);font-size:12px;letter-spacing:.16em;color:var(--ink-dim);padding:7px 18px;border-radius:999px;background:#04101a8c;border:1px solid rgba(140,220,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .5s ease;pointer-events:none;text-transform:lowercase;text-align:center;max-width:92vw}body.ready #hint{opacity:1}#hint.flash{color:var(--accent)}#loading{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(90% 70% at 50% 20%,#06334d,#031724 55%,#010a12);animation:autohide .9s ease 1.1s forwards}@keyframes autohide{to{opacity:0;visibility:hidden}}#loading.done{opacity:0;visibility:hidden}.load-inner{text-align:center;position:relative}.load-ripples{width:120px;height:120px;margin:0 auto 26px;border-radius:50%;border:1px solid rgba(87,230,255,.35);box-shadow:0 0 40px #57e6ff33,inset 0 0 30px #57e6ff1f;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.92);opacity:.6}50%{transform:scale(1.05);opacity:1}}.load-title{margin:0;font-size:22px;letter-spacing:.6em;text-indent:.6em}.load-sub{margin:10px 0 0;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.4}50%{opacity:1}}@media(max-width:1300px){.hud-label{display:none}.chip{padding:7px 10px;font-size:12px}#hud{gap:6px;padding:8px}}