/* A separate, nonblocking channel for match deadlines. */
#match-warning {position:absolute;z-index:28;left:50%;top:25%;transform:translateX(-50%);width:min(600px,90%);text-align:center;pointer-events:none;color:#ffe1a0;filter:drop-shadow(0 3px 3px #081820);}
#match-warning[hidden],body:not(.match-playing) #match-warning {display:none!important}
#match-warning strong {display:block;font:400 clamp(38px,5.8vw,72px)/1.05 'Tideglass Bangers',Impact,sans-serif;letter-spacing:1px;-webkit-text-stroke:1px #492a18;text-shadow:2px 3px 0 #492a18;}
#match-warning span {display:block;margin-top:5px;font:600 14px/1.4 system-ui;color:#fff4d8;text-shadow:0 1px 3px #000;}
#match-warning[data-tone="crimson"] strong {color:#ff987b;}
#match-warning.show {animation:match-warning-enter .4s cubic-bezier(.18,.8,.25,1.2) both;}
#match-timer-box[data-urgency="soon"] #match-timer {color:#ffda85;}
#match-timer-box[data-urgency="final"] #match-timer {color:#ff937d;text-shadow:0 0 10px #f35b4544;}
#match-timer-box[data-urgency] .eyebrow {transition:color .2s;}
@keyframes match-warning-enter {from{opacity:0;transform:translateX(-50%) scale(.7)}to{opacity:1;transform:translateX(-50%) scale(1)}}
@media (pointer:coarse) {#match-warning {top:calc(var(--edge-top,8px) + 160px);width:94%;}#match-warning strong{font-size:clamp(34px,9vw,48px)}#match-warning span{font-size:12px}}
@media (pointer:coarse) and (max-height:500px) {#match-warning{top:calc(var(--edge-top,8px) + 74px);width:56%;}#match-warning strong{font-size:34px}#match-warning span{font-size:11px}}
@media(prefers-reduced-motion:reduce){#match-warning.show{animation:none}}
/* Give deadlines priority while leaving other announcement state intact. */
body:has(#match-warning:not([hidden])) #level-banner {visibility:hidden;}