/* Original generated cosmic gothic art atlas, twelve panels. */
.commander-portrait,.cosmic-scene,.pixel-scene{background-image:url('astral-commanders-atlas.png');background-size:400% 300%;background-repeat:no-repeat;image-rendering:auto}
.commander-portrait{height:230px;margin:-18px -18px 14px;border-bottom:1px solid #59726c;position:relative}.commander-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#10212c);pointer-events:none}.commander{overflow:hidden}.commander.unrecruited{opacity:1}.unrecruited .commander-portrait{filter:saturate(.9)}.commander .eyebrow{font-size:11px}.commander.rarity-4 .commander-portrait{box-shadow:inset 0 0 20px #d6af4933}
.pixel-scene{height:145px;background-position:33.333% 100%;filter:none}.wreck-scene{background-position:66.666% 100%}.cosmic-scene{background-position:0 100%;height:270px;min-width:280px;border:1px solid #52616a}.command-intro{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:center}.command-intro .cosmic-scene{margin:0}#recruit-panel{position:relative;background:linear-gradient(110deg,#101b26,#1a1425);border-color:#68506f}.commander-portrait:empty{display:block}.industry-art{background-position:100% 100%;height:110px;margin:-18px -18px 14px;border-bottom:1px solid #5c5344}
@media(max-width:620px){.command-intro{grid-template-columns:1fr}.cosmic-scene{height:240px;min-width:0}.commander-portrait{height:280px}}
.portrait-ora{background-position:0.0% 0%;}
.portrait-ren{background-position:33.333333333333336% 0%;}
.portrait-ivo{background-position:66.66666666666667% 0%;}
.portrait-tal{background-position:100.0% 0%;}
.portrait-nyx{background-position:0.0% 50%;}
.portrait-mira{background-position:33.333333333333336% 50%;}
.portrait-kael{background-position:66.66666666666667% 50%;}
.portrait-ves{background-position:100.0% 50%;}

.commander-portrait{height:260px}.commander .commander-title{color:#bfafdc;font:12px/1.5 "Segoe UI",sans-serif;margin:-4px 0 10px}.rarity-4{box-shadow:0 0 18px #9e75df18}.cosmic-scene{height:285px}

/* Atlas cells are square: preserve their geometry at every card width. */
#commander-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start}
#commander-list .commander{padding:16px;gap:0;min-width:0}
#commander-list .commander-portrait{height:auto;aspect-ratio:1/1;margin:-16px -16px 12px;flex:none;background-size:400% 300%;filter:none;border-bottom:1px solid #405560}
#commander-list .commander-portrait:after{background:linear-gradient(transparent 85%,#10212c80)}
#commander-list .commander h3{margin:5px 0 6px;font-size:18px}
#commander-list .commander .eyebrow{margin:0;font-size:10px;letter-spacing:.06em;line-height:1.5}
#commander-list .commander .commander-title{margin:0 0 12px;font-size:12px;min-height:36px}
#commander-list .commander p:not(.eyebrow):not(.commander-title){margin:0 0 6px;font-size:13px}
#commander-list .commander small{margin:0;font-size:12px;color:#a4b7c3}
@media(max-width:540px){#commander-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#commander-list .commander{padding:10px}#commander-list .commander-portrait{margin:-10px -10px 10px}#commander-list .commander h3{font-size:15px}#commander-list .commander .commander-title{font-size:11px;min-height:48px}#commander-list .commander .eyebrow{font-size:9px}#commander-list .commander p:not(.eyebrow):not(.commander-title){font-size:12px}}

/* Square generated cells are cropped, never stretched, in landscape cards. */
.mining-scene{position:relative;aspect-ratio:4/3;overflow:hidden;margin:-18px -18px 14px;border-bottom:1px solid #47616c;background:#08121d;--belt-x:0%;--belt-y:0%}
.mining-scene:before{content:'';position:absolute;width:100%;aspect-ratio:1/1;top:50%;left:0;transform:translateY(-50%);background:url('mining-belts-atlas.png') var(--belt-x) var(--belt-y)/400% 300% no-repeat}
.mining-scene.belt-resource-copper{--belt-x:33.333333%}.mining-scene.belt-resource-titanium{--belt-x:66.666667%}.mining-scene.belt-resource-ice{--belt-x:100%}.mining-scene.richness-2{--belt-y:50%}.mining-scene.richness-3{--belt-y:100%}
@media(max-width:540px){.mining-scene{margin:-16px -16px 14px}}

.refinery-scene{position:relative;aspect-ratio:4/3;overflow:hidden;margin:-18px -18px 14px;border-bottom:1px solid #59615c;background:#101920;--process-x:0%;--process-y:0%}
.refinery-scene:before{content:'';position:absolute;width:100%;aspect-ratio:1/1;top:50%;left:0;transform:translateY(-50%);background:url('refinery-processes-atlas.png') var(--process-x) var(--process-y)/400% 300% no-repeat}
@media(max-width:540px){.refinery-scene{margin:-16px -16px 14px}}
.refinery-scene.process-0{--process-x:0.0%;--process-y:0%;}
.refinery-scene.process-1{--process-x:33.333333333333336%;--process-y:0%;}
.refinery-scene.process-2{--process-x:66.66666666666667%;--process-y:0%;}
.refinery-scene.process-3{--process-x:100.0%;--process-y:0%;}
.refinery-scene.process-4{--process-x:0.0%;--process-y:50%;}
.refinery-scene.process-5{--process-x:33.333333333333336%;--process-y:50%;}
.refinery-scene.process-6{--process-x:66.66666666666667%;--process-y:50%;}
.refinery-scene.process-7{--process-x:100.0%;--process-y:50%;}
.refinery-scene.process-8{--process-x:0.0%;--process-y:100%;}
.refinery-scene.process-9{--process-x:33.333333333333336%;--process-y:100%;}
.refinery-scene.process-10{--process-x:66.66666666666667%;--process-y:100%;}
.refinery-scene.process-11{--process-x:100.0%;--process-y:100%;}

.refinery-scene.iron-tier2:before{background-image:url('refinery-iron-tier2.png');background-size:100% 100%;background-position:center}

/* Sixteen illustrated activity scenes, four by four landscape cells. */
.activity-scene{aspect-ratio:4/3;flex:none;background:url('activities-atlas.png') var(--scene-x) var(--scene-y)/400% 400% no-repeat;image-rendering:auto;margin:-18px -18px 14px;border-bottom:1px solid #47616c;overflow:hidden}
.activity-scene.page-art{aspect-ratio:auto;height:160px;margin:0 0 20px;background-size:400% 400%;border:1px solid #47616c;max-width:360px}
@media(max-width:540px){.activity-scene{margin:-16px -16px 14px}.activity-scene.page-art{margin:0 0 16px;height:auto;aspect-ratio:4/3;max-width:100%}}

.activity-scene,.activity-scene.page-art{aspect-ratio:181/130;height:auto;background-size:400% 417.6923077%}
.activity-art-0,.activity-art-1,.activity-art-2,.activity-art-3{--scene-y:0%!important}
.activity-art-4,.activity-art-5,.activity-art-6,.activity-art-7{--scene-y:31.477%!important}
.activity-art-8,.activity-art-9,.activity-art-10,.activity-art-11{--scene-y:62.954%!important}
.activity-art-12,.activity-art-13,.activity-art-14,.activity-art-15{--scene-y:97.215%!important}

#inventory>.page-art{display:none}
#inventory .inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
#inventory .inventory-item{padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;border:1px solid #3f555f;border-radius:4px;background:#0f202a}
.inventory-top{display:flex;gap:12px;align-items:center}.inventory-top>div{min-width:0;display:flex;flex-direction:column;gap:6px}.inventory-top .resource-source{font-size:15px;text-align:left;text-decoration:none;white-space:normal}.inventory-top strong{color:#76d4c4;font-size:17px}
.inventory-quantity,.inventory-actions{display:flex;gap:8px}.inventory-quantity input{width:100%;min-width:0}.inventory-actions button{flex:1;min-width:0;font:13px 'Segoe UI',sans-serif}.inventory-item small{font-size:12px;color:#9cabb6}.inventory-quantity button{font:13px 'Segoe UI',sans-serif}
@media(max-width:540px){#inventory .inventory-grid{grid-template-columns:1fr}}

/* Isolated icon files avoid neighbouring atlas cells at every scale. */
.inventory-icon{display:block;position:relative;flex:0 0 76px;width:76px;height:76px;overflow:hidden;border:1px solid #405560;border-radius:4px;background:#071323;isolation:isolate}
.inventory-icon:before{content:'';position:absolute;inset:7px;background-image:var(--icon-image);background-size:contain;background-position:center;background-repeat:no-repeat}
.inventory-icon:after{display:none}
#inventory .inventory-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}.inventory-top .resource-source{overflow-wrap:anywhere}.inventory-actions{flex-wrap:wrap}.inventory-actions button{white-space:normal}.inventory-quantity button{flex-shrink:0}

.ammo-production-art{aspect-ratio:4/3;margin:-18px -18px 14px;background:center/cover no-repeat;border-bottom:1px solid #47616c;flex:none}.ammo-production-art.ammo_energy{background-image:url('ammo-energy-production.png')}.ammo-production-art.ammo_explosive{background-image:url('ammo-rocket-production.png')}@media(max-width:540px){.ammo-production-art{margin:-16px -16px 14px}}

.dock-overview{display:grid;grid-template-columns:260px minmax(0,1fr);padding:0;overflow:hidden;margin-bottom:16px}.dock-ship{min-height:210px;background:url('activities-atlas.png') 100% 97.215%/400% 417.6923077% no-repeat}.dock-overview-body{padding:22px}.dock-overview-body h2{margin:6px 0}.dock-metrics{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0}.dock-metrics span{display:flex;flex-direction:column;gap:4px;color:#a4b7c3}.dock-metrics b{color:#75d6c3;font-size:20px}.dock-mounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.dock-mount{display:flex;flex-direction:column;text-align:left;white-space:normal;gap:8px;padding:16px;background:#10212c;border:1px solid #47616c}.dock-mount strong{font:16px 'Segoe UI',sans-serif}.dock-mount small,.dock-mount span{font:12px 'Segoe UI',sans-serif;color:#a1b7c1}.dock-comparison{display:flex;flex-direction:column;gap:8px;padding:12px;background:#07151e;border:1px solid #3c525b;margin:10px 0}.dock-comparison .gain{color:#75d6c3}.dock-comparison .loss{color:#f1a486}.dock-delta{color:#75d6c3}.dock-overview small{color:#a1b7c1}#dock-weapons .module-choice{padding:18px;display:flex;flex-direction:column;gap:12px}#dock-weapons .inventory-icon{margin-bottom:4px}
@media(max-width:700px){.dock-overview{grid-template-columns:1fr}.dock-ship{min-height:220px;max-width:310px;width:100%}.dock-mounts{grid-template-columns:repeat(2,minmax(0,1fr))}.dock-overview-body{padding:16px}}

#mining-systems .module-choice,#mining-engines .module-choice{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;padding:18px;background:#10212b;border:1px solid #415864;border-radius:5px} .dock-module-art{margin:-18px -18px 15px;background:radial-gradient(ellipse at center,#172f3c,#07121b);border-bottom:1px solid #334955}.dock-module-art svg{display:block;width:100%;height:155px}.dock-badge{position:absolute;right:10px;top:10px;padding:5px 8px;background:#07151eee;border:1px solid #526570;font:11px 'Segoe UI',sans-serif;color:#bbcad2;z-index:1}.dock-badge.mounted{color:#78dfc7;border-color:#55a48e}.dock-badge.blocked{color:#e8a17f;border-color:#89634e}.dock-badge.available{color:#b4cfe0}.dock-locked .dock-module-art{opacity:.5}#mining-systems .module-choice>button,#mining-engines .module-choice>button{margin-top:auto}.dock-comparison strong{font:15px 'Segoe UI',sans-serif}.dock-comparison small{font:12px 'Segoe UI',sans-serif}

#crafted-tools .tool-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:18px;min-width:0;background:#10212b;border:1px solid #415864;border-radius:5px}.tool-stock{display:flex;justify-content:space-between;color:#9eafb9;font:13px 'Segoe UI',sans-serif}.tool-stock b{color:#d2e2e8}.tool-card .tool-source{font:12px 'Segoe UI',sans-serif;background:transparent;border-color:#334a55}.tool-card>button[data-action]{margin-top:auto} .tool-card.equipped{border-color:#58a892}

.equipment-illustration{margin:-18px -18px 16px;background:#071323;border-bottom:1px solid #334955;overflow:hidden}.equipment-illustration img{display:block;width:100%;height:220px;object-fit:contain;object-position:center}.dock-locked .equipment-illustration{opacity:.65}#dock-weapons .equipment-illustration{flex:none}@media(max-width:540px){.equipment-illustration img{height:200px}}