#live-events[hidden]{display:none}.live-event{position:relative;width:100%;aspect-ratio:16/9;max-height:85vh;overflow:hidden;background:#081c2d;color:#fff;isolation:isolate}.live-event img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-event .live-placeholder{object-fit:contain;padding:10%;box-sizing:border-box;opacity:.45}.live-overlay{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,4vw,64px);pointer-events:none;background:linear-gradient(#05142199,transparent 35%,transparent 60%,#051421cc)}.live-overlay h2{font-size:clamp(24px,4vw,64px);line-height:1.1;margin:10px 0}.live-badge{font-size:12px;letter-spacing:.15em;font-weight:700;color:#ebce95}.live-overlay p{max-width:70%;font-size:clamp(14px,1.6vw,22px);margin:0}.live-controls{position:absolute;right:24px;bottom:24px;z-index:4;display:flex;gap:8px}.live-controls button,.live-controls a{min-width:44px;min-height:44px;border:1px solid #e4c88d88;background:#0b253cdd;color:#efcf91;padding:10px 14px;border-radius:7px;cursor:pointer;font-size:14px;text-decoration:none}.live-enter-fade{animation:live-fade 1s both}.live-enter-wipe{animation:live-wipe 1s both}.live-enter-pop{animation:live-pop 1s both}.live-enter-up{animation:live-up 1s both}@keyframes live-fade{from{opacity:0}to{opacity:1}}@keyframes live-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes live-pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes live-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.live-event img{animation:none!important}}@media(max-width:600px){.live-event{min-height:260px}.live-controls{right:14px;bottom:14px}.live-overlay p{max-width:55%}}
