.round-timer-hud{position:absolute;z-index:25;top:clamp(132px,18vh,210px);right:clamp(14px,4vw,72px);display:grid;grid-template-columns:auto auto auto;align-items:baseline;gap:0 .28em;min-width:9.2em;padding:.42em .72em .5em;border:3px solid #ffdf86;border-radius:28px;background:linear-gradient(135deg,#d94b98ed,#783bb9ed);box-shadow:0 4px 0 #52226e,0 0 22px #ff9fd9b8;color:#fffbe2;text-shadow:0 2px 0 #74266e;pointer-events:none;text-align:center;isolation:isolate}
.round-timer-hud[hidden]{display:none}
.round-timer-label{font-size:.72em;font-weight:900;grid-column:1}.round-timer-value{font:1000 clamp(2.15rem,4.5vw,4rem)/.82 Impact,"Arial Black",sans-serif;grid-column:2;position:relative;z-index:2}.round-timer-unit{font-size:.72em;font-weight:900;grid-column:3}
.round-timer-announcer{position:absolute;right:0;left:auto;top:calc(100% + 4px);width:max-content;max-width:min(18em,calc(100vw - 24px));transform:none;padding:.2em .42em;border-radius:8px;background:#51205fe8;color:#fff8d9;font-size:.72rem;font-weight:900;line-height:1.2;text-align:right;text-shadow:0 1px 0 #32113d;white-space:normal;overflow-wrap:anywhere}
.round-timer-fx{position:absolute;inset:50% auto auto 50%;width:clamp(180px,22vw,280px);aspect-ratio:1;transform:translate(-50%,-50%);background:url("assets/countdown/countdown-fx-atlas.webp") 0 0/1000% 600% no-repeat;pointer-events:none;z-index:-1;opacity:.94}
.round-timer-hud[data-hype-stage=warm]{border-color:#ffd86a;box-shadow:0 4px 0 #52226e,0 0 30px #ffbb68c7}.round-timer-hud[data-hype-stage=hot]{border-color:#ff9c5f;background:linear-gradient(135deg,#ef3e88ef,#6f2eb5ef);box-shadow:0 4px 0 #52226e,0 0 34px #ff5fa8e0}.round-timer-hud[data-hype-stage=final]{border-color:#fff0a1;background:linear-gradient(135deg,#ff3e7eef,#6331b8ef);box-shadow:0 4px 0 #52226e,0 0 42px #ff77cfee}
.round-timer-hud[data-cue]{animation:round-timer-cue .5s cubic-bezier(.2,.9,.25,1.25)}.round-timer-hud[data-cue] .round-timer-value{animation:round-timer-number-bump .5s cubic-bezier(.2,.9,.25,1.25)}
.round-timer-hud[data-paused="1"],.round-timer-hud[data-motion="off"]{filter:grayscale(.18);opacity:.82}.round-timer-hud[data-paused="1"] .round-timer-fx,.round-timer-hud[data-motion="off"] .round-timer-fx{background-image:url("assets/countdown/countdown-fx-still.webp");background-size:100% 100%;background-position:0 0!important}.round-timer-hud[data-motion="off"],.round-timer-hud[data-motion="off"] .round-timer-value,.round-timer-hud[data-paused="1"] .round-timer-value{animation:none!important}
@keyframes round-timer-cue{50%{transform:translateX(-4px) rotate(-2deg) scale(1.08);filter:brightness(1.25)}}@keyframes round-timer-number-bump{50%{transform:scale(1.24) rotate(3deg);color:#fff8bd}}
@supports (-webkit-background-clip:text){.round-timer-value{background:linear-gradient(180deg,#fffbd0,#ffd45e 34%,#ff68b4 72%,#e93188);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #fff1a0;text-shadow:0 3px 0 #71226c,0 0 12px #ffb6dc}}
@media(max-width:680px){.round-timer-hud{top:clamp(250px,38vh,285px);right:clamp(10px,4vw,16px);min-width:7.1em;padding:.28em .5em;border-width:2px}.round-timer-value{font-size:2.25rem}.round-timer-fx{width:130px}.round-timer-announcer{font-size:.62rem;max-width:16em}}
@media(max-width:380px){.round-timer-fx{width:100px}.round-timer-value{font-size:2rem}}
@media(min-width:600px) and (max-height:520px) and (orientation:landscape){.round-timer-hud{top:64%;left:clamp(420px,68vw,470px);right:auto}.round-timer-fx{width:64px}.round-timer-value{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.round-timer-hud,.round-timer-hud *{animation:none!important}.round-timer-fx{background-image:url("assets/countdown/countdown-fx-still.webp");background-size:100% 100%;background-position:0 0!important}}