.round-continuation { display:flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:8px 20px; color:var(--gold,#d6b373); font-family:var(--font-display,inherit); font-size:20px; font-weight:700; white-space:nowrap; }
.round-continuation .icon { width:20px; }
.round-transition { position:fixed; inset:0; z-index:70; display:flex; flex-direction:column; align-items:center; justify-content:center; pointer-events:none; color:#fff2d7; background:linear-gradient(transparent 18%,#07090ded 43%,#101820f5 52%,transparent 82%); text-align:center; text-shadow:0 3px 24px #000; }
.round-transition strong { font-family:var(--font-display,inherit); font-size:clamp(64px,12vw,120px); line-height:1.15; text-transform:uppercase; letter-spacing:.04em; }
.round-transition span,.round-transition small { color:#d6b373; font-size:12px; font-weight:700; letter-spacing:.2em; }
.combat-playback [hidden] { display:none!important; }
.battle-scoreboard.has-decision-clock { grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr); gap:18px; position:sticky; top:max(8px,env(safe-area-inset-top,0px)); z-index:12; }
.game-arena .arena-clock.arena-decision-clock {
  --clock-color:#efd29a;
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  width:110px; min-width:0; min-height:74px; padding:7px 10px 9px; gap:3px;
  border:1px solid #c6a5698c; border-radius:4px 12px; background:linear-gradient(145deg,#2c2b25f2,#121819fa);
  box-shadow:0 3px 16px #0006,inset 0 1px #ffe2b424; color:var(--clock-color); text-align:center;
}
.arena-decision-clock .clock-label { font:700 9px/1.2 var(--font-display,inherit); letter-spacing:1px; white-space:nowrap; }
.game-arena .arena-decision-clock #phase-timer { display:flex; align-items:baseline; justify-content:center; gap:3px; font-variant-numeric:tabular-nums; }
.arena-decision-clock #phase-timer b { font:700 42px/.95 var(--font-display,inherit); color:inherit; }
.arena-decision-clock #phase-timer small { font:700 16px/1 var(--font-display,inherit); color:inherit; }
.phase-clock-track { width:100%; height:3px; margin-top:3px; overflow:hidden; background:#efd29a24; border-radius:2px; }
.phase-clock-track i { display:block; height:100%; background:var(--clock-color); transform:scaleX(var(--time-left,1)); transform-origin:left; transition:transform .3s linear; }
.game-arena .arena-decision-clock.urgent { --clock-color:#ffad8d; color:var(--clock-color); border-color:#f9815d; background:linear-gradient(145deg,#522a22,#20171a); box-shadow:0 0 18px #e5693630,inset 0 1px #ffe2b424; }
.mulligan-screen .mulligan-topbar:has(.arena-decision-clock) { min-height:96px; position:sticky; top:0; z-index:20; }
.mulligan-topbar .arena-decision-clock { justify-self:center; }
@media(max-width:700px) {
  .battle-scoreboard.has-decision-clock { grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr); gap:6px; }
  .game-arena .arena-clock.arena-decision-clock { width:64px; min-height:58px; padding:5px 4px; gap:2px; }
  .arena-decision-clock #phase-timer b { font-size:31px; }
  .arena-decision-clock #phase-timer small { font-size:11px; }
  .arena-decision-clock .clock-label { font-size:7px; letter-spacing:0; }
  .phase-clock-track { height:2px; }
  .battle-scoreboard.has-decision-clock .commander { padding-inline:7px; gap:4px; }
  .battle-scoreboard.has-decision-clock .life-value>b { font-size:31px; }
  .mulligan-screen .mulligan-topbar:has(.arena-decision-clock) { min-height:74px; }
  .has-battle-layout .online-room-code>small { display:none; }
  .has-battle-layout .arena-icon-button { min-width:40px; width:40px; }
  .has-battle-layout.is-online .duel-progress { gap:4px; }
}
.reduced-motion .phase-clock-track i { transition:none; }
@media(prefers-reduced-motion:reduce) { .phase-clock-track i { transition:none; } }
@media(max-width:700px) { .round-continuation { min-height:46px; padding:6px 10px; font-size:17px; gap:6px; } .phase-reveal .arena-action-bar { grid-template-columns:minmax(0,1fr) auto; } .phase-reveal .action-plan strong { font-size:13px; } .phase-reveal .action-plan small { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .round-transition { background:linear-gradient(transparent,#080e17f5 40%,#080e17f5 60%,transparent); } }