/* The ring follows the server's current phase, with a visible final-30s warning. */
.battle-board .round-clock{position:relative;min-width:82px;height:34px;padding:2px 5px 2px 36px;display:flex;align-items:center;justify-content:center;color:#f1dbaa;background:#122b20;border-color:#9f875b}
.battle-board .round-clock .clock-ring{position:absolute;left:3px;top:3px;width:28px;height:28px;transform:rotate(-90deg);fill:none;stroke-width:3}
.battle-board .clock-ring .clock-track{stroke:#ecd99d26}
.battle-board .clock-ring [data-clock-progress]{stroke:#cbb56f;stroke-linecap:round;stroke-dasharray:100 100}
.battle-board .round-clock .clock-readout{display:flex;flex-direction:column;align-items:center;min-width:0}
.battle-board .round-clock #round-clock{font-size:19px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:inherit}
.battle-board .round-clock .clock-label{display:block;font-size:6px;line-height:1.2;letter-spacing:.2px;white-space:nowrap;color:inherit;margin-top:2px}
.battle-board .round-clock .clock-warning{display:none;position:absolute;right:-3px;top:-4px;width:13px;height:13px;background:#ef9842;border:1px solid #ffe3a3;border-radius:50%;font-size:9px;line-height:11px;font-weight:900;color:#2b1708}
.battle-board .round-clock[data-phase="preparation"]{color:#c8edee;border-color:#77aaae;background:#193e42}
.battle-board .round-clock[data-phase="preparation"] [data-clock-progress]{stroke:#a0e2e0}
.battle-board .round-clock.is-warning{color:#ffcf84;border-color:#e8a54c;background:#4a301b;box-shadow:0 0 12px #db882b45}
.battle-board .round-clock.is-warning [data-clock-progress]{stroke:#ffc772}
.battle-board .round-clock.is-warning .clock-warning{display:block}
.battle-board .round-clock.is-critical{color:#ffcbc0;border-color:#ed8a6b;background:#542720;animation:clock-alert-glow 1s ease-in-out infinite}
.battle-board .round-clock.is-critical [data-clock-progress]{stroke:#ffad8c}
.battle-board .round-clock.is-critical .clock-warning{background:#fb9879}
.battle-board .battle-phase.is-clock-warning{border-color:#e2a356;color:#ffe0a2;background:#3e2919ed}
.battle-board .battle-phase.is-clock-preparation{border-color:#78afb4;color:#d6eeee;background:#19383aee;white-space:normal;text-align:center;line-height:1.4;max-width:80%}
@keyframes clock-alert-glow{50%{box-shadow:0 0 14px #f2916970}}
@media(max-width:760px){
 .battle-board .round-clock{min-width:68px;height:28px;padding:2px 4px 2px 28px}
 .battle-board .round-clock .clock-ring{left:2px;top:3px;width:21px;height:21px;stroke-width:3.5}
 .battle-board .round-clock #round-clock{font-size:15px}
 .battle-board .round-clock .clock-label{font-size:5.5px;margin-top:1px}
 .battle-board .round-clock .clock-warning{width:11px;height:11px;font-size:8px;line-height:9px}
 .battle-board .battle-header>div:first-child{min-width:0}
 .battle-board .battle-header h2{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.battle-board .round-clock.is-critical{animation:none}}