.live-modal-open{overflow:hidden}
.live-video-area{min-width:0;min-height:0}
.live-chat-log{scroll-behavior:auto}
.live-chat-panel>.emote-picker{flex:0 1 auto;min-height:0;max-height:45%;overflow:auto;margin:0;padding:8px;border-top:1px solid var(--soft-line);background:var(--panel)}
.live-chat-panel .emote-picker-grid{max-height:145px}
.live-choice{position:fixed;z-index:90;width:156px;max-width:calc(100vw - 20px);padding:5px;background:var(--panel);color:var(--ink);border:2px solid var(--line);border-radius:10px;box-shadow:4px 5px var(--shadow)}.live-choice>button,.live-choice>a{display:flex;align-items:center;width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:5px;background:transparent;color:inherit;font:700 13px RatSans,system-ui,sans-serif;text-align:left;text-decoration:none;box-shadow:none}.live-choice>button:hover,.live-choice>a:hover,.live-choice>button:focus-visible,.live-choice>a:focus-visible{background:var(--panel-2);outline:1px solid var(--soft-line);outline-offset:-1px}.live-choice>[data-cancel-live]{border-top:1px solid var(--soft-line);border-radius:0 0 5px 5px;color:var(--muted);font-weight:400}
.live-theatre{position:fixed;inset:0;z-index:80;color:var(--ink)}.live-backdrop{position:absolute;inset:0;background:#20291e14}
.live-shell{position:absolute;inset:3vh auto 3vh 50%;width:min(94vw,max(787px,calc((94dvh - 320px)*16/9 + 387px)));transform:translateX(-50%);background:var(--bg);border:2px solid var(--line);border-radius:15px;box-shadow:7px 9px var(--shadow);display:flex;flex-direction:column;overflow:hidden}
.live-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--soft-line);background:var(--panel-2)}
.live-brand{font:11px ui-monospace,monospace;letter-spacing:1.3px;display:flex;align-items:center;gap:9px}.live-mini-viewers{font:10px RatSans,system-ui,sans-serif;letter-spacing:0;color:var(--muted)}.live-controls{display:flex;align-items:center;gap:8px}.live-control{display:grid;place-items:center;flex:0 0 30px;height:30px;width:30px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:2px 2px var(--shadow);line-height:0}.live-control svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.live-control:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.live-control:focus:not(:focus-visible){outline:none}.live-control:hover{background:var(--note)}
.live-stream-info{padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.live-stream-info h2{font-size:16px;line-height:1.4;letter-spacing:0;max-height:3em;overflow:auto}.live-viewers{font-size:12px;color:var(--muted);white-space:nowrap}
.live-main{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:16px;min-height:0;flex:1;padding:0 16px 16px;overflow:hidden}.live-video-column{min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px}.live-video-wrap{width:100%;aspect-ratio:16/9;min-height:0;flex-shrink:0;background:var(--video-bg);border:1px solid var(--line);border-radius:10px;overflow:hidden}.live-player-mount,.live-player-mount iframe{width:100%;height:100%;border:0;display:block}.live-player-notice{font-size:11px;color:var(--muted);padding:0 2px}
.live-emote-section{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:2px 3px var(--shadow)}.live-emote-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.live-emote-heading strong{font-size:13px}.live-emote-window,.live-emote-section small{font-size:11px;color:var(--muted)}.live-emotes{display:flex;gap:7px;flex-wrap:wrap;min-height:39px;margin-bottom:7px}.live-emote-button{display:flex;align-items:center;gap:6px;border:1px solid var(--soft-line);background:var(--panel-2);border-radius:7px;padding:5px 8px;min-height:39px;font-size:12px;font-weight:700}.live-emote-button:hover{background:var(--note)}.live-emote-button img{height:26px;max-width:55px;object-fit:contain}.live-emote-empty{font-size:12px;color:var(--muted);align-self:center}
.live-chat-panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.live-chat-panel>header{display:flex;flex-direction:column;padding:11px 13px;border-bottom:1px solid var(--soft-line);gap:2px}.live-chat-panel>header strong{font-size:14px}.live-chat-status{font-size:11px;color:var(--muted)}
.live-chat-log{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 11px;scrollbar-width:thin;overflow-wrap:anywhere}.live-chat-message{font-size:13px;line-height:1.65;padding:3px 0}.live-chat-message strong{font-weight:800}.live-chat-emote{height:27px;max-width:65px;object-fit:contain;vertical-align:middle}.live-chat-form{padding:10px 11px;border-top:1px solid var(--soft-line)}.live-chat-input{display:block;width:100%;resize:vertical;max-height:130px;min-height:58px;padding:8px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--panel-2);font:12px RatSans,system-ui,sans-serif}.live-chat-input::placeholder{color:var(--muted)}.live-chat-actions{display:flex;align-items:center;gap:10px;margin-top:9px}.live-chat-send{margin-left:auto}.live-chat-notice{font-size:11px;line-height:1.5;color:var(--muted);margin:0;padding:0 12px 10px}.live-chat-bottom{padding:5px;text-align:center;background:var(--note)}
.live-theatre.is-mini{pointer-events:none}.is-mini .live-backdrop{display:none}.is-mini .live-shell{inset:auto 15px 15px auto;transform:none;width:538px;max-width:calc(100vw - 24px);pointer-events:auto;box-shadow:5px 7px var(--shadow)}.is-mini .live-stream-info,.is-mini .live-chat-panel,.is-mini .live-emote-section,.is-mini .live-player-notice{display:none}.is-mini .live-main{display:block;padding:0}.is-mini .live-video-wrap{height:auto;min-height:300px;aspect-ratio:16/9;border:0;border-radius:0}.is-mini .live-topbar{padding:8px 10px;gap:6px}.is-mini .live-brand{font-size:9px;letter-spacing:.5px}.is-mini .live-controls{gap:6px}.is-mini .live-controls>a{display:none}
@media(max-width:850px){.live-shell{inset:10px;width:auto;transform:none}.live-main{grid-template-columns:1fr;display:block;overflow:auto;padding:0 10px 10px}.live-chat-panel{height:430px;margin-top:14px}.live-stream-info{padding:10px;display:block}.live-stream-info h2{font-size:13px;margin-bottom:5px}.live-viewers{font-size:11px}.live-topbar{padding:10px}.live-brand{font-size:10px;letter-spacing:.5px}.live-controls{gap:7px}.live-controls>a{display:none}.live-video-column{overflow:visible}.live-video-wrap{min-height:300px;max-height:none;aspect-ratio:16/9}.live-emote-heading{align-items:flex-start;flex-direction:column;gap:4px}.live-chat-message{font-size:13px}.is-mini .live-shell{right:12px;bottom:12px}.is-mini .live-video-wrap{height:300px}.live-mini-viewers{display:none}}

/* Stable cells reserve media and count space; live updates never resize a target. */
.live-emotes{display:grid;grid-template-columns:repeat(auto-fit,96px);grid-auto-rows:44px;gap:7px;align-content:start;min-height:44px}
.live-emote-button{width:96px;height:44px;min-width:0;padding:5px;display:grid;grid-template-columns:52px 1fr;gap:3px}
.live-emote-button img{display:block;width:52px;height:28px;max-width:52px}
.live-emote-button>span{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;text-align:center}
.live-emote-empty{grid-column:1/-1}
.emote-browse{margin-left:auto;min-height:32px;font-size:12px;white-space:nowrap}
.emote-picker{margin-top:12px;border-top:1px solid var(--soft-line);padding-top:12px}
.emote-picker-tools{display:flex;gap:10px;align-items:flex-end}
.emote-picker-tools label{display:flex;flex-direction:column;gap:4px;font-size:12px;min-width:0}
.emote-picker-tools label:first-child{flex:1}
.emote-picker-tools input,.emote-picker-tools select{width:100%;min-height:38px;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--ink);padding:7px;font:inherit}
.emote-results-status{font-size:12px;color:var(--muted);margin:9px 0}
.emote-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;max-height:235px;overflow:auto;padding:8px;overscroll-behavior:contain}
.emote-picker-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;height:65px;padding:5px;border:1px solid var(--soft-line);border-radius:6px;background:var(--panel-2);color:var(--ink)}
.emote-picker-button img{width:54px;height:30px;object-fit:contain;display:block}
.emote-picker-button span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.emote-picker-button:hover,.emote-picker-button:focus-visible{background:var(--note)}
.live-emote-button.emote-image-failed::before{content:attr(data-emote-code);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;max-height:28px}
.emote-image-failed img[hidden]{display:none}
.emote-compose-toggle{display:none}
.emote-more{min-height:38px;margin-top:7px}
@media(max-width:850px){.live-emote-heading{display:grid;grid-template-columns:1fr auto;align-items:center}.live-emote-window{grid-column:1;grid-row:2}.emote-browse{grid-column:2;grid-row:1/3}.emote-picker-tools{flex-wrap:wrap}.emote-picker-tools label:last-child{max-width:45%}}

.live-chat-jump,.live-watch-jump,.live-title-toggle{display:none}
.live-controls{flex-shrink:0}.live-stream-info h2{min-width:0;overflow-wrap:anywhere}
@media(max-width:850px){
 .live-theatre:not(.is-mini) .live-shell{inset:auto 6px auto;top:calc(var(--live-viewport-top,0px) + 6px + env(safe-area-inset-top));height:calc(var(--live-viewport-height,100dvh) - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:auto;max-width:none;transform:none;border-radius:12px;box-shadow:3px 4px var(--shadow)}
 .live-topbar{flex-shrink:0;padding:5px 8px;gap:6px;min-height:52px}.live-brand{min-width:0;font-size:9px;letter-spacing:.3px;gap:5px}.live-controls{gap:6px}.live-control{width:40px;height:40px;flex-basis:40px}.live-chat-jump{display:block;min-height:40px;white-space:nowrap;font-size:12px}
 .live-stream-info{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:8px;padding:3px 8px;flex-shrink:0;min-height:34px}
 .live-stream-info h2{font-size:12px;line-height:1.5;margin:0;max-height:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .live-viewers{font-size:10px;white-space:nowrap}.live-stream-info .live-title-toggle{display:grid;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;box-shadow:none}
 .live-stream-info.title-expanded h2{white-space:normal;max-height:72px;overflow:auto}.title-expanded .live-title-toggle svg{transform:rotate(180deg)}
 .live-main{display:flex;flex-direction:column;gap:8px;padding:0 6px 6px;overflow:auto;overscroll-behavior:contain}
 .live-video-column{flex:none;overflow:visible;gap:0}.live-video-wrap{height:max(302px,calc((100vw - 30px)*.5625 + 2px));min-height:302px;aspect-ratio:auto;border-radius:7px}
 .live-player-mount{height:100%}.live-player-mount iframe{height:100%}
 .live-emote-section{display:none}.live-player-notice{display:none;padding:4px 2px;font-size:10px;line-height:1.4}.live-player-notice[data-important=true]{display:block}
 .live-chat-panel{flex:1 0 240px;height:auto;min-height:240px;margin-top:0;overflow:hidden}
 .live-chat-panel>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;padding:5px 9px;align-items:center}.live-chat-panel>header strong{font-size:12px}.live-chat-status{font-size:10px;grid-column:1}.live-watch-jump{display:block;grid-column:2;grid-row:1/3;min-height:32px;font-size:11px}
 .live-chat-log{padding:5px 8px}.live-chat-message{font-size:13px;line-height:1.5}.live-chat-form{padding:6px 8px}.live-chat-input{font-size:16px;min-height:40px;height:40px;resize:none}.live-chat-actions{margin-top:5px;gap:8px}.live-chat-actions .button{min-height:36px;padding:6px 10px}.live-chat-notice{font-size:10px;line-height:1.4;padding:0 8px 6px}
 .emote-compose-toggle{display:block;min-height:44px;white-space:nowrap;font-size:12px}
 .live-chat-panel.emote-picker-open{min-height:450px;flex-basis:450px}
 .live-chat-panel>.emote-picker{flex:none;margin:0;padding:8px;border-top:1px solid var(--soft-line);background:var(--panel)}
 .live-chat-panel .emote-picker-tools input,.live-chat-panel .emote-picker-tools select{font-size:16px;min-height:44px}
 .live-chat-panel .emote-picker-grid{max-height:145px}.live-chat-panel .emote-results-status{margin:5px 0}.live-chat-panel .emote-more{margin-top:3px;min-height:32px}
 .is-mini .live-chat-jump{display:none}.is-mini .live-player-mount{height:100%}
}
@media(max-width:360px){.live-brand{font-size:8px;letter-spacing:0}.live-controls{gap:4px}.live-chat-jump{font-size:11px}.live-topbar{padding-inline:6px}.live-viewers{font-size:9px}}

@media(min-width:650px) and (max-width:850px) and (max-height:500px){
 .live-theatre:not(.is-mini) .live-stream-info{display:none}
 .live-theatre:not(.is-mini) .live-mini-viewers{display:inline}
 .live-theatre:not(.is-mini) .live-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);align-items:stretch}
 .live-theatre:not(.is-mini) .live-video-wrap{height:302px}
 .live-theatre:not(.is-mini) .live-chat-panel{height:100%}
}

/* Reserve room for the complete emote summary before sizing the 16:9 video.
   Only the message log and an explicitly opened picker need their own scroll. */
@media(min-width:851px){
 .live-theatre:not(.is-mini) .live-shell{inset:5vh auto 5vh 50%;width:min(92vw,1600px)}
 .live-theatre:not(.is-mini) .live-topbar{flex-shrink:0;padding:8px 14px}
 .live-theatre:not(.is-mini) .live-stream-info{flex-shrink:0;padding:8px 14px;gap:14px}
 .live-theatre:not(.is-mini) .live-stream-info h2{margin:0;line-height:1.4;max-height:2.8em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
 .live-theatre:not(.is-mini) .live-main{min-height:0;grid-template-rows:minmax(0,1fr);gap:12px;padding:0 12px 12px}
 .live-theatre:not(.is-mini) .live-video-column{display:grid;grid-template-rows:minmax(0,1fr) auto auto;overflow:hidden;gap:8px}
 .live-theatre:not(.is-mini) .live-video-area{container-type:size;display:grid;place-items:center;min-height:302px}
 .live-theatre:not(.is-mini) .live-video-wrap{width:min(100cqw,calc(100cqh * 16 / 9));height:max(302px,min(calc(100cqw * 9 / 16),100cqh));aspect-ratio:16/9;min-height:0;max-height:100%;flex-shrink:1}
 .live-theatre:not(.is-mini) .live-emote-section{padding:9px 11px;box-shadow:1px 2px var(--shadow)}
 .live-theatre:not(.is-mini) .live-emote-heading{flex-wrap:wrap;gap:4px 10px;margin-bottom:6px}
 .live-theatre:not(.is-mini) .live-emotes{margin-bottom:5px}
 .live-theatre:not(.is-mini) .live-chat-panel{height:100%}
 .live-theatre:not(.is-mini) .live-emote-section small[data-unavailable=false]{display:none}
}
@media(min-width:851px) and (max-height:740px){
 .live-theatre:not(.is-mini) .live-shell{inset:2vh auto 2vh 50%;width:min(96vw,1600px)}
 .live-theatre:not(.is-mini) .live-topbar{padding-block:6px}
 .live-theatre:not(.is-mini) .live-stream-info{padding-block:5px}
 .live-theatre:not(.is-mini) .live-stream-info h2{font-size:14px;line-height:1.25;max-height:2.5em}
 .live-theatre:not(.is-mini) .live-main{grid-template-columns:minmax(0,1fr) 300px}
 .live-theatre:not(.is-mini) .live-emotes{grid-template-columns:repeat(auto-fit,72px);gap:5px}
 .live-theatre:not(.is-mini) .live-emote-button{width:72px;grid-template-columns:40px 1fr;padding:3px;gap:2px}
 .live-theatre:not(.is-mini) .live-emote-button img{width:40px;max-width:40px}
 .live-theatre:not(.is-mini) .live-player-notice[data-important=false]{display:none}
 .live-theatre:not(.is-mini) .live-video-column{gap:6px}
 .live-theatre:not(.is-mini) .live-emote-section{padding-block:7px}
}
@media(min-width:851px) and (max-width:1100px){
 .live-theatre:not(.is-mini) .live-shell{inset:2vh auto 2vh 50%;width:96vw}
}