/* Presentation crops use the original approved concept as an artwork atlas. */
:root{--bg:#090d0e;--panel:#0c1112;--line:#665943;--gold:#c0b296;--text:#dad5c7;--muted:#93988e}body{background:#080c0d}body:before{content:'';position:fixed;inset:5px;border:3px double #77654b;pointer-events:none;z-index:20;box-shadow:inset 0 0 0 3px #080b0b}header{height:96px;min-height:96px;margin:7px 8px 0;padding:10px 22px;display:grid;grid-template-columns:30% 1fr 15%;background:linear-gradient(110deg,#191b18,#090d0f 60%,#191b17);border:3px double #695940;box-shadow:inset 0 0 0 5px #090e10;position:relative}.brand{grid-column:2;grid-row:1;justify-content:center;text-align:center;font-size:clamp(18px,2vw,34px);letter-spacing:.065em}.brand .sigil{display:none}.brand small{font:12px Georgia,serif;letter-spacing:.2em;color:#b7af9d;margin-top:8px}.resources{grid-column:1;grid-row:1;gap:0;justify-content:space-between}.resources>div{padding:0 12px;border-right:1px solid #514631;text-align:center;color:#bcb7a6;font:11px Georgia;letter-spacing:.08em}.resources strong{font:20px Georgia;margin-top:5px}.resources>div:first-child{padding-left:0}.version{grid-column:3;grid-row:1}.layout{grid-template-columns:240px minmax(0,1fr) 340px;gap:10px;padding:0 12px;max-width:none}.navigation{margin:9px 0 12px;padding:35px 0 0;border:3px double #665941;background:linear-gradient(90deg,#101714,#090e0f 50%,#151b16);position:relative}.navigation:before{content:'◇';position:absolute;top:0;left:0;right:0;text-align:center;font:40px Georgia;color:#7d725b;line-height:30px}.nav-label{display:none}nav button{border-radius:0;border-bottom:1px solid #413e30;margin:0;padding:17px 18px;gap:14px;color:#afa48b;font-size:26px}nav button span{font-family:Georgia,serif;font-size:20px;font-variant:small-caps;letter-spacing:.05em;color:#d5cebb}nav button.selected{background:linear-gradient(90deg,#17302b,#0e1918);border-color:#647461}.nav-bottom{padding:0;position:relative;min-height:275px;display:flex;flex-direction:column;justify-content:flex-end;background:url('shrine.svg') center top/cover no-repeat;margin-top:auto}.nav-bottom .seal{display:none}.nav-bottom strong,.nav-bottom small,.nav-bottom .level,.nav-bottom progress{position:relative;background:#071011bd;margin:0;padding:4px 12px}.nav-bottom progress{padding:0;width:80%;margin:6px auto}.nav-bottom small:last-child{display:none}main{padding:9px 0 14px}.page-heading{height:51px;border:3px double #615640;margin:0;background:linear-gradient(90deg,#111512,#090e0f,#171b15);justify-content:center;position:relative}.page-heading .eyebrow{display:none}h1{font:small-caps 30px Georgia;letter-spacing:.08em}.live{position:absolute;right:10px;bottom:3px;font-size:8px}.panel{border:3px double #65573e;background:linear-gradient(120deg,#111716,#090e10 65%,#141916);box-shadow:inset 0 0 0 3px #070c0e;border-radius:1px;position:relative}.panel:before,.panel:after{content:'';position:absolute;width:12px;height:12px;pointer-events:none;z-index:2}.panel:before{left:2px;top:2px;border-top:1px solid #a19370;border-left:1px solid #a19370;transform:skew(-12deg,-12deg)}.panel:after{right:2px;bottom:2px;border-bottom:1px solid #a19370;border-right:1px solid #a19370;transform:skew(-12deg,-12deg)}.hero{height:clamp(235px,18.7vw,340px);background:url('bridge-art.svg') center/cover no-repeat;border-top:0}.hero-shade{background:linear-gradient(0deg,#060c0ed9,transparent 35%)}.hero-text{left:20px;bottom:14px}.hero-text .eyebrow,.hero-text>p,.coordinates{display:none}.hero h2{font:small-caps 21px Georgia;display:inline}.hero h2:after{content:' · Fregata';font-size:17px}.hero .status{display:block;background:none;border:0;padding:0;font:small-caps 16px Georgia;color:#d5d2bf;margin-top:3px}.capacity{padding:11px 18px;gap:24px;min-height:66px}.capacity label{font:small-caps 15px Georgia;color:var(--text)}.capacity b{font-size:14px}progress{height:10px;border:1px solid #756e54;background:#171e20;box-shadow:inset 0 1px 3px #000}progress::-webkit-progress-bar{background:linear-gradient(#10181a,#25322e)}progress::-webkit-progress-value{background:linear-gradient(#609c92,#2c6962 50%,#5e978b);border-right:2px solid #93c9b6}button{font-variant:small-caps;background:linear-gradient(110deg,#1d2420,#101514 60%,#262820);border:3px double #655c46;border-radius:1px;box-shadow:inset 0 0 0 1px #080e10}button:hover{background:linear-gradient(110deg,#2a3931,#17241f);border-color:#b1a078}.capacity button{font:small-caps 14px Georgia;padding:9px 18px}.section-heading{justify-content:center;border-top:3px double #5b503b;margin:9px 0 0;padding:6px 0;background:#0d1212}.section-heading h2{font:small-caps 22px Georgia;letter-spacing:.1em}.section-heading>span{display:none}.cards{gap:10px}.operation{padding:0 12px 12px;min-height:290px;display:grid;grid-template-rows:36px 145px auto auto auto auto;overflow:hidden;border-top:3px double #65573e}.operation h2{grid-row:1;margin:0 -12px;padding:7px 6px;font:small-caps 18px Georgia;text-align:center;border-bottom:1px solid #77654b;white-space:nowrap}.operation .card-symbol{display:none}.operation .operation-art{grid-row:2;display:block;margin:0 -12px;background:center/cover;border-bottom:1px solid #675640}.operation[data-card="mining"] .operation-art{background-image:url('mining-art.svg')}.operation[data-card="refining"] .operation-art{background-image:url('refining-art.svg')}.operation[data-card="expedition"] .operation-art{background-image:url('expedition-art.svg')}.operation>p{display:none}.operation .yield{font:small-caps 16px Georgia;text-align:center;margin:12px 0 7px;color:#d7d0bc;min-height:22px}.operation .op-state{text-align:center;color:var(--teal);font:small-caps 13px Georgia;margin:8px 0}.operation progress{grid-row:5}.operation button{font:small-caps 15px Georgia;width:80%;justify-self:center;padding:7px 10px;grid-row:6;margin-top:7px}.community{padding:14px 20px;margin-top:11px;gap:18px;min-height:86px;background:linear-gradient(100deg,#211b29,#0c1113 50%,#17151e)}.community strong{font-variant:small-caps;font-size:22px}.community small{font:small-caps 12px Georgia;letter-spacing:.1em}.community>div{width:25%}.community .project-icon{font-size:40px}.community>div b{font-size:25px}.right{padding:9px 0 12px}.right h2{text-align:center;font:small-caps 23px Georgia;letter-spacing:.11em;padding:9px 0 15px;margin:0;border-bottom:1px solid #5c523c}.fleet,.logs{padding:10px 15px 18px;margin-bottom:10px}.fleet-ship{margin-top:22px;border:1px solid #5b503a;gap:12px;padding:0 12px 0 0;min-height:100px;background:#0b1213}.fleet-ship>span{display:block;width:105px;height:98px;font-size:0;background:url('fleet-art.svg') center/cover}.fleet-ship strong{font-variant:small-caps;font-size:21px}.fleet-ship small{font-variant:small-caps;font-size:14px;margin-top:6px}.dot{width:12px;height:12px;border:1px solid #a1d0c2;box-shadow:0 0 16px #72c5bd88}.fleet p{text-align:center;letter-spacing:.15em;font-size:9px}.logs{min-height:240px}.log{border:1px solid #574b36;margin-top:15px;padding:14px 10px;font-size:12px;background:linear-gradient(100deg,#19302b44,#0c1314)}.log:before{font-size:22px;vertical-align:middle}.quote{border:3px double #494735;padding:25px 10px;margin-top:10px;font-size:20px}dialog{border:5px double #8a7956;background:linear-gradient(125deg,#1d2622,#0e1518);border-radius:1px}footer{margin:8px 0 0;font-size:8px}.fit-options button,.slot button{font-variant:normal}.production{margin-top:12px}.fitting{margin-top:12px}#market .operation{display:flex;padding:25px}#market .operation>p{display:block}#market .operation h2{white-space:normal;margin:0;padding:0;border:0}#market .operation button{width:100%}.intro{margin:20px 0}.nav-bottom strong{font:small-caps 18px Georgia}.operation.running{border-color:#819781}
@media(min-width:1700px){.layout{grid-template-columns:255px minmax(0,1fr) 360px}.operation{grid-template-rows:38px 175px auto auto auto auto;min-height:330px}.nav-bottom{min-height:300px}}
@media(max-width:1300px){.layout{grid-template-columns:190px minmax(0,1fr) 255px;gap:8px}.right{display:block;grid-column:auto;padding:9px 0}.navigation nav button span{font-size:17px}.resources>div{padding:0 5px;font-size:9px}.resources strong{font-size:17px}.brand{font-size:23px}header{grid-template-columns:31% 1fr 12%;padding:10px}.operation h2{font-size:15px}.operation .yield{font-size:13px}.operation{grid-template-rows:35px 110px auto auto auto auto;min-height:260px}.hero{height:250px}.capacity{gap:10px;padding:10px}.capacity label{font-size:12px}.capacity button{padding:8px;font-size:12px}.right h2{font-size:20px}.fleet-ship>span{width:75px}.fleet-ship{gap:7px}.fleet-ship strong{font-size:18px}.community strong{font-size:18px}.quote{display:block}.hero h2{font-size:19px}}
@media(max-width:1000px){.layout{grid-template-columns:170px minmax(0,1fr)}.right{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}.quote{display:none}.hero{height:280px}.brand{font-size:20px}.operation{grid-template-rows:35px 130px auto auto auto auto}.nav-bottom{min-height:260px}}
@media(max-width:700px){body:before{display:none}header{margin:0;display:flex;height:auto;padding:12px;flex-wrap:wrap}.brand{font-size:18px;order:0}.brand small{font-size:8px}.resources{order:2;width:100%;margin-top:5px}.version{order:1}.layout{display:block;padding:0 8px}.navigation{margin:7px 0 0;padding:0;border-width:1px}.navigation:before,.nav-bottom{display:none}nav button{padding:10px;font-size:18px}nav button span{font-size:14px!important}main{padding:8px 0}.page-heading{height:49px}h1{font-size:21px}.live{font-size:7px}.hero{height:230px}.cards{grid-template-columns:1fr}.operation{grid-template-rows:36px 170px auto auto auto auto;min-height:325px}.operation h2{font-size:20px}.operation .yield{font-size:17px}.capacity button{width:100%}.section-heading h2{font-size:20px}.right{display:block;padding:0}.community{padding:12px;gap:10px}.community strong{font-size:17px}.community small{font-size:9px}.community .project-icon{display:none}.community>div{min-width:65px}.hero-text{bottom:12px}.hero h2{font-size:19px}.hero .status{font-size:14px}footer{font-size:8px}}
/* Opaque live caption replaces lettering baked into the concept artwork. */
.hero-text{left:0;bottom:0;padding:12px 20px;min-height:76px;width:360px;max-width:100%;background:linear-gradient(90deg,#090e10 87%,#090e1000)}
@media(min-width:1001px){.hero{height:clamp(235px,16vw,300px)}}
@media(max-width:700px){.hero-text{width:100%;background:linear-gradient(0deg,#090e10 70%,#090e10cc);min-height:64px;padding:8px 16px}}
body:before{display:none}
/* Worn metal framing and architectural detail from the approved direction. */
header,.navigation,.page-heading,.panel,dialog{border:8px solid transparent;border-image:url('ornate-frame.svg') 28 / 16px / 0 stretch;box-shadow:none}
.panel:before,.panel:after{display:none}
header,.navigation,.page-heading,.fleet,.logs,.quote,.capacity,.fitting,.production,.slot{background-image:url('metal-texture.svg'),linear-gradient(115deg,#101613,#080d0f 60%,#141916)}
header{height:88px;min-height:88px;margin-top:3px;background-color:#0a0e10}
.navigation{padding-top:60px}.navigation:before{content:'';height:65px;background:url('gothic-arch.svg') center top/100% 100% no-repeat;top:-2px}
.brand{font-weight:400;letter-spacing:.075em}.brand small{letter-spacing:.14em}
.page-heading{height:51px}h1{font-variant:normal;text-transform:uppercase;font-size:27px;letter-spacing:.085em;font-weight:400}
nav button{padding:14px 15px;border:0;border-bottom:1px solid #514733;background-image:url('metal-texture.svg');box-shadow:none}
nav button span{font-variant:normal;text-transform:uppercase;font-size:18px;font-weight:400;letter-spacing:.065em}
nav button.selected{box-shadow:inset 0 0 0 1px #72938466;background-color:#102520}
.hero{border-width:4px;border-top:0}.hero-text{padding-left:18px}
.capacity{border-top:0;padding:8px 15px;min-height:63px}.capacity label{font-variant:normal;font-size:14px}
.section-heading{padding:6px 0;margin-top:8px;border-top:5px double #484636}.section-heading h2{font-variant:normal;text-transform:uppercase;font-size:19px;letter-spacing:.11em}
.operation{border-width:5px;grid-template-rows:34px 145px auto auto auto auto;min-height:290px;background-image:url('metal-texture.svg'),linear-gradient(#111714,#080e10)}
.operation h2{font-variant:normal;text-transform:uppercase;font-size:16px;font-weight:400;letter-spacing:.015em}
.operation .yield{font-variant:normal;font-size:14px}.operation .op-state{font-variant:normal;text-transform:uppercase;font-size:11px;letter-spacing:.05em}
.operation button,.capacity button{font-variant:normal;text-transform:uppercase;font-size:12px;font-family:Georgia,serif;border:5px solid transparent;border-image:url('ornate-frame.svg') 28 / 9px / 0 stretch;background-image:url('metal-texture.svg'),linear-gradient(#22271e,#101615)}
.right h2{font-variant:normal;text-transform:uppercase;font-size:20px;letter-spacing:.12em;border-bottom:0;padding:12px 0 22px;position:relative}
.right h2:after{content:'— ◇ —';position:absolute;bottom:0;left:0;right:0;font-size:13px;color:#847451;letter-spacing:.18em}
.community{border-width:7px;margin-top:9px}.community strong{font-variant:normal;font-size:20px;letter-spacing:.035em}.community small{font-variant:normal;font-size:10px}.community b{font-weight:400}
.nav-bottom{min-height:260px}.fleet-ship strong{font-variant:normal;font-size:19px}.fleet-ship small{font-variant:normal;font-size:11px;text-transform:uppercase}.quote{border:0;background:none;color:#687269;font-size:17px}
@media(min-width:1450px){.layout{grid-template-columns:240px minmax(0,1fr) 340px;gap:7px}.hero{height:265px}.operation{min-height:286px;grid-template-rows:34px 135px auto auto auto auto}.nav-bottom{min-height:245px}}
@media(max-width:1300px){nav button span{font-size:15px}.operation h2{font-size:13px}.operation .yield{font-size:12px}.right h2{font-size:17px}}
@media(max-width:700px){header{height:auto;min-height:88px}.navigation{padding-top:0}.navigation:before{display:none}nav button{padding:10px}nav button span{font-size:12px!important}.page-heading h1{font-size:18px}.operation{grid-template-rows:35px 165px auto auto auto auto;min-height:310px}.operation h2{font-size:17px}.operation .yield{font-size:15px}.community strong{font-size:16px}.community small{font-size:8px}.capacity button{font-size:12px}}
.brand{line-height:1.05}.brand small{line-height:1.1;margin-top:7px}