: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}.mission-screen--live{padding:0;overflow:hidden}.mission-live,.mission-live__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.mission-live__canvas canvas{width:100%!important;height:100%!important}.mission-boot{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:10px;text-align:center;color:var(--ink-dim)}.mission-threat{position:absolute;top:48px;left:50%;transform:translate(-50%);z-index:22;width:min(420px,60vw);pointer-events:none;font-size:12px;color:var(--ink-dim)}.mission-threat__bar{height:8px;border:1px solid var(--edge-strong);border-radius:5px;background:#0000008c;overflow:hidden}.mission-threat__fill{height:100%;transition:width .22s linear;background:#74c465}.mission-threat__fill--band1{background:#c9b458}.mission-threat__fill--band2{background:#cf7f3e}.mission-threat__fill--band3{background:#c2543e}.mission-threat__row{display:flex;justify-content:space-between;margin-top:3px}.mission-threat--flash .mission-threat__bar{box-shadow:0 0 14px 2px #c2543ed9}.mission-threat--flash span{color:var(--danger)}.mission-squad{position:absolute;top:96px;left:12px;z-index:22;display:flex;flex-direction:column;gap:8px;width:230px}.mission-card{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:8px 10px;font-size:12px}.mission-card--selected{border-color:#8fe3b0;box-shadow:0 0 0 1px #8fe3b066}.mission-card--downed{border-color:var(--danger)}.mission-card--extracted{opacity:.55}.mission-card__head{display:flex;justify-content:space-between;width:100%;gap:8px;background:none;border:0;padding:0;color:var(--ink);font:inherit;cursor:pointer}.mission-card__head span{color:var(--ink-dim)}.mission-card__hp{height:5px;margin:6px 0 4px;border-radius:3px;background:#14160f;overflow:hidden}.mission-card__hp-fill{height:100%;background:#74c465;transition:width .2s linear}.mission-card--downed .mission-card__hp-fill{background:var(--danger)}.mission-card__row{display:flex;justify-content:space-between;color:var(--ink-dim)}.mission-card__status{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-card__abilities{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mission-ability{font-size:11px;padding:2px 6px}.mission-ability--armed{outline:1px solid #e3c96a}.mission-card__revive{margin-top:6px;width:100%;color:#0d0e12;background:var(--danger);border:0;border-radius:5px;padding:4px;font-weight:600;cursor:pointer}.mission-commands{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:22;display:flex;flex-direction:column;gap:6px;align-items:center;background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:8px 12px}.mission-commands__stances,.mission-commands__verbs{display:flex;gap:6px}.mission-commands button{font-size:12px}.mission-commands button.is-active{outline:1px solid #8fe3b0}.mission-commands__extract{background:#2f5e3f}.mission-commands__hint{margin:0;font-size:11px;color:var(--ink-dim)}.mission-loot{position:absolute;top:96px;right:12px;z-index:22;width:220px;background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:10px 12px;font-size:12px}.mission-loot h3{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim)}.mission-loot ul{list-style:none;margin:0 0 8px;padding:0}.mission-loot__weight,.mission-loot__carry{color:var(--ink-dim)}.mission-loot__carry{margin:6px 0 0;font-size:11px}.mission-summary{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-content:center;background:#050608b8}.mission-summary__panel{width:min(460px,92vw);background:var(--panel-solid);border:1px solid var(--edge-strong);border-radius:12px;padding:20px 22px}.mission-summary__panel h2{margin:0 0 4px}.mission-summary__meta{color:var(--ink-dim);font-size:12px}.mission-summary__table{width:100%;border-collapse:collapse;font-size:12px;margin:10px 0}.mission-summary__table th,.mission-summary__table td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--edge)}.mission-summary__unvalidated{font-size:11px;color:#c9b458}