.system-card{position:relative;width:100%;aspect-ratio:677/965;background:url('assets/Cards/Bases/character.svg') center/100% 100% no-repeat;color:white;container-type:inline-size;text-align:left;font-family:Helvetica,Arial,'Microsoft YaHei',sans-serif}
.system-card.item{background-image:url('assets/Cards/Bases/item.svg')}.card-system-title{position:absolute;top:3.2%;left:6.7%;right:6.7%;font-size:clamp(10px,7cqw,32px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-placeholder{position:absolute;top:13%;height:33%;left:6.7%;right:6.7%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#353d38}.card-placeholder svg{width:85%;height:65%;stroke:currentColor;stroke-width:1.4;fill:none}.card-placeholder span{font-size:5cqw}.card-placeholder small{font-size:4cqw;color:#343e38;margin-top:4px}.item .card-placeholder{color:#1c5957}.card-system-copy{position:absolute;top:53%;left:6.7%;right:6.7%;font-size:clamp(10px,5.1cqw,22px);line-height:1.6;overflow:auto;max-height:34%}.card-system-value{position:absolute;bottom:3%;right:6%;color:#111;font-size:8cqw;line-height:1}.card-system-value b{font-weight:400}.system-card.compact .card-system-copy,.system-card.compact .card-placeholder small{display:none}.system-card.compact .card-system-title{font-size:8cqw}.system-card.compact .card-placeholder span{font-size:9cqw}
.draft-card .card-art{background:none;aspect-ratio:677/965;min-height:0!important;height:auto!important}.card-art .system-card{height:100%}.unit-card .system-card{width:42px;flex:none}.shop-thumbnail.card-preview{width:48px;height:auto;flex:none;padding:0;border:0;cursor:pointer;background:none}.card-detail .system-card{max-width:320px}.gallery-card .system-card{max-width:185px;margin-bottom:16px}.cards-catalogue{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalogue-entry{min-width:0}.catalogue-entry p{font-size:12px}.catalogue-entry.locked{opacity:.65}.map-select-group{margin:20px 0}.map-select-group label{display:block;margin-bottom:8px;font-size:13px}.map-select-group select{width:100%;min-height:44px}.map-select-group p,.map-rule-note{font-size:12px;line-height:1.7;color:var(--muted)}.map-rule-note{padding:12px 0;border-bottom:1px solid var(--line)}.tile.reactor-zone::after{content:'C';position:absolute;left:2px;top:1px;font-size:9px;color:#954228;pointer-events:none}.tile.supply-zone::after{content:'S';position:absolute;left:2px;top:1px;font-size:9px;color:#356c4e;pointer-events:none}.map-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.map-choice{border-top:2px solid var(--accent-ink);padding:16px;background:#e2e8df}.map-choice h3{margin-top:0}.map-mini{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;aspect-ratio:12/10;background:#788377;margin-bottom:12px}.map-mini i{background:#d5ddd3}.map-mini .gravity{background:#bfc8cf}.map-mini .nebula{background:#be8cad}.map-mini .station{background:#53b2b0}.map-mini .asteroid{background:#cf9a70}.map-mini .blackhole{background:#283c67}.map-mini .medical{background:#c9d8b6}.map-mini .emp{background:#b3bdd9}.map-mini .worm{background:#a6bd68}.map-mini .hazard{outline:1px solid #ba704d}
@media(max-width:900px){.unit-card .system-card{width:32px}.card-detail .system-card{max-width:280px}.cards-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.card-system-copy{font-size:clamp(10px,5.1cqw,22px)}}
@media(max-width:360px){.cards-catalogue,.map-choices{grid-template-columns:1fr}}