/* Combat controls remain separate from the card's main attack action. */
.unit-card{position:relative}
.unit-inspect{position:absolute;right:4px;top:37px;z-index:6;display:grid;place-items:center;width:30px;height:30px;padding:6px;border:1px solid #77beaa;border-radius:50%;background:#071911ee;color:#d3ffe3;box-shadow:0 2px 8px #0008;cursor:pointer}
.unit-inspect svg{width:16px;height:16px;pointer-events:none}
.unit-inspect:hover,.unit-inspect:focus-visible{background:#ccff39;color:#0a170d;outline:2px solid #ecffb2;outline-offset:2px}
.unit-card.ready .game-card{cursor:crosshair}
.unit-card.unit-selected .unit-inspect{border-color:#ccff39}
.automatic-score{margin:20px 0;padding:16px;text-align:left;border:1px solid #477c51;border-radius:12px;background:#16321f}
.automatic-score>strong{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:17px;color:#d8ff69}
.automatic-score>strong svg{width:20px;height:20px}
.automatic-score p{margin:10px 0;font-size:14px;line-height:1.5;color:#ecf8ed}
.automatic-score p[data-state="failed"]{color:#ffcda7}
.automatic-score small{display:block;color:#a9c5ae;font-size:12px;line-height:1.5}
.ranking-pending{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #507348;border-radius:10px;color:#cde7b9;background:#21351f;font-size:14px;line-height:1.5}
.ranking-pending svg{width:22px;height:22px;flex:none}
.music-volume{display:block;margin:20px 0}
.music-volume>span{display:flex;justify-content:space-between;gap:12px;color:#d8e9d9;font-size:14px}
.music-volume output{color:#ccff39}
.music-volume input{width:100%;height:32px;margin:5px 0;accent-color:#ccff39;cursor:pointer}
@media(max-width:480px){.battle-actions{flex-wrap:wrap;gap:10px}.battle-actions .action-copy{flex-basis:100%}.battle-actions .btn[data-action="end-turn"]{margin-left:auto}.unit-inspect{width:28px;height:28px;padding:5px;top:31px;right:3px}.automatic-score{padding:13px}}