.live-shell{padding-top:92px;padding-bottom:48px;flex:1;letter-spacing:0}.live-hero{display:none}.live-controls{padding-top:12px}.live-controls .live-heading{margin-bottom:18px}.live-controls .live-platform-tabs{max-width:100%;overflow-x:auto;padding:3px;scrollbar-width:thin}.live-controls button:focus-visible{outline:2px solid #ff416b;outline-offset:2px}@media (min-width:1024px){.live-hero{display:block;width:100vw;margin-left:calc(50% - 50vw);margin-top:0;margin-bottom:30px;padding:24px 17%;background:#e6e9ed url(/images/live/live-hero-esports.webp) 50%/cover no-repeat}.live-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 22%;gap:12px;max-width:1340px;margin:auto}.live-hero-stage{position:relative;aspect-ratio:16/9;min-width:0;overflow:hidden;background:#111116;border-radius:6px}.live-hero-poster,.live-hero-stage>.live-player{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.live-hero-stage .art-bottom,.live-hero-stage .art-mask,.live-hero-stage .art-notice{display:none!important}.live-hero-enter{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between}.live-hero-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:14px;padding:5px 9px;border-radius:4px;background:#d71938;color:#fff;font-size:12px}.live-hero-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:30px 16px 14px;background:linear-gradient(transparent,#000d)}.live-hero-caption>div{min-width:0}.live-hero-caption h2{font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-hero-caption p{font-size:12px;color:#e3e3e8;margin-top:5px}.live-hero-watch{display:flex;gap:6px;align-items:center;flex-shrink:0;font-size:12px;color:#fff}.live-hero-audio{position:absolute;right:12px;top:12px;z-index:3;width:36px;height:36px;display:grid;place-items:center;border-radius:4px;background:#000a;color:#fff}.live-hero-audio:hover{background:#000e}.live-hero-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#c3c3cb}.live-hero-recommendations{min-width:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px}.live-hero-room,.live-hero-room-placeholder{position:relative;min-height:0;overflow:hidden;border-radius:4px;background:#202027}.live-hero-room{outline:2px solid transparent;outline-offset:-2px}.live-hero-room:hover{outline-color:var(--search-orange)}.live-hero-room img{position:absolute;width:100%;height:100%;object-fit:cover}.live-hero-cover-fallback{position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);color:#aaaab6}.live-hero-room>span{position:absolute;bottom:0;left:0;right:0;padding:20px 9px 7px;background:linear-gradient(transparent,#000e)}.live-hero-room small,.live-hero-room strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.live-hero-room strong{font-size:12px;font-weight:600}.live-hero-room small{margin-top:2px;color:#dddde3;font-size:11px}.live-hero-room-arrow{position:absolute;right:7px;top:7px;color:#fff;background:#0008;border-radius:2px}.live-hero a:focus-visible,.live-hero button:focus-visible{outline:3px solid var(--search-orange);outline-offset:-3px}}.live-shell button,.live-shell input,.live-shell select,.live-shell textarea{font:inherit}.live-shell button{cursor:pointer}.live-shell button:disabled{cursor:not-allowed;opacity:.45}.live-chat-toggles,.live-chat-tools,.live-filters,.live-heading,.live-playback-tools,.live-room-info,.live-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.live-heading,.live-room-info{justify-content:space-between;margin-bottom:24px}.live-heading h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700}.live-heading h1 svg{color:var(--brand-red)}.live-toolbar{justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #ffffff20}.live-tabs{display:flex;gap:8px;flex-wrap:wrap}.live-tabs button{display:flex;gap:6px;align-items:center;padding:9px 16px;border-bottom:2px solid transparent;color:#c0c0ca}.live-tabs button[aria-pressed=true]{color:var(--search-orange);border-bottom-color:var(--search-orange)}.live-tabs button:hover{color:white;background:#ffffff0a}.live-search{display:flex;width:min(100%,340px);border:1px solid #ffffff30;border-radius:6px;background:#17171f}.live-search input{min-width:0;flex:1;width:100%;padding:10px 12px;background:transparent}.live-search button{padding:0 14px;color:var(--search-orange)}.live-shell input::placeholder{color:#aaaab6}.live-filters{margin:18px 0 24px}.live-shell select{max-width:260px;border:1px solid #ffffff30;background:#17171f;padding:7px 10px;border-radius:4px}.live-filters label,.live-playback-tools label{display:flex;gap:8px;align-items:center;font-size:14px}.live-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #ffffff30;border-radius:6px;padding:8px 16px;min-height:38px}.live-button:not(:disabled):hover,.live-icon:not(:disabled):hover{background:#ffffff14}.live-icon{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;flex-shrink:0;border-radius:4px}.live-section-title{font-size:20px;font-weight:700;margin:30px 0 16px}.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.live-card{min-width:0;display:block}.live-cover{position:relative;aspect-ratio:16/9;display:grid;place-items:center;border-radius:6px;overflow:hidden;background:#1c1c26}.live-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s ease-out}.live-card:hover img{transform:scale(1.03)}.live-card:hover h3{color:var(--accent-cyan)}.live-platform{position:absolute;bottom:8px;right:8px;padding:3px 7px;border-radius:3px;background:#000b;color:white;font-size:12px}.live-card h3{font-size:15px;font-weight:600;line-height:1.5;margin-top:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:45px;overflow-wrap:anywhere}.live-card p,.live-muted{color:#aaaab6;font-size:13px}.live-card p{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-skeleton{aspect-ratio:16/11;background:#1c1c26;border-radius:6px}.live-empty{min-height:280px;flex-direction:column;gap:16px;color:#bbbcc8}.live-empty,.live-pagination{display:flex;align-items:center;justify-content:center}.live-pagination{gap:18px;margin-top:32px}.live-breadcrumb{display:flex;align-items:center;gap:20px;margin-bottom:18px;font-size:14px;color:#bbbcc8}.live-breadcrumb a{display:flex;align-items:center;gap:8px;color:white}.live-room-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:stretch}.live-stage{min-width:0}.live-player{width:100%;aspect-ratio:16/9;background:#000}.live-player-empty{display:flex;justify-content:center;align-items:center;padding:24px;color:#bbbcc8;text-align:center}.live-player .art-video-player{width:100%;height:100%}.live-danmaku-overlay{position:absolute;inset:0 0 auto;height:65%;pointer-events:none;overflow:hidden;z-index:30}.live-player .art-bottom{z-index:60}.live-playback-tools{padding:12px 0;font-size:14px;gap:12px}.live-status{color:#6be6b0;margin-right:auto}.live-error{color:#ffb2ab;padding:12px 0;display:flex;gap:16px;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere}.live-chat{min-width:0;border:1px solid #ffffff20;border-radius:6px;display:flex;flex-direction:column;height:100%;max-height:660px;min-height:400px;overflow:hidden}.live-chat>.live-tabs{border-bottom:1px solid #ffffff20;padding:0 10px}.live-chat-tools{gap:4px;padding:6px 12px;font-size:12px;color:#aaaab6}.live-chat-tools>span{margin-right:auto}.live-chat-toggles{gap:12px;padding:6px 12px 12px;font-size:13px}.live-chat-toggles input{accent-color:var(--search-orange)}.live-chat-messages{padding:0 14px 18px;overflow-y:auto;flex:1;height:0;min-height:180px;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.live-chat-messages p{margin:6px 0}.live-chat-messages strong{color:var(--accent-cyan);font-weight:500}.live-chat-settings{display:grid;gap:12px;overflow-y:auto;padding:10px 16px;flex:1;height:0;min-height:240px;font-size:13px}.live-chat-settings label{display:grid;gap:6px}.live-chat-settings input[type=range]{width:100%;accent-color:var(--search-orange)}.live-chat-settings textarea{width:100%;resize:vertical;border:1px solid #ffffff30;border-radius:4px;padding:8px;background:#17171f}.live-room-info{margin-top:22px;gap:20px}.live-room-info>div{min-width:0;flex:1}.live-room-info h1{font-size:23px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.live-room-info p{color:#aaaab6;margin-top:6px;font-size:14px}.live-room-description{font-size:14px;color:#bbbcc8}.live-room-description summary{cursor:pointer}.live-room-description p{margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:75ch}@media (min-width:1600px){.live-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.live-room-grid{grid-template-columns:minmax(0,1fr) 380px}}@media (max-width:1100px){.live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-room-grid{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:800px){.live-room-grid{grid-template-columns:minmax(0,1fr)}.live-chat{height:380px;min-height:0}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-room-info h1{font-size:20px}}@media (max-width:480px){.live-shell{padding-top:82px}.live-heading h1{font-size:24px}.live-grid{gap:20px 10px}.live-tabs{gap:0}.live-tabs button{padding:9px 12px}.live-toolbar{gap:14px}.live-search{width:100%}.live-playback-tools{gap:8px}.live-playback-tools label{font-size:12px}.live-shell select{max-width:190px}}@media (prefers-reduced-motion:reduce){.live-cover img{transition:none}.live-card:hover img{transform:none}}.live-directory{padding:8px 0 0}.live-directory .live-heading{margin-bottom:22px}.live-directory .live-heading h1{font-size:30px;gap:14px}.live-directory .live-heading h1>svg{width:34px;height:34px}.live-follow>svg{color:#ff2455}.live-directory .live-follow:disabled{opacity:.7}.live-directory .live-toolbar{padding-bottom:16px;gap:20px}.live-platform-tabs{display:flex;gap:10px;align-items:center}.live-platform-tabs button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:9px;min-height:44px;padding:8px 21px;border:1px solid #ffffff26;border-radius:24px;background:#13151c;color:#e2e2e9;font-size:15px;font-weight:600}.live-platform-tabs button[aria-pressed=true]{background:#560e22;border-color:#fa1748;color:#fff}.live-platform-tabs button[aria-pressed=true]>svg{color:#ff4369}.live-platform-tabs button:hover{border-color:#fa1748}.live-platform-logo{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0}.live-directory .live-search{width:min(100%,420px);background:#11131a;border-radius:8px}.live-directory .live-search button{color:#afb2c0;padding:0 0 0 14px}.live-directory .live-search input{font-size:14px;padding:11px 14px}.live-category-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:16px 0 22px}.live-category-tabs{display:flex;flex-wrap:nowrap;gap:9px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}.live-category-tabs::-webkit-scrollbar{display:none}.live-category-tabs button{flex-shrink:0}.live-category-more{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:34px;padding:5px 12px;border:1px solid #ffffff20;border-radius:20px;color:#c8cbd7;background:#12151c;font-size:14px}.live-category-more[aria-expanded=true]{border-color:#f51a4b;color:#fff}.live-category-tabs button{display:inline-flex;gap:5px;align-items:center;justify-content:center;padding:6px 19px;min-height:34px;border-radius:20px;background:#12151c;border:1px solid #ffffff20;color:#c8cbd7;font-size:14px}.live-category-tabs button[aria-expanded=true],.live-category-tabs button[aria-pressed=true]{background:#560e22;color:#fff;border-color:#f51a4b}.live-category-tabs button:hover{border-color:#8d8d9e;color:#fff}.live-refresh{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-height:34px;padding:4px 0 4px 12px;color:#c5c7d0;font-size:14px}.live-directory-title{display:flex;align-items:center;gap:12px;margin:20px 0 16px}.live-directory-title h2{font-size:23px;font-weight:700;overflow-wrap:anywhere}.live-directory .live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.live-card-detailed .live-cover{border-radius:8px;border:1px solid #ffffff14}.live-card-detailed .live-platform{display:flex;align-items:center;gap:4px;font-weight:600;bottom:8px;right:8px}.live-card-detailed .live-platform-logo{position:static;width:18px;height:18px;object-fit:contain}.live-card-badge{position:absolute;top:10px;left:10px;display:flex;gap:5px;align-items:center;padding:4px 8px;border-radius:4px;background:#ec123f;color:#fff;font-size:12px;font-weight:600}.live-card-detailed h3{font-size:16px;margin-top:10px;min-height:24px;-webkit-line-clamp:1}.live-card-anchor{display:flex;gap:10px;align-items:center;margin-top:10px}.live-anchor-avatar{position:relative;width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;background:#1d2029;border-radius:50%;overflow:hidden}.live-card-anchor .live-platform-logo{width:23px;height:23px}.live-anchor-avatar>img:not(.live-platform-logo){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.live-card-anchor>div{min-width:0}.live-card-anchor p{font-size:14px;margin:0;color:#c9cbd5}.live-card-anchor small{display:block;font-size:12px;margin-top:2px;color:#9499ad}.live-category-panel{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:22px 0}.live-category-group+.live-category-group{margin-top:25px}.live-category-group h3{display:flex;align-items:center;gap:8px;font-size:13px;color:#bfc4d5;margin-bottom:10px}.live-category-group h3 img{width:18px;height:18px}.live-category-group>div{display:flex;flex-wrap:wrap;gap:7px 18px}.live-category-group button{max-width:100%;overflow-wrap:anywhere;text-align:left;font-size:14px;padding:6px 8px;border-radius:4px;color:#c4c8d5}.live-category-group button:hover,.live-category-group button[aria-pressed=true]{background:#560e22;color:#fff}.live-directory-note{font-size:13px;color:#c3bbad;margin-bottom:16px}.live-directory a:focus-visible,.live-directory button:focus-visible{outline:2px solid #ff416b;outline-offset:3px}@media (max-width:1200px){.live-directory .live-search{width:min(100%,320px)}.live-platform-tabs button{padding-inline:15px}}@media (max-width:900px){.live-directory .live-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}.live-directory .live-search{width:100%}}@media (max-width:600px){.live-directory .live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.live-directory .live-heading h1{font-size:25px}.live-directory .live-heading h1>svg{width:27px;height:27px}.live-platform-tabs{width:100%;overflow-x:auto;padding:2px 0 8px;gap:8px;scrollbar-width:thin}.live-platform-tabs button{min-height:40px;padding:7px 15px;font-size:14px}.live-category-bar{gap:8px}.live-category-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.live-category-tabs button{flex-shrink:0;padding-inline:15px}.live-refresh span{display:none}.live-directory-title h2{font-size:21px}.live-card-detailed h3{font-size:14px}.live-card-anchor{gap:7px}.live-anchor-avatar{width:32px;height:32px}.live-card-anchor p{font-size:12px}.live-card-anchor small{font-size:11px}}