.player-shell{background:linear-gradient(180deg,var(--paper-0)0%,var(--paper-1)100%);min-height:100vh;color:var(--ink-0);font-family:var(--font-body);flex-direction:column;display:flex}.player-wrapper{flex-direction:column;min-height:100vh;display:flex}.player-shell .topbar{border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#0c121ee0;justify-content:space-between;align-items:center;padding:20px clamp(20px,4vw,56px);display:flex;box-shadow:0 10px 24px #04060a59}.player-shell .left-area{align-items:center;gap:14px;min-width:0;display:flex}.player-shell .brand-logo{object-fit:contain;filter:drop-shadow(0 0 4px #bfdbfee6)drop-shadow(0 0 14px #3b82f6d9);width:auto;height:48px;animation:4.5s ease-in-out infinite logoGlow;display:block}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 3px #bfdbfeb3)drop-shadow(0 0 10px #3b82f6b3)}50%{filter:drop-shadow(0 0 6px #bfdbfe)drop-shadow(0 0 18px #3b82f6)}}.player-shell .prod-text{letter-spacing:1.5px;color:var(--ink-2);opacity:.9;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:500}.player-shell .topbar-nav{text-transform:uppercase;letter-spacing:1.2px;align-items:center;gap:10px;font-size:12px;display:flex}.player-shell .topbar-nav a{color:var(--ink-2);border:1px solid #0000;border-radius:999px;padding:6px 10px;transition:background .2s,border .2s}.player-shell .topbar-nav a:hover{background:#4dd0ff1f;border-color:#4dd0ff4d}.player-shell .right-area{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.player-shell .live-badge{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#d60000;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 0 12px #d60000bf}.player-shell .live-badge.is-vod{background:#0ea5e9;box-shadow:0 0 12px #0ea5e999}.player-shell .live-dot{background:#fff;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite liveBlink}.player-shell .live-dot.is-vod{animation:none}@keyframes liveBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.6)}}.player-shell .status-label{display:none}.player-shell .video-container{background:#000;flex:1;position:relative;overflow:hidden}.player-shell .shaka-player-container{width:100%;height:100%;position:relative}.player-shell .shaka-video{background:#000;outline:none;width:100%;height:100%;display:block}.player-shell .shaka-controls-container{z-index:3}.player-shell .player-overlay{z-index:4;pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;right:16px}.player-shell .pill{color:#e5e7eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617cc;border:1px solid #94a3b840;border-radius:10px;min-width:160px;padding:8px 10px;font-size:12px}.player-shell .pill label{letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;margin-bottom:6px;font-size:10px;display:block}.player-shell .pill select{color:#e5e7eb;background:#0b1120;border:1px solid #94a3b84d;border-radius:6px;width:100%;padding:6px 8px;font-size:12px}.player-shell .pill-row{justify-content:space-between;gap:10px;padding:2px 0;font-size:12px;display:flex}.player-shell .pill-row span:first-child{color:#94a3b8}.player-shell .pill.is-hidden{display:none}.player-shell .shaka-overflow-menu .diag-menu-btn{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.player-shell .shaka-overflow-menu .diag-menu-btn span:last-child{opacity:.7}.player-shell .shaka-overflow-menu .quality-menu-item{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.player-shell .shaka-overflow-menu .quality-menu-item span:last-child{opacity:.7}.player-shell .shaka-overflow-menu .quality-menu-list{flex-direction:column;gap:2px;padding:2px 0 6px;display:flex}.player-shell .shaka-overflow-menu .quality-menu-list.is-hidden{display:none}.player-shell .shaka-overflow-menu .quality-menu-option{justify-content:space-between;align-items:center;gap:10px;display:flex}.player-shell .shaka-overflow-menu .quality-menu-option span:last-child{opacity:.7}.player-shell footer{border-top:1px solid var(--stroke);color:var(--ink-2);background:#0c121ee0;justify-content:center;align-items:center;padding:8px 16px;font-size:11px;display:flex}.player-shell footer .legal{opacity:.85;text-align:center}@media (max-width:720px){.player-shell .prod-text{display:none}.player-shell .brand-logo{height:34px}.player-shell .topbar{flex-wrap:wrap;gap:12px;padding:10px 14px}.player-shell .topbar-nav{justify-content:flex-start;width:100%}.player-shell .right-area{align-items:flex-start}}