.live-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:5px;background:#d62f2f;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.live-badge i{width:7px;height:7px;border-radius:50%;background:#fff;animation:live-blink 1.4s ease-in-out infinite}@keyframes live-blink{50%{opacity:.3}}.soon-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:5px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-weight:700}.live-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,380px);grid-gap:18px;gap:18px;overflow-x:auto;padding:12px 8px 14px;margin:-12px -8px 0;scroll-snap-type:x proximity;scrollbar-width:thin}.live-card{scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;color:var(--ink);text-decoration:none}.live-art{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:linear-gradient(140deg,#975252,#2a1414);box-shadow:var(--tile-shadow);border:2px solid var(--tile-border);transition:transform .25s var(--ease-dplus),border-color .25s;display:flex;align-items:flex-end;padding:12px;color:#fff}.live-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-art .badges{position:absolute;left:10px;top:10px;display:flex;gap:6px}.live-art .fallback{position:relative;font-weight:800;font-size:18px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.5)}.live-card:focus-visible .live-art,.live-card:hover .live-art{transform:scale(1.03);border-color:rgba(249,249,249,.8)}.live-card .t{font-weight:650;font-size:15px}.live-card .s{font-size:13px;color:var(--muted)}.live-hero{position:relative;aspect-ratio:16/9;max-height:560px;width:100%;border-radius:8px;overflow:hidden;background:linear-gradient(140deg,#975252,#1d0f0f);display:flex;align-items:flex-end;color:#fff;box-shadow:var(--shadow)}.live-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.25) 60%,transparent)}.live-hero-body{position:relative;z-index:1;padding:clamp(18px,4vw,40px);display:flex;flex-direction:column;gap:10px;max-width:640px}.live-hero-body h2{font-size:clamp(20px,3vw,30px);font-weight:700}.live-hero-body p{color:rgba(255,255,255,.86)}.live-player{position:relative;border-radius:8px;overflow:hidden;background:#000;box-shadow:var(--shadow)}.live-player mux-player{display:block;aspect-ratio:16/9;width:100%}@media (max-width:640px){.live-hero{aspect-ratio:auto;min-height:320px}}