.player-page[data-v-e30fadc0]{color:#e8edee;background:#000;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.player-shell[data-v-e30fadc0]{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.video-wrap[data-v-e30fadc0]{background:#000;flex:auto;width:100%;min-height:0;position:relative}.player-host[data-v-e30fadc0]{position:absolute;inset:0}.player-host video[data-v-e30fadc0]{width:100%;height:100%;display:block}.player-host[data-v-e30fadc0] .art-control-viewpoint .art-selector-value{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.loading[data-v-e30fadc0]{z-index:6;color:#fff;pointer-events:none;background:#0008;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.player-controls[data-v-e30fadc0]{background:#101719;flex-wrap:wrap;flex:none;align-items:center;gap:16px;padding:12px 16px;display:flex}.selectors[data-v-e30fadc0]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.selectors label[data-v-e30fadc0]{color:#96a7ac;align-items:center;gap:6px;font-size:12px;display:flex}.selectors select[data-v-e30fadc0]{color:#dce6e8;max-width:240px;font:inherit;background:#1d292d;border:1px solid #354448;border-radius:5px;padding:7px}.selectors[data-v-e30fadc0] :disabled{opacity:.5}.error-overlay[data-v-e30fadc0]{z-index:7;color:#ffb6a5;text-align:center;background:#412622;border-radius:5px;padding:12px;font-size:13px;position:absolute;bottom:54px;left:16px;right:16px}select[data-v-e30fadc0]:focus-visible{outline-offset:2px;outline:2px solid #72c8b7}@media (width<=640px){.player-page[data-v-e30fadc0]{min-height:0}.player-host[data-v-e30fadc0] .art-control-viewpoint .art-selector-value{max-width:110px}.player-controls[data-v-e30fadc0]{margin-left:14px;margin-right:14px}.selectors[data-v-e30fadc0]{gap:8px}.selectors select[data-v-e30fadc0]{max-width:180px}}:root{color:#f5faf7;background:#101816;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#101816;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{isolation:isolate;background:linear-gradient(115deg,#07100eeb,#0812118a),url(https://addons-media.operacdn.com/media/CACHE/images/themes/35/178835/1.1-rev1/images/b077a974-8423-4c55-8ac7-6dcb3fbf66c6/a0aadf9c6685fb90cace15bb1c649f90.jpg) 50%/cover fixed;min-height:100dvh;position:relative;overflow:hidden}.app-shell:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.ambient{filter:blur(80px);opacity:.28;pointer-events:none;border-radius:50%;position:absolute}.ambient-one{background:#4ebc99;width:360px;height:360px;top:12%;right:-100px}.ambient-two{background:#275e5a;width:300px;height:300px;bottom:-90px;left:-130px}.glass-panel{-webkit-backdrop-filter:blur(22px);background:#0d1d1aa8;border:1px solid #daffef29;box-shadow:0 24px 80px #00000061,inset 0 1px #ffffff14}.login-view{z-index:1;place-items:center;min-height:100dvh;padding:40px 20px;display:grid;position:relative}.login-panel{border-radius:28px;flex-direction:column;width:min(940px,100% - 48px);min-height:0;padding:clamp(28px,4vw,42px) clamp(28px,4vw,44px) 30px;display:flex}.login-top{flex:none;grid-template-columns:minmax(0,1fr) minmax(350px,404px);align-items:start;gap:clamp(28px,5vw,70px);display:grid}.login-side,.login-form-side{min-width:0}.login-side{flex-direction:column;justify-content:space-between;min-height:258px;padding:28px 0 18px 14px;display:flex}.login-form-side{background:#050e0c47;border:1px solid #d8ffed1f;border-radius:18px;align-self:start;margin-top:20px;padding:25px 24px 22px}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{color:#0b211b;background:#b9f3d8;border-radius:11px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid;box-shadow:0 0 24px #83efbe4d}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{letter-spacing:1.4px;font-size:13px}.brand-lockup span{color:#8ba79c;letter-spacing:1.4px;margin-top:2px;font:10px/1.2 DM Mono,monospace}.login-copy{margin:0}.eyebrow{color:#86d5b5;letter-spacing:2.6px;margin:0;font:500 10px/1 DM Mono,monospace}.intro{color:#b8cdc5;border-top:1px solid #d9ffee1f;max-width:360px;margin:20px 0 0;padding-top:17px;font-size:13px;line-height:1.7}.code-form label{color:#c6d7d1;margin-bottom:10px;font-size:12px;font-weight:600;display:block}.input-row{gap:10px;display:flex}.input-row input{color:#fff;letter-spacing:2px;text-transform:uppercase;background:#050e0c7a;border:1px solid #d8ffed33;border-radius:12px;outline:0;width:100%;min-width:0;padding:14px 16px}.input-row input::placeholder{color:#6f8981;letter-spacing:1px}.input-row input:focus{border-color:#9de7c5;box-shadow:0 0 0 3px #7de2b324}.input-row button{color:#0b211b;background:#b9f3d8;border:0;border-radius:12px;flex:none;align-items:center;gap:14px;padding:0 18px;font-weight:700;display:flex}.input-row button:hover{background:#d1f9e4;transform:translateY(-1px)}.input-row button:disabled{opacity:.6;transform:none}.input-row button b{font-size:18px;font-weight:500}.feedback{margin:14px 0 0;font-size:12px}.error-text{color:#ffb8ac}.security-note{color:#7f9d92;border-top:1px solid #d9ffee1f;align-items:center;gap:9px;margin-top:auto;margin-bottom:26px;padding-top:18px;font-size:11px;display:flex}.status-dot,.live-pulse{background:#71ddb2;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #71ddb21f}.legal-note{color:#d3e7e09e;letter-spacing:.3px;margin:0;font-size:12px}.login-footer{border-top:1px solid #d9ffee1f;align-self:stretch;margin-top:24px;padding-top:18px}.login-slogan{color:#d9f5e8;letter-spacing:-.7px;max-width:360px;margin:18px 0 0;font-size:clamp(20px,2.2vw,28px);font-weight:650;line-height:1.32}.room-view{z-index:1;min-height:100dvh;padding:26px 34px 34px;position:relative}.room-header{align-items:center;max-width:1480px;margin:0 auto 28px;display:flex}.compact .brand-mark{border-radius:9px;width:32px;height:32px;font-size:16px}.compact .brand-lockup strong{font-size:12px}.room-meta{color:#b7ccc4;align-items:center;gap:10px;margin-left:60px;font-size:12px;display:flex}.room-meta i{background:#638078;border-radius:50%;width:3px;height:3px}.code-chip{text-align:right;background:#0814116b;border:1px solid #daffef24;border-radius:9px;margin-left:auto;padding:8px 12px}.code-chip small,.code-chip code{display:block}.code-chip small{color:#78958b;letter-spacing:1.5px;font:9px DM Mono,monospace}.code-chip code{color:#b9f3d8;letter-spacing:2px;margin-top:2px;font:500 13px DM Mono,monospace}.room-grid{grid-template-columns:320px minmax(0,1fr);gap:20px;max-width:1480px;min-height:calc(100dvh - 120px);margin:auto;display:grid}.match-drawer{border-radius:18px;flex-direction:column;min-height:0;display:flex}.drawer-heading{border-bottom:1px solid #dcffef1c;justify-content:space-between;align-items:end;padding:22px 22px 18px;display:flex}.drawer-heading h2{letter-spacing:-.7px;margin:10px 0 0;font-size:22px}.count-badge{color:#b9f3d8;background:#b9f3d81f;border-radius:50%;place-items:center;width:28px;height:28px;font:12px DM Mono,monospace;display:grid}.match-list{min-height:0;overflow:auto}.match-item{color:#e6f2ed;text-align:left;background:0 0;border:0;border-bottom:1px solid #dcffef14;gap:12px;width:100%;padding:17px 20px;display:flex;position:relative}.match-item:hover{background:#96ecc812}.match-item.active{background:linear-gradient(90deg,#96ecc826,#96ecc80a)}.match-item.active:before{content:"";background:#9de7c5;width:3px;position:absolute;top:0;bottom:0;left:0}.match-indicator{background:#638078;border-radius:50%;width:8px;height:8px;margin-top:5px}.match-item.active .match-indicator{background:#71ddb2;box-shadow:0 0 0 4px #71ddb21a}.match-info{min-width:0}.match-info b,.match-info small,.match-info time{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.match-info b{font-size:13px;font-weight:600}.match-info small,.match-info time{color:#8fa9a0;margin-top:5px;font-size:11px}.match-info .match-meta-line{align-items:center;gap:7px;margin-top:5px;display:flex}.match-info .match-meta-line time{margin-top:0;display:inline}.match-info small i{color:#55736a;margin:0;font-style:normal}.match-arrow{color:#6d8b81;opacity:0;margin-left:auto}.match-item:hover .match-arrow,.match-item.active .match-arrow{opacity:1;color:#a9edd0}.drawer-footer{color:#76938a;border-top:1px solid #dcffef1a;align-items:center;gap:9px;margin-top:auto;padding:16px 20px;display:flex}.drawer-footer small{font:10px DM Mono,monospace}.player-stage{min-width:0}.player-topline{justify-content:space-between;align-items:end;margin:4px 2px 14px;display:flex}.player-topline h1{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.7px;max-width:700px;margin:10px 0 0;font-size:25px;overflow:hidden}.format-pill{color:#b9f3d8;letter-spacing:1px;border:1px solid #9de7c566;border-radius:6px;padding:6px 9px;font:10px DM Mono,monospace}.video-frame{aspect-ratio:16/9;background:#030706;border:1px solid #daffef2b;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0006}.video-frame video{object-fit:contain;background:#020504;width:100%;height:100%;display:block}.player-loading,.player-error{color:#b9ccc5;text-align:center;background:#040d0bc7;align-content:center;place-items:center;gap:12px;display:grid;position:absolute;inset:0}.player-loading p,.player-error span{margin:0;font-size:12px}.player-error strong{color:#ffd1c8;font-size:16px}.loader-ring{border:2px solid #b9f3d838;border-top-color:#b9f3d8;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.player-footer{color:#779189;letter-spacing:.2px;justify-content:space-between;margin-top:13px;font:10px DM Mono,monospace;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.login-panel{width:min(940px,100% - 32px);min-height:0}.login-top{grid-template-columns:1fr;gap:24px}.login-side{min-height:0;padding:12px 0 0}.login-form-side{max-width:460px;margin-top:0}.room-view{flex-direction:column;height:100dvh;padding:20px 0 0;display:flex;overflow:hidden}.room-header{margin-bottom:20px;padding:0 16px}.room-meta{margin-left:auto;margin-right:16px}.room-meta span:last-child,.room-meta i{display:none}.room-grid{flex-direction:column;flex:1;gap:0;width:100%;min-height:0;display:flex;overflow:hidden}.match-drawer{border-radius:0;flex:1;order:2;width:100%;min-height:0;max-height:none}.match-list{flex:1;overflow-y:auto}.drawer-footer{display:none}.player-topline h1{font-size:20px}.player-stage{flex:none;order:1;width:100%;height:clamp(220px,56vw,420px);min-height:0}.player-footer{flex-direction:column;gap:5px}}@media (width<=560px){.login-panel{border-radius:20px;width:calc(100% - 20px);padding:24px 18px 18px}.login-top{gap:18px}.login-copy{margin:0}.login-side{padding:8px 0 0}.security-note{margin-top:30px;margin-bottom:20px}.intro{max-width:none;font-size:14px}.login-form-side{padding:18px}.login-footer{margin-top:18px;padding-top:14px}.input-row{flex-direction:column}.input-row button{justify-content:center;height:46px}.room-header{flex-wrap:wrap;align-items:flex-start;gap:14px}.room-meta{order:3;width:100%;margin:0}.code-chip{margin-left:auto}.player-footer{display:none}.video-frame{border-radius:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}.player-stage{background:#101719;align-items:stretch;min-width:0;display:flex;overflow:hidden}.player-unavailable{color:#96a7ac;text-align:center;background:#101719;flex:1;align-content:center;place-items:center;gap:10px;min-height:100%;padding:24px;display:grid}.player-unavailable strong{color:#ffb6a5;font-size:16px}.player-unavailable span{font-size:13px}@media (width<=900px){.player-stage{height:clamp(220px,56vw,420px);min-height:0}}@media (width<=560px){.player-stage{min-height:260px}}