/* ============================================================
   TeachingChess — blitz-tactics.css
   Styling for Blitz Tactics mode on the Puzzles page. Uses the
   site's existing brand variables - load after main.css.
   ============================================================ */

.blitz-panel{max-width:420px;margin:0 auto}

.blitz-idle{text-align:center;padding:24px 16px}
.blitz-final{margin-bottom:14px}
.blitz-final-score{font-size:2.4rem;font-weight:800;color:var(--accent-hi)}

.blitz-hud{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:.9rem;color:var(--text-dim)}
.blitz-hud b{color:var(--text-strong)}
.blitz-timer{font-variant-numeric:tabular-nums;font-weight:800;color:var(--accent-hi);font-size:1.1rem}
.blitz-timer-low{color:var(--danger-hi,#C9565D);animation:blitzPulse 1s infinite}
@keyframes blitzPulse{0%,100%{opacity:1}50%{opacity:.45}}

.blitz-task{text-align:center;font-weight:700;color:var(--text-strong);margin-bottom:10px}
.blitz-board{display:flex;justify-content:center}