.bc{--bc-brand:#1f3fd1;--bc-accent:#ffd23f;--bc-on-brand:#f7f7f4;--bc-on-accent:#16130f;--bc-ink:var(--ink,#121d19);--bc-soft:var(--slate,#4b5853);grid-template-columns:minmax(0,1fr);align-items:center;gap:32px;display:grid}.bc__clock{width:min(86vw,440px);margin:0 auto}.bc__clock svg{width:100%;height:auto;display:block}.bc .disc{fill:var(--bc-brand)}.bc .disc-off{fill:var(--bc-accent)}.bc .tick{stroke:var(--bc-on-brand);stroke-linecap:round}.bc .tick.minor{opacity:.45}.bc .num{fill:var(--bc-on-brand);font:500 19px/1 var(--f-display,"Barlow Condensed", sans-serif);text-anchor:middle;dominant-baseline:central}.bc .open-arc{fill:none;stroke:var(--bc-on-brand);stroke-opacity:.18;stroke-width:26px}.bc .mk circle{fill:var(--bc-brand);stroke:var(--bc-accent);stroke-width:4px;transition:fill .25s}.bc .mk.is-out circle{fill:var(--bc-accent)}.bc .mk.is-next circle{fill:var(--bc-on-brand);stroke:var(--bc-accent);stroke-width:5px}.bc .mk.is-next text{fill:var(--bc-brand)}.bc .mk text{fill:var(--bc-accent);font:600 13px/1 var(--f-display,"Barlow Condensed", sans-serif);text-anchor:middle;dominant-baseline:central}.bc .mk.is-out text{fill:var(--bc-on-accent)}.bc .hand{stroke:var(--bc-on-brand);stroke-linecap:round}.bc .cap{fill:var(--bc-accent);stroke:var(--bc-on-brand);stroke-width:3px}.bc__legend{font:600 14px/1.2 var(--f-display,sans-serif);text-transform:uppercase;letter-spacing:.1em;color:var(--bc-soft);flex-wrap:wrap;justify-content:center;gap:6px 20px;margin:12px 0 0;display:flex}.bc__legend span{align-items:center;gap:.5em;display:inline-flex}.bc__legend i{border:2.5px solid var(--bc-accent);background:var(--bc-brand);border-radius:50%;width:.9em;height:.9em;display:inline-block}.bc__legend i.k-out{background:var(--bc-accent);border-color:var(--bc-brand)}.bc__legend i.k-next{background:var(--bc-on-brand);box-shadow:0 0 0 1.5px var(--bc-brand)}.bc__side{gap:20px;min-width:0;display:grid}.bc__pill{border:2px solid var(--bc-ink);background:var(--paper,#fbfbf7);font:700 18px/1.2 var(--f-display,sans-serif);text-transform:uppercase;letter-spacing:.08em;justify-self:start;align-items:center;gap:10px;margin:0;padding:6px 14px;display:inline-flex}.bc__pill .dot{background:var(--string,#b82e17);border-radius:50%;width:12px;height:12px}.bc__pill.is-open .dot{background:#1b7a3e}.bc__rows{gap:16px;display:grid}.bc .row{gap:2px;display:grid}.bc .label{font:600 14px/1.2 var(--f-display,sans-serif);text-transform:uppercase;letter-spacing:.14em;color:var(--bc-soft)}.bc .big{font:700 clamp(28px, 4vw, 38px)/1.02 var(--f-display,sans-serif)}.bc .small-line{font-size:18px}.bc .when{font-variant-numeric:tabular-nums;font-size:17px}.bc .when mark{background:var(--bc-accent);color:var(--bc-on-accent);padding:1px 8px}.bc__picks{gap:8px;display:grid}.bc__picks div{flex-wrap:wrap;gap:8px;display:flex}.bc__picks button{border:2px solid var(--bc-ink);background:var(--paper,#fbfbf7);min-height:44px;color:var(--bc-ink);font:600 16px/1 var(--f-display,sans-serif);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:0 14px}.bc__picks button[aria-pressed=true]{background:var(--bc-brand);color:#fff}.bc__picks button:focus-visible{outline:3px solid var(--bc-ink);outline-offset:3px}.bc__note{color:var(--bc-soft);max-width:36em;margin:0;font-size:15px;line-height:1.5}@media (width>=900px){.bc{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px}.bc__clock{width:100%;max-width:480px}}@media (prefers-reduced-motion:reduce){.bc .mk circle{transition:none}}