.server-selector{background:#0e0e1699;border:1px solid #8b5cf614;border-radius:14px;flex-direction:column;width:100%;padding:0;display:flex;overflow:hidden}.server-header{text-align:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);justify-content:center;align-items:center;gap:8px;padding:14px 16px;display:flex}.server-header h3{color:#fff;margin:0;font-size:.95rem;font-weight:800}.pulse-dot{background:#a78bfa;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 8px #a78bfacc}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.server-quality-btn{color:#a78bfa;cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf626;border-radius:10px;justify-content:space-between;align-items:center;margin:10px 10px 0;padding:10px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.server-quality-btn:hover{background:#8b5cf62e}.server-list{flex-direction:column;gap:4px;max-height:500px;padding:10px;display:flex;overflow-y:auto}.server-list::-webkit-scrollbar{width:3px}.server-list::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:4px}.server-btn{color:#8b8b9e;cursor:pointer;background:#12121c99;border:1px solid #ffffff08;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.server-btn:hover{color:#d0d0e0;background:#8b5cf60f;border-color:#8b5cf61a}.server-btn.active{color:#fff;background:#8b5cf614;border-color:#8b5cf633}.server-btn-content{align-items:center;gap:10px;display:flex}.server-icon{font-size:1.1rem}.server-name{font-size:.88rem}.active-indicator{color:#8b5cf6;display:flex}.server-footer{display:none}
.watch-page{padding-top:80px;padding-bottom:60px}.watch-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.breadcrumbs{color:#6b6b80;align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:flex}.breadcrumbs a{color:#6b6b80;text-decoration:none}.breadcrumbs a:hover{color:#a78bfa}.breadcrumbs .separator{color:#ffffff14;font-size:.8rem}.breadcrumbs .current{color:#8b5cf6;font-weight:700}.watch-actions{gap:10px;display:flex}.btn-warning{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:10px;padding:8px 18px;font-size:.88rem}.btn-warning:hover{background:#8b5cf633;transform:translateY(-1px)}.player-layout{grid-template-columns:260px 1fr;align-items:start;gap:20px;display:grid}.player-sidebar{order:1}.player-main{flex-direction:column;order:2;gap:16px;display:flex}.iframe-container{aspect-ratio:16/9;background-color:#000;border:1px solid #8b5cf61f;border-radius:14px;width:100%;transition:opacity .3s;position:relative;overflow:hidden}.video-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.player-info{background:#0e0e1680;border:1px solid #8b5cf60f;border-radius:12px;padding:20px 24px}.player-info h2{color:#fff;align-items:center;gap:10px;margin-bottom:8px;font-size:1.15rem;font-weight:800;display:flex}.player-info h2:before{content:"🍿";font-size:1.1rem}.player-info p{color:#6b6b80;font-size:.88rem;font-weight:600;line-height:1.6}@media (max-width:1024px){.player-layout{grid-template-columns:1fr}.player-sidebar{order:2}.player-main{order:1}}@media (max-width:600px){.watch-page{padding-top:72px}.watch-header{flex-direction:column;align-items:flex-start}}