.live{display:flex;flex-direction:column;gap:var(--sp-6)}.live__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:var(--sp-4);gap:var(--sp-4)}.live__headl{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.live__headr{display:flex;align-items:center;min-height:var(--ctl)}.live__nocast{margin:0;max-width:22ch;text-align:right}.live__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.live__gamechip{max-width:100%;min-width:0}a.live__gamechip:hover{color:var(--text)}.live__grid{--cols:4;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.live__grid--row{--cols:3}.live__grid--row>:nth-child(n+4){display:none}.live-card__stage{aspect-ratio:16/9;overflow:hidden}.live-card__stage .gcard__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-card__who{display:grid;place-items:center}a.live-card:hover{color:var(--text)}.live-card--sk{animation:sk-pulse 1.4s var(--ease-in-out) infinite alternate}.live-card__skline{display:block;height:12px;margin-block:var(--sp-1);width:70%;border-radius:var(--r-xs);background:var(--tone-wash)}.live-card__skline--short{width:40%}@media (max-width:1280px){.live__grid{--cols:3}}@media (max-width:900px){.live__grid{--cols:2}.live__grid--row>:nth-child(n+3){display:none}}@media (max-width:720px){.live{gap:var(--sp-5)}.live__grid{--cols:1}}.splayer{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-hero);background:var(--well-bg);box-shadow:var(--well);color:var(--text)}.splayer:focus{outline:none}.splayer--on{background:var(--m-bg);box-shadow:none}.splayer--compact{height:100%;aspect-ratio:auto;border-radius:inherit}.splayer--sk{animation:sk-pulse 1.4s var(--ease-in-out) infinite alternate}.splayer:-webkit-full-screen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border-radius:0;background:var(--m-bg)}.splayer:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border-radius:0;background:var(--m-bg)}.splayer__video{display:block;width:100%;height:100%;object-fit:contain;background:var(--m-bg)}.splayer__video[hidden]{display:none}.splayer__cam{position:absolute;right:var(--sp-3);bottom:calc(var(--sp-3) + var(--ctl) + var(--sp-3));width:22%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-inner);border:1px solid var(--m-line);background:var(--m-bg);pointer-events:none}.splayer--compact .splayer__cam{border-radius:var(--r-xs)}.splayer__status{position:absolute;inset:0;pointer-events:none}.splayer__slate{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-5);text-align:center;background:var(--well-bg);color:var(--muted);pointer-events:auto}.splayer__slate--over{background:var(--m-veil-hi)}.splayer__slateicon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--sp-1);border-radius:var(--r-sm);background:var(--surface-2);box-shadow:var(--edge-hi),inset 0 0 0 1px var(--border);color:var(--muted);flex:none}.splayer__slatetitle{margin:0;color:var(--text);max-width:32ch;overflow-wrap:anywhere}.splayer__slatebody{margin:0;max-width:40ch;font-size:var(--fs-14);line-height:var(--lh-body);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.splayer__slateact{margin-top:var(--sp-2)}.splayer--compact .splayer__slate{padding:var(--sp-3);gap:var(--sp-1)}.splayer--compact .splayer__slateicon{display:none}.splayer__dots{display:inline-flex;align-items:center;gap:6px;height:24px;margin-bottom:var(--sp-1)}.splayer__dots>span{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.3;animation:splayer-dot 1.2s var(--ease-in-out) infinite}.splayer__dots>span:nth-child(2){animation-delay:.2s}.splayer__dots>span:nth-child(3){animation-delay:.4s}@keyframes splayer-dot{0%,80%,to{opacity:.3}40%{opacity:1}}.splayer__chrome{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-3) var(--sp-3);background:var(--m-scrim-bottom);transition:opacity var(--t-med) var(--ease)}.splayer--idle .splayer__chrome:not(:focus-within){opacity:0;pointer-events:none}.splayer__bar{display:flex;align-items:center;gap:var(--sp-2);width:100%}.splayer__barspace{flex:1 1}.splayer__ctl{position:relative;width:var(--ctl);height:var(--ctl);flex:none;border-radius:var(--r-pill)}.splayer__ctl--off:after{content:"";position:absolute;top:50%;left:50%;width:22px;height:2px;margin:-1px 0 0 -11px;border-radius:1px;background:currentColor;transform:rotate(-45deg)}.splayer__vol{width:88px;height:var(--ctl);margin:0;accent-color:var(--m-accent);cursor:pointer}.splayer__tap{flex:none}@media (pointer:coarse){.splayer__ctl{width:var(--tap);height:var(--tap)}.splayer__vol{display:none}.splayer__cam{bottom:calc(var(--sp-3) + var(--tap) + var(--sp-3))}}@media (prefers-reduced-motion:reduce){.splayer__chrome{transition:none}.splayer__dots>span{animation:none;opacity:.6}.live-card--sk,.splayer--sk{animation:none}}.no-motion .splayer__chrome{transition:none}.no-motion .splayer__dots>span{animation:none;opacity:.6}.no-motion .live-card--sk,.no-motion .splayer--sk{animation:none}.watch__grid{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:minmax(0,1fr);grid-gap:var(--sp-6);gap:var(--sp-6)}.watch--solo .watch__grid{grid-template-columns:minmax(0,960px);justify-content:center}.watch--solo .watch__main>.splayer{aspect-ratio:auto;height:clamp(220px,38dvh,340px);min-height:0}.watch__main{min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4);padding:4px 4px var(--sp-8);margin:-4px}.watch__main>.splayer{flex:none;min-height:200px;max-height:calc(100dvh - 17rem)}.watch__chat{min-width:0;min-height:0}.watch__info{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.watch__info--sk{max-width:420px}.watch__title{margin:0;overflow-wrap:anywhere}.watch__bar{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.watch__av{flex:none;border-radius:50%}.watch__who{display:flex;flex-direction:column;gap:2px;min-width:0}.watch__handle{font-size:var(--fs-15);font-weight:600;color:var(--text)}a.watch__handle:hover{color:var(--text);text-decoration:underline;text-underline-offset:2px}.watch__facts{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sp-2);row-gap:2px;min-height:22px}.watch__follow{flex:none}.watch__extra{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);min-width:0}.watch__game{min-width:0;max-width:260px}a.watch__game:hover{color:var(--text)}.watch__game>svg{flex:none}.watch__tools{display:flex;align-items:center;gap:var(--sp-1);flex:none}.watch__others{margin-top:var(--sp-6)}.watch__reportbox{min-height:96px}.watch__reportcount{margin-right:auto;font-size:var(--fs-13);color:var(--muted)}@media (max-width:1100px){.watch{display:block;overflow-y:auto;padding-inline:4px;margin-inline:-4px}.watch--solo .watch__grid,.watch__grid{display:flex;flex-direction:column;gap:var(--sp-5);padding-bottom:var(--sp-8)}.watch--solo .watch__grid{max-width:960px}.watch__main{overflow:visible;padding:0;margin:0}.watch__main>.splayer{min-height:0;max-height:calc(100dvh - 8rem)}.watch__chat{flex:none;height:480px}}@media (max-width:720px){.watch{--watch-l:max(var(--sp-4),env(safe-area-inset-left,0px));--watch-r:max(var(--sp-4),env(safe-area-inset-right,0px));padding-inline:0;margin-left:calc(-1 * var(--watch-l));margin-right:calc(-1 * var(--watch-r))}.watch--solo .watch__grid,.watch__grid{min-height:100%;max-width:none;gap:0;padding-bottom:0}.watch__main{display:contents}.watch__main>.splayer{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-raised);max-height:50dvh;border-radius:0;box-shadow:none}.watch--solo .watch__main>.splayer{position:static;height:168px}.splayer__slate{padding:var(--sp-3) var(--sp-4);gap:var(--sp-1)}.splayer__slateicon{display:none}.splayer__slatetitle{font-size:var(--fs-15)}.splayer__slatebody{font-size:var(--fs-13);line-height:var(--lh-ui)}.splayer__chrome{padding:var(--sp-6) var(--sp-2) var(--sp-2);gap:var(--sp-2)}.splayer__cam{right:var(--sp-2)}.watch__info{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-column-gap:var(--sp-3);column-gap:var(--sp-3);grid-row-gap:var(--sp-2);row-gap:var(--sp-2);padding:var(--sp-3) var(--watch-r) var(--sp-3) var(--watch-l)}.watch__info--sk{display:block;max-width:none}.watch__bar{display:contents}.watch__av{grid-row:1;grid-column:1}.watch__who{grid-row:1;grid-column:2}.watch__follow{grid-row:1;grid-column:3}.watch__title{grid-row:2;grid-column:1/3;font-size:var(--fs-20);line-height:var(--lh-snug);letter-spacing:var(--ls-title);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch__extra{grid-row:2;grid-column:3;align-self:start;margin-left:0;justify-content:flex-end}.watch__info:has(.watch__game) .watch__title{grid-column:1/-1}.watch__info:has(.watch__game) .watch__extra{grid-row:3;grid-column:1/-1;justify-content:space-between}.watch__game{max-width:none}.watch__tools{margin-left:auto}.watch__others{margin-top:0;padding:var(--sp-3) var(--watch-r) var(--sp-6) var(--watch-l)}.live__grid--row{--cols:1}.watch__chat{flex:1 0 300px;height:auto;border-radius:0;border-inline:0;border-bottom:0;box-shadow:none}}