.sp .cl-grid>li{display:flex}.sp .cl-card{flex-direction:column;gap:14px;width:100%;padding:0 0 18px;display:flex;position:relative;overflow:hidden}.sp .cl-card>.sp-btn{margin:auto 18px 0}.sp .cl-card-body{gap:8px;padding:0 18px;display:grid}.sp .cl-card h2{font-size:19px}.sp .cl-card h2 a{color:var(--sp-ink);text-decoration:none}.sp .cl-card h2 a:hover{text-decoration:underline}.sp .cl-banner{background:linear-gradient(135deg, var(--sp-teal), var(--sp-teal-2)) center / cover no-repeat;position:relative}.sp .cl-banner-card{height:120px;margin-bottom:26px}.sp .cl-banner-hero{border-radius:var(--sp-radius) var(--sp-radius) 0 0;height:180px;margin:-20px -20px 50px}.sp .cl-logo{inset-inline-start:18px;box-shadow:0 0 0 4px var(--sp-card);background:var(--sp-teal-soft);position:absolute;bottom:0;transform:translateY(50%)}.sp .cl-banner-hero .cl-logo{inset-inline-start:20px}.sp .cl-live{background:var(--sp-danger);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.sp .cl-card>.cl-live{top:12px;position:absolute;inset-inline-end:12px}.sp .cl-live i{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.6s infinite sp-pulse}.sp .cl-live.static{justify-self:start}.sp .cl-hero{gap:18px;display:grid;overflow:hidden}.sp .cl-hero h1{font-size:clamp(26px,4vw,34px)}.sp .cl-facts{border-top:1px solid var(--sp-line);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 20px;margin:0;padding-top:16px;display:grid}.sp .cl-facts div{gap:4px;min-width:0;display:grid}.sp .cl-facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--sp-muted);font-size:12px;font-weight:700}.sp .cl-facts dd{overflow-wrap:anywhere;margin:0;font-weight:600}.sp .cl-on-air{background:var(--sp-danger-bg);border-color:#dc262659;gap:10px;display:grid}.sp .cl-on-air h2{font-size:18px}.sp .cl-studio{grid-template-columns:minmax(0,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.sp .cl-main{gap:16px;min-width:0;display:grid}.sp .cl-stage{aspect-ratio:9/16;border-radius:var(--sp-radius);background:var(--sp-dark);width:100%;max-width:min(100%,43.875vh);min-height:320px;color:var(--sp-dark-text);place-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden}.sp .cl-player{position:absolute;inset:0}.sp .cl-stage.playing .cl-video{aspect-ratio:9/16;z-index:1;border-radius:10px;width:28%;inset:auto 12px 84px auto;overflow:hidden;box-shadow:0 0 0 2px #fff}.sp .cl-portrait{text-align:center;margin:0}.sp .cl-stage.on{box-shadow:0 0 0 3px var(--sp-danger)}.sp .cl-video{position:absolute;inset:0}.sp .cl-video[hidden]{display:none}.sp .cl-video video{object-fit:cover}.sp .cl-novideo{text-align:center;color:var(--sp-dark-muted);margin:0;padding:0 24px 80px}.sp .cl-top{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.sp .cl-conn{flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex;position:absolute;top:64px;left:14px;right:14px}.sp .cl-live-title{overflow-wrap:anywhere;font-size:24px}.sp .cl-rules{gap:8px;margin:0;padding-inline-start:20px;display:grid}.sp .cl-audience{gap:12px;display:grid}.sp .cl-audience h2,.sp .cl-chat h2,.sp .sm-h{align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.sp .cl-tiles{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.sp .cl-tile{aspect-ratio:5/7;background:var(--sp-dark);color:var(--sp-dark-text);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.sp .cl-tile-video{position:absolute;inset:0}.sp .cl-tile-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#fff;background:linear-gradient(#0000,#000000a6);padding:14px 6px 5px;font-size:12px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.sp .cl-stage-panel .nowrap{white-space:nowrap}.sp .cl-performer{grid-template-columns:96px 1fr;align-items:start;gap:12px;display:grid}.sp .cl-queue{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sp .cl-queue li{align-items:center;gap:8px;display:flex}.sp .cl-queue-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sp .cl-tile.ghost{background:var(--sp-teal-soft);opacity:.5}.sp .cl-tile.more{background:var(--sp-teal-soft);color:var(--sp-ink);font-size:14px}.sp .cl-chat{gap:10px;display:grid}.sp .cl-messages{overscroll-behavior:contain;align-content:start;gap:10px;height:300px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.sp .cl-messages li{align-items:flex-start;gap:8px;display:flex}.sp .cl-messages p{overflow-wrap:anywhere;margin:0;line-height:1.4}.sp .cl-video-ctl{border-top:1px solid var(--sp-line);padding-top:14px}.sp .cl-media{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sp .cl-media li{align-items:center;gap:12px;display:flex}.sp .cl-thumb{background:var(--sp-dark) center / cover no-repeat;color:#fff;border-radius:8px;flex:none;place-items:center;width:64px;height:40px;display:grid}.sp .cl-media-main{flex:1;min-width:0;display:grid}.sp .cl-media-main b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp .cl-summary{background:var(--sp-teal-soft);border-radius:12px;gap:8px;margin:0;padding:12px 14px;display:grid}.sp .cl-summary div{justify-content:space-between;gap:12px;display:flex}.sp .cl-summary dt{color:var(--sp-muted)}.sp .cl-summary dd{text-align:end;overflow-wrap:anywhere;margin:0;font-weight:700}.sp .cl-fees .sp-chip.locked{opacity:.75}.sp .cl-pending{color:var(--sp-teal);font-weight:600}@media (min-width:900px){.sp .cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp .cl-studio{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.sp .cl-studio>aside{position:sticky;top:16px}}@media (min-width:1200px){.sp .cl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.sp .cl-live i{animation:none}}.sp .cl-note{background:var(--sp-ok-bg);color:var(--sp-ok);border-radius:10px;margin:0;padding:10px 12px;font-weight:600}