.brd .br{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;padding:28px;display:grid}.br-stage{justify-self:center;place-items:center;width:100%;max-width:460px;display:grid;position:relative}.br-ring{width:100%;height:auto;display:block}.br-ring circle{fill:var(--night)}.br-ring circle.on{fill:var(--signal)}.br-mid{text-align:center;place-content:center;justify-items:center;gap:4px;padding:18%;display:grid;position:absolute;inset:0}.br-phase{font:600 34px/1.1 var(--f-d);margin:0}.br-count{font:600 96px/1 var(--f-d);font-variant-numeric:tabular-nums;min-height:1em;margin:0}.br-time{font:400 14px/1.3 var(--f-m);color:var(--soft);min-height:1.3em;margin:0}.br-ctl{gap:14px;min-width:0;display:grid}.br-go{min-height:52px}.br-line{margin:0;font-size:16px;line-height:1.45}.br-custom{flex-wrap:wrap;gap:10px 18px;display:flex}.br-custom .cv-inl input{width:5.5em}@media (prefers-reduced-motion:reduce){.br-ring circle.on{fill:var(--night)}}@media (max-width:900px){.brd .br{grid-template-columns:1fr;gap:18px;padding:18px 16px}.br-stage{max-width:360px}}@media (max-width:760px){.br-phase{font-size:26px}.br-count{font-size:72px}}