/* KOBIS Livestream: multi-view live coverage */
.ls{background:linear-gradient(135deg,#050505,#0A0A0A 55%,#1C1C1E);color:#e6e6ea;padding:clamp(48px,7vw,88px) 0;position:relative;overflow:hidden}
.ls::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 100% 0,rgba(232,78,0,.35),transparent 60%)}
.ls>.wrap{position:relative}
.ls-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.ls h2{color:#fff;font-size:clamp(1.9rem,4.4vw,3.2rem)}
.ls-intro{margin-top:10px;color:#c4c4cc;max-width:42em}
.ls .kicker{display:flex;align-items:center;gap:10px}
.ls-dot{width:10px;height:10px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 0 rgba(255,59,48,.7);animation:lspulse 1.6s infinite}
@keyframes lspulse{70%{box-shadow:0 0 0 12px rgba(255,59,48,0)}100%{box-shadow:0 0 0 0 rgba(255,59,48,0)}}
.ls-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 14px;font-weight:600;font-size:.9rem}
.ls-badge i{width:8px;height:8px;border-radius:50%;background:#ff3b30}
.ls-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ls-c1 .ls-grid{grid-template-columns:minmax(0,1fr)}.ls-c3 .ls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ls-c4 .ls-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ls-card{margin:0;min-width:0}
.ls-frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 18px 44px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1)}
.ls-frame iframe,.ls-frame video{border:0}
.ls-tag{position:absolute;z-index:3;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;background:#e5231b;color:#fff;font:700 .72rem/1 var(--body);letter-spacing:.08em;padding:6px 9px;border-radius:6px;pointer-events:none}
.ls-tag i{width:6px;height:6px;border-radius:50%;background:#fff;animation:lsblink 1.2s infinite}
@keyframes lsblink{50%{opacity:.25}}
.ls-card figcaption{padding:10px 2px 0}.ls-card figcaption b{display:block;color:#fff;font-size:1rem}.ls-card figcaption small{color:#a9a9b2}
.ls-link{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#fff;background:linear-gradient(135deg,#1C1C1E,#2b1a10);text-decoration:none!important;padding:16px}
.ls-link:hover .ls-play{transform:scale(1.1)}.ls-link small{color:#b9b9c1}
.ls-play{width:64px;height:64px;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:0 0 0 8px rgba(255,87,2,.25);transition:transform .25s}.ls-play svg{width:26px;height:26px;fill:#1a1004;margin-left:3px}
.ls-off{border:1px dashed rgba(255,255,255,.25);border-radius:16px;padding:32px;text-align:center;background:rgba(255,255,255,.04)}.ls-off b{color:#fff;font-size:1.2rem}.ls-off p{color:#b9b9c1;margin-top:6px}
/* focus layout: first stream large, the rest beside it */
.ls-l-focus .ls-grid{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);align-items:start}
.ls-l-focus .ls-card:first-child{grid-row:span 8}
.ls-l-focus .ls-card:not(:first-child){grid-column:2}
.ls-l-focus .ls-card:not(:first-child) .ls-frame{cursor:pointer}
/* single layout */
.ls-l-single .ls-grid{grid-template-columns:minmax(0,1fr)}
.ls-l-single .ls-card{display:none}.ls-l-single .ls-card.on,.ls-l-single:not(.ls-tabbed) .ls-card:first-child{display:block}
.ls-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.ls-tab{font:600 .9rem/1 var(--body);padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);color:#fff;cursor:pointer}
.ls-tab.on{background:var(--orange);border-color:var(--orange);color:#1a1004}
.ls-tab:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:900px){.ls-c3 .ls-grid,.ls-c4 .ls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ls-l-focus .ls-grid{grid-template-columns:minmax(0,1fr)}.ls-l-focus .ls-card:first-child{grid-row:auto}.ls-l-focus .ls-card:not(:first-child){grid-column:auto}}
@media(max-width:600px){.ls-grid,.ls-c3 .ls-grid,.ls-c4 .ls-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ls-dot,.ls-tag i{animation:none}}