/* Breach Point RTS command deck — original beveled alloy / glowing circuitry. */
:root{--frameGold:#b39563;--frameBlue:#36576c}
.rtsFrame{border:2px solid #94805a;background:linear-gradient(125deg,transparent 47%,#409ec015 48%,transparent 51%) 0 0/42px 42px,linear-gradient(#273f53,#081526 10%,#091525 88%,#2b4053);box-shadow:inset 0 0 0 3px #07111d,inset 0 0 0 5px #37566b,inset 0 2px #e5bf83a6,0 15px 45px #000c;position:relative}
.rtsFrame:after{position:absolute;content:'';pointer-events:none;inset:7px;border:1px solid #72c8e326}
#top.rtsFrame{z-index:2;position:absolute;left:9px;right:9px;top:6px;height:106px;display:grid;grid-template-columns:minmax(245px,1.05fr) 68px minmax(354px,1.52fr) minmax(218px,.85fr);gap:10px;align-items:stretch;padding:10px 13px;border-radius:5px 5px 12px 12px}
#top .brandNav{min-width:0;overflow:hidden}
#top .brandNav>.kicker{font-size:8px;letter-spacing:1.65px;color:#89adbc}
#top #brand{margin-top:2px;font-size:33px;line-height:31px;color:#f6ffff;text-shadow:0 2px #050d16,0 0 17px #36dbfbe3}
#top #brand span{color:#66edff;text-shadow:0 0 20px #1cf2ff}
#topNav{display:flex;gap:3px;white-space:nowrap;margin-top:6px;pointer-events:auto}
#topNav button{min-width:0;background:linear-gradient(#374b60,#111a2a);border:1px solid #566f84;border-bottom:2px solid #b1915c;box-shadow:inset 0 1px #d4efff3d;color:#d9e7f5;padding:4px 8px;font:800 12px 'Barlow Condensed';letter-spacing:1px;text-shadow:0 1px #000}
#topNav button:hover,#topNav button[aria-pressed=true]{border-color:#a7eeff;background:linear-gradient(#47748a,#112839);color:white}
#top .crest{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;color:#84f5ff;font:900 57px 'Barlow Condensed';line-height:43px;background:radial-gradient(circle,#1161849e,#071423 68%);border:2px ridge #be9d67;box-shadow:0 0 20px #0fa6e454,inset 0 0 16px #48c6e622;clip-path:polygon(50% 0,95% 19%,95% 78%,50% 100%,5% 78%,5% 19%);text-shadow:0 0 16px #47efff}
#top .crest small{font-size:12px;letter-spacing:4px;line-height:12px;color:#ffe0a5}
#top #metrics{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:center}
.resourceStat{height:73px;min-width:0;display:flex;gap:6px;align-items:center;padding:6px 7px;background:linear-gradient(#071321,#17334a 55%,#060f20);border:1px solid #456c86;box-shadow:inset 0 0 0 1px #061323,inset 0 0 14px #16466e57}
.resourceStat small{display:block;color:#a4c4d3;font:500 9px 'DM Mono';letter-spacing:1px;white-space:nowrap}
.resourceStat strong{display:block;margin-top:6px;font:900 clamp(20px,2vw,28px)/1 'Barlow Condensed';color:#ffdb95;text-shadow:0 0 11px #d195443b;font-variant-numeric:tabular-nums;white-space:nowrap}
.computeStat strong{color:#9be7fa}.bandwidthStat strong{color:#d6c6ff}
.resourceGlyph{flex:0 0 26px;width:26px;text-align:center;font-size:22px;color:#f6ce78;filter:drop-shadow(0 0 8px #ffc879)}
.computeStat .resourceGlyph{color:#5ce9ff;filter:drop-shadow(0 0 8px #5ce9ff)}
.bandwidthStat .resourceGlyph{color:#ba9eff;filter:drop-shadow(0 0 8px #ba9eff)}
#missionPanel{min-width:0;padding:3px 8px;background:linear-gradient(90deg,#091725,#142d41dc);border-left:2px solid #ac8958}
.missionHead{display:flex;justify-content:space-between;align-items:center;font:800 15px 'Barlow Condensed';letter-spacing:1px;color:#e7f2ff}
.missionHead strong{color:#ffbf80}.threatPip{color:#ff688e;font-size:9px;animation:alertPip 2.5s ease-in-out infinite}
@keyframes alertPip{50%{opacity:.35}}
.timerLabel,.coreLabel{display:flex;justify-content:space-between;gap:6px;color:#a8c6d6;font:500 9px 'DM Mono'}
.timerLabel{margin:4px 0 6px}.timerLabel strong{color:#75f5ff;white-space:nowrap}
.coreLabel{align-items:center}.coreLabel strong{font:900 14px 'Barlow Condensed';color:#9affb9}
.meter{height:8px;background:linear-gradient(#030a11,#1c3044);border:1px solid #466779;box-shadow:inset 0 1px 3px #000c;overflow:hidden}
.meter i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#257950,#8dffc0);box-shadow:0 0 9px #5dff94;transition:width .2s}
.killLabel{margin-top:4px;display:flex;justify-content:space-between;gap:4px;color:#86a6b8;font-size:8px}.killLabel strong{color:#ffc988}
#strategyPanel.rtsFrame{pointer-events:auto;z-index:4;position:absolute;top:118px;left:20px;width:min(390px,calc(100vw - 40px));padding:17px 20px;max-height:50vh;overflow:auto}
#strategyPanel[hidden]{display:none!important}
#strategyPanel h2{font:900 27px 'Barlow Condensed';letter-spacing:2px;margin:0 0 9px}
#strategyPanel p,#strategyPanel li{font-size:11px;color:#b3d4e5;line-height:1.6}
#strategyPanel strong{color:#efffff}
#strategyPanel ul{padding-left:18px}
#closeStrategy{position:absolute;right:10px;top:10px;background:#234257;color:#d6f9ff;border:1px solid #78bdd7;padding:4px 10px}
#operatorHud{display:flex;flex-wrap:wrap;top:129px;left:17px;bottom:auto;width:246px;min-height:110px;padding:10px 11px;align-items:start;gap:8px;pointer-events:auto}
#operatorHud .operatorPortrait{width:44px;height:49px;flex:0 0 44px;font-size:18px}
#operatorHud .operatorInfo{min-width:0;flex:1}
#operatorHud strong{font-size:21px;margin:1px 0}
#operatorHud .kicker{font-size:8px;letter-spacing:1px}
#moveStatus,#operatorLevel{font-size:8px}
#squadRoster{flex:1 1 100%;display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:8px;color:#b4dced}
.squadBadge{padding:3px 5px;background:#11324a;border:1px solid #4a738b}.squadBadge.offline{opacity:.32}
#comms{top:257px;left:17px;width:246px;padding:13px 15px 11px;opacity:.93;pointer-events:none;backdrop-filter:blur(6px)}
#handler{font-size:15px;margin-top:9px;line-height:1.2}#status{font-size:8px;margin-top:9px;padding-top:7px}
#context{position:absolute;z-index:2;top:128px;right:17px;left:auto;bottom:auto;min-width:0;width:251px;max-width:251px;max-height:min(345px,calc(100vh - 350px));overflow:auto;padding:13px 15px;border-top:2px solid #69c5ea;background:linear-gradient(140deg,#091a2bee,#0b1730e0);scrollbar-width:thin}
#context h3{font-size:23px;margin:7px 0}#context p{font-size:10px}
#context button{font-size:9px;padding:7px 8px;margin:4px 0 3px;max-width:100%}
#context .researchTech{padding:7px 8px;margin-top:5px}#context .researchTech b{font-size:14px}
#controls{bottom:219px;left:20px;color:#94bfd4;font-size:8px;text-shadow:0 2px 3px #000}
#bottom.rtsFrame{z-index:3;position:absolute;left:7px;right:7px;bottom:3px;top:auto;transform:none;width:calc(100% - 14px);height:211px;display:grid;grid-template-columns:minmax(194px,23%) minmax(310px,1fr) minmax(292px,29%);align-items:stretch;gap:10px;padding:11px 12px 9px;border-radius:12px 12px 4px 4px;overflow:hidden}
#bottom section{min-width:0;position:relative}
#bottom section+section{border-left:2px ridge #967950;padding-left:10px}
.deckHeading{height:24px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#e7cd9e;font:800 14px 'Barlow Condensed';letter-spacing:1.5px;border-bottom:1px solid #5e7280;text-shadow:0 1px #000}
.deckHeading small{color:#8eb4c6;font-size:9px}
.mapRow{margin-top:6px;height:137px;display:flex;gap:4px}
#minimap{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:calc(100% - 32px);height:100%;display:block;background:#081b2e;border:2px ridge #b29666;box-shadow:inset 0 0 10px #000,0 0 8px #1c82aa54;pointer-events:auto;overflow:hidden}
#minimap:before{display:none}
#mini{width:100%;height:100%;cursor:crosshair;pointer-events:auto}
#mini:focus-visible{outline:3px solid #fff0ac;outline-offset:-4px}
.mapActions{width:26px;display:flex;flex-direction:column;gap:4px}
.mapActions button{height:30px;width:26px;padding:0;background:linear-gradient(#3d667b,#112a40);border:1px solid #b99c69;color:#ccfaff;font-size:16px}
.mapActions button:hover{background:#24667f}
.mapLegend{display:flex;justify-content:space-between;gap:8px;color:#8caebe;font-size:8px;letter-spacing:.5px;padding-top:6px}
.mapLegend span{white-space:nowrap}
.mapLegend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px}
.legendHostile{background:#ff6c87}.legendFriendly{background:#55ffd8}
.selectionMain{display:flex;gap:12px;min-height:140px;padding-top:6px}
.portraitFrame{position:relative;flex:0 0 148px;width:148px;height:131px;border:2px solid #a98955;background:radial-gradient(circle at 50% 75%,#285a73,#071124 75%);box-shadow:inset 0 0 0 2px #1e3d54,inset 0 0 35px #31bbdd24}
#portrait3d{width:100%;height:100%}
.portraitCorner{position:absolute;top:0;left:4px;color:#ffde94;font-size:18px}
.selectionInfo{min-width:0;flex:1;padding-top:1px}
.selectionInfo h2{font:900 clamp(20px,2.2vw,30px)/1 'Barlow Condensed';letter-spacing:1px;margin:0 0 4px;color:#ebfaff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selectionInfo p{color:#8fb6ca;font-size:9px;line-height:1.25;max-height:24px;overflow:hidden;margin:0 0 7px}
#selectionStats{font:700 11px 'Barlow Condensed';letter-spacing:.7px;color:#ffcf93;min-height:15px}
.selectionMeter{margin-top:6px}
.selectionMeter span{display:flex;justify-content:space-between;gap:4px;font-size:8px;color:#9dbdcd}
.selectionMeter span b{font-weight:500}
.selectionMeter .meter{height:8px;margin-top:3px}
.energyMeter i{background:linear-gradient(90deg,#2f61b3,#5ceaff);box-shadow:0 0 6px #56d4ff}
#pause{position:static;display:flex;gap:5px;height:27px;margin-top:3px;overflow:hidden}
#pause button{margin:0!important;min-width:0;padding:4px 6px;flex:1;background:linear-gradient(#2c465e,#091f32);border:1px solid #5a91a9;color:#bceeff;font:800 11px 'Barlow Condensed';letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pause #specialBtn{border-color:#9969ad;color:#f4c6ff}
#pause button:disabled{opacity:.5}
.commandSuite .deckHeading{height:28px;padding-bottom:4px}
#waveBtn{position:static;width:auto;min-width:98px;height:25px;flex:0 0 auto;padding:2px 10px;background:linear-gradient(#ffe2a4,#c87632);border:1px solid #f8d393;box-shadow:inset 0 1px #fff9dd;color:#17202b;font:900 13px 'Barlow Condensed';letter-spacing:.7px}
#waveBtn:disabled{background:#284254;color:#90a8b6;border-color:#41566b}
#waveBtn:not(:disabled):hover{background:linear-gradient(#fff8cd,#ffb461)}
#towerBar.commandGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;flex:auto;height:136px;overflow:hidden;margin-top:5px}
#towerBar.commandGrid .commandBtn{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;min-height:0;height:auto;margin:0;border:1px solid #5b7d91;border-bottom:2px solid #a68a59;border-radius:2px;background:radial-gradient(ellipse at 50% 19%,var(--slot-glow,#183b58),#0c263d 75%,#060e1c);color:#e5f7ff;padding:1px 2px 3px;box-shadow:inset 0 1px #b5eaff32,inset 0 0 9px #0008;transform:none;overflow:hidden;cursor:pointer;text-align:center}
#towerBar.commandGrid .commandBtn:before{display:none}
#towerBar.commandGrid .commandBtn:hover,#towerBar.commandGrid .commandBtn.selected{border-color:#ffe0a0;box-shadow:inset 0 0 15px #60dffb6a,0 0 10px #ffd59847;transform:none;background:radial-gradient(ellipse at 50% 20%,#2c6178,#112c43)}
#towerBar.commandGrid .commandBtn:disabled{opacity:.46;cursor:not-allowed;filter:saturate(.55)}
.keycap{position:absolute;top:1px;left:3px;font:800 10px 'DM Mono';color:#ffdb91;text-shadow:0 1px #000}
.commandIcon{font-size:21px;line-height:1;color:var(--tower-accent,#75dff6);filter:drop-shadow(0 0 6px var(--tower-accent,#75dff6))}
.commandLabel{font:800 10px/1.1 'Barlow Condensed';letter-spacing:.2px;color:#e9f6ff;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.deckFooter{height:13px;margin-top:4px;display:flex;justify-content:space-between;gap:4px;color:#7daac1;font:700 8px 'Barlow Condensed';letter-spacing:.6px}
#toast{z-index:8}
#hud button:focus-visible,#strategyPanel button:focus-visible{outline:2px solid #ffdb9a;outline-offset:1px}
@media(max-width:1200px){
 #top.rtsFrame{grid-template-columns:minmax(185px,.95fr) 48px minmax(270px,1.45fr) minmax(183px,.83fr);gap:7px;padding:8px}
 #top .crest{font-size:42px}#top #brand{font-size:28px}
 #topNav button{font-size:11px;padding:3px 5px}
 .resourceStat{gap:3px;padding:4px 6px}.resourceGlyph{flex-basis:19px;width:19px;font-size:17px}.resourceStat strong{font-size:23px}
 #bottom.rtsFrame{grid-template-columns:minmax(177px,22%) minmax(274px,1fr) minmax(284px,34%);gap:7px}
 .portraitFrame{flex-basis:120px;width:120px}.selectionMain{gap:8px}
 #context{max-height:min(275px,calc(100vh - 335px))}
}
@media(max-width:850px){
 #top.rtsFrame{left:3px;right:3px;top:3px;height:82px;grid-template-columns:minmax(150px,.8fr) minmax(264px,1.5fr) minmax(170px,.83fr);gap:4px;padding:5px 6px;border-width:1px}
 #top .crest{display:none}#top .brandNav>.kicker{font-size:6px;letter-spacing:.8px}
 #top #brand{font-size:23px;line-height:23px;margin-top:0}
 #topNav{margin-top:5px;gap:1px}#topNav button{font-size:9px;letter-spacing:.25px;padding:3px}
 #metrics{gap:3px}.resourceStat{height:56px;display:block;text-align:center;padding:3px}.resourceStat .resourceGlyph{display:none}
 .resourceStat small{font-size:8px;letter-spacing:.25px}.resourceStat strong{font-size:19px;margin-top:8px}
 #missionPanel{padding:2px 5px}.missionHead{font-size:11px}.threatPip{display:none}
 .timerLabel{font-size:8px;margin:3px 0}.coreLabel{font-size:8px}.killLabel{font-size:7px;margin-top:2px}
 #operatorHud{display:flex;left:8px;top:95px;width:190px;min-height:0;padding:6px}
 #operatorHud .operatorPortrait{width:36px;height:39px;flex-basis:36px;font-size:15px}#operatorHud strong{font-size:19px}
 #comms{left:8px;top:202px;width:184px;padding:8px}#handler{font-size:12px}
 #context{right:7px;top:96px;width:187px;max-width:187px;max-height:calc(100vh - 276px);padding:8px}
 #context h3{font-size:18px}#context p{font-size:9px;line-height:1.3}
 #context .researchTech{padding:5px}#context .researchTech b{font-size:12px}
 #bottom.rtsFrame{height:163px;bottom:2px;left:3px;width:calc(100% - 6px);grid-template-columns:minmax(142px,22%) minmax(230px,1fr) minmax(275px,38%);gap:5px;padding:8px 7px 6px;border-width:1px}
 #bottom section+section{padding-left:5px}
 .deckHeading{height:18px;font-size:11px;letter-spacing:.6px}.deckHeading small{display:none}
 .mapRow{height:105px;margin-top:4px}.mapActions{width:18px}.mapActions button{width:19px;height:25px;font-size:12px}
 #minimap{display:block;width:calc(100% - 23px)}
 .mapLegend{font-size:7px;padding-top:4px;gap:3px}
 .portraitFrame{flex-basis:77px;width:77px;height:88px}.selectionMain{gap:5px;min-height:91px;padding-top:4px}
 .selectionInfo h2{font-size:17px}.selectionInfo p{font-size:7px;max-height:18px;margin-bottom:3px}
 #selectionStats{font-size:9px;min-height:11px}.selectionMeter{margin-top:3px}
 .selectionMeter span{font-size:6px}.selectionMeter .meter{height:5px;margin-top:2px}
 #pause{height:29px;margin-top:3px;gap:3px}#pause button{font-size:9px;padding:3px}
 .commandSuite .deckHeading{height:20px}#waveBtn{height:20px;font-size:10px;min-width:78px;padding:1px 6px}
 #towerBar.commandGrid{height:111px;gap:3px;margin-top:3px}
 .commandIcon{font-size:17px}.commandLabel{font-size:8px}.keycap{font-size:8px;left:2px}
 .deckFooter{height:9px;font-size:7px;margin-top:1px}
 #controls{display:none}
 #strategyPanel.rtsFrame{top:87px;left:6px;width:min(310px,calc(100vw - 12px));max-height:calc(100vh - 258px)}
}
@media(max-height:540px){#comms{display:none}#operatorHud #squadRoster{display:none}#context{max-height:calc(100vh - 289px)}}

/* Readability is an independent setting: keep the battlefield canvas and its
   pointer coordinates unchanged while scaling text inside the command deck. */
:root{--ui-text-scale:1}
#strategyPanel p,#strategyPanel li{font-size:calc(11px * var(--ui-text-scale))}
#strategyPanel button{font-size:calc(11px * var(--ui-text-scale))}
#comms #handler{font-size:calc(15px * var(--ui-text-scale))}
#context p{font-size:calc(10px * var(--ui-text-scale))}
#topNav button{font-size:calc(12px * var(--ui-text-scale))}
#selectionInfo p{font-size:calc(9px * var(--ui-text-scale))}
.reduced-effects *,
.reduced-effects *::before,
.reduced-effects *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

#graphicsNotice{position:fixed;inset:auto 12px 34px;z-index:60;max-width:460px;margin:auto;padding:20px;background:rgba(3,14,29,.97);border:2px solid #ffca76;color:#f9edc9;box-shadow:0 14px 48px #000b;font-size:13px;line-height:1.5;pointer-events:auto}
#graphicsNotice[hidden]{display:none}
#graphicsNotice strong{font:800 22px 'Barlow Condensed',sans-serif;letter-spacing:1px}
#graphicsNotice p{font-size:12px;color:#ddd7c1}
#graphicsReload{background:#1a364a;color:#fff5d2;border:1px solid #e7c17c;padding:9px 15px;font-weight:700}

.campaignPicker{max-height:min(300px,35vh);overflow:auto;margin:10px 0 16px;padding:8px;background:#071728;border:1px solid #638aa2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;scrollbar-width:thin}
.campaignPicker[hidden]{display:none}
.campaignPicker>.kicker{grid-column:1/-1;margin:0 0 6px;font-size:11px;color:#e3c899}
.campaignMission{min-width:0;text-align:left;display:flex;flex-direction:column;gap:4px;padding:7px 9px;background:linear-gradient(#163b55,#0b1e32);border:1px solid #547d96;color:#e8faff}
.campaignMission strong{font:800 14px 'Barlow Condensed',sans-serif;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.campaignMission small{font:600 9px 'DM Mono',monospace;color:#8ee9ef}
.campaignMission:disabled{opacity:.45;filter:saturate(.5)}
.campaignMission:hover:not(:disabled),.campaignMission:focus-visible{border-color:#ffdc97;outline:1px solid #ffdc97}
#menu{max-height:calc(100vh - 30px);overflow-y:auto}
#secondaryMission{font:700 10px 'DM Mono',monospace;color:#ffe2a3;white-space:nowrap;margin-top:4px;letter-spacing:.3px}
#secondaryMission[hidden]{display:none}
@media(max-width:700px){.campaignPicker{grid-template-columns:minmax(0,1fr);max-height:27vh}.campaignMission strong{font-size:13px}}
.endingChoices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;padding:11px;border:1px solid #cf9c67;background:linear-gradient(130deg,#1c1e39,#091b31)}
.endingChoices[hidden]{display:none}
.endingChoices button{flex:1 1 230px;white-space:normal;font-size:15px;line-height:1.1;min-height:48px}

/* North Star command deck: compact upper rail, tactile inset controls. */
.commandIcon svg{display:block;width:30px;height:30px;margin:0 auto}
#towerBar.commandGrid .commandBtn{background:radial-gradient(ellipse at 50% 35%,var(--slot-glow,#204359),#0a1929 70%);box-shadow:inset 0 0 0 2px #020a12,inset 0 1px 8px #86cadd35}
#towerBar.commandGrid .commandBtn.selected{background:radial-gradient(ellipse at 50% 35%,#335968,#0a1929 80%);box-shadow:inset 0 0 0 2px #d5b47b,0 0 12px #4ae9ff42}
.rtsFrame{border-color:#aa9167;background:linear-gradient(135deg,#6c8192 0, #253c4e 6px,#06111e 14px,#102438 50%,#07131f calc(100% - 12px),#42586c);box-shadow:inset 0 0 0 3px #040c15,inset 0 0 0 5px #517087,inset 0 0 0 6px #0a1a2c,0 10px 35px #000b}
.rtsFrame:before{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(135deg,#eccea0 0 2px,transparent 3px) top left/22px 22px no-repeat,linear-gradient(225deg,#eccea0 0 2px,transparent 3px) top right/22px 22px no-repeat,linear-gradient(45deg,#32def6 0 3px,transparent 4px) bottom left/16px 16px no-repeat,linear-gradient(315deg,#32def6 0 3px,transparent 4px) bottom right/16px 16px no-repeat}
.portraitFrame{background:radial-gradient(ellipse at 50% 70%,#28516a,#050e1d 70%);border-color:#c3a875;box-shadow:inset 0 0 0 2px #050c16,0 0 0 1px #3f7187}
.deckHeading{color:#f0d9ab}
#topNav button{border-color:#657b8c;border-bottom-color:#c7a66d}
@media(min-width:851px){
 #top.rtsFrame{height:78px;grid-template-columns:minmax(275px,1fr) 54px minmax(340px,1.5fr) minmax(230px,.95fr);padding:8px 13px;gap:10px}
 #top .brandNav>.kicker{font-size:7px;letter-spacing:1.3px}
 #top #brand{font-size:24px;line-height:24px;margin:0}
 #topNav{margin-top:3px}#topNav button{font-size:11px;padding:3px 8px}
 #top .crest{font-size:43px;line-height:35px}#top .crest small{font-size:9px;line-height:9px}
 .resourceStat{height:45px;gap:12px;padding:6px 12px;background:linear-gradient(#030a12,#13283a);border-color:#506b80}
 .resourceStat>div{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px}
 .resourceStat small{font-size:10px}.resourceStat strong{font-size:25px;margin-top:0}
 #missionPanel{padding:0 7px}.missionHead{font-size:13px}.timerLabel{margin:2px 0 3px;font-size:8px}.coreLabel{font-size:8px}.coreLabel strong{font-size:12px}.killLabel{display:none}
 #operatorHud{top:94px;width:214px;min-height:94px;padding:9px}
 #comms{top:202px;width:214px;padding:10px 12px}#comms #handler{font-size:calc(14px * var(--ui-text-scale))}
 #context{top:94px;width:224px;max-width:224px}
 #strategyPanel.rtsFrame{top:92px}
 #bottom.rtsFrame{height:230px;grid-template-columns:minmax(210px,24%) minmax(310px,1fr) minmax(300px,27%);gap:12px;padding:12px 14px 10px}
 .mapRow{height:154px}.selectionMain{min-height:157px;gap:14px}.portraitFrame{height:148px;flex-basis:160px;width:160px}
 .selectionInfo{padding-top:5px}.selectionInfo p{font-size:10px;line-height:1.4;max-height:30px}.selectionInfo h2{font-size:29px;margin-bottom:7px}
 #selectionStats{font-size:13px;margin:9px 0}.selectionMeter span{font-size:9px}.selectionMeter{margin-top:8px}
 #towerBar.commandGrid{height:155px;gap:5px}.commandIcon svg{width:33px;height:33px}.commandLabel{font-size:10px}.keycap{font-size:11px;left:5px;top:3px}
 #controls{bottom:240px;opacity:.7}
}
@media(min-width:851px) and (max-width:1200px){
 #top.rtsFrame{grid-template-columns:225px 40px minmax(260px,1.4fr) minmax(190px,.9fr);gap:5px;padding:7px}
 #topNav button{padding:3px 5px;font-size:10px}.resourceStat{gap:5px;padding:5px}.resourceStat small{font-size:8px}.resourceStat strong{font-size:21px}
 #bottom.rtsFrame{grid-template-columns:minmax(177px,22%) minmax(274px,1fr) minmax(284px,34%);gap:7px;padding:10px}
 .portraitFrame{flex-basis:110px;width:110px}.selectionMain{gap:8px}.selectionInfo h2{font-size:23px}
}
@media(max-width:850px){.commandIcon svg{height:21px;width:21px}}