/* Brainzie Poolside — Blazor-port deltas layered on poolside-app.css (the original
   app.css, loaded wholesale so every mode keeps its exact styling). Only what's new
   to the Blazor port lives here. The app follows the original light palette; dark-mode
   theming of the modes is a later follow-up. */

/* Theme the team.core Stopwatch (used by Group set) so its clock matches the brand. */
:root {
  --tcc-stopwatch-fg: var(--ink);
  --tcc-stopwatch-running-fg: var(--brand);
  --tcc-stopwatch-size: clamp(2.6rem, 13vw, 3.8rem);
  --tcc-stopwatch-font: var(--font-display);
}
.clock-panel .tcc-stopwatch { align-items: flex-start; gap: 0; }

/* Custom mode-card icons (the original menu used emoji in .mode-emoji). */
.mode-icon { flex: 0 0 auto; width: 40px; display: grid; place-items: center; }
.mode-icon svg { width: 30px; height: 30px; }

/* Interim notice on mode pages still being ported. */
.port-note { max-width: 560px; margin: 18px auto; padding: 16px; border: 1px dashed var(--line); border-radius: var(--radius); background: var(--paper-2); color: var(--ink-soft); }
.port-note h1 { font-family: var(--font-display); color: var(--brand); font-size: 1.3rem; margin: 0 0 8px; }