.unit-gallery{width:min(760px,94vw);max-height:86dvh;border:2px solid #46647d;background:#07121e;color:#c6d5e0;padding:16px;font-family:pixel,monospace;overflow:auto}
.unit-gallery::backdrop{background:#000b}
.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-16px;background:#07121e;padding:8px 0;z-index:1}
.gallery-header strong{font-size:14px;font-weight:normal}.gallery-header button{padding:6px 12px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gallery-grid h2{font-size:12px;text-align:center;font-weight:normal;margin:12px 0}
.unit-card{width:100%;display:flex;align-items:center;gap:8px;padding:4px;margin-bottom:4px;text-align:left;min-height:48px}
.unit-card canvas{width:40px;height:40px;flex-shrink:0;image-rendering:pixelated}
.unit-card span{font-family:pixel,monospace;font-size:9px;line-height:1.5;color:#c7d6db;text-shadow:none}
@media(max-width:650px){.unit-gallery{padding:8px}.gallery-grid{gap:5px}.gallery-grid h2{font-size:8px}.unit-card{flex-direction:column;gap:3px}.unit-card span{font-size:7px;text-align:center}.gallery-header strong{font-size:11px}}