/* Text/SVG-free countdown overlay: the same paper, coral and ink as the cabinet. */
.round-cue{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none;isolation:isolate;background:rgba(242,240,226,.55);padding:18px}
.round-cue .cue-card{width:min(360px,85%);padding:24px 24px 20px;text-align:center;border:2px solid var(--ink);border-radius:22px;background:#fffaf0;color:#273b36;box-shadow:0 6px 0 #273b36,0 18px 32px #203b3920;position:relative}
.cue-eyebrow{display:block;font:800 10px ui-monospace,monospace;letter-spacing:.19em;color:#69766b;margin-bottom:10px}
.cue-title{display:block;font-size:clamp(28px,4vw,42px);letter-spacing:-.07em;line-height:1.18;font-weight:950}
.cue-detail{font-size:12px;color:#627166;margin:11px 0 0;line-height:1.5}
.cue-dots{display:flex;gap:8px;justify-content:center;margin-top:16px}
.cue-dots i{width:9px;height:9px;border-radius:50%;border:1.5px solid #32463b;background:#e4e7da}
.cue-dots i[data-active=true]{background:#ec765f}
.cue-roster{height:42px;display:flex;justify-content:center;gap:2px;margin-top:15px;align-items:flex-end}
.cue-roster img{width:35px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 0 #354c4324)}
.cue-card:before{content:'✳';position:absolute;top:-18px;right:15px;font-size:30px;color:#c88324;line-height:1;background:#fffaf0;padding:0 5px;border-radius:50%;transform:rotate(12deg)}
.round-cue[data-kind=count] .cue-card{width:240px;padding:19px 22px 16px;transform:none}
.round-cue[data-kind=count] .cue-title{font-size:92px;line-height:.92;letter-spacing:-.06em;font-family:ui-rounded,system-ui,sans-serif;color:#e5684f;text-shadow:2px 3px 0 #263d35}
.round-cue[data-kind=count] .cue-detail{font-size:11px}
.round-cue[data-kind=count] .cue-roster{height:32px;margin-top:10px}.round-cue[data-kind=count] .cue-roster img{width:28px;height:32px}
.round-cue[data-kind=go],.round-cue[data-kind=hurry],.round-cue[data-kind=close]{align-items:flex-start;padding:24px 12px 0;background:transparent}
.round-cue[data-kind=go] .cue-card,.round-cue[data-kind=hurry] .cue-card,.round-cue[data-kind=close] .cue-card{width:auto;min-width:240px;max-width:95%;padding:11px 26px 13px;border-radius:15px;box-shadow:0 4px 0 #273b36,0 6px 20px #263d3520}
.round-cue[data-kind=go] .cue-card{background:#dcebd4}.round-cue[data-kind=close] .cue-card{background:#f4d98b}.round-cue[data-kind=hurry] .cue-card{background:#ffe7df}
.round-cue[data-kind=go] .cue-title{color:#304e3e;font-size:39px}
.round-cue[data-kind=hurry] .cue-title,.round-cue[data-kind=close] .cue-title{font-size:24px}
.round-cue[data-kind=go] .cue-eyebrow,.round-cue[data-kind=hurry] .cue-eyebrow,.round-cue[data-kind=close] .cue-eyebrow{margin-bottom:3px;font-size:9px}
.round-cue[data-kind=go] .cue-detail,.round-cue[data-kind=hurry] .cue-detail,.round-cue[data-kind=close] .cue-detail{margin-top:4px;font-size:11px}
.round-cue[data-kind=go] .cue-dots,.round-cue[data-kind=hurry] .cue-dots,.round-cue[data-kind=close] .cue-dots,.round-cue[data-kind=go] .cue-roster,.round-cue[data-kind=hurry] .cue-roster,.round-cue[data-kind=close] .cue-roster{display:none}
.round-cue[data-kind=round] .cue-title{font-size:34px}
.round-clock.preparing{background:#e9eadb;border-color:#9ba78e}.phase-tag.preparing{color:#666f4f;background:#eaeddc}.phase-tag.preparing i{background:#c4a758}
.control-panel.is-preparing{position:relative}.control-panel.is-preparing .control-title{border-left:3px solid #cda442;padding-left:13px}
.control-panel.is-preparing .zone-button,.control-panel.is-preparing .item-button,.control-panel.is-preparing .stance-button{opacity:.68}
.cue-live{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cue-pop{animation:cue-arrive .24s cubic-bezier(.22,1.35,.45,1) both}
@keyframes cue-arrive{from{opacity:.2;transform:translateY(7px) scale(.91)}to{opacity:1;transform:translateY(0) scale(1)}}
.reduce-motion .cue-pop{animation:none!important}
@media(prefers-reduced-motion:reduce){body:not([data-cue-motion=full]) .cue-pop{animation:none!important}}
.high-contrast .round-cue .cue-card{border:3px solid #17231d;color:#16281d}.high-contrast .cue-detail,.high-contrast .cue-eyebrow{color:#314d3b}
@media(max-width:600px){.round-cue{padding:10px}.round-cue .cue-card{padding:17px 13px 14px;width:min(285px,87%)}.cue-title{font-size:30px}.cue-detail{font-size:11px}.cue-eyebrow{font-size:9px}.cue-roster{height:32px;margin-top:10px}.cue-roster img{width:27px;height:32px}.round-cue[data-kind=count] .cue-card{width:205px;padding:16px}.round-cue[data-kind=count] .cue-title{font-size:77px}.round-cue[data-kind=round] .cue-title{font-size:28px}.round-cue[data-kind=go],.round-cue[data-kind=hurry],.round-cue[data-kind=close]{padding-top:17px}.round-cue[data-kind=go] .cue-card,.round-cue[data-kind=hurry] .cue-card,.round-cue[data-kind=close] .cue-card{min-width:210px;padding:9px 17px 10px}.round-cue[data-kind=go] .cue-title{font-size:30px}}
