:root{--bg: #05060a;--panel: rgba(13, 17, 26, .92);--panel-solid: #0d111a;--line: rgba(88, 108, 140, .28);--line-bright: rgba(120, 160, 210, .55);--text: #d7e2ee;--text-dim: #7f93aa;--accent: #31c8ff;--accent2: #ff2d6f;--gold: #ffd25e;--warn: #ff5a3c;--ok: #52e89a;--font: "Segoe UI", "Inter", system-ui, -apple-system, sans-serif;--mono: "Cascadia Code", "JetBrains Mono", "Fira Code", ui-monospace, monospace;--hud-scale: 1}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);user-select:none}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}#boot-error{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:1000}#boot-error[hidden]{display:none}.boot-error-inner{max-width:560px;padding:40px;text-align:center}.boot-error-inner h1{letter-spacing:.5em;color:var(--accent);margin-bottom:16px}.boot-error-inner pre{text-align:left;font-size:11px;color:var(--text-dim);margin:16px 0;max-height:200px;overflow:auto;white-space:pre-wrap}.boot-error-inner button{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:screen-in .24s ease-out;overflow:hidden auto}.screen.screen-dim{background:radial-gradient(ellipse at 50% 40%,#05080e8c,#040509eb);backdrop-filter:blur(2px)}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.screen{animation:none}}body.reduced-motion .screen{animation:none}.title-xl{font-size:clamp(48px,9vw,110px);font-weight:200;letter-spacing:.42em;text-indent:.42em;color:#eef6ff;text-shadow:0 0 22px rgba(49,200,255,.65),0 0 80px rgba(49,200,255,.28)}.h1{font-size:28px;font-weight:300;letter-spacing:.28em;text-transform:uppercase;color:#eef6ff}.h2{font-size:15px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.subtle{color:var(--text-dim);font-size:13px}.mono{font-family:var(--mono)}button,.btn{font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text);background:linear-gradient(180deg,#26344b99,#141c2a99);border:1px solid var(--line-bright);padding:12px 28px;cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s,transform 60ms;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}button:hover,.btn:hover,button:focus-visible,.btn:focus-visible{border-color:var(--accent);box-shadow:0 0 14px #31c8ff59,inset 0 0 18px #31c8ff14;outline:none}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(180deg,#1c76a0bf,#0e4664bf);border-color:var(--accent)}button.danger{border-color:var(--accent2)}button.danger:hover{box-shadow:0 0 14px #ff2d6f66}button:disabled{opacity:.4;cursor:default;box-shadow:none}button.small{padding:7px 14px;font-size:11px}button.selected{border-color:var(--accent);background:linear-gradient(180deg,#1c76a0b3,#0e4664b3);box-shadow:0 0 12px #31c8ff4d}input[type=text]{font-family:var(--mono);font-size:16px;color:var(--text);background:#0a0e16e6;border:1px solid var(--line-bright);padding:10px 14px;letter-spacing:.12em}input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 10px #31c8ff40}input[type=range]{accent-color:var(--accent)}select{font-family:var(--font);font-size:13px;color:var(--text);background:var(--panel-solid);border:1px solid var(--line-bright);padding:8px 12px}.panel{background:var(--panel);border:1px solid var(--line);padding:22px 26px;backdrop-filter:blur(6px)}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.grow{flex:1}.wrap{flex-wrap:wrap}.statbar{height:6px;background:#3c506e4d;position:relative;overflow:hidden}.statbar>div{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#1f7fae,var(--accent));box-shadow:0 0 8px #31c8ff80;transition:width .2s ease-out}#toasts{position:fixed;top:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;pointer-events:none}.toast{background:var(--panel);border:1px solid var(--line-bright);border-left:3px solid var(--accent);padding:10px 22px;font-size:13px;letter-spacing:.08em;animation:toast-in .2s ease-out}.toast.warn{border-left-color:var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.focusable:focus-visible,.focus-nav{outline:1px solid var(--accent)!important;outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#5a78a066}::-webkit-scrollbar-track{background:transparent}