/* One location, one persistent alert and one transient. Space is reserved below
   the header so readable notices never cover the live countdown or controls. */
#liveNotice{position:fixed;left:50%;transform:translateX(-50%);width:min(720px,80vw);z-index:40;display:grid;gap:8px;pointer-events:none}
#liveNotice[hidden],#liveCritical[hidden],#liveTransient[hidden]{display:none}
#liveNoticeSpace{flex:none;pointer-events:none}
.live-notice-card{position:relative;border:1px solid #6d8dab;border-left:5px solid #86b8e7;border-radius:10px;background:#202e3e;color:#eef5ff;padding:14px 48px 14px 18px;box-shadow:0 8px 28px #0005;pointer-events:auto;animation:notice-in 160ms ease-out;overflow-wrap:anywhere}
.live-notice-title{display:block;font-size:20px;line-height:1.25;font-weight:600;color:#c2ddfa;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.live-notice-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:30px;line-height:1.25;font-weight:650}
.live-notice-link{display:block;text-align:left;background:none;border:0;padding:0;width:100%;color:inherit;white-space:normal}
.live-notice-close{position:absolute;right:7px;top:7px;width:34px;height:34px;min-height:34px;padding:0;font-size:25px;background:transparent;border-color:transparent}
.live-notice-detail{display:block;font-size:16px;margin-top:5px;color:inherit}
.live-notice-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.live-notice-actions button{min-height:34px;font-size:14px;padding:5px 10px}
[data-kind=mention]{background:#343020;border-color:#dab866;border-left-color:#f0cf7a}[data-kind=mention] .live-notice-title{color:#f2da9f}
[data-kind=hurry]{background:#42301d;border-color:#ffa855;border-left-color:#ffa855}[data-kind=hurry] .live-notice-title{color:#ffcc96}
[data-kind=flow-prewarn]{background:#203940;border-color:#78bbc7;border-left-color:#78bbc7}
[data-kind=flow-advance]{background:#203d31;border-color:#7fdaa6;border-left-color:#7fdaa6}[data-kind=flow-advance] .live-notice-body{font-size:36px}
[data-kind=critical]{background:#422326;border-color:#ff8980;border-left-color:#ff8980}[data-kind=critical] .live-notice-title{color:#ffd0cb}
@keyframes notice-in{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.live-notice-card{animation:none}}
@media(max-width:1000px),(max-height:700px){
 #liveNotice{width:92vw;gap:5px}.live-notice-card{padding:9px 38px 9px 12px;border-radius:8px}.live-notice-title{font-size:16px;margin-bottom:3px}.live-notice-body{font-size:22px;line-height:1.2}[data-kind=flow-advance] .live-notice-body{font-size:26px}.live-notice-detail{font-size:13px}.live-notice-actions{margin-top:5px;gap:4px}.live-notice-actions button{font-size:13px;padding:4px 7px}
}
@media(max-height:700px){
 .compact.has-live-notice .countdown-content .eyebrow,.compact.has-live-notice .countdown-content .target,.compact.has-live-notice .panel-bottom{display:none}
 .compact.has-live-notice .countdown-content{padding:2px 6px;gap:0}.compact.has-live-notice .countdown-content h2{font-size:16px;line-height:1.2}.compact.has-live-notice .timer{font-size:38px;line-height:1.1}.compact.has-live-notice .panel-top{padding:4px 7px}
 .compact.has-live-notice .signals .section-title{display:none}.compact.has-live-notice .signals{padding:6px}.compact.has-live-notice .workspace{gap:5px}
}
@media(max-height:700px) and (orientation:portrait){
 .live-notice-card{padding:5px 36px 5px 9px}.live-notice-title{font-size:15px;line-height:1.15;margin-bottom:2px}.live-notice-body{font-size:20px;line-height:1.1}.live-notice-detail{display:none}.live-notice-actions{margin-top:4px}.live-notice-actions button{min-height:28px;padding:3px 6px;font-size:12px}
 .compact.has-live-notice .countdown-panel{min-height:98px}.compact.has-live-notice .panel-top{padding:3px 6px}.compact.has-live-notice .badge{font-size:10px;padding:3px}.compact.has-live-notice main{padding:5px 10px}
}
@media(max-height:420px) and (orientation:landscape){
 #liveNotice{gap:3px}.live-notice-card{padding:4px 38px 4px 9px}.live-notice-title{font-size:15px;line-height:1.1;margin-bottom:1px}.live-notice-body{font-size:20px;line-height:1.1}[data-kind=flow-advance] .live-notice-body{font-size:24px}.live-notice-detail{display:none}.live-notice-actions{margin-top:3px}.live-notice-actions button{min-height:28px;padding:3px 7px}
 .compact.has-live-notice .signal-grid{grid-template-rows:repeat(3,minmax(30px,1fr));gap:4px}.compact.has-live-notice .signal-grid button,.compact.has-live-notice .signal-grid button:last-child{min-height:30px}.compact.has-live-notice .target-row{margin-bottom:3px}.compact.has-live-notice #signalTargets button{min-height:28px;padding:3px}
}