.spectators-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.spectators-section .spectators-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.spectators-section .spectators-header .spectators-title{color:var(--text-primary);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.spectators-section .spectators-header .spectators-title .spectators-icon{color:var(--accent-color);font-size:16px}.spectators-section .spectators-header .spectators-title .spectators-count{background:var(--accent-color);color:#fff;border-radius:12px;margin-left:8px;padding:4px 8px;font-size:12px;font-weight:500}.spectators-section .spectators-header .settings-btn{background:var(--button-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px;transition:all .2s}.spectators-section .spectators-header .settings-btn:hover{background:var(--button-hover);color:var(--text-primary)}.spectators-section .spectators-settings{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;padding:16px}.spectators-section .spectators-settings .settings-row{align-items:center;gap:12px;display:flex}.spectators-section .spectators-settings .settings-row label{color:var(--text-primary);min-width:150px;font-weight:500}.spectators-section .spectators-settings .settings-row input{border:1px solid var(--border-color);background:var(--input-bg);width:80px;color:var(--text-primary);border-radius:6px;padding:8px 12px;font-size:14px}.spectators-section .spectators-settings .settings-row input:focus{border-color:var(--accent-color);outline:none}.spectators-section .spectators-settings .settings-row .update-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.spectators-section .spectators-settings .settings-row .update-btn:hover:not(:disabled){background:var(--accent-hover)}.spectators-section .spectators-settings .settings-row .update-btn:disabled{background:var(--button-disabled);cursor:not-allowed}.spectators-section .spectators-container{margin-top:24px}.spectators-section .spectators-container .loading{text-align:center;color:var(--text-secondary);padding:20px;font-style:italic}.spectators-section .spectators-container .spectators-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.spectators-section .spectators-container .spectator-slot .spectator-member{background:var(--navbar);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;max-height:165px;padding:16px;display:flex;position:relative}.spectators-section .spectators-container .spectator-slot .spectator-member.current-user{border-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1)}.spectators-section .spectators-container .spectator-slot .spectator-member .spectator-avatar{width:48px;height:48px;position:relative}.spectators-section .spectators-container .spectator-slot .spectator-member .spectator-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.spectators-section .spectators-container .spectator-slot .spectator-member .spectator-info{flex:1;align-items:center;gap:12px;display:flex}.spectators-section .spectators-container .spectator-slot .spectator-member .spectator-info .spectator-name{color:var(--text-custom);font-size:16px;font-weight:500}.spectators-section .spectators-container .spectator-slot .spectator-member .leave-spectator-btn,.spectators-section .spectators-container .spectator-slot .spectator-member .remove-spectator-btn{background:var(--danger-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px;font-size:12px;transition:all .2s}.spectators-section .spectators-container .spectator-slot .spectator-member .leave-spectator-btn:hover,.spectators-section .spectators-container .spectator-slot .spectator-member .remove-spectator-btn:hover{background:var(--danger-hover)}.spectators-section .spectators-container .spectator-slot .spectator-member .leave-spectator-btn:disabled,.spectators-section .spectators-container .spectator-slot .spectator-member .remove-spectator-btn:disabled{opacity:.6;cursor:not-allowed}.spectators-section .spectators-container .spectator-slot .spectator-slot-empty{background:var(--navbar);border:1px solid var(--border);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:100%;height:82px;padding:20px;transition:all .2s;display:flex;position:relative}.spectators-section .spectators-container .spectator-slot .spectator-slot-empty:hover{background:var(--navbar-hover);border-color:var(--accent-color)}.spectators-section .spectators-container .spectator-slot .spectator-slot-empty .slot-icon{color:var(--text-default);font-size:24px;font-weight:600}.spectators-section .spectators-full{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text);border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;display:flex}.spectators-section .spectators-full .full-icon{font-size:16px}[data-theme=dark] .spectators-section .spectators-settings,[data-theme=dark] .spectators-section .spectator-item{background:rgba(255,255,255,.05)}[data-theme=dark] .spectators-section .spectators-full{background:rgba(255,193,7,.1);border-color:rgba(255,193,7,.3)}
.match-page{background:var(--bg);max-width:1400px;min-height:100vh;margin:0 auto;padding-bottom:80px}@media (max-width:1023px){.match-page{max-width:100%}}.match-page .loading{justify-content:center;align-items:center;min-height:50vh;display:flex}@media (max-width:767px){.match-page .loading{min-height:40vh}}@media (max-width:379px){.match-page .loading{min-height:30vh}}.match-page .loading svg{color:var(--span,--accent-dark);font-size:3rem;animation:1.5s ease-in-out infinite pulse}@media (max-width:767px){.match-page .loading svg{font-size:2.5rem}}@media (max-width:379px){.match-page .loading svg{font-size:2rem}}.match-page .ws-error-banner{background:linear-gradient(135deg,var(--error),var(--error));color:var(--text-custom);border-radius:8px;margin:16px 20px;padding:12px 20px;box-shadow:0 2px 8px rgba(237,66,69,.3)}.match-page .ws-error-banner .ws-error-content{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (max-width:767px){.match-page .ws-error-banner .ws-error-content{text-align:center;flex-direction:column;gap:8px}}.match-page .ws-error-banner .ws-error-content span{font-size:14px;font-weight:500}.match-page .ws-error-banner .ws-error-content .ws-reconnect-btn{background:var(--span-low);border:1px solid var(--span);color:var(--text-custom);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.match-page .ws-error-banner .ws-error-content .ws-reconnect-btn:hover{background:var(--span);border-color:var(--accent-light)}.match-page .ws-error-banner .ws-error-content .ws-reconnect-btn:active{transform:translateY(1px)}.match-page .ws-connecting-banner{background:linear-gradient(135deg,var(--span),var(--accent-dark));color:var(--bg);box-shadow:0 2px 8px var(--shadow-hover);text-align:center;border-radius:8px;margin:16px 20px;padding:12px 20px}.match-page .ws-connecting-banner span{font-size:14px;font-weight:500;position:relative}.match-page .ws-connecting-banner span:after{content:"";background:var(--bg);border-radius:50%;width:4px;height:4px;margin-left:4px;animation:1.5s infinite dots;display:inline-block}.match-page .match-wrapper{margin-top:24px;position:relative}@media (max-width:1023px){.match-page .match-wrapper{margin-top:20px}}@media (max-width:767px){.match-page .match-wrapper{margin-top:16px}}@media (max-width:379px){.match-page .match-wrapper{margin-top:12px}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}
.news-page{max-width:1000px;margin:0 auto;padding:0 16px}.news-page__header-section{border-bottom:1px solid var(--border);margin-bottom:24px;padding:24px 0}.news-page__title{color:var(--text-custom);margin-bottom:8px;font-size:32px;font-weight:700;line-height:1.2}.news-page__subtitle{color:var(--text-default);font-size:16px;line-height:1.5}.news-page__section-title{color:var(--text-custom);margin-bottom:16px;padding:0 4px;font-size:20px;font-weight:600}.news-page__featured,.news-page__content{margin-bottom:32px}@media (max-width:768px){.news-page{padding:0 12px}.news-page__header-section{margin-bottom:20px;padding:20px 0}.news-page__title{font-size:28px}.news-page__subtitle{font-size:15px}.news-page__section-title{font-size:18px}.news-page__featured,.news-page__content{margin-bottom:24px}}@media (max-width:480px){.news-page{padding:0 8px}.news-page__header-section{margin-bottom:16px;padding:16px 0}.news-page__title{font-size:24px}.news-page__subtitle{font-size:14px}.news-page__section-title{font-size:16px}}
.news-detail-page{max-width:1000px;margin:0 auto;padding:0 20px}.news-detail-page__container{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:32px;overflow:hidden}.news-detail-page__not-found{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:80px 20px}.news-detail-page__not-found h1{color:var(--text-custom);margin-bottom:16px;font-size:32px;font-weight:600}.news-detail-page__not-found p{color:var(--text-default);margin-bottom:24px;font-size:16px}.news-detail-page__article{padding:20px 40px 40px}.news-detail-page__header{border-bottom:1px solid var(--border);margin-bottom:24px;padding:20px 0}.news-detail-page__meta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.news-detail-page__category{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.news-detail-page__date{color:var(--text-default);font-size:14px}.news-detail-page__title{color:var(--text-custom);margin-bottom:16px;font-size:36px;font-weight:700;line-height:1.2}.news-detail-page__excerpt{color:var(--text-default);margin-bottom:20px;font-size:18px;font-style:italic;line-height:1.6}.news-detail-page__author-info{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.news-detail-page__author{color:var(--text-accent);font-size:14px;font-weight:500}.news-detail-page__read-time{color:var(--text-default);font-size:14px}.news-detail-page__image{border-radius:8px;margin:24px 0;overflow:hidden}.news-detail-page__image img{width:100%;height:auto;display:block}.news-detail-page__content{color:var(--text-custom);font-size:16px;line-height:1.7}.news-detail-page__content h2{color:var(--text-custom);border-bottom:2px solid var(--span);margin:32px 0 16px;padding-bottom:8px;font-size:24px;font-weight:600}.news-detail-page__content h3{color:var(--text-custom);margin:24px 0 12px;font-size:20px;font-weight:600}.news-detail-page__content p{margin-bottom:16px}.news-detail-page__content ul,.news-detail-page__content ol{margin:16px 0;padding-left:24px}.news-detail-page__content li{margin-bottom:8px}.news-detail-page__content strong{color:var(--text-accent);font-weight:600}.news-detail-page__content a{color:var(--span);text-decoration:underline;transition:color .3s}.news-detail-page__content a:hover{color:var(--accent-light)}.news-detail-page__content blockquote{border-left:4px solid var(--span);color:var(--text-default);margin:20px 0;padding-left:20px;font-style:italic}.news-detail-page__content code{background:var(--bg);color:var(--text-accent);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:14px}.news-detail-page__content pre{background:var(--bg);border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.news-detail-page__content pre code{background:0 0;padding:0}.news-detail-page__tags{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.news-detail-page__tags h3{color:var(--text-custom);margin-bottom:12px;font-size:16px;font-weight:600}.news-detail-page__tags-list{flex-wrap:wrap;gap:8px;display:flex}.news-detail-page__tag{background:var(--span-low);color:var(--span);border:1px solid var(--span);border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.news-detail-page__related{margin-top:48px}.news-detail-page__related-title{color:var(--text-custom);text-align:center;margin-bottom:24px;font-size:24px;font-weight:600}.news-detail-page__related-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}@media (max-width:768px){.news-detail-page{padding:0 12px}.news-detail-page__article{padding:0 16px 16px}.news-detail-page__title{font-size:28px}.news-detail-page__excerpt{font-size:16px}.news-detail-page__content{font-size:15px}.news-detail-page__content h2{font-size:20px}.news-detail-page__content h3{font-size:18px}.news-detail-page__author-info{flex-direction:column;align-items:flex-start}.news-detail-page__related-grid{grid-template-columns:1fr}}@media (max-width:480px){.news-detail-page__title{font-size:24px}.news-detail-page__excerpt,.news-detail-page__content{font-size:14px}}.news-detail-page__loading{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:80px 20px;display:flex}