/* Approved Stream v2 chrome. Existing player controls, chat and fullscreen own their styles. */
.tsf-sp.tsf-sp{box-sizing:border-box;container:tsf-stream-surface / inline-size;position:relative;width:100%;max-width:none;margin:0;color:#f3f1ff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse 55% 46% at 3% 23%,#30144c 0%,transparent 80%),radial-gradient(ellipse 45% 55% at 95% 69%,#092d44 0%,transparent 76%),#07080e}
.tsf-sp:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 99px,#ffffff05 100px),linear-gradient(#0000,#06070c8c);opacity:.6}
.tsf-sp .tsf-sp-wrap{position:relative;width:min(1380px,calc(100% - 52px));margin:auto;padding:67px 0 90px}
.tsf-sp :is(.tsf-sp-heading,.tsf-sp-stream-card,.tsf-sp-tile,.tsf-sp-heading h1,.tsf-sp-tile h2,.tsf-sp-kicker,.tsf-sp-lead,.tsf-sp-tag,.tsf-sp-intro,.tsf-sp-empty,.tsf-sp-timezone,.tsf-sp-stream-bottom p,.tsf-sp-twitch-link,.tsf-sp-clip){box-sizing:border-box;font-family:inherit}
.tsf-sp .tsf-sp-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:0 0 33px;padding:0;border:0;background:none}
.tsf-sp .tsf-sp-kicker{font-size:11px;color:#39daff;font-weight:900;letter-spacing:3px;margin:0 0 15px}
.tsf-sp .tsf-sp-heading h1{font-size:clamp(53px,7cqw,94px);letter-spacing:-.065em;line-height:1;margin:0 0 13px;font-weight:950;color:#f3f1ff;text-transform:none;overflow-wrap:anywhere}
.tsf-sp .tsf-sp-heading h1 span{background:linear-gradient(90deg,#fff,#ac73ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.tsf-sp .tsf-sp-lead{color:#a7a4c5;font-size:16px;line-height:1.6;margin:0}
.tsf-sp .tsf-sp-identity{text-align:right;font-size:12px;font-weight:800;letter-spacing:2px;color:#e9e0ff;flex-shrink:0}
.tsf-sp .tsf-sp-identity small{display:block;color:#6c7197;font-size:10px;margin-top:8px;letter-spacing:2px}
.tsf-sp .tsf-sp-stream-card{position:relative;padding:12px;border:1px solid #65459c88;border-radius:25px;background:linear-gradient(130deg,#251938bd,#10182acc 46%,#0b1320ed);box-shadow:0 0 0 1px #f3d4ff0a,0 18px 65px #0008,0 0 65px #6327bf27;isolation:isolate;margin:0}
.tsf-sp .tsf-sp-stream-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(115deg,#a66bff6b,transparent 40%,#29c5f955);z-index:-1;filter:blur(13px);opacity:.55;pointer-events:none}
.tsf-sp .tsf-sp-stream-top{display:flex;justify-content:space-between;align-items:center;padding:11px 13px 18px;gap:12px}
.tsf-sp .tsf-sp-broadcast{display:flex;align-items:center;gap:12px;font-weight:900;font-size:13px;letter-spacing:1px;min-width:0;overflow-wrap:anywhere}
.tsf-sp .tsf-sp-broadcast i{display:inline-flex;flex-shrink:0;width:35px;height:35px;justify-content:center;align-items:center;border-radius:10px;background:linear-gradient(135deg,#a45aff,#492c91);box-shadow:0 0 25px #8c40ff44;font-style:normal}
.tsf-sp .tsf-sp-pill{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#b7b1d2;padding:10px 13px;border:1px solid #5d577e66;border-radius:999px;background:#1b1c31}
.tsf-sp .tsf-stream-holder:not(:fullscreen){max-width:none}
.tsf-sp .tsf-sp-stream-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 11px 8px}
.tsf-sp .tsf-sp-stream-bottom p{font-size:12px;color:#9090b1;margin:0}
.tsf-sp .tsf-sp-twitch-link{display:inline-flex;align-items:center;text-decoration:none;color:white;border:1px solid #7353b4;background:linear-gradient(100deg,#5235a4,#8d53e0);padding:11px 16px;border-radius:11px;font-weight:800;font-size:12px;transition:transform .2s,box-shadow .2s;flex-shrink:0}
.tsf-sp .tsf-sp-twitch-link:hover{transform:translateY(-2px);box-shadow:0 0 25px #a065ff66;color:white}
.tsf-sp .tsf-sp-below{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.tsf-sp .tsf-sp-below--single{grid-template-columns:1fr}
.tsf-sp .tsf-sp-tile{min-width:0;border:1px solid #5f4b8959;background:linear-gradient(125deg,#18182dd6,#0b1120d8);padding:23px 26px;border-radius:17px;box-shadow:0 12px 34px #0004;margin:0}
.tsf-sp .tsf-sp-tile h2{font-size:17px;margin:8px 0;line-height:1.5;color:#f3f1ff;font-weight:700;text-transform:none;letter-spacing:normal}
.tsf-sp :is(.tsf-sp-intro,.tsf-sp-empty){font-size:13px;color:#aaa9c6;line-height:1.65;margin:0}
.tsf-sp .tsf-sp-empty{margin-top:17px}
.tsf-sp .tsf-sp-tag{color:#44d9ff;letter-spacing:2px;font-size:10px;font-weight:900;margin:0}
.tsf-sp .tsf-sp-timezone{font-size:11px;color:#8887a5;margin:13px 0 0}
.tsf-sp-schedule{margin-top:17px;color:inherit}
.tsf-sp-schedule-row{display:grid;gap:4px;padding:12px 0;border-top:1px solid #ffffff13;overflow-wrap:anywhere}
.tsf-sp-schedule-row time{color:#a5a3c1;font-size:12px}.tsf-sp-schedule-row strong{color:#ece7ff;font-size:13px;font-weight:800}.tsf-sp-schedule-row p{color:#aaa9c6;font-size:12px;margin:0}
.tsf-sp .tsf-sp-clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px}
.tsf-sp .tsf-sp-clip{display:block;min-width:0;text-decoration:none;color:#d6bdff}
.tsf-sp .tsf-sp-thumbnail{aspect-ratio:16/9;border-radius:11px;background:radial-gradient(circle at 70% 30%,#533473,#0e1325 60%);border:1px solid #70559460;display:grid;place-items:center;position:relative;overflow:hidden}
.tsf-sp .tsf-sp-thumbnail img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;margin:0;border:0}
.tsf-sp .tsf-sp-play{position:relative;font-size:16px;color:#eee6ff;display:grid;place-items:center;width:38px;height:38px;border-radius:100%;background:#9f61e155;box-shadow:0 0 22px #a865ff44}
.tsf-sp .tsf-sp-clip-title{display:block;font-size:12px;line-height:1.5;margin-top:6px;overflow-wrap:anywhere}
.tsf-sp .tsf-sp-clip:hover .tsf-sp-clip-title{text-decoration:underline}
.tsf-sp :is(.tsf-sp-clip,.tsf-sp-twitch-link):focus-visible{outline:2px solid #39daff;outline-offset:3px}
/* Only ancestors of this page module opt into a full-width host. No viewport offsets. */
.tsf-stream-page :where(main,.wp-block-group,.wp-block-post-content,.entry-content,.entry,.content-area,.site-content):has(.tsf-sp){max-width:none;width:100%;margin-inline:0!important;padding-inline:0!important}
.tsf-stream-page main:has(.tsf-sp),.tsf-stream-page main .wp-block-group:has(.tsf-sp){margin-block:0!important;padding-block:0!important}
.tsf-stream-page main:has(.tsf-sp){background:#07080e}
.tsf-stream-page main:has(.tsf-sp) .wp-block-post-title{color:#f3f1ff}
@container tsf-stream-surface (max-width:700px){.tsf-sp .tsf-sp-wrap{width:calc(100% - 28px);padding-top:46px}.tsf-sp .tsf-sp-heading{align-items:start;flex-direction:column}.tsf-sp .tsf-sp-identity{text-align:left}.tsf-sp .tsf-sp-stream-top{padding:7px 5px 15px}.tsf-sp .tsf-sp-stream-bottom{align-items:start;flex-direction:column}.tsf-sp .tsf-sp-below{grid-template-columns:1fr}.tsf-sp .tsf-sp-tile{padding:20px}.tsf-sp .tsf-sp-heading h1{font-size:58px}.tsf-sp .tsf-sp-pill{padding:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.tsf-sp .tsf-sp-twitch-link{transition:none!important}}