.timer-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:710px;margin:5px 0 12px}
.timer-button{cursor:pointer;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 15px;border:3px solid #ab8152;border-radius:13px;background:#e6d0a6;color:#58351e;text-align:left;box-shadow:0 3px 0 #785036}
.timer-button b{font-size:clamp(15px,1.35vw,21px)}.timer-button small{font-size:clamp(11px,1vw,14px);font-weight:800}
.timer-button.active{background:#c4e6a4;border-color:#508a42;box-shadow:0 3px 0 #32682d}
.length-picker[hidden]{display:none!important}
.score-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;flex-wrap:wrap}
.clear-scores{font-size:clamp(11px,.85vw,14px);padding:6px 11px;min-height:30px}
.countdown-metric{border-color:#dfb554}.countdown-warning{background:#a34237!important;border-color:#ffd078!important;animation:timerPulse 1s ease-in-out infinite}
@keyframes timerPulse{50%{filter:brightness(1.25)}}
@media(max-height:750px){.timer-picker{margin:3px 0 6px}.timer-button{padding:6px 11px}.setup-note{margin-bottom:7px!important}.score-controls{margin-top:3px}.clear-scores{padding:3px 8px}}
@media(max-width:650px){.timer-picker{grid-template-columns:1fr}.timer-button{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.countdown-warning{animation:none}}