.unit-roster {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 12px 0 2px;
}
.unit-roster__item { display: grid; gap: 2px; padding: 8px 9px; border: 1px solid rgba(111,224,255,.12); border-radius: 10px; background: rgba(4,13,20,.46); text-align: left; }
.unit-roster__item strong { font-size: .68rem; letter-spacing: .07em; }
.unit-roster__item small { color: var(--muted); font-size: .55rem; font-weight: 800; letter-spacing: .05em; }
.unit-roster__item--pulse strong { color: var(--cyan-bright); }
.unit-roster__item--nova strong { color: #e4b7ff; }
.unit-roster__item--cryo strong { color: #a9ddff; }
.deploy-type-selector { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.deploy-type { min-height: 34px; border: 1px solid rgba(111,224,255,.14); border-radius: 10px; background: rgba(7,19,29,.9); color: #8299a7; font-size: .62rem; font-weight: 900; letter-spacing: .08em; cursor: pointer; }
.deploy-type.is-selected { border-color: rgba(102,231,255,.5); color: #eefcff; box-shadow: inset 0 0 20px rgba(102,231,255,.08); }
.deploy-type[data-deploy-type="nova"].is-selected { border-color: rgba(196,124,255,.55); box-shadow: inset 0 0 20px rgba(196,124,255,.1); }
.deploy-type[data-deploy-type="cryo"].is-selected { border-color: rgba(128,201,255,.58); box-shadow: inset 0 0 20px rgba(128,201,255,.1); }
.deploy-type:disabled { opacity: .42; cursor: default; }
.board-unit__role { position: absolute; left: 50%; top: 5px; transform: translateX(-50%); max-width: 90%; overflow: hidden; color: rgba(232,251,255,.64); font-size: .42rem; font-weight: 900; letter-spacing: .08em; text-overflow: ellipsis; }
.board-unit__pips { position: absolute; left: 50%; bottom: 6px; transform: translateX(-50%); display: flex; gap: 2px; }
.board-unit__pips i { width: 4px; height: 2px; border-radius: 999px; background: rgba(220,244,250,.16); }
.board-unit__pips i.is-active { background: currentColor; box-shadow: 0 0 5px currentColor; }
.board-unit--tier-2 { filter: brightness(1.04); }
.board-unit--tier-3 { filter: brightness(1.09) saturate(1.08); }
.board-unit--tier-4 { filter: brightness(1.14) saturate(1.14); }
.board-unit--tier-5 { filter: brightness(1.2) saturate(1.2); box-shadow: 0 0 24px rgba(255,255,255,.12); }
.combat-projectile--nova { width: 14px; height: 14px; border-radius: 50%; background: radial-gradient(circle,#fff 0 18%,#d89cff 22% 48%,#7f3eb8 52% 100%); box-shadow: 0 0 15px rgba(203,130,255,.92),0 0 28px rgba(203,130,255,.42); }
.combat-projectile--cryo { width: 9px; height: 17px; border-radius: 7px 7px 2px 2px; background: linear-gradient(180deg,#f2fdff,#87d9ff 55%,#348bb5); box-shadow: 0 0 12px rgba(128,215,255,.95),0 0 24px rgba(90,182,255,.42); }
.combat-enemy--slowed .combat-enemy__body { border-color: rgba(137,221,255,.92); box-shadow: 0 0 19px rgba(83,197,255,.42); }
.combat-enemy--slowed::after { content: ""; position: absolute; inset: 1px; border: 1px solid rgba(153,225,255,.5); border-radius: 50%; animation: cryo-slow-ring 720ms ease-in-out infinite alternate; }
@keyframes cryo-slow-ring { from { transform: scale(.82); opacity: .38; } to { transform: scale(1.18); opacity: .78; } }
@media (max-width:720px) { .unit-roster { margin-top: 7px; } .unit-roster__item { padding: 6px; } .unit-roster__item small { display: none; } .deploy-type { min-height: 32px; font-size: .56rem; } }
@media (prefers-reduced-motion:reduce) { .combat-enemy--slowed::after { animation: none; } }