.draw-layout{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:24px;display:grid}.draw-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-block:28px;display:flex;position:relative}.draw-letter{color:var(--gold);min-width:1ch;margin-top:12px;font-family:Bangers,sans-serif;font-size:clamp(160px,15vw,200px);line-height:1}.draw-letter.is-new{animation:letter-pop .4s var(--ease)}@keyframes letter-pop{0%{opacity:.3;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:none}}.draw-note{min-height:1.6em;margin-top:8px;font-size:18px;font-weight:700}.draw-clock{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin-top:16px;display:flex}.draw-time{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-family:Bangers,sans-serif;font-size:56px;line-height:1.1}.draw-card.is-urgent .draw-time,.draw-card.is-over .draw-time{color:var(--coral)}.draw-card.is-over .draw-note{color:var(--gold)}.draw-card.is-over:after{content:"Stop!";content:"Stop!" / "";border:3px solid var(--coral);color:var(--coral);border-radius:8px;padding:0 12px;font-family:Bangers,sans-serif;font-size:36px;line-height:1.3;position:absolute;top:28px;right:28px;transform:rotate(10deg)}.draw-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.draw-actions .button-primary{min-width:220px}.draw-history{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:24px}.draw-history [data-history]{letter-spacing:.04em;min-height:1.3em;margin-top:4px;font-family:Bangers,sans-serif;font-size:30px;line-height:1.3}.draw-history [data-history].is-empty{letter-spacing:0;color:var(--muted);font-family:Nunito,sans-serif;font-size:17px}.draw-history .small-note{margin-top:4px}.timer-chips{grid-template-columns:auto repeat(3,1fr);display:grid}.timer-chips .chip span{white-space:nowrap;justify-content:center;width:100%;padding-inline:8px}@media (width<=760px){.timer-chips{gap:6px}.draw-card{padding-block:28px}.draw-layout{grid-template-columns:1fr;gap:16px}.draw-letter{margin-top:8px;font-size:150px}.draw-note{font-size:17px}.draw-time{font-size:48px}.draw-card.is-over:after{font-size:28px;top:20px;right:20px}.draw-actions{flex-direction:column;align-self:stretch;margin-top:20px}.draw-actions .button-primary{min-width:0}}
