/* Full-screen galactic command interface. Loaded after all component styles. */
:root{--bg:#030b16;--panel:#081b32;--line:#396d90;--text:#e0f5ff;--muted:#9bbdd4;--mint:#68dfff;--gold:#ffd190;--nav-width:220px;--edge:clamp(20px,4vw,70px)}
html{min-height:100%;background:#030b16}body{min-height:100vh;background:transparent;font-family:'Segoe UI',sans-serif;isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:#040c19 url('assets/galactic-base.webp') center top / cover no-repeat;pointer-events:none}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#02081408 0%,#03102208 32%,#020916a8 70%,#010812e6 100%)}
.sidebar{position:fixed;left:var(--edge);top:185px;bottom:auto;width:var(--nav-width);padding:13px;background:linear-gradient(110deg,#0b2238ed,#030d1dbd);border:1px solid #497797;border-radius:7px;box-shadow:inset 0 0 0 4px #06111c, inset 0 0 0 5px #38638266,0 0 30px #0008;max-height:calc(100vh - 210px);overflow:auto;z-index:5}
.brand{font-size:11px;line-height:1.4;letter-spacing:2px;padding:4px 5px 13px;justify-content:center;text-shadow:0 0 12px #73d9ff80}.brand-mark{font-size:36px}.sector{display:none}
nav{gap:10px}nav button{height:49px;font-size:11px;letter-spacing:.6px;font-weight:650;text-transform:uppercase;color:#c4e6fa;padding:8px 11px;border:1px solid #345c7a;border-radius:4px;background:linear-gradient(150deg,#204765c9,#0c2138 55%,#041222);box-shadow:inset 0 1px 1px #9ac5dc55,inset 0 -2px 5px #0007,0 3px 5px #0005;position:relative}
nav button:after{content:"";position:absolute;inset:4px;border:1px solid #7bcfff0f;pointer-events:none}nav button span{font-size:22px;color:#9ee8ff;text-shadow:0 0 10px #60caff}
nav button:hover{background:linear-gradient(145deg,#266c94,#0b3554 65%,#0a1c31);border-color:#78c6e8;color:white}
nav button.active{color:white;border-color:#9df4ff;background:linear-gradient(145deg,#0c92c2,#168ebbe8 40%,#0b4b78 90%);box-shadow:0 0 8px #41cfff,0 0 20px #22b8ff77,inset 0 0 0 3px #8beaff66,inset 0 0 15px #63dfff66;text-shadow:0 0 10px #b6f3ff}
.side-bottom{margin-top:17px;padding:12px 4px 3px;border-top:1px solid #28516b;font-size:8px;letter-spacing:1px}.side-bottom small{font-size:9px;color:#8baec7}
main{margin:0 0 0 calc(var(--edge) + var(--nav-width) + 26px);padding:0 var(--edge) 26px 0;max-width:none;display:flex;flex-direction:column;min-width:0}
header{position:relative;order:0;min-height:110px;margin:0;padding:17px 0;align-items:flex-start;gap:15px}header>div:first-child{padding:5px 0;max-width:48%;text-shadow:0 2px 10px #000,0 0 20px #031629}header .eyebrow{font-size:9px;color:#b3d8ec;letter-spacing:2px}h1{font-size:clamp(18px,1.65vw,27px);letter-spacing:1px;font-weight:500;text-transform:uppercase}.toolbar{padding-top:7px;gap:7px;flex-wrap:wrap;justify-content:flex-end}.toolbar button{font-size:11px;min-height:36px;padding:7px 12px}
.resources{order:1;background:linear-gradient(100deg,#0a243de8,#071829c9);border:1px solid #467b9c;border-radius:3px;box-shadow:inset 0 0 0 3px #020d1a,inset 0 0 0 4px #3a6d8b55,0 5px 25px #0006;backdrop-filter:blur(5px)}
.resources article{padding:12px 19px;border-color:#40678266;gap:0}.resources strong{font-size:23px;line-height:1.6;color:#def5ff}.resources small{font-size:9px;color:#b8d9ed;letter-spacing:1px}.resources span{font-size:10px;color:#8be5ff}.resources article:before{left:19px;width:45px;opacity:.8}
#notice{order:2;color:#c2dce9;font-size:11px;padding:8px 2px;min-height:32px;text-shadow:0 2px 4px #000}
.sector-vista{order:3;height:clamp(170px,22vh,265px);position:relative;display:flex;align-items:flex-end;padding:0 15px 26px;pointer-events:none;text-shadow:0 2px 9px #000;isolation:isolate}
.sector-vista:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#86dfff,transparent);box-shadow:0 0 8px #50caff}
.vista-kicker{color:#a4d8f5;letter-spacing:3px;font-size:9px}.sector-vista h2{font-size:30px;line-height:1.3;letter-spacing:5px;font-weight:400;margin:5px 0}.sector-vista p{font-size:10px;color:#b5cadb;margin:0;letter-spacing:1.5px}.vista-status{margin-left:auto;text-align:right;color:#a8edff;font-size:9px;letter-spacing:2px;line-height:2}.vista-status b{display:block;font-weight:400;font-size:11px}.vista-status i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#7de7ff;box-shadow:0 0 8px #69dbff}
.page{order:4;position:relative;margin-top:17px;padding:20px;background:linear-gradient(120deg,#09213ad9,#031226e3);border:1px solid #5a91b4;border-radius:3px;box-shadow:0 0 0 3px #030d19,0 0 0 4px #254c69, inset 0 0 0 5px #03122455,0 14px 40px #0008;backdrop-filter:blur(4px);min-width:0}
.page:before,.page:after{content:"";position:absolute;pointer-events:none;width:42px;height:13px;border-color:#9bddfa;border-style:solid;opacity:.8}.page:before{top:4px;left:4px;border-width:1px 0 0 1px}.page:after{bottom:4px;right:4px;border-width:0 1px 1px 0}.intro{font-size:12px;color:#adcce1;margin:0 0 17px;padding:0 0 12px;border-bottom:1px solid #376282}
.card,.stats article,.panel,.ship-gallery{background:linear-gradient(135deg,#0b2846bc,#061428d9);border:1px solid #3f6c8d;border-radius:4px;box-shadow:inset 0 0 0 3px #000b1955,inset 0 1px #abdfff44,0 0 15px #0004}
.cards{gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:18px}.card h2{font-size:17px;color:#ccefff;letter-spacing:.6px;text-transform:uppercase}.card p{color:#b0cce0;font-size:12px}.card .eyebrow{color:#8bcae8;letter-spacing:1.8px}.cost{color:#ffd494;text-shadow:0 0 10px #f5c06b33}.level{background:#0d3454;border-color:#659ab8;border-radius:2px;color:#b8eaff}.card-icon{height:68px;font-size:40px;margin-bottom:12px}
button{border-radius:3px;border-color:#567e9c;background:linear-gradient(170deg,#34536fe8,#123252 55%,#091b31);box-shadow:inset 0 1px #bde7ff66,inset 0 0 0 3px #a1dfff12,0 3px 7px #0005;text-shadow:0 1px 4px #0006}button:hover{border-color:#a1ddfa;background:linear-gradient(150deg,#386d93,#153e61);color:white}
button.primary{color:#effcff;background:linear-gradient(165deg,#4ae3ff,#1599c9 25%,#09658f 85%);border-color:#92edff;box-shadow:inset 0 1px #e2ffffa8,inset 0 0 0 3px #b1f4ff25,0 0 12px #26baff33;text-shadow:0 1px 5px #034c75;font-weight:650;letter-spacing:.4px}button.primary:hover{color:white;background:linear-gradient(165deg,#81f0ff,#20b3e2 35%,#097eae);box-shadow:0 0 18px #27caff77,inset 0 0 0 3px #a1efff44}button:disabled{opacity:.46;box-shadow:none}
input[type=number]{border-radius:2px;border-color:#527e9f;background:#031527;color:#e7f7ff;box-shadow:inset 0 0 8px #0009}label{color:#b8d4e6}.bottom-panels{order:5;margin-top:22px;gap:15px}.panel-heading{background:linear-gradient(90deg,#153d5b99,#071a30cc);border-color:#3c6685;padding:11px 16px}.panel-heading h2{font-size:12px;letter-spacing:1px;text-transform:uppercase}.panel-heading>span{color:#8eb7cf}#events,#queues{height:144px;background:#020f2022}.event{color:#b7d4e8;border-color:#274660}.event time{color:#88b7d4}.queue{border-color:#284964}.empty{color:#94b5cc}footer{order:6;color:#abcadd;text-shadow:0 2px 5px #000}
/* The overview is now an actual two-console command screen. */
#overview .hero.command-bridge{height:225px;background:#051426;border-color:#527e9b;box-shadow:inset 0 0 0 4px #041222,0 0 0 1px #83c9e522}.command-bridge .bridge-image{object-position:center 45%;opacity:.7}.command-bridge .hero-copy{bottom:7px;left:0;padding:20px;max-width:350px}.command-bridge h2{font-size:32px;letter-spacing:2px;margin:4px 0}.command-bridge .hero-copy p{display:none}.command-bridge .hero-copy .primary{font-size:11px;margin-top:10px}.bridge-topline{top:13px;left:17px;right:17px}.bridge-topline>span{font-size:8px}.bridge-coordinate{display:none}.bridge-routes{left:auto;right:15px;bottom:15px;display:grid;gap:6px}.bridge-routes button{min-width:143px;padding:7px 10px;font-size:10px}.bridge-routes span{font-size:7px}.stats{gap:12px;margin:14px 0}.stats article{padding:12px 17px}.stats strong{font-size:24px}.stats small{color:#95b6cb}.alert-row{font-size:11px;padding:11px 14px;background:#171e2cdd;border:1px solid #9f7b4a}.alert-row span:last-child{color:#d0b991}
#overview .hero.command-bridge.expanded{height:max(520px,65vh)}.command-bridge.expanded .bridge-image{opacity:1;object-fit:contain}.command-bridge.expanded .hero-copy{bottom:30px}
#shipyard .cards.two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}#shipyard .unit{background:linear-gradient(140deg,#082841aa,#031026d9);border-color:#447598;border-radius:4px}.ship-art{width:calc(100% + 36px);margin:-18px -18px 18px;border-bottom:1px solid #4c7795}.ship-art img{aspect-ratio:1.9;object-fit:cover;max-height:240px}.ship-art-tag{font-size:8px;letter-spacing:1px}.ship-art-zoom{font-size:10px}.ship-card-actions{gap:8px}.ship-card-actions button{font-size:11px;padding:9px 12px}#shipyard .unit .unit-art.defense{height:clamp(160px,18vw,240px);margin:-18px -18px 18px;background:repeating-linear-gradient(0deg,transparent 0 23px,#64bde811 24px 25px),radial-gradient(ellipse,#266f9c66,#051529 65%);color:#a2e7ff;text-shadow:0 0 22px #50cfff77;border-bottom:1px solid #4c7795}.ship-gallery{margin-top:18px;padding:17px;grid-template-columns:1fr 1fr}.ship-gallery h2{font-size:18px}.dossier-preview{border-radius:2px}.enemy-orb{height:100px;width:100px;margin-bottom:25px}.galaxy-toolbar{padding:5px 0 12px;border-bottom:1px solid #335570}
#ship-viewer{background:linear-gradient(135deg,#102e48f5,#041226);border-color:#7bb8d8;box-shadow:0 0 0 4px #122d46,0 0 70px #000b}.viewer-tabs button[aria-pressed=true]{background:#107ca6;box-shadow:0 0 12px #2ed6ff55;color:white}
/* Leave the top-center emblem and architecture unobstructed. */
header{margin-top:165px;min-height:76px;padding:12px 0}.sidebar{top:235px;max-height:calc(100vh - 260px)}.sector-vista{height:140px}
@media(min-width:1600px){:root{--nav-width:240px}.sidebar{top:250px}nav button{height:55px}.sector-vista{height:180px}.resources article{padding:14px 23px}.page{padding:24px}.card{padding:22px}.ship-art{width:calc(100% + 44px);margin:-22px -22px 22px}#shipyard .unit .unit-art.defense{margin:-22px -22px 22px}}
@media(max-width:1150px){:root{--nav-width:185px;--edge:22px}.sidebar{padding:10px;top:174px}main{margin-left:calc(var(--edge) + var(--nav-width) + 18px)}nav button{font-size:10px;padding:8px;height:45px}nav button span{width:23px;font-size:19px}.brand{font-size:10px;letter-spacing:1px}.brand-mark{font-size:29px}.resources article{padding:10px 12px}.resources strong{font-size:20px}.resources small{font-size:8px}.toolbar button{font-size:10px;padding:7px 9px}.sector-vista{height:190px;padding-left:4px}.sector-vista h2{font-size:25px}.page{padding:16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:16px}.ship-art{width:calc(100% + 32px);margin:-16px -16px 16px}.ship-art-tag{font-size:7px;left:10px}.ship-art-zoom{right:10px}.ship-card-actions{flex-direction:column}#shipyard .unit .unit-art.defense{margin:-16px -16px 16px}.help-grid{grid-template-columns:1fr}}
@media(max-width:800px){:root{--edge:15px}body:before{background-position:45% top}.sidebar{position:relative;top:auto;left:auto;max-height:none;width:auto;margin:14px 15px 0;padding:9px;overflow:visible;background:#051a2dc9}.brand,.side-bottom{display:none}nav{display:flex;overflow:auto;gap:7px;margin:0;padding:3px}nav button{flex:0 0 auto;height:40px;font-size:10px;padding:8px 12px}nav button span{display:none}main{margin:0;padding:0 15px 20px}header{min-height:90px;padding:15px 0;align-items:center;flex-wrap:wrap}header>div:first-child{max-width:100%;padding:0}h1{font-size:18px}.toolbar{padding:0}.resources{grid-template-columns:repeat(4,minmax(0,1fr))}.resources article{padding:10px 9px}.resources strong{font-size:17px}.resources small{font-size:7px;letter-spacing:0}.resources span{font-size:8px}.resources article:before{left:9px;width:26px}.sector-vista{height:190px;padding-bottom:22px}.sector-vista h2{font-size:25px}.vista-status{font-size:7px;letter-spacing:1px}.vista-status b{font-size:9px}.page{margin-top:13px;padding:13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-panels{grid-template-columns:1fr}.ship-art img{aspect-ratio:1.6}.ship-gallery{grid-template-columns:1fr}.command-bridge .hero-copy{padding:17px;bottom:7px}.command-bridge .tag{font-size:8px}.bridge-routes button{min-width:120px}.bridge-topline>span{max-width:200px}.stats article{padding:10px}.stats span{font-size:10px}.stats small{font-size:9px}}
@media(max-width:800px){header{margin-top:0}.sidebar{max-height:none}}
@media(max-width:540px){.resources{grid-template-columns:repeat(2,minmax(0,1fr))}.resources article{padding:9px 12px}.resources strong{font-size:20px}.resources small{font-size:8px}.sector-vista{height:160px}.sector-vista h2{font-size:23px}.vista-status{display:none}.cards,#shipyard .cards.two{grid-template-columns:1fr}.toolbar{width:100%;justify-content:flex-start}.toolbar button{flex:1}.hero.command-bridge,#overview .hero.command-bridge{height:320px}.command-bridge .hero-copy{top:50px;bottom:auto}.bridge-routes{left:14px;right:14px;bottom:13px;display:flex;gap:5px}.bridge-routes button{min-width:0;flex:1;font-size:9px;padding:8px 6px}.bridge-routes span{font-size:6px;letter-spacing:.4px}.bridge-topline>span{max-width:170px}.ship-art img{aspect-ratio:1.6}.alert-row{gap:8px}.stats{gap:7px}.panel-heading>span{font-size:7px}}