:root{--void: #050b09;--deep: #08120e;--panel: #0c1813;--panel-2: #101f18;--line: #263c31;--line-strong: #3f5e4c;--gold: #d6b35a;--gold-bright: #f0d584;--gold-dim: #8e753e;--text: #e7eadf;--muted: #8f9e94;--green: #7ca27f;--orange: #e38a3e;--red: #c6493d;--blue: #6d8fa0;--shadow: 0 28px 70px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html{min-width:320px;overflow-x:hidden;background:var(--void);color-scheme:dark}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 16% 16%,rgba(50,94,67,.26),transparent 34rem),radial-gradient(circle at 82% 72%,rgba(214,179,90,.08),transparent 28rem),linear-gradient(145deg,#07110d,#020604 62%,#07120d);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.command-app{min-height:100svh;display:grid;grid-template-rows:auto auto 1fr auto;background-image:linear-gradient(rgba(61,91,72,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(61,91,72,.055) 1px,transparent 1px);background-size:42px 42px}.command-header{min-height:66px;padding:9px clamp(14px,2.4vw,34px);display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;border-bottom:1px solid var(--line);background:#050b09eb;backdrop-filter:blur(14px);position:relative;z-index:20}.brand-lockup{display:inline-flex;align-items:center;gap:11px;width:max-content;color:var(--text);text-decoration:none;text-transform:uppercase}.brand-lockup b{display:block;color:var(--gold-bright);font:800 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.brand-lockup small{display:block;margin-top:5px;color:var(--muted);font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.28em}.regiment-crest{width:43px;height:43px;padding:4px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(214,179,90,.2));border:1px solid rgba(214,179,90,.32);background:radial-gradient(circle,rgba(214,179,90,.11),transparent 68%);clip-path:polygon(50% 0,94% 16%,90% 76%,50% 100%,10% 76%,6% 16%)}.header-center{display:flex;align-items:center;gap:12px;color:#62736a;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.header-center i{width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.header-actions{justify-self:end;display:flex;gap:8px;align-items:center}.games-link{min-height:40px;padding:0 13px;display:flex;align-items:center;border:1px solid var(--line);color:var(--muted);background:#0a1510;text-decoration:none;text-transform:uppercase;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.games-link:hover{border-color:var(--gold-dim);color:var(--gold-bright)}.header-actions button{min-height:40px;border:1px solid var(--line);background:#0a1510;cursor:pointer;text-transform:uppercase}.header-actions button:hover{border-color:var(--gold-dim);color:var(--gold-bright)}.icon-button{min-width:54px;padding:0 9px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.text-button{padding:0 14px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.status-strip{min-height:42px;padding:7px clamp(14px,2.4vw,34px);display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(38,60,49,.72);background:#0c1813b3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.phase-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 3px #8f9e941a;flex:0 0 auto}.phase-placement,.phase-battle{background:var(--gold);box-shadow:0 0 0 3px #d6b35a1a,0 0 12px #d6b35a59}.phase-victory{background:var(--green)}.phase-defeat{background:var(--red)}.status-strip strong{color:var(--gold);font-size:9px;letter-spacing:.14em;white-space:nowrap}.status-strip p{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a6b1aa;font-size:10px;letter-spacing:.04em}.status-strip time{margin-left:auto;color:var(--text);font-size:12px;font-weight:800;letter-spacing:.12em}.status-strip time.time-warning{color:#ff9a70;animation:pulse-warning 1s ease-in-out infinite}.game-layout{width:min(1500px,100%);margin:0 auto;padding:clamp(12px,1.5vw,22px);display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:clamp(12px,1.5vw,22px);min-height:0}.tactical-stage{position:relative;min-width:0;min-height:620px;overflow:hidden;border:1px solid #1d3429;background:#07100d;box-shadow:var(--shadow)}.tactical-stage:after{content:"";position:absolute;inset:-35%;z-index:1;pointer-events:none;opacity:.18;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 58px,rgba(126,170,130,.16) 59px 60px);animation:sonar-drift 18s linear infinite}.tactical-stage:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(#e7eadf04 50%,#00000005 50%);background-size:100% 4px}.stage-corners i{position:absolute;z-index:5;width:18px;height:18px;pointer-events:none}.stage-corners i:nth-child(1){top:9px;left:9px;border-top:1px solid var(--gold-dim);border-left:1px solid var(--gold-dim)}.stage-corners i:nth-child(2){top:9px;right:9px;border-top:1px solid var(--gold-dim);border-right:1px solid var(--gold-dim)}.stage-corners i:nth-child(3){bottom:9px;left:9px;border-bottom:1px solid var(--gold-dim);border-left:1px solid var(--gold-dim)}.stage-corners i:nth-child(4){bottom:9px;right:9px;border-bottom:1px solid var(--gold-dim);border-right:1px solid var(--gold-dim)}.phaser-mount{position:absolute;inset:0;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}.phaser-mount canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.loading-panel{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--deep);color:var(--muted);text-transform:uppercase;font:600 10px/1 ui-monospace,monospace;letter-spacing:.15em}.loading-panel span{width:12px;height:12px;border:1px solid var(--gold-dim);border-top-color:var(--gold-bright);border-radius:50%;animation:spin 1s linear infinite}.briefing-overlay{position:absolute;z-index:7;inset:0;padding:clamp(30px,5vw,76px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;pointer-events:none;background:linear-gradient(90deg,#050b09f2,#050b09c7 46%,#050b091a 72%)}.briefing-overlay>*{pointer-events:auto}.briefing-crest{width:72px;height:72px;object-fit:contain;margin-bottom:18px;opacity:.9;filter:drop-shadow(0 0 18px rgba(214,179,90,.22))}.eyebrow{margin:0 0 14px;color:var(--gold);text-transform:uppercase;font:700 10px/1 ui-monospace,monospace;letter-spacing:.2em}.briefing-overlay h1{margin:0;max-width:620px;font:800 clamp(40px,6vw,76px)/.95 Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase}.briefing-overlay h1 span{color:transparent;-webkit-text-stroke:1px var(--gold)}.brief-copy{max-width:510px;margin:24px 0 18px;color:#aab5ae;font-size:clamp(14px,1.4vw,17px);line-height:1.65}.brief-meta{display:flex;gap:18px;margin-bottom:28px;color:var(--muted);text-transform:uppercase;font:600 9px/1.2 ui-monospace,monospace;letter-spacing:.1em}.brief-meta b{color:var(--gold-bright);font-size:13px;margin-right:4px}.primary-action,.secondary-action{min-height:50px;border:0;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:20px;cursor:pointer;text-transform:uppercase;font:800 10px/1 ui-monospace,monospace;letter-spacing:.16em}.primary-action{background:var(--gold);color:#10130d;box-shadow:0 8px 26px #d6b35a29}.primary-action:hover{background:var(--gold-bright);transform:translateY(-1px)}.primary-action:disabled{background:#39433a;color:#7c877e;cursor:not-allowed;box-shadow:none;transform:none}.secondary-action{border:1px solid var(--line-strong);color:var(--text);background:#0d1813}.command-panel{min-width:0;min-height:620px;padding:21px;border:1px solid var(--line);background:linear-gradient(180deg,#0f1e17f7,#08110df7);box-shadow:var(--shadow);overflow:auto}.panel-heading{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--line)}.panel-heading>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--gold-dim);color:var(--gold);font:700 10px/1 ui-monospace,monospace;transform:rotate(45deg)}.panel-heading>span:first-line{transform:rotate(-45deg)}.panel-heading div{min-width:0}.panel-heading small{display:block;margin-bottom:4px;color:var(--gold-dim);text-transform:uppercase;font:700 8px/1 ui-monospace,monospace;letter-spacing:.16em}.panel-heading h2{margin:0;font-size:16px;line-height:1.15;text-transform:uppercase;letter-spacing:.02em}.difficulty-list{display:grid;gap:8px;padding:18px 0}.difficulty-list button{min-height:67px;width:100%;padding:10px 11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;text-align:left;border:1px solid var(--line);background:#050c098a;cursor:pointer}.difficulty-list button:hover{border-color:var(--line-strong)}.difficulty-list button.active{border-color:var(--gold-dim);background:#d6b35a13}.difficulty-radio{width:15px;height:15px;border-radius:50%;border:1px solid var(--line-strong);position:relative}.active .difficulty-radio{border-color:var(--gold)}.active .difficulty-radio:after{content:"";position:absolute;inset:3px;border-radius:inherit;background:var(--gold)}.difficulty-list b{display:block;margin-bottom:5px;text-transform:uppercase;font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em}.difficulty-list small{display:block;color:var(--muted);font-size:10px}.difficulty-list em{color:#617168;font: 700 8px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.difficulty-list button.active em{color:var(--gold)}.challenge-toggle{min-height:62px;padding:11px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border:1px solid var(--line);cursor:pointer}.challenge-toggle span b,.challenge-toggle span small{display:block}.challenge-toggle span b{margin-bottom:5px;text-transform:uppercase;font:700 10px/1 ui-monospace,monospace;letter-spacing:.09em}.challenge-toggle span small{color:var(--muted);font-size:10px}.challenge-toggle input{position:absolute;opacity:0;pointer-events:none}.challenge-toggle>i{width:36px;height:20px;padding:2px;border:1px solid var(--line-strong);border-radius:20px;transition:.2s ease}.challenge-toggle>i:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:.2s ease}.challenge-toggle input:checked+i{border-color:var(--gold);background:#d6b35a21}.challenge-toggle input:checked+i:after{transform:translate(16px);background:var(--gold)}.mini-record{margin-top:14px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:5px;background:#07100c;border-left:2px solid var(--gold-dim)}.mini-record span{color:var(--muted);text-transform:uppercase;font:700 8px/1 ui-monospace,monospace;letter-spacing:.1em}.mini-record b{font:800 11px/1 ui-monospace,monospace}.mini-record em{grid-column:1 / -1;color:#64736a;font: 9px/1 ui-monospace,monospace}.selected-unit{margin:17px 0 12px;padding:14px;border:1px solid var(--gold-dim);background:#d6b35a0e}.selected-unit>small{display:block;margin-bottom:13px;color:var(--gold);text-transform:uppercase;font:700 8px/1 ui-monospace,monospace;letter-spacing:.17em}.selected-unit>b{display:block;margin-top:12px;font-size:13px;text-transform:uppercase}.selected-unit>span:last-child{display:block;margin-top:5px;color:var(--muted);font:600 9px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.unit-glyph{--unit-length: 4;width:calc(20px + var(--unit-length) * 8px);height:14px;display:inline-block;position:relative;background:#697c70;border-radius:60% 12% 16% 60%;clip-path:polygon(0 50%,8% 13%,82% 7%,100% 50%,82% 93%,8% 87%);opacity:.95}.unit-glyph:before{content:"";position:absolute;width:35%;height:28%;left:37%;top:36%;border-radius:2px;background:var(--panel)}.unit-glyph span{position:absolute;left:14%;right:14%;top:48%;height:1px;background:#e7eadf59}.unit-phantom{height:11px;border-radius:50%;clip-path:ellipse(50% 48% at 50% 50%)}.unit-lancer{height:12px}.unit-vanguard:after{content:"";position:absolute;width:22%;height:36%;left:18%;top:31%;background:#263d32}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-grid button{min-height:48px;padding:0 10px;display:flex;justify-content:center;align-items:center;gap:7px;border:1px solid var(--line);background:#0b1611;cursor:pointer;text-transform:uppercase;font:700 9px/1 ui-monospace,monospace;letter-spacing:.08em}.control-grid button:hover{border-color:var(--gold-dim)}.control-grid button>span{color:var(--gold);font-size:16px}kbd{padding:2px 4px;border:1px solid #45574d;border-radius:2px;color:var(--muted);background:#07100c;font:700 8px/1 ui-monospace,monospace}.instruction-copy{margin:12px 0;color:var(--muted);font-size:10px;line-height:1.55}.fleet-manifest{margin-top:14px}.manifest-label{display:flex;justify-content:space-between;margin-bottom:7px;color:#64736a;text-transform:uppercase;font:700 8px/1 ui-monospace,monospace;letter-spacing:.13em}.fleet-manifest>div:not(.manifest-label){min-height:43px;padding:6px 7px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:7px;border-top:1px solid rgba(38,60,49,.72);opacity:.48}.fleet-manifest>div.placed{opacity:1}.fleet-manifest>div.destroyed{opacity:.55}.fleet-manifest>div.destroyed .unit-glyph{background:var(--red)}.fleet-manifest>div>span b,.fleet-manifest>div>span small{display:block}.fleet-manifest>div>span b{margin-bottom:3px;color:var(--text);font:700 9px/1 ui-monospace,monospace;letter-spacing:.07em}.fleet-manifest>div>span small{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleet-manifest em{display:flex;gap:2px}.fleet-manifest em i{width:4px;height:13px;background:var(--green)}.fleet-manifest em i.damaged{background:var(--red)}.deploy-action{width:100%;margin-top:16px}.mobile-view-switch{display:none;grid-template-columns:1fr 1fr;margin:16px 0 0;padding:3px;background:#07100c;border:1px solid var(--line)}.mobile-view-switch button{min-height:42px;border:0;background:transparent;color:var(--muted);cursor:pointer;text-transform:uppercase;font:700 9px/1 ui-monospace,monospace;letter-spacing:.09em}.mobile-view-switch button.active{background:var(--gold);color:#11160f}.combat-readout{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.combat-readout>span{padding:11px;border:1px solid var(--line);background:#07100c}.combat-readout small{display:block;min-height:24px;color:var(--muted);text-transform:uppercase;font:700 8px/1.4 ui-monospace,monospace;letter-spacing:.08em}.combat-readout b{display:block;margin-top:5px;color:var(--gold-bright);font:800 21px/1 ui-monospace,monospace;text-transform:uppercase}.combat-readout b i{color:#59685f;font-size:11px;font-style:normal}.legend{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;gap:12px;color:var(--muted);text-transform:uppercase;font:700 8px/1 ui-monospace,monospace;letter-spacing:.07em}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:50%}.legend-miss{border:1px solid var(--blue)}.legend-hit{background:var(--orange)}.legend-sunk{background:var(--red)}.outcome-overlay{position:absolute;z-index:12;inset:0;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#040907eb;backdrop-filter:blur(9px)}.outcome-overlay:before{content:"";width:76px;height:76px;margin-bottom:18px;border:1px solid var(--gold-dim);transform:rotate(45deg);background:radial-gradient(circle,rgba(124,162,127,.24),transparent 60%)}.outcome-overlay.defeat:before{border-color:var(--red);background:radial-gradient(circle,rgba(198,73,61,.24),transparent 60%)}.outcome-code{color:var(--gold);text-transform:uppercase;font:700 9px/1 ui-monospace,monospace;letter-spacing:.18em}.outcome-overlay h2{margin:14px 0 9px;font-size:clamp(34px,6vw,68px);line-height:1;text-transform:uppercase;letter-spacing:-.04em}.outcome-overlay p{max-width:490px;margin:0;color:var(--muted);line-height:1.6}.outcome-stats{display:flex;gap:9px;margin:20px 0}.outcome-stats span{min-width:140px;padding:10px 14px;border:1px solid var(--line);color:var(--muted);text-transform:uppercase;font:600 8px/1.3 ui-monospace,monospace;letter-spacing:.08em}.outcome-stats b{display:block;margin-bottom:5px;color:var(--text);font-size:13px}.outcome-actions{display:flex;gap:8px}.command-footer{min-height:32px;padding:6px clamp(14px,2.4vw,34px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#506159;font:600 8px/1 ui-monospace,monospace;letter-spacing:.14em}.modal-backdrop{position:fixed;z-index:50;inset:0;padding:18px;display:grid;place-items:center;background:#020604c7;backdrop-filter:blur(7px)}.records-modal{width:min(510px,100%);padding:clamp(22px,4vw,34px);position:relative;border:1px solid var(--gold-dim);background:#0b1711;box-shadow:var(--shadow)}.records-modal h2{margin:0 0 20px;text-transform:uppercase;font-size:28px}.records-modal>p:last-child{margin:16px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.modal-close{position:absolute;top:10px;right:10px;width:42px;height:42px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:23px}.record-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.record-totals span{padding:13px 8px;text-align:center;border:1px solid var(--line);color:var(--muted);text-transform:uppercase;font:700 8px/1.3 ui-monospace,monospace}.record-totals b{display:block;margin-bottom:6px;color:var(--gold-bright);font-size:19px}.records-modal table{width:100%;margin-top:15px;border-collapse:collapse;font:600 10px/1.3 ui-monospace,monospace}.records-modal th,.records-modal td{padding:10px;border-bottom:1px solid var(--line);text-align:right}.records-modal th:first-child,.records-modal td:first-child{text-align:left}.records-modal th{color:var(--muted);text-transform:uppercase;font-size:8px;letter-spacing:.12em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-warning{50%{opacity:.5}}@keyframes sonar-drift{to{transform:rotate(360deg) scale(1.08)}}@media(max-width:980px){.game-layout{grid-template-columns:minmax(0,1fr) 290px}.command-panel{padding:16px}.tactical-stage,.command-panel{min-height:560px}.header-center{display:none}.command-header{grid-template-columns:1fr auto}}@media(max-width:760px){.command-header{min-height:60px;padding:8px 12px}.regiment-crest{width:36px;height:36px}.brand-lockup b{font-size:13px}.brand-lockup small{font-size:7px}.text-button,.games-link{display:none}.status-strip{min-height:42px;padding:7px 12px}.status-strip strong{font-size:8px}.status-strip p{font-size:9px}.game-layout{display:flex;flex-direction:column;padding:0;gap:0}.tactical-stage{min-height:min(69svh,670px);border-width:0 0 1px;box-shadow:none}.command-panel{min-height:auto;padding:18px 16px 24px;border-width:0 0 1px;box-shadow:none;overflow:visible}.briefing-overlay{padding:30px 24px;justify-content:flex-end;background:linear-gradient(0deg,#050b09fa,#050b09db 48%,#050b091a 85%)}.briefing-overlay h1{font-size:clamp(36px,12vw,55px)}.brief-copy{margin:15px 0;font-size:13px;line-height:1.5}.brief-meta{margin-bottom:16px}.primary-action,.secondary-action{min-height:52px}.briefing-overlay .primary-action{width:100%}.mobile-view-switch{display:grid}.command-footer{display:none}.outcome-overlay{padding:20px}.outcome-stats{width:100%}.outcome-stats span{flex:1;min-width:0}.outcome-actions{width:100%;flex-direction:column}.outcome-actions button{width:100%}}@media(max-width:430px){.tactical-stage{min-height:560px}.brief-meta{gap:10px;flex-wrap:wrap}.panel-heading h2{font-size:14px}.fleet-manifest>div:not(.manifest-label){grid-template-columns:52px 1fr auto}.record-totals{grid-template-columns:1fr}}@media(orientation:landscape)and (max-height:520px)and (max-width:940px){.command-app{display:block}.command-header{min-height:48px}.status-strip{min-height:34px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}.tactical-stage,.command-panel{min-height:calc(100svh - 82px);max-height:calc(100svh - 82px);overflow:auto}.briefing-overlay{justify-content:center;background:linear-gradient(90deg,rgba(5,11,9,.96),rgba(5,11,9,.74) 60%,transparent)}.briefing-overlay h1{font-size:38px}.brief-copy{max-width:420px;margin:11px 0}.brief-meta{margin-bottom:12px}.command-footer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(prefers-contrast:more){:root{--line: #668071;--muted: #b6c3bb;--gold: #f0d584}}