/* Exodus visual system. Local assets, fluid layouts, no runtime dependencies. */
:root{color-scheme:dark;--bg-primary:#080e12;--bg-surface:#101a20;--bg-highlight:#192b32;--color-terminal-green:#89ddcb;--color-amber-warn:#e5b975;--color-alert-red:#ef837b;--color-subdued:#93a7ad;--color-dim:#344c55;--font-stack:'Segoe UI',Arial,sans-serif;--border-terminal:1px solid #294048;--line:rgba(148,194,204,.16);--muted:#788f99;--text:#e3e9e8;--accent:#8edac9;--gold:#dbb477}
*{box-sizing:border-box}html,body{margin:0;min-width:360px;height:100%;background:#080e12;color:var(--text);font-family:var(--font-stack);overflow:hidden}button,input,select{font:inherit}button{touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:not-allowed}button,input,select{accent-color:var(--accent)}button{color:inherit}button:not(:disabled){cursor:pointer}h1,h2,h3,p{margin:0}body{display:block;background-image:none}#game-viewport{width:100%;height:100dvh;max-width:none;border:0;box-shadow:none;position:relative;background:#080e12;overflow:hidden}button{transition:background .18s,border-color .18s,color .18s,transform .18s}button:hover:not(:disabled){color:#fff}button:active:not(:disabled){transform:translateY(1px)}.view{display:none}.view.active{display:flex}.view[hidden],#app[hidden]{display:none!important}#app.active{display:flex;flex-direction:row;height:100%}.eyebrow,.section-label,.text-button,.rail-version,.difficulty-label,.coordinate-line,.title-bottom,.tbtn,.live-label,.battle-legend,.battle-coordinate,.log-heading{font-family:Consolas,'Courier New',monospace;font-size:10px;letter-spacing:1.5px}.eyebrow{color:var(--muted)}.status-dot{display:inline-block;background:var(--accent);width:5px;height:5px;border-radius:50%;box-shadow:0 0 9px #7de1c955;margin-right:7px;vertical-align:middle}.gate-mark{display:inline-block;width:28px;height:28px;border:3px solid var(--accent);border-radius:50%;position:relative}.gate-mark:before,.gate-mark:after{content:'';position:absolute;inset:5px;border:1px solid var(--accent);border-radius:50%}.gate-mark:after{inset:10px -6px;border:0;border-top:3px solid #111d23;border-bottom:3px solid #111d23;border-radius:0;transform:rotate(-42deg)}.text-button{border:0;background:none;color:var(--muted);padding:5px 0;white-space:nowrap}.text-button:hover{color:var(--accent)!important}.tbtn{font-size:11px;letter-spacing:1px;border:1px solid #344b53;background:#142129;color:#b6c8cd;padding:12px 16px;border-radius:2px;text-transform:uppercase;box-shadow:none;min-height:39px}.tbtn:hover:not(:disabled){background:#21343c;border-color:#547781;box-shadow:none}.tbtn.primary{background:var(--accent);border-color:var(--accent);color:#10241f;font-weight:700}.tbtn.primary:hover:not(:disabled){background:#b5f5e4;color:#0b201a;box-shadow:0 5px 25px #78d5ba15}.tbtn.ghost{background:transparent;color:var(--muted);border-color:var(--line)}.tbtn.warn{color:var(--gold);border-color:#856e45}.tbtn.danger{color:var(--color-alert-red);border-color:#654547}.tbtn.small{font-size:10px;min-height:30px;padding:7px 9px}.tbtn:disabled{opacity:.35;filter:saturate(.3)}.tbtn.active-mode{color:#0c2520;background:var(--accent);border-color:var(--accent)}
/* Title */
.view-title{height:100%;align-items:stretch;justify-content:center;text-align:left;position:relative;isolation:isolate;background:#0b1419}.title-art{position:absolute;inset:0;z-index:-3;background:url('../assets/gatefall-keyart.png') center center/cover no-repeat;animation:arrival 24s ease-out both}.title-atmosphere{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,12,16,.9) 0%,rgba(5,12,16,.72) 26%,rgba(5,12,16,.12) 65%),linear-gradient(0deg,#080e12 0%,transparent 28%,transparent 75%,#08111799)}.title-top,.title-bottom{position:absolute;left:5.1%;right:5.1%;display:flex;align-items:center;justify-content:space-between}.title-top{top:36px}.brand-small{display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:3px;color:#bbcdce}.brand-small .gate-mark{width:25px;height:25px}.title-top>.eyebrow{color:#acbcb9;font-size:9px}.title-frame{padding:0;margin-left:8.3%;max-width:520px;z-index:1}.title-kicker{font-size:10px;letter-spacing:2.3px;color:#a9c5c4;margin-bottom:27px}.title-logo{font-size:clamp(64px,7.8vw,122px);line-height:.85;font-weight:300;letter-spacing:-5px;color:#f1f5ec;font-family:'Segoe UI',Arial,sans-serif;text-shadow:0 3px 30px #0008;margin-left:-5px}.title-logo span{display:block;margin-top:21px;margin-left:7px;font-family:Consolas,monospace;font-size:13px;letter-spacing:8px;color:#a9d1c6;font-weight:400}.tagline{font-size:15px;line-height:1.75;color:#a6b7bb;margin-top:30px;margin-bottom:0;font-weight:300}.title-rule{height:1px;background:linear-gradient(90deg,#88bcb060,transparent);width:335px;margin:27px 0 22px}.difficulty-label{display:block;font-size:9px;color:#758e96;margin-bottom:8px}.difficulty-select{font-size:12px;border:0;background:#09131970;border-bottom:1px solid #45626b;color:#bccccc;padding:10px 5px 10px 0;width:335px;outline-offset:2px}.title-buttons{display:flex;flex-direction:column;gap:10px;margin:19px 0 24px;width:335px}.title-buttons .tbtn{min-height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;letter-spacing:1.7px;font-size:11px}.title-buttons .launch-button{box-shadow:0 0 45px #89ddcb0d}.launch-button>span:last-child{font-family:Arial;font-size:24px;font-weight:400}.continue-button{background:#0a161c88;border-color:#405960}.title-utility{display:flex;align-items:center;gap:14px;color:#39535e}.title-utility button{font-size:9px;letter-spacing:1px}.title-coordinate{position:absolute;right:7%;bottom:18%;border-left:1px solid #b9d6c744;padding-left:20px;display:flex;flex-direction:column;gap:12px}.title-coordinate .eyebrow{font-size:9px;color:#a1b8b6}.title-coordinate strong{font-size:23px;font-weight:300;letter-spacing:2px;line-height:1.25;color:#dbe9df}.coordinate-line{font-size:8px;color:#829999}.title-bottom{bottom:26px;padding-top:17px;border-top:1px solid #9dc4c020;font-size:9px;letter-spacing:1px;color:#7f999b}.title-bottom .text-button{font-size:9px}@keyframes arrival{from{transform:scale(1.055)}to{transform:scale(1)}}
/* Command shell */
.command-rail{width:76px;flex:0 0 76px;display:flex;align-items:center;flex-direction:column;background:#0a1217;border-right:1px solid var(--line);padding:23px 0 16px;gap:12px;z-index:4}.rail-brand{background:none;border:0;width:50px;height:44px}.rail-divider{height:1px;width:26px;background:var(--line);margin:6px 0 15px}.rail-button{width:58px;min-height:64px;padding:9px 5px;background:none;border:1px solid transparent;border-radius:4px;color:#5b737d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.rail-button.active{color:var(--accent);background:#8edac90c;border-color:#8edac922}.rail-button:hover{background:#8edac90c}.rail-button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.3}.rail-button small{font-family:Consolas,monospace;font-size:8px;letter-spacing:1px}.rail-spacer{flex:1}.rail-version{font-size:8px;letter-spacing:1px;color:#48616a;margin-top:10px}.command-shell{flex:1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 0%,#1c343735,transparent 65%),#0b1217;overflow:hidden}#header-bar{height:86px;flex-shrink:0;background:transparent;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;gap:30px;font-size:12px}.header-identity{display:flex;flex-direction:column;gap:8px;min-width:146px}.header-identity .eyebrow{font-size:8px;letter-spacing:1.8px}.header-identity strong{font-weight:500;font-size:13px;letter-spacing:2px}.header-identity .status-dot{margin-left:6px;width:4px;height:4px}.res-group{display:flex;gap:27px;flex:1}.res{display:flex;align-items:center;gap:10px;letter-spacing:0}.resource-symbol{font-size:26px;font-weight:200;color:#627f88}.res>span:last-child{display:flex;flex-direction:column;gap:4px}.res small{font-size:8px;letter-spacing:1.2px;color:#6f8c95}.res b{font-family:Consolas,monospace;color:#ccdcda;font-weight:400;font-size:17px;margin:0}.res.low b,b.low{color:var(--color-alert-red)}.doom-group{display:flex;flex-direction:column;gap:9px;align-items:flex-start}.doom-group .eyebrow{font-size:8px;letter-spacing:1px}.doom-pips{display:flex;gap:4px}.pip{width:7px;height:12px;border:1px solid #314851;background:#16262e}.pip.on{background:#cf8571;border-color:#d1987f;box-shadow:0 0 8px #de947533}.day-group{display:flex;flex-direction:column;gap:6px;align-items:flex-end;border-left:1px solid var(--line);padding-left:26px}.day-label{font-family:Consolas,monospace;letter-spacing:2px;color:var(--gold);font-size:12px}.day-group .text-button{font-size:8px;letter-spacing:1px}.command-page-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 32px 22px;flex:0 0 auto}.command-page-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.command-page-heading h1{font-weight:350;letter-spacing:-1px;font-size:33px;margin-top:7px;line-height:1.1}.command-page-heading h1 span{color:var(--accent)}.live-label{display:flex;align-items:center;color:#708c95;font-size:8px;letter-spacing:1px}.live-label .status-dot{height:4px;width:4px}#main-stage{flex:1;min-height:0;overflow:hidden;padding:0 32px 20px}.section-label{display:flex;justify-content:space-between;align-items:center;color:#9bb0b6;letter-spacing:1.6px;font-size:9px;padding:0 0 13px}.section-label>span:last-child{font-size:8px;color:#4e6e79}
/* Base and facilities */
.view-bunker.active{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;padding:0}.base-left{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:auto}.base-banner{position:relative;min-height:155px;display:flex;align-items:center;justify-content:space-between;padding:28px;border:1px solid var(--line);background:linear-gradient(90deg,#0f1d23ee,#0a191a30),url('../assets/gatefall-bunker.png') center 56%/cover no-repeat;margin-bottom:24px;overflow:hidden}.base-banner:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#09161b80,transparent)}.base-banner>div,.banner-coordinate{position:relative;z-index:1}.base-banner .eyebrow{font-size:8px;color:#8da6aa}.base-banner h2{font-weight:350;font-size:28px;letter-spacing:-.6px;margin:11px 0 9px}.base-banner p{font-size:11px;color:#9baeb2}.banner-coordinate{font-family:Consolas,monospace;text-align:right;font-size:8px;letter-spacing:2px;line-height:2;color:#7d9b9f}.banner-coordinate b{font-size:12px;font-weight:400;color:#aacbc7}.bunker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(165px,1fr));gap:11px;flex:1}.room,.room-card{position:relative;display:flex;flex-direction:column;min-height:165px;text-align:left;overflow:hidden;background:linear-gradient(145deg,#15232a,#101b21);padding:16px;border:1px solid var(--line);border-radius:3px;color:var(--text);isolation:isolate}.room:hover,.room-card:hover{background:linear-gradient(145deg,#20343b,#16272c);border-color:#49646b}.room.selected,.room-card.selected{border-color:#86c8b480;box-shadow:inset 0 0 25px #87cfb40a;background:linear-gradient(145deg,#19332f,#112328)}.room.offline,.room-card.offline{opacity:.65}.room .room-name,.room-name{font-size:12px;letter-spacing:.1px;text-transform:none;color:#c6d7d6;font-weight:500;max-width:85%;position:relative;z-index:1}.room-icon{height:67px;position:relative;margin:8px 0!important;font-size:0!important;opacity:.9!important;display:flex;align-items:center;justify-content:center}.room-icon svg{width:120px;height:72px;filter:drop-shadow(0 3px 9px #0005)}.room .room-desc,.room-desc{font-size:10px;line-height:1.5;color:#718f98;flex:1}.room-lvl{position:absolute;top:17px;right:12px;color:#9ea985;font:8px Consolas,monospace!important}.room-status{margin-top:11px!important;font-family:Consolas,monospace;font-size:8px!important;letter-spacing:1px;color:#718f98;display:flex;align-items:center;gap:6px}.room-status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.room-status.ok{color:#94bba6!important}.room-status.off{color:#958978!important}.bunker-detail{display:block;min-height:0;overflow-y:auto;background:#111d23;border:1px solid var(--line);padding:24px;border-radius:3px;flex:auto}.panel-title{font-size:11px;font-weight:500;letter-spacing:1.8px;color:#c1d4d3;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:17px}.detail-row{font-size:12px;line-height:1.65;color:#8ea5ac;margin-bottom:14px}.detail-row b{color:#d1e3dc;font-weight:500}.detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.detail-actions .tbtn{text-align:left;font-size:10px;padding:12px}.cost{color:var(--gold)}.command-hero,.campaign-objective{padding:16px;margin-bottom:18px;background:linear-gradient(130deg,#19312f,#13252c);border:1px solid #41665960}.command-hero h2,.campaign-objective h3{font-size:18px;font-weight:400;line-height:1.4;margin:8px 0}.command-hero p,.campaign-objective p{font-size:12px;color:#95aead;line-height:1.6}.roster-list{display:flex;flex-direction:column;gap:8px;margin:14px 0}.roster-entry,.roster-card{padding:13px;background:#0d181e;border:1px solid var(--line);border-radius:3px;font-size:11px}.roster-entry .re-name,.roster-card .re-name{color:#c8dbd5;letter-spacing:.3px;font-weight:500;font-size:12px}.re-stats{color:#7f9da5!important;font-size:10px!important;margin-top:7px;line-height:1.7}.re-badge{font:8px Consolas,monospace;color:var(--gold);float:right}.re-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.hp-track{height:3px;background:#243b41;margin-top:8px}.hp-track i{display:block;height:100%;background:var(--accent)}
/* Gate network */
.view-starmap.active{display:grid;height:100%;grid-template-columns:minmax(0,1fr) 370px;gap:24px;padding:0}.starmap-left,.starmap-right{display:flex;flex-direction:column;min-height:0;overflow:auto;flex:auto}.planet-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}.planet,.planet-card{position:relative;overflow:hidden;padding:22px 18px 18px;text-align:left;min-height:165px;border:1px solid var(--line);background:radial-gradient(ellipse at 95% 10%,#3c51555e,transparent 60%),#122029;color:var(--text);border-radius:3px;display:block}.planet:before,.planet-card:before{content:'';display:block;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 30% 27%,#8a9c86,#687b70 20%,#344d4c 40%,#142732 68%);box-shadow:inset -10px -6px 10px #071118,0 0 25px #88997b20;border:1px solid #78928b33;margin-bottom:17px}.planet:nth-child(2):before,.planet-card:nth-child(2):before{filter:hue-rotate(22deg);background:radial-gradient(circle at 30% 27%,#c7b090,#84795e 20%,#534d3e 40%,#142732 68%)}.planet:nth-child(3):before,.planet-card:nth-child(3):before{filter:hue-rotate(135deg)}.planet:nth-child(4):before,.planet-card:nth-child(4):before{filter:hue-rotate(220deg)}.planet:nth-child(5):before,.planet-card:nth-child(5):before{filter:hue-rotate(300deg)}.planet:hover,.planet-card:hover{border-color:#648481;background-color:#172e33}.planet.selected,.planet-card.selected{border-color:#84beae;box-shadow:inset 0 0 30px #a1d7ac09;background-color:#17332f}.planet.locked,.planet-card.locked{opacity:.57;cursor:pointer}.p-name{font-size:14px;letter-spacing:.2px;color:#d1ded6!important}.p-code{font-family:Consolas,monospace;font-size:9px;color:#829d9e!important;float:none!important;display:block;margin-bottom:7px;letter-spacing:1px}.planet .p-threat{font-size:8px;letter-spacing:1px;margin-top:10px;font-family:Consolas,monospace}.p-obj{font-size:10px!important;color:#8ea5a9!important;line-height:1.6;margin-top:7px}.p-reward{font-family:Consolas,monospace;font-size:9px;margin-top:10px;color:#c5af8c}.threat-low{color:#98bcb0}.threat-mod{color:var(--gold)}.threat-extreme{color:var(--color-alert-red)}.dialer,.fireteam-select{border:1px solid var(--line);padding:21px;background:#111f25;border-radius:3px;min-height:0}.fireteam-select{margin-top:13px}.dial-glyphs{display:flex;gap:7px;margin-bottom:20px}.glyph{height:35px;width:30px;display:flex;justify-content:center;align-items:center;background:#0c1b21;border:1px solid #38575e;color:#b8d6c8;font-size:15px}.glyph.lit,.glyph.locked{border-color:var(--accent);box-shadow:0 0 10px #89ddcb30}.dial-meta,.mission-briefing{font-size:12px;color:#91a7ad;line-height:1.7}.dial-meta b{color:#dae5df;font-weight:500}.mission-briefing h3{font-size:22px;font-weight:400;color:#dce7df;margin-bottom:12px}.mission-briefing p{margin:10px 0}.mission-briefing .eyebrow{color:var(--gold)}.ft-title{font:9px Consolas,monospace;color:#93b3b6;letter-spacing:1.5px;margin-bottom:13px}.ft-entry{display:flex;align-items:center;gap:9px;background:#0b181e;border:1px solid var(--line);padding:12px;margin:7px 0;font-size:12px}.ft-entry .ft-name{color:#c7d8d7;flex:1}.ft-entry .ft-role{font:8px Consolas,monospace;color:#849da5}.ft-entry.disabled{opacity:.35}.ft-entry input{width:13px;height:13px}.ft-hp{font:10px Consolas,monospace;color:#8ea7a8}.mission-rewards{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.reward-chip{padding:7px 9px;background:#ffffff05;border:1px solid var(--line);font:10px Consolas,monospace;color:var(--gold)}
/* Tactics */
body[data-view='tactical'] .command-page-heading{padding-top:18px;padding-bottom:17px}body[data-view='tactical'] .command-page-heading h1{font-size:27px}body[data-view='tactical'] #main-stage{padding-bottom:14px}.view-tactical{height:100%;padding:0}.tactical-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 17px;margin-bottom:0;background:#132128;border:1px solid var(--line);border-radius:3px 3px 0 0;flex:0 0 auto;font:9px Consolas,monospace}.tac-label{font-size:9px;letter-spacing:1px;color:#98b0b5}.gate-countdown{font-size:10px;color:var(--gold);letter-spacing:1px}.gate-countdown.critical{color:var(--color-alert-red);animation:warningPulse 1s ease-in-out infinite}.tac-objective{font-size:9px;color:#a3c5b5;letter-spacing:.5px}.tactical-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px;flex:1;min-height:0;border:1px solid var(--line);border-top:0}.battlefield{position:relative;min-height:300px;overflow:hidden;background:#0c171c;isolation:isolate}.battlefield canvas{width:100%;height:100%;display:block;position:absolute;inset:0;cursor:crosshair;touch-action:none}.battle-coordinate{position:absolute;left:18px;top:18px;pointer-events:none;color:#7c999e;font-size:8px;display:flex;flex-direction:column;gap:6px}.battle-coordinate small{font-size:7px;letter-spacing:1px;color:#45646e}.battle-tools{position:absolute;right:16px;top:14px;display:flex;gap:15px}.battle-tools button{font-size:8px;color:#8ba2a5}.battle-legend{position:absolute;bottom:16px;left:18px;display:flex;gap:17px;color:#718c94;font-size:7px;pointer-events:none}.battle-legend>span{display:flex;align-items:center;gap:6px}.legend-dot{width:4px;height:4px;background:var(--accent);display:inline-block;transform:rotate(45deg)}.legend-dot.hostile{background:var(--color-alert-red)}.legend-dot.objective{background:var(--gold)}.tactical-sidebar{border-left:1px solid var(--line);padding:19px 15px;background:#101d24;overflow:auto}.tactical-sidebar .section-label{font-size:8px;letter-spacing:1px}.squad-card{display:grid;grid-template-columns:45px 1fr;gap:10px;border:1px solid #2d454d;background:#0c191f;border-radius:2px;padding:12px 10px;margin-bottom:9px;text-align:left;width:100%;position:relative}.squad-card.selected{border-color:#7bbeab;background:#1b363433}.squad-card.dead{opacity:.4;filter:grayscale(1)}.squad-portrait{display:flex;align-items:center;justify-content:center;width:45px;height:53px;background:radial-gradient(ellipse,#547376,#15272f);border:1px solid #65827f44}.squad-portrait svg{width:41px;height:49px}.squad-card strong{font-size:12px;font-weight:500;color:#cededc;display:block}.squad-card small{font:7px Consolas,monospace;letter-spacing:1px;color:#6f929e;display:block;margin-top:4px}.squad-card .squad-health{font:9px Consolas,monospace;color:#a4bdb7;display:flex;justify-content:space-between;margin-top:7px}.ap-dots{display:flex;gap:3px}.ap-dot{width:5px;height:5px;border:1px solid #718c88;border-radius:50%;display:inline-block;margin-top:3px}.ap-dot.on{background:#acd7b9;border-color:#acd7b9}.squad-key{position:absolute;right:9px;top:10px;font:8px Consolas;color:#5d7a83}.target-preview{margin-top:19px;padding:15px 12px;background:#0a161d;border:1px solid var(--line);min-height:125px}.target-preview .eyebrow{font-size:8px;letter-spacing:1px}.target-preview h3{font-size:12px;font-weight:500;margin:12px 0 7px;color:#d1deda}.target-preview p{font-size:10px;line-height:1.65;color:#7897a1;margin-top:9px}.target-preview .target-percent{font:32px Consolas,monospace;color:var(--gold);margin-top:7px;display:block}.target-preview .target-percent small{font-size:9px;color:#8fa8ac;margin-left:9px;letter-spacing:1px}.target-preview .preview-detail{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:12px;padding-top:9px;font:9px Consolas;color:#8da7ae}.tactical-tip{margin-top:22px;padding:0 3px}.tactical-tip .eyebrow{font-size:7px;letter-spacing:1px;color:#547681}.tactical-tip p{color:#6d8994;font-size:10px;line-height:1.7;margin:10px 0 17px}.tactical-tip>span:last-child{font:7px Consolas;color:#577986;letter-spacing:.2px}kbd{font:9px Consolas,monospace;padding:2px 4px;background:#152a34;border:1px solid #38525c;border-radius:2px;color:#9dafb3}.phase-banner{position:absolute;left:0;right:0;top:41%;background:linear-gradient(90deg,transparent,#10252def 20%,#10252def 80%,transparent);padding:20px;text-align:center;font:15px Consolas,monospace;letter-spacing:5px;color:#bddbcc;pointer-events:none;opacity:0;transform:translateY(8px);transition:.4s}.phase-banner.visible{opacity:1;transform:translateY(0)}.phase-banner.enemy{color:var(--color-alert-red)}.combat-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,1fr);position:absolute;inset:55px 20px 45px;gap:3px;height:auto}.battlefield:not(.grid-mode) .combat-grid{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;inset:auto}.battlefield.grid-mode #battle-canvas{opacity:.15}.tile{border:1px solid #33515a;background:#172b32;min-width:0;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;color:#a3c6c9}.tile.high-cover{background:#3f514e;border-color:#5a6d66}.tile.low-cover{background:#2a3f44}.tile.gate-zone{background:#174644;border-color:#6bc8af}.tile.objective{border-color:var(--gold);background:#554d2d}.tile.hl-move{box-shadow:inset 0 0 0 1px #77bea7;background:#284c46}.tile.hl-attack{box-shadow:inset 0 0 0 1px var(--color-alert-red);background:#653b3b}.tile.hl-selected{outline:2px solid var(--accent)}.unit{inset:4px;border-radius:2px;font:10px Consolas;position:absolute}.unit.player{color:var(--accent);background:#8ddfc72a;border:1px solid var(--accent)}.unit.enemy{color:var(--color-alert-red);background:#ee837a25;border:1px solid var(--color-alert-red)}.unit.swarm{color:#b398d7;background:#b398d722;border:1px solid #b398d7}.u-hp{position:absolute;bottom:1px;left:2px;right:2px;height:3px;background:#050a0e}.u-hp i{display:block;height:100%;background:var(--accent)}.unit.enemy .u-hp i{background:var(--color-alert-red)}.u-status{position:absolute;top:0;left:0;font:7px Consolas;color:var(--gold)}
/* Actions, comms, debrief */
.action-panel{padding:13px 32px;gap:14px;background:#0e1b22;border-top:1px solid var(--line);display:flex;align-items:center;flex:0 0 auto}.action-buttons{display:flex;gap:7px;flex-wrap:wrap}.action-buttons .tbtn{font-size:9px;padding:11px 13px;min-height:35px;letter-spacing:.6px}.unit-status{font-family:Consolas,monospace;font-size:9px;line-height:1.7;color:#72929d;margin-left:auto;text-align:right;letter-spacing:.3px;max-width:260px}.unit-status b{color:#bfdbcf}.log-console{height:43px;display:flex;align-items:stretch;background:#09141a;border-top:1px solid var(--line);overflow:hidden;flex:0 0 auto;transition:height .2s}.log-console.expanded{height:145px}.log-heading{display:flex;align-items:center;gap:7px;padding:0 20px 0 32px;background:transparent;border:0;border-right:1px solid var(--line);color:#74969d;font-size:8px;align-self:stretch}.log-heading .status-dot{width:3px;height:3px;margin:0}.log-heading span{margin-left:5px;color:#486d77}.log-scroll{padding:9px 18px;font:10px/23px Consolas,monospace;height:100%;overflow-y:auto;flex:1;scroll-behavior:smooth}.log-line{color:#78959f;min-height:23px}.log-line .ts{color:#43646f;margin-right:12px}.log-line.info{color:#99c5b6}.log-line.warn{color:var(--gold)}.log-line.bad{color:var(--color-alert-red)}.log-line.sys{color:#638793}.view-debrief.active{height:100%;padding:15px;align-items:center;justify-content:center;overflow-y:auto;background:radial-gradient(ellipse,#273d3844,transparent 70%)}.debrief-content{width:700px;max-width:100%;padding:30px 36px;background:#112128;border:1px solid #456257;box-shadow:0 15px 75px #0004}.debrief-title,.debrief-head{font-weight:350;font-size:30px;letter-spacing:.4px;color:#b8dec9;margin:10px 0}.debrief-sub,.debrief-body{font-size:12px;color:#86a6ad;line-height:1.7;margin-bottom:20px}.db-section{border-top:1px solid var(--line);padding:17px 0}.db-title{font:9px Consolas,monospace;letter-spacing:2px;color:var(--gold);margin-bottom:13px}.db-line{font-size:12px;color:#8ba8af;line-height:1.9}.db-line b,.gain{color:#b1d3bc}.loss{color:var(--color-alert-red)}.debrief-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.view-gameover.active{display:flex;position:absolute;inset:0;background:linear-gradient(90deg,#060e15ee,#0b181d99),url('../assets/gatefall-keyart.png') center/cover;align-items:center;justify-content:center;z-index:10}.gameover-frame{max-width:740px;text-align:center;padding:40px}.gameover-frame .eyebrow{font-size:9px}#go-title{font-size:clamp(35px,6vw,74px);font-weight:300;letter-spacing:4px;margin:30px 0 17px}#go-title.win{color:#c0e4cf;text-shadow:none}#go-title.lose{color:#df9f8c;text-shadow:none}#go-subtitle{color:#a0b7b8;font:12px Consolas,monospace;letter-spacing:1px;margin-bottom:24px}.go-stats{font:12px/2 Consolas,monospace;color:#809da7;display:block;margin:0 0 32px}.go-stats b{color:#c1d9d4;font-weight:400}
/* Dialogs */
.game-dialog{width:640px;max-width:calc(100vw - 36px);max-height:85dvh;padding:37px;background:#111f27;border:1px solid #48646b;border-radius:4px;color:var(--text);box-shadow:0 30px 140px #000a}.game-dialog::backdrop{background:#050c13c9;backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:17px;top:12px;padding:5px 9px;color:#7f9ba3;background:none;border:0;font-size:25px}.game-dialog h2{font-size:28px;font-weight:350;letter-spacing:-.5px;margin:12px 0 15px}.game-dialog h3{font-size:12px;color:#b7d2c6;margin:23px 0 8px;font-weight:500}.game-dialog p{font-size:12px;line-height:1.85;color:#8faab2}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.manual-grid>div{border-top:1px solid var(--line);padding:0 0 18px}.manual-grid h3{font-family:Consolas,monospace;font-size:10px;letter-spacing:.7px}.manual-grid p{font-size:11px}.manual-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:7px;color:var(--gold)!important}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;border-top:1px solid var(--line);font-size:12px;color:#b4c9c9}.settings-row small{display:block;font-size:10px;line-height:1.6;color:#6e939d;margin-top:6px}.settings-row input[type='range']{width:170px}.settings-row input[type='checkbox']{width:18px;height:18px}.settings-row select{background:#0a1920;border:1px solid #365762;padding:7px;color:#a9c4c5;font-size:11px}.menu-actions{display:flex;flex-direction:column;gap:10px;margin-top:25px}.toast-stack{position:fixed;right:27px;bottom:72px;display:flex;flex-direction:column;gap:9px;z-index:100;pointer-events:none}.toast{max-width:340px;border:1px solid #537669;background:#17322cee;padding:14px 18px;color:#bcdccb;font-size:12px;box-shadow:0 8px 35px #0005;animation:toastIn .3s ease-out}.toast.warn{border-color:#94704c;background:#31271eed;color:#dfc49b}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes warningPulse{50%{opacity:.55}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0d1b22}::-webkit-scrollbar-thumb{background:#36545e;border-radius:3px}
/* Compact laptop and tablet */
@media(min-width:1700px){.command-shell{max-width:1900px}#header-bar{height:96px}.command-page-heading{padding-top:32px;padding-bottom:29px}.base-banner{min-height:200px}.bunker-grid{grid-template-rows:repeat(2,minmax(210px,1fr))}.room,.room-card{padding:23px}.room-icon{height:95px}.room-icon svg{width:150px;height:94px}.room .room-name{font-size:15px}.room .room-desc{font-size:12px}.room .room-status{font-size:9px!important}.view-bunker.active{grid-template-columns:minmax(0,1fr) 390px}.view-starmap.active{grid-template-columns:minmax(0,1fr) 420px}.planet,.planet-card{min-height:215px;padding:24px}.tactical-layout{grid-template-columns:minmax(0,1fr) 290px}.tactical-sidebar{padding:25px}.squad-card{padding:17px 12px}.squad-card strong{font-size:14px}.title-frame{max-width:640px}.title-logo{font-size:132px}}
@media(max-width:1200px){#header-bar{padding:0 23px;gap:17px;height:75px}.header-identity{min-width:110px}.res-group{gap:17px}.resource-symbol{font-size:21px}.res{gap:6px}.res b{font-size:15px}.res small{font-size:7px}.day-group{padding-left:15px}.doom-pips{gap:3px}.pip{width:5px;height:11px}.command-page-heading{padding:21px 23px 20px}#main-stage{padding:0 23px 17px}.view-bunker.active{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.base-banner{padding:23px;min-height:135px;margin-bottom:18px}.base-banner h2{font-size:24px}.bunker-detail{padding:20px}.room,.room-card{padding:13px}.room .room-name{font-size:11px}.room-icon{height:54px}.bunker-grid{grid-template-rows:repeat(2,minmax(158px,1fr));gap:8px}.room .room-desc{font-size:9px}.room-status{font-size:7px!important}.view-starmap.active{grid-template-columns:minmax(0,1fr) 310px;gap:17px}.planet,.planet-card{padding:17px;min-height:170px}.tactical-layout{grid-template-columns:minmax(0,1fr) 220px}.tactical-sidebar{padding:15px 12px}.action-panel{padding:12px 23px;gap:10px}.action-buttons .tbtn{padding:9px;font-size:8px}.unit-status{font-size:8px;max-width:190px}.title-frame{margin-left:7%}.title-coordinate{right:6%}}
@media(max-height:800px) and (min-width:900px){.title-top{top:25px}.title-bottom{bottom:18px}.title-kicker{margin-bottom:22px}.title-logo{font-size:87px}.title-logo span{font-size:11px;letter-spacing:6.5px;margin-top:17px}.tagline{font-size:13px;line-height:1.7;margin-top:25px}.title-rule{margin:22px 0 17px}.title-buttons{margin:16px 0 19px}.title-buttons .tbtn{min-height:42px}.title-frame{margin-top:20px}.base-banner{min-height:116px;margin-bottom:18px;padding:20px}.base-banner h2{font-size:24px;margin:8px 0}.bunker-grid{grid-template-rows:repeat(2,minmax(151px,1fr))}.room,.room-card{min-height:148px;padding:13px}.room-icon{height:46px;margin:5px 0!important}.room-icon svg{height:55px}.room .room-desc{font-size:9px}.room-status{margin-top:7px!important}.command-page-heading{padding-top:18px;padding-bottom:17px}.command-page-heading h1{font-size:28px}#header-bar{height:73px}.tactical-tip{margin-top:17px}.tactical-tip p{font-size:9px;margin-bottom:10px}.target-preview{min-height:95px;padding:12px;margin-top:14px}.squad-card{padding:10px;margin-bottom:7px}.squad-portrait{height:48px}.tactical-sidebar{padding-top:15px}.action-panel{padding-top:10px;padding-bottom:10px}.command-rail{padding-top:16px}.battlefield{min-height:270px}}
@media(max-width:980px){.header-identity{display:none}.command-rail{width:61px;flex-basis:61px}.rail-button{width:47px}.view-bunker.active{grid-template-columns:minmax(0,1fr) 270px}.bunker-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.base-left{overflow:auto}.room,.room-card{min-height:168px}.base-banner{flex-shrink:0}.tactical-layout{grid-template-columns:minmax(0,1fr) 200px}.tactical-sidebar{padding:13px 9px}.squad-card{grid-template-columns:34px 1fr;gap:7px}.squad-portrait{width:34px;height:46px}.squad-portrait svg{width:32px}.squad-card strong{font-size:11px}.tactical-header{flex-wrap:wrap;gap:8px;font-size:8px;padding:10px 12px}.tac-label,.tac-objective{font-size:8px}.live-label{display:none}.view-starmap.active{grid-template-columns:minmax(0,1fr) 280px}.planet-list{grid-template-columns:1fr}.planet,.planet-card{min-height:140px;padding-left:92px}.planet:before,.planet-card:before{position:absolute;left:20px;top:25px}.action-panel{align-items:flex-start}.unit-status{max-width:150px}.title-coordinate{right:4%;bottom:18%}.title-coordinate strong{font-size:18px}.title-top>.eyebrow{display:none}}
@media(max-width:720px){html,body{overflow:auto}#game-viewport{min-height:100dvh;height:auto;overflow:visible}.view-title{height:100dvh;min-height:720px}.title-art{background-position:63% center}.title-atmosphere{background:linear-gradient(90deg,#050c10df,#050c1080),linear-gradient(0deg,#080e12,transparent 90%)}.title-frame{margin-left:8%;margin-top:0}.title-logo{font-size:74px;letter-spacing:-4px}.title-logo span{font-size:10px;letter-spacing:5.7px}.title-kicker{font-size:8px;letter-spacing:1.3px}.title-coordinate{display:none}.title-top,.title-bottom{left:8%;right:8%}.title-top{top:28px}.title-bottom{bottom:22px;font-size:7px;letter-spacing:.6px}.title-bottom>span:nth-child(2){display:none}.title-rule,.difficulty-select,.title-buttons{width:290px}.tagline{font-size:13px}.title-utility{gap:11px}.title-utility button{font-size:8px}#app.active{min-height:100dvh;height:auto}.command-rail{width:48px;flex-basis:48px;position:sticky;top:0;height:100dvh;gap:7px}.rail-button{width:39px;min-height:56px;padding:7px 3px}.rail-button small{font-size:6px}.rail-brand .gate-mark{width:24px;height:24px}.rail-brand{width:40px}.rail-version{font-size:6px}#header-bar{height:70px;padding:0 14px;gap:10px;flex-wrap:wrap}.res-group{gap:15px}.res{gap:0}.resource-symbol{display:none}.res small{font-size:6px;letter-spacing:.5px}.res b{font-size:13px}.doom-group{display:none}.day-group{padding-left:10px}.day-label{font-size:10px}.command-page-heading{padding:22px 16px 20px}.command-page-heading h1{font-size:26px}.command-page-heading .eyebrow{font-size:6px;letter-spacing:1px}#main-stage{overflow:visible;padding:0 16px 18px}.view-bunker.active{display:flex;flex-direction:column;gap:20px}.base-left{overflow:visible}.base-banner{min-height:128px;padding:18px}.base-banner h2{font-size:22px}.base-banner p{font-size:10px}.banner-coordinate{display:none}.bunker-grid{gap:9px}.room,.room-card{min-height:163px}.bunker-detail{max-height:none;overflow:visible;padding:22px}.view-starmap.active{display:flex;flex-direction:column;gap:25px}.starmap-left,.starmap-right{overflow:visible}.planet-list{grid-template-columns:1fr}.planet,.planet-card{min-height:145px}.action-panel{padding:12px 16px;flex-direction:column;gap:8px}.unit-status{max-width:100%;text-align:left;margin-left:0}.log-heading{padding:0 12px;font-size:7px}.log-scroll{font-size:9px}.tactical-layout{display:flex;flex-direction:column}.battlefield{height:380px;min-height:380px}.tactical-sidebar{display:block;padding:17px}.tactical-sidebar .section-label{padding-bottom:13px}#tactical-squad{display:flex;gap:7px}.squad-card{grid-template-columns:1fr;margin:0;padding:10px 8px}.squad-portrait{display:none}.squad-card strong{font-size:10px}.squad-card small{font-size:6px}.squad-key{display:none}.tactical-tip{display:none}.target-preview{min-height:80px;margin-top:13px}.target-preview h3{margin-top:8px}.target-preview .target-percent{font-size:22px}.tactical-header{gap:10px}.tac-objective{width:100%}.battle-tools{gap:12px}.battle-tools button{font-size:6px}.battle-coordinate{top:16px;font-size:6px}.battle-coordinate small{font-size:5px}.battle-legend{gap:10px;font-size:6px}.manual-grid{grid-template-columns:1fr}.game-dialog{padding:30px 23px}.settings-row{gap:10px}.settings-row input[type=range]{width:110px}.gameover-frame{padding:25px}#go-title{font-size:37px}.debrief-content{padding:22px}.debrief-actions{flex-wrap:wrap}.debrief-title{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}