:host,:root{--primary:#3b82f6;--player-theme:#3b82f6;--secondary:#a3a3a3;--black:#000;--dark:#1c1c1c;--dark100:#2a2a2a;--dark200:#888;--dark300:#111;--dark400:#080808;--white:#e8e8e8;--white100:#fff;--gray:#c8c8c8;--gray100:#e0e0e0;--gray200:#888;--red:#ef4444;--green:#22c55e;--twitch:#9049ff;--kick:#54fc1e;--color-bg:var(--dark400);--color-surface:var(--dark);--color-elevated:var(--dark100);--color-border:var(--dark300);--color-text:var(--white);--color-muted:var(--dark200);--ease-out:cubic-bezier(0.25,1,0.5,1);--ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--dur-fast:0.15s;--dur-base:0.3s;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--material-thin:blur(20px) saturate(180%);--material-thick:blur(32px) saturate(180%);--shadow-box:0 4px 24px rgba(0,0,0,.3);--shadow-card:0 2px 12px rgba(0,0,0,.35);--chat-min:280px;--chat-landscape:240px;--vh:1vh;color-scheme:dark}*,:after,:before{box-sizing:border-box;border:0;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;font-family:Inter,Inter Fallback,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{font-size:62.5%;width:100%;height:100%;overflow:hidden;background:var(--dark400);scroll-behavior:auto}@media (min-width:3840px){html{font-size:75%}}body{font-size:1.6rem;line-height:1.5}#__next,body{width:100%;max-width:100%;height:100%;min-height:100%;overflow:hidden;color:var(--white);background:var(--dark400)}button,input,select,textarea{font-family:inherit;color:inherit;background:none}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--dark400)}::-webkit-scrollbar-thumb{background:var(--dark100);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.shell{position:relative;display:flex;flex-direction:row;align-items:stretch;width:100%;max-width:100%;height:100%;max-height:100%;min-height:0;overflow:hidden;background:var(--dark400)}.shell.chat-left{flex-direction:row-reverse}@media (max-width:1199px){.shell,.shell.chat-left{flex-direction:column}}.content{position:relative;flex:1 1;min-width:0;min-height:0;height:100%;max-height:100%;overflow:hidden;background:var(--dark400);z-index:1}@media (max-width:1199px){.content{width:100%!important;min-width:100%!important;max-width:100%!important;flex:1 1;height:100%}}.scroller{width:100%;height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:auto;overscroll-behavior-y:contain}.scroller-inner{display:block;width:100%;min-width:0;background:linear-gradient(160deg,#131313,#080808)}.player-shell{height:calc(var(--vh, 1vh) * 100);flex-shrink:0}.player-shell,.rp-ui,.rp-ui__player{position:relative;width:100%;overflow:hidden;background:#000!important}.rp-ui,.rp-ui__player{height:100%;z-index:1;-webkit-tap-highlight-color:transparent}.rp-ui iframe,.rp-ui video,.rp-ui__player iframe,.rp-ui__player video{background:#000!important;background-color:#000!important}.rp-ui__iframe{display:block;width:100%;height:100%;border:0}.rp-ui__player video{object-fit:contain!important;object-position:center center!important;width:100%!important;height:100%!important}.rp-ui__loader-wrapper{position:absolute;top:50%;left:50%;z-index:20;display:flex;align-items:center;justify-content:center;width:64px;height:64px;pointer-events:none;transform:translate(-50%,-50%);transition:opacity var(--dur-base) var(--ease-out)}.rp-ui__loader-wrapper[data-hidden="1"]{opacity:0}.rp-ui__loader{position:relative;display:inline-block;width:64px;height:64px}.rp-ui__loader div{position:absolute;display:block;box-sizing:border-box;width:64px;height:64px;border:5px solid transparent;border-top:5px solid var(--player-theme);border-radius:50%;animation:rp-ui-spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.rp-ui__loader div:first-child{animation-delay:-.45s}.rp-ui__loader div:nth-child(2){animation-delay:-.3s}.rp-ui__loader div:nth-child(3){animation-delay:-.15s}@keyframes rp-ui-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:1199px) and (orientation:portrait){.player-shell{height:75vw;min-height:180px}}@media (max-width:1199px) and (orientation:landscape){.player-shell{width:100vw;height:calc(var(--vh, 1vh) * 100);min-height:300px;transition:width .35s var(--ease-in-out);will-change:width}.shell[data-chat="1"] .player-shell{width:calc(100vw - var(--chat-landscape))}}.toolbar{position:absolute;top:0;right:0;z-index:30;display:flex;align-items:center;gap:6px;padding:12px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility var(--dur-base) var(--ease-out)}.toolbar.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.toolbar-group{display:flex;gap:2px;padding:4px;border:1px solid hsla(0,0%,100%,.08);background:rgba(8,8,8,.55);-webkit-backdrop-filter:var(--material-thick);backdrop-filter:var(--material-thick);box-shadow:var(--shadow-card)}.tbtn,.toolbar-group{align-items:center;border-radius:var(--radius-pill)}.tbtn{display:inline-flex;justify-content:center;gap:8px;height:36px;min-width:36px;padding:0 10px;color:var(--white);font-size:1.3rem;font-weight:600;line-height:1;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.tbtn svg{width:17px;height:17px;flex-shrink:0;fill:currentColor}.tbtn:hover{background:hsla(0,0%,100%,.14)}.tbtn:active{transform:scale(.94)}.tbtn.is-active{background:var(--primary);color:var(--white100)}.tbtn-label{display:none}@media (min-width:992px){.tbtn-label{display:inline}.tbtn{padding:0 14px}}.scroll-hint{position:absolute;left:50%;bottom:14px;z-index:25;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);background:rgba(8,8,8,.5);-webkit-backdrop-filter:var(--material-thin);backdrop-filter:var(--material-thin);color:var(--gray);font-size:1.2rem;font-weight:500;transform:translateX(-50%);border:1px solid hsla(0,0%,100%,.08);cursor:pointer;transition:opacity var(--dur-base) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.scroll-hint:hover{background:rgba(8,8,8,.8);color:var(--white)}.scroll-hint svg{width:12px;height:12px;fill:currentColor;animation:hint-bounce 1.8s var(--ease-in-out) infinite}.scroll-hint[data-hidden="1"]{opacity:0;pointer-events:none}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.chat-pane{position:relative;display:flex;flex-direction:column;height:100%;max-height:100%;min-width:var(--chat-min);overflow:hidden;background:var(--dark400);z-index:60;isolation:isolate}@media (max-width:1199px){.chat-pane{display:none!important}}.chat-handle{position:absolute;top:0;left:-4px;z-index:99;width:4px;height:100%;cursor:col-resize;background:transparent;transition:background .25s;touch-action:none}.shell.chat-left .chat-handle{left:auto;right:-4px}.chat-handle:hover{background:var(--secondary)}.chat-handle.is-dragging{background:var(--primary)}.chat-frame{position:absolute;inset:0;display:block;height:100%;border:0;z-index:1}.chat-frame,.mobile-chat{width:100%;background:var(--dark400)}.mobile-chat{position:relative;display:none;overflow:hidden;flex-shrink:0}@media (max-width:1199px) and (orientation:portrait){.mobile-chat{display:block;min-width:100%;height:calc(var(--vh, 1vh) * 100 - 75vw);min-height:460px}}@media (max-width:1199px) and (orientation:landscape){.mobile-chat{display:block;position:fixed;top:0;right:0;width:var(--chat-landscape);min-width:var(--chat-landscape);max-width:var(--chat-landscape);height:calc(var(--vh, 1vh) * 100);z-index:50;transition:opacity .35s var(--ease-in-out),transform .35s var(--ease-in-out);will-change:transform}.shell[data-chat="0"] .mobile-chat{opacity:0;transform:translateX(var(--chat-landscape));pointer-events:none}}.shell[data-chat="0"] .mobile-chat{display:none}@media (max-width:1199px) and (orientation:landscape){.shell[data-chat="0"] .mobile-chat{display:block}}@media (min-width:1200px){.mobile-chat{display:none!important}}.info-bar{flex-wrap:wrap;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--dark);border-bottom:1px solid var(--dark);background:hsla(0,0%,7%,.6)}.info-bar,.info-main{display:flex;align-items:center;gap:12px}.info-main{min-width:0}.info-title{font-size:1.7rem;font-weight:700;letter-spacing:-.01em;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-sub{font-size:1.3rem;font-weight:500;color:var(--dark200)}.live-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid rgba(84,252,30,.28);border-radius:var(--radius-pill);background:rgba(84,252,30,.08);color:var(--kick);font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--kick);box-shadow:0 0 8px rgba(84,252,30,.6);animation:live-pulse 1.6s var(--ease-in-out) infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}.info-actions{display:flex;flex-wrap:wrap}.info-actions,.pill{align-items:center;gap:8px}.pill{display:inline-flex;height:36px;padding:0 16px;border:1px solid var(--dark100);border-radius:var(--radius-pill);background:transparent;color:var(--gray);font-size:1.3rem;font-weight:600;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.pill svg{width:15px;height:15px;fill:currentColor}.pill:hover{background:hsla(0,0%,100%,.05);border-color:var(--dark200);color:var(--white)}.pill.is-active{background:var(--primary);border-color:var(--primary);color:var(--white100)}.pill.kick:hover{border-color:var(--kick);color:var(--kick)}.footer{padding:22px 20px 28px;border-top:1px solid var(--dark);background:var(--dark400);color:var(--white)}.footer-inner{flex-direction:column;gap:10px;width:100%;max-width:640px;margin:0 auto;text-align:center}.footer-inner,.footer-links{display:flex;align-items:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:6px;list-style:none}.footer-link{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:var(--radius-pill);font-size:1.5rem;font-weight:500;color:var(--gray);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.footer-link svg{width:18px;height:18px;fill:currentColor}.footer-link:hover{background:hsla(0,0%,100%,.05);color:var(--white)}.footer-note{font-size:1.2rem;color:var(--dark200)}.cam{position:fixed;z-index:10050;border-radius:var(--radius-md);background:var(--dark300);box-shadow:var(--shadow-box);overflow:visible;touch-action:none}.cam:before{content:"";position:absolute;inset:0;z-index:5;border:4px solid transparent;border-radius:var(--radius-md);pointer-events:none;transition:border-color var(--dur-fast) var(--ease-out)}.cam.is-active:before,.cam:hover:before{border-color:var(--primary)}.cam.is-active .cam-ui,.cam:hover .cam-ui{opacity:1}.cam-frame{display:block;width:100%;height:100%;border:0;border-radius:var(--radius-md);background:var(--dark300);overflow:hidden}.cam-ui{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.cam-drag{position:absolute;top:0;right:0;z-index:6;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:6px;border-radius:0 var(--radius-md) 0 var(--radius-sm);background:var(--primary);cursor:move;touch-action:none}.cam-drag svg{width:16px;height:16px;fill:var(--white100)}.cam-close{position:absolute;top:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-md) 0 var(--radius-sm) 0;background:rgba(0,0,0,.65);color:var(--white)}.cam-close svg{width:12px;height:12px;fill:currentColor}.cam-close:hover{background:var(--red)}.cam-sources{position:absolute;bottom:0;left:0;z-index:6;display:flex;gap:2px;padding:4px}.cam-source{width:24px;height:24px;padding:0;border-radius:var(--radius-xs);background:rgba(0,0,0,.6);color:var(--white100);font-size:11px;font-weight:700;line-height:1;transition:background var(--dur-fast) var(--ease-out)}.cam-source.is-active,.cam-source:hover{background:var(--primary)}.cam-resize{position:absolute;z-index:7;width:18px;height:18px;touch-action:none}.cam-resize.tl{top:-6px;left:-6px;cursor:nw-resize}.cam-resize.tr{top:-6px;right:-6px;cursor:ne-resize}.cam-resize.bl{bottom:-6px;left:-6px;cursor:sw-resize}.cam-resize.br{bottom:-6px;right:-6px;cursor:se-resize}.drag-shield{position:fixed;inset:0;z-index:10040;cursor:inherit}@media (max-width:440px){.toolbar{padding:8px;gap:4px}.tbtn{height:34px;min-width:34px;padding:0 9px}.info-bar{padding:14px}.info-title{font-size:1.5rem}}@media (min-width:3840px){.tbtn{height:48px;min-width:48px;font-size:1.6rem}.tbtn svg{width:22px;height:22px}}.touch-area{display:none}@media (pointer:coarse){.touch-area{display:block;position:absolute;top:0;right:0;width:190px;height:74px;z-index:26;background:transparent;border:0;padding:0;-webkit-tap-highlight-color:transparent}}@media (max-width:1199px) and (orientation:landscape){.shell[data-chat="1"] .footer,.shell[data-chat="1"] .info-bar{padding-right:calc(var(--chat-landscape) + 20px)}}