:root{--bg: #0e0f13;--panel: rgba(18, 20, 26, .82);--panel-solid: #14161b;--edge: rgba(255, 255, 255, .08);--edge-strong: rgba(255, 255, 255, .16);--ink: #d8d3c0;--ink-dim: #9a978c;--accent: #8fe3b0;--danger: #d1665b;--warn: #c9a23c;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas{display:block;image-rendering:pixelated}button{font:inherit;color:var(--ink);background:#282c34e6;border:1px solid var(--edge-strong);border-radius:6px;padding:6px 12px;cursor:pointer;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:#3c424cf2;border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}.shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.shell__route{position:absolute;top:0;right:0;bottom:0;left:0}.hud-bar{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:8px 16px;background:linear-gradient(180deg,#08090ceb,#08090c00);font-size:13px;pointer-events:none}.hud-bar section{display:flex;gap:12px;align-items:center}.hud-bar .hud-resource,.hud-bar .hud-timer{pointer-events:auto;padding:2px 8px;border-radius:5px;background:#00000059;border:1px solid var(--edge);white-space:nowrap}.cmp-view,.cmp-stage{position:absolute;top:0;right:0;bottom:0;left:0}.cmp-stage canvas{width:100%!important;height:100%!important}.cmp-toolbar{position:absolute;top:52px;left:16px;z-index:25;display:flex;gap:8px}.cmp-panels{position:absolute;top:52px;right:0;bottom:0;width:min(360px,92vw);z-index:20;overflow-y:auto;padding:12px 12px 24px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(270deg,rgba(8,9,12,.86) 0%,rgba(8,9,12,.55) 80%,transparent 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cmp-panels>*{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:10px 12px}.cmp-panels h2,.cmp-panels h3{margin:0 0 6px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim)}.cmp-panels ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cmp-error{color:var(--danger);margin:0;font-size:13px}.compound-screen,.region-map-screen,.mission-screen,.squad-loadout-screen{position:absolute;top:0;right:0;bottom:0;left:0;padding:60px 16px 16px;overflow:auto}.compound-screen__toolbar{position:absolute;top:52px;left:16px;z-index:25}#game-root{position:absolute;top:0;right:0;bottom:0;left:0}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(120% 90% at 50% 30%,#16181e,#0b0c0f 70%);padding:24px}.auth-screen h1{font-size:28px;letter-spacing:.06em;margin:0 0 8px}.auth-screen form{display:flex;flex-direction:column;gap:12px;width:min(340px,90vw);background:var(--panel-solid);border:1px solid var(--edge);border-radius:10px;padding:20px}.auth-screen label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-dim)}.auth-screen input{font:inherit;color:var(--ink);background:#0d0e12;border:1px solid var(--edge-strong);border-radius:6px;padding:8px 10px}.auth-screen [role=tablist]{display:flex;gap:8px}.auth-screen [role=alert]{color:var(--danger);font-size:13px;margin:0}