.target-heading{display:flex;align-items:center;justify-content:space-between;min-height:28px;color:#edbd83;font-size:10px;gap:8px}
.target-heading .text{min-height:28px;padding:4px 0 4px 12px;font-size:10px}
.damage-board{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:center;margin-bottom:8px}
.damage-board.has-targets{grid-template-columns:78px minmax(0,1fr)}
.damage-board .damage{min-width:0;width:100%;margin:0;height:145px;padding:5px}
.target-rail{display:flex;flex-direction:column;gap:6px;max-height:145px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#885739 transparent;padding:2px}
.target-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:78px;flex-shrink:0;padding:7px 3px;border:1px solid #84522f;background:linear-gradient(150deg,#48291e,#251712);border-radius:10px;color:#ffd5a0}
.target-card span{font-size:9px;letter-spacing:.5px}
.target-card strong{font:700 30px/.9 var(--display)}
.target-card small{font-size:8px;color:#c9a887}
.target-card.defeated{opacity:1;background:#251717;border-color:#754433;color:#bb8b76}
.target-card.defeated small{color:#e7a081}
.damage-board.has-targets .damage strong{font-size:76px}
.turn-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #79462955;padding:5px 0 7px;color:#bf9776;font-size:9px;letter-spacing:.6px}
.turn-total b{font-size:14px;color:#ffd6a2;margin-left:6px}
.target-transition .target-rail{animation:target-park .35s ease-out}
.target-transition .damage{animation:target-arrive .35s ease-out}
@keyframes target-park{from{transform:translateX(95px) scale(1.25);opacity:.3}to{transform:none;opacity:1}}
@keyframes target-arrive{from{transform:translateX(22px);opacity:.2}to{transform:none;opacity:1}}
@media(max-width:359px){.damage-board.has-targets{grid-template-columns:65px minmax(0,1fr);gap:7px}.damage-board.has-targets .damage strong{font-size:62px}.damage-footer{font-size:9px}}
@media(max-height:740px) and (max-width:499px){.damage-board .damage,.phone:has(.followups) .damage-board .damage:has(.attack-history){height:104px}.damage-board .target-rail{max-height:104px}.damage-board .damage strong,.phone:has(.followups) .damage-board .damage strong{font-size:54px}.target-card{min-height:69px}.target-heading{min-height:24px}.target-heading .text{min-height:24px}.turn-total{padding:3px 0 5px}.damage-board{margin-bottom:5px}}