.game-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(45deg,#00a8ff,#0097e6)}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00a8ff4d;background:rgba(255,255,255,.15)}.game-card.status-live{background:linear-gradient(135deg,rgba(231,76,60,.1) 0%,rgba(255,255,255,.1) 100%)}.game-card.status-upcoming{background:linear-gradient(135deg,rgba(241,196,15,.1) 0%,rgba(255,255,255,.1) 100%)}.game-card.status-final{background:linear-gradient(135deg,rgba(52,152,219,.1) 0%,rgba(255,255,255,.1) 100%)}.game-card.live-game{border-left:4px solid #e74c3c;animation:liveGlow 3s ease-in-out infinite;position:relative}.game-card.live-game:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(45deg,#e74c3c,#c0392b);animation:liveBorderPulse 2s ease-in-out infinite}@keyframes liveBorderPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes liveGlow{0%,to{box-shadow:0 0 20px #e74c3c1a}50%{box-shadow:0 0 30px #e74c3c4d}}.games-grid .game-card.live-game{transform:scale(1.02);transition:transform .3s ease}.games-grid .game-card.live-game:hover{transform:scale(1.05)}.game-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:.3rem}.status-badge.live{background:rgba(231,76,60,.2);color:#e74c3c;border:1px solid #e74c3c;animation:pulse 2s infinite}.status-badge.upcoming{background:rgba(241,196,15,.2);color:#f1c40f;border:1px solid #f1c40f}.status-badge.final{background:rgba(52,152,219,.2);color:#3498db;border:1px solid #3498db}.game-time{color:#bdc3c7;font-size:.9rem;font-weight:500}.pulse-dot{display:inline-block;width:8px;height:8px;background:#e74c3c;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.teams-container{display:flex;flex-direction:column;gap:1rem}.team{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:10px;transition:background .3s ease}.team:hover{background:rgba(255,255,255,.05)}.team-logo{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.team-logo img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.team:hover .team-logo img{transform:scale(1.1)}.team-info{flex:1;min-width:0}.team-name{font-size:1.1rem;font-weight:600;margin-bottom:.2rem;color:#ecf0f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-record{font-size:.8rem;color:#95a5a6;font-weight:500}.team-score{font-size:1.5rem;font-weight:700;color:#00a8ff;min-width:40px;text-align:center;transition:all .3s ease}.vs-separator{text-align:center;color:#7f8c8d;font-weight:700;margin:.5rem 0;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.game-actions{margin-top:1.5rem;text-align:center}.watch-btn{background:linear-gradient(45deg,#00a8ff,#0097e6);color:#fff;border:none;padding:.8rem 2rem;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.watch-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.watch-btn:hover:before{left:100%}.watch-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00a8ff66}.watch-btn:active{transform:translateY(0)}.watch-btn.live{background:linear-gradient(45deg,#e74c3c,#c0392b)}.watch-btn.live:hover{box-shadow:0 5px 15px #e74c3c66}.watch-btn.upcoming{background:linear-gradient(45deg,#f39c12,#e67e22)}.watch-btn.upcoming:hover{box-shadow:0 5px 15px #f39c1266}.final-score{margin-top:1.5rem;padding:1rem;background:rgba(52,152,219,.1);border-radius:10px;border:1px solid rgba(52,152,219,.3);text-align:center;animation:fadeIn .5s ease-out}.final-score-text{font-size:.9rem;color:#3498db;font-weight:700;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.5px}.final-score-numbers{font-size:1.8rem;font-weight:700;color:#00a8ff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.game-notes{font-size:.8rem;color:#95a5a6;font-style:italic;margin-top:.5rem;line-height:1.3}.game-card.score-updated{animation:scoreUpdate 2s ease-out}@keyframes scoreUpdate{0%{background:rgba(46,204,113,.2);box-shadow:0 0 20px #2ecc714d}70%{background:rgba(46,204,113,.1);box-shadow:0 0 15px #2ecc7133}to{background:rgba(255,255,255,.1);box-shadow:0 0 #2ecc7100}}.team-score.score-change{animation:scorePulse 2s ease-out;color:#2ecc71;font-weight:700}@keyframes scorePulse{0%{transform:scale(1.2);color:#2ecc71;text-shadow:0 0 10px rgba(46,204,113,.5)}50%{transform:scale(1.3);color:#2ecc71;text-shadow:0 0 15px rgba(46,204,113,.8)}to{transform:scale(1);color:#00a8ff;text-shadow:none}}.game-card.live-game.score-updated{animation:liveScoreUpdate 2s ease-out}@keyframes liveScoreUpdate{0%{background:rgba(46,204,113,.3);transform:scale(1.02);box-shadow:0 0 25px #2ecc7166}50%{background:rgba(46,204,113,.4);transform:scale(1.03);box-shadow:0 0 30px #2ecc7180}to{background:linear-gradient(135deg,rgba(231,76,60,.1) 0%,rgba(255,255,255,.1) 100%);transform:scale(1.02);box-shadow:0 0 20px #e74c3c1a}}.team.winner .team-name{color:#2ecc71;font-weight:700}.team.winner .team-score{color:#2ecc71}.team-logo{background:rgba(255,255,255,.05);border-radius:8px;padding:4px}.team-logo img{transition:opacity .3s ease}.team-logo img:not([src]){opacity:0}@media (max-width: 768px){.game-card{padding:1.2rem;margin:.5rem 0}.team{gap:.8rem;padding:.4rem}.team-logo{width:45px;height:45px}.team-name{font-size:1rem}.team-score{font-size:1.3rem;min-width:35px}.final-score-numbers{font-size:1.5rem}.watch-btn{padding:.7rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.game-card{padding:1rem}.team{gap:.5rem}.team-logo{width:40px;height:40px}.team-name{font-size:.9rem}.team-record{font-size:.75rem}.team-score{font-size:1.2rem;min-width:30px}.final-score-numbers{font-size:1.3rem}.game-status{flex-direction:column;gap:.5rem;align-items:flex-start}.status-badge{font-size:.7rem;padding:.2rem .6rem}.game-time{font-size:.8rem}.vs-separator{font-size:.8rem;margin:.3rem 0}}@media (prefers-color-scheme: dark){.game-card{background:rgba(30,30,30,.8);border-color:#ffffff1a}.team-name{color:#fff}}@media (prefers-contrast: high){.game-card{border-color:#fff;background:rgba(0,0,0,.9)}.status-badge{border-width:2px}.team-score{color:#0ff}}@media (prefers-reduced-motion: reduce){.game-card,.team,.watch-btn,.team-logo img{transition:none;animation:none}.pulse-dot,.game-card.score-updated,.team-score.score-change,.game-card.live-game.score-updated{animation:none}}.watch-btn:focus{outline:2px solid #00a8ff;outline-offset:2px}.game-card:focus-within{outline:2px solid rgba(0,168,255,.5);outline-offset:2px}@media print{.game-card{background:white;border:1px solid #ccc;color:#000;box-shadow:none}.watch-btn{display:none}.team-name{color:#000}}.dashboard{min-height:100vh;padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .8s ease-out}.header{text-align:center;margin-bottom:2rem}.header-logo{margin-bottom:1rem}.nba-logo{height:40px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.logo-text{color:#fff;font-size:3rem;font-weight:700}.header h1{font-size:3rem;background:linear-gradient(45deg,#00a8ff,#0097e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.header p{color:#bdc3c7;font-size:1.2rem;margin-bottom:1rem}.last-updated{color:#7f8c8d;font-size:.9rem}.error-message{background:rgba(231,76,60,.1);border:1px solid #e74c3c;color:#e74c3c;padding:1rem;border-radius:10px;text-align:center;margin-bottom:2rem}.tabs{display:flex;justify-content:center;margin-bottom:2rem;background:rgba(255,255,255,.05);border-radius:15px;padding:.5rem;border:1px solid rgba(255,255,255,.1)}.tab-button{flex:1;padding:1rem 1.5rem;background:transparent;border:none;color:#bdc3c7;font-size:1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.tab-button:hover{color:#00a8ff;background:rgba(0,168,255,.1)}.tab-button.active{background:linear-gradient(45deg,#00a8ff,#0097e6);color:#fff;box-shadow:0 4px 15px #00a8ff4d}.game-count{background:rgba(255,255,255,.2);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;min-width:20px;text-align:center}.tab-button.active .game-count{background:rgba(255,255,255,.3)}.live-badge{background:#e74c3c;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:700;margin-left:.5rem;animation:pulse 2s infinite}.no-games{text-align:center;padding:4rem 2rem;background:rgba(255,255,255,.05);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-games h3{color:#00a8ff;margin-bottom:1rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.footer{text-align:center;color:#7f8c8d;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1)}.update-info{color:#00a8ff;margin-left:.5rem;font-weight:500}.live-indicator{color:#e74c3c;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #00a8ff;border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto;position:relative}.loading-spinner:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:4px solid transparent;border-top:4px solid #e74c3c;border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.games-summary{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.summary-item{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.live-summary{background:rgba(231,76,60,.2);color:#e74c3c;border:1px solid rgba(231,76,60,.3);animation:pulse 2s infinite}.upcoming-summary{background:rgba(241,196,15,.2);color:#f1c40f;border:1px solid rgba(241,196,15,.3)}.completed-summary{background:rgba(52,152,219,.2);color:#3498db;border:1px solid rgba(52,152,219,.3)}@media (max-width: 768px){.dashboard{padding:1rem}.nba-logo{height:50px}.header h1,.logo-text{font-size:2rem}.games-grid{grid-template-columns:1fr;gap:1rem}.tabs{flex-direction:column;gap:.5rem}.tab-button{padding:.8rem 1rem}.games-summary{gap:1rem}.summary-item{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 480px){.nba-logo{height:50px}.header h1{font-size:1.8rem}.logo-text{font-size:2rem}.header p{font-size:1rem}.games-summary{flex-direction:column;align-items:center;gap:.5rem}.summary-item{width:100%;max-width:200px;justify-content:center}}.firebase-chat{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(0,168,255,.3);height:600px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);border-radius:15px 15px 0 0}.chat-title{display:flex;justify-content:space-between;align-items:center}.chat-title h4{margin:0;color:#00a8ff;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.chat-stats{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#bdc3c7}.message-count{background:rgba(0,168,255,.2);color:#00a8ff;padding:.2rem .5rem;border-radius:10px;font-weight:600}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem;background:rgba(0,0,0,.2)}.no-messages{text-align:center;color:#7f8c8d;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.welcome-icon{font-size:3rem;margin-bottom:1rem}.no-messages h4{color:#00a8ff;margin-bottom:.5rem}.no-messages small{color:#95a5a6;font-style:italic}.message{background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);padding:.8rem 1rem;border-radius:12px;border-left:4px solid #00a8ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.username{font-weight:700;color:#00a8ff;font-size:.85rem}.time{font-size:.7rem;color:#7f8c8d}.message-text{color:#ecf0f1;word-wrap:break-word;line-height:1.4;font-size:.95rem}.chat-controls{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);border-radius:0 0 15px 15px}.user-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.8rem}.user-info label{color:#bdc3c7;white-space:nowrap}.username-input{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:.4rem .8rem;color:#fff;font-size:.8rem;width:120px}.username-input:focus{outline:none;border-color:#00a8ff}.chat-input-form{width:100%}.input-group{display:flex;gap:.5rem;margin-bottom:.3rem}.message-input-container{position:relative;flex:1;display:flex;align-items:center}.message-input{flex:1;padding:.8rem 2.5rem .8rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:25px;background:rgba(255,255,255,.1);color:#fff;font-size:.9rem;transition:all .3s ease;width:100%;font-family:inherit}.message-input:focus{outline:none;border-color:#00a8ff;background:rgba(255,255,255,.15);box-shadow:0 0 0 2px #00a8ff33}.message-input:disabled{opacity:.6;cursor:not-allowed}.emoji-button{position:absolute;right:10px;background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.3rem;border-radius:5px;transition:all .3s ease;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.emoji-button:hover:not(:disabled){background:rgba(255,255,255,.1);transform:scale(1.1)}.emoji-button:disabled{opacity:.5;cursor:not-allowed}.send-button{padding:.8rem 1.5rem;background:linear-gradient(45deg,#00a8ff,#0097e6);color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .3s ease;white-space:nowrap}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #00a8ff66}.send-button:disabled{background:#7f8c8d;cursor:not-allowed;transform:none}.input-hint{font-size:.7rem;color:#7f8c8d;text-align:center;margin-top:.3rem}.chat-input-form{position:relative;width:100%}.emoji-picker{position:absolute;bottom:100%;left:0;right:0;background:rgba(12,26,45,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,168,255,.3);border-radius:10px;padding:.8rem;margin-bottom:.5rem;z-index:1000;box-shadow:0 8px 32px #0000004d;animation:emojiSlideDown .2s ease-out}@keyframes emojiSlideDown{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#00a8ff;font-weight:700}.close-emoji-picker{background:none;border:none;color:#bdc3c7;font-size:1.2rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;line-height:1}.close-emoji-picker:hover{background:rgba(255,255,255,.1);color:#e74c3c}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.3rem}.emoji-item{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:.3rem;cursor:pointer;font-size:1.2rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:35px;border:none;color:inherit}.emoji-item:hover{background:rgba(0,168,255,.3);border-color:#00a8ff;transform:scale(1.1)}@media (max-width: 480px){.emoji-grid{grid-template-columns:repeat(6,1fr);gap:.2rem}.emoji-item{font-size:1rem;min-height:30px;padding:.2rem}.emoji-picker{padding:.6rem}.firebase-chat{height:500px}}@media (max-width: 360px){.emoji-grid{grid-template-columns:repeat(5,1fr)}.firebase-chat{height:450px}}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00a8ff,#0097e6);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#0097e6,#0082c4)}.chat-error{background:#ffebee;color:#c62828;padding:8px 12px;border-radius:4px;margin:0 10px 10px;border-left:4px solid #c62828;font-size:14px;display:flex;align-items:center;gap:8px;animation:slideIn .3s ease}.error-icon{font-size:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-input::placeholder{color:#999}.stream-page{min-height:100vh;background:linear-gradient(135deg,#0c1a2d 0%,#1a3a5f 100%);animation:fadeIn .8s ease-out}.stream-header{background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-bottom:1px solid rgba(0,168,255,.3);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:sticky;top:0;z-index:100}.back-button{color:#00a8ff;text-decoration:none;font-weight:600;padding:.5rem 1rem;border:1px solid #00a8ff;border-radius:8px;transition:all .3s ease;background:rgba(0,168,255,.1);cursor:pointer;font-family:inherit;font-size:inherit}.back-button:hover{background:#00a8ff;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #00a8ff66}.stream-game-info{display:flex;align-items:center;gap:2rem;flex:1;justify-content:space-between}.stream-right-side{display:flex;align-items:center;gap:1rem}.stream-teams{display:flex;align-items:center;gap:2rem}.stream-team{display:flex;align-items:center;gap:.8rem;padding:.5rem 1rem;background:rgba(255,255,255,.05);border-radius:10px;border:1px solid rgba(255,255,255,.1)}.stream-team img{width:40px;height:40px;object-fit:contain}.team-abbr{font-weight:700;color:#00a8ff;font-size:1.1rem}.stream-score{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;background:rgba(0,168,255,.1);padding:.5rem 1.5rem;border-radius:10px;border:1px solid rgba(0,168,255,.3)}.score{color:#00a8ff;min-width:30px;text-align:center}.vs{color:#bdc3c7;font-size:1rem}.stream-score.score-updated{animation:scorePulse 2s ease-out;background:rgba(46,204,113,.2)!important;border-color:#2ecc7166!important}@keyframes scorePulse{0%{transform:scale(1.05);box-shadow:0 0 20px #2ecc714d}50%{transform:scale(1.08);box-shadow:0 0 30px #2ecc7180}to{transform:scale(1);box-shadow:0 0 #2ecc7100}}.live-pulse{margin-left:.5rem;animation:pulse 2s infinite;font-size:.8rem}.stream-status{color:#e74c3c;font-weight:700;text-transform:uppercase;font-size:.9rem;white-space:nowrap}.upcoming-indicator{color:#f1c40f;margin-left:.5rem}.mobile-info-container{display:flex;align-items:center;gap:.8rem}.mobile-viewer-count{display:flex;align-items:center;gap:.3rem;background:rgba(0,168,255,.1);padding:.4rem .8rem;border-radius:15px;border:1px solid rgba(0,168,255,.3);font-size:.8rem;font-weight:600}.mobile-viewer-count.connected{color:#00a8ff}.mobile-viewer-count.connecting{color:#7f8c8d}.viewer-icon{font-size:.9rem}.viewer-number{font-weight:700}.mobile-share-button{background:linear-gradient(45deg,#1877f2,#166fe5);color:#fff;border:none;padding:.5rem;border-radius:50%;cursor:pointer;font-size:1rem;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-share-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #1877f266}.mobile-upcoming-badge{background:rgba(241,196,15,.2);color:#f1c40f;padding:.4rem .8rem;border-radius:12px;font-size:.7rem;font-weight:700;border:1px solid rgba(241,196,15,.3);text-transform:uppercase}.desktop-share-container{display:flex;align-items:center}.share-button{background:linear-gradient(45deg,#1877f2,#166fe5);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.share-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1877f266}.share-icon{font-size:1rem}.stream-teams-mobile{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mobile-teams-logos{display:flex;align-items:center;gap:.8rem}.mobile-team-logo{width:40px;height:40px;object-fit:contain}.mobile-score{display:flex;align-items:center;gap:.5rem;background:rgba(0,168,255,.1);padding:.4rem .8rem;border-radius:15px;border:1px solid rgba(0,168,255,.3)}.mobile-score.score-updated{animation:mobileScorePulse 2s ease-out;background:rgba(46,204,113,.2)!important;border-color:#2ecc7166!important}@keyframes mobileScorePulse{0%{transform:scale(1.1);box-shadow:0 0 15px #2ecc714d}50%{transform:scale(1.15);box-shadow:0 0 25px #2ecc7180}to{transform:scale(1);box-shadow:0 0 #2ecc7100}}.mobile-score-text{font-weight:700;color:#00a8ff;font-size:.9rem}.mobile-live-pulse{animation:pulse 2s infinite;font-size:.7rem}.announcement-banner{background:linear-gradient(90deg,#e53935,#d32f2f,#c62828);color:#fff;text-align:center;padding:12px 40px 12px 20px;font-size:14px;font-weight:600;z-index:100;position:relative;margin:10px 20px 15px;border-radius:8px;box-shadow:0 3px 15px #0003;border:1px solid rgba(255,255,255,.1);animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.announcement-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.announcement-icon{font-size:16px;animation:pulse 2s infinite;margin-right:5px}.announcement-text{font-size:14px;line-height:1.4}.announcement-link{color:#ffeb3b;text-decoration:none;font-weight:700;transition:all .3s ease;background:rgba(0,0,0,.2);padding:2px 6px;border-radius:4px;margin:0 5px}.announcement-link:hover{color:#fff;background:rgba(0,0,0,.4);text-decoration:underline}.announcement-close-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.3);color:#fff;border:none;border-radius:50%;width:26px;height:26px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;font-weight:700}.announcement-close-btn:hover{background:rgba(0,0,0,.6);transform:translateY(-50%) scale(1.1)}@keyframes pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}@media (max-width: 1024px){.announcement-banner{margin:8px 20px 12px}}@media (max-width: 768px){.announcement-banner{margin:8px 15px 10px;padding:10px 35px 10px 15px;font-size:12px}.announcement-content{flex-direction:column;gap:5px;text-align:center}.announcement-icon{margin-right:0;margin-bottom:3px}.announcement-text{font-size:12px}.announcement-close-btn{width:24px;height:24px;font-size:14px;right:8px}}@media (max-width: 480px){.announcement-banner{margin:5px 10px 8px;padding:8px 30px 8px 12px;font-size:11px}.announcement-close-btn{width:22px;height:22px;font-size:13px;right:6px}}.stream-container{padding:0 2rem 2rem;max-width:1400px;margin:0 auto}.stream-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.video-container{background:rgba(0,0,0,.3);border-radius:15px;padding:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;order:1}.chat-container{min-width:350px;order:2}.stream-embed{width:100%;height:100%;min-height:400px;border-radius:10px;overflow:hidden;background:#000}.stream-iframe{width:100%;height:100%;min-height:400px;border:none;border-radius:10px}.iframe-placeholder{background:linear-gradient(135deg,rgba(0,0,0,.5) 0%,rgba(0,168,255,.1) 100%);border:2px dashed #00a8ff;border-radius:10px;padding:3rem;text-align:center;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease}.iframe-placeholder:hover{border-color:#0097e6;background:linear-gradient(135deg,rgba(0,0,0,.6) 0%,rgba(0,151,230,.15) 100%)}.iframe-placeholder h3{color:#00a8ff;margin-bottom:1rem;font-size:1.5rem}.iframe-placeholder p{color:#bdc3c7;margin-bottom:2rem;font-size:1.1rem}.upcoming-message{background:rgba(243,156,18,.1);border:1px solid rgba(243,156,18,.3);border-radius:10px;padding:1.5rem;margin-top:1rem;text-align:center}.upcoming-message p{color:#f39c12;margin-bottom:1rem}.countdown-placeholder{background:rgba(255,255,255,.1);padding:1rem;border-radius:8px;color:#f39c12;font-weight:700}.completed-message{background:rgba(52,152,219,.1);border:1px solid rgba(52,152,219,.3);border-radius:10px;padding:1.5rem;margin-top:1rem;text-align:center}.completed-message p{color:#3498db;margin-bottom:1rem}.completed-message strong{color:#00a8ff;font-size:1.2rem}.stream-details{padding:2rem;max-width:1400px;margin:0 auto;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);border-radius:15px}.stream-details h4{color:#00a8ff;margin-bottom:1.5rem;font-size:1.3rem;text-align:center}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:rgba(255,255,255,.05);border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.detail-item:hover{background:rgba(255,255,255,.08);border-color:#00a8ff4d;transform:translateY(-2px)}.detail-item label{color:#bdc3c7;font-weight:600;font-size:.9rem}.detail-item span{color:#ecf0f1;font-weight:500}.status-pre{color:#f39c12;font-weight:700}.status-in{color:#e74c3c;font-weight:700;animation:pulse 2s infinite}.status-post{color:#3498db;font-weight:700}.viewer-count-badge{background:rgba(52,152,219,.2);color:#3498db;padding:.3rem .6rem;border-radius:12px;font-weight:700;border:1px solid rgba(52,152,219,.3)}.viewer-count-badge.score-updated{animation:badgePulse 2s ease-out;background:rgba(46,204,113,.2)!important;border-color:#2ecc7166!important}@keyframes badgePulse{0%{transform:scale(1.1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:1.2rem;color:#00a8ff}.mobile-hidden,.desktop-hidden{display:none!important}@media (max-width: 1024px){.stream-layout{grid-template-columns:1.5fr 1fr;gap:1.5rem}.stream-header{padding:1rem 1.5rem}.announcement-banner{margin:8px 20px 12px}}@media (max-width: 768px){.desktop-hidden{display:flex!important}.mobile-hidden{display:none!important}.stream-header{padding:.8rem 1rem}.stream-game-info{flex-direction:row;justify-content:space-between;gap:1rem}.stream-right-side{flex-direction:column;align-items:flex-end;gap:.5rem}.stream-status{font-size:.8rem;text-align:right}.mobile-info-container{gap:.6rem}.mobile-viewer-count{padding:.3rem .6rem;font-size:.7rem}.mobile-share-button{width:32px;height:32px;font-size:.9rem}.mobile-upcoming-badge{padding:.3rem .6rem;font-size:.65rem}.back-button{padding:.4rem .8rem;font-size:.8rem}.stream-layout{grid-template-columns:1fr;gap:1rem}.video-container{order:1}.chat-container{order:2;min-width:auto}.stream-container{padding:0 1rem 1rem}.announcement-banner{margin:8px 15px 10px;padding:10px 35px 10px 15px;font-size:12px}.announcement-content{flex-direction:column;gap:5px;text-align:center}.announcement-icon{margin-right:0;margin-bottom:3px}.announcement-text{font-size:12px}.announcement-close-btn{width:24px;height:24px;font-size:14px;right:8px}.iframe-placeholder{padding:2rem 1rem;min-height:300px}.iframe-placeholder h3{font-size:1.3rem}.iframe-placeholder p{font-size:1rem}.stream-details{padding:1rem}.details-grid{grid-template-columns:1fr}.stream-embed,.stream-iframe{min-height:300px}}@media (max-width: 480px){.stream-game-info{flex-direction:column;gap:.8rem}.stream-right-side{align-items:center;width:100%}.stream-status{text-align:center}.mobile-info-container{justify-content:center;width:100%}.mobile-team-logo{width:35px;height:35px}.stream-embed,.stream-iframe{min-height:250px}.iframe-placeholder{padding:1.5rem 1rem;min-height:250px}.iframe-placeholder h3{font-size:1.2rem}.iframe-placeholder p{font-size:.9rem;margin-bottom:1.5rem}.announcement-banner{margin:5px 10px 8px;padding:8px 30px 8px 12px;font-size:11px}.announcement-close-btn{width:22px;height:22px;font-size:13px;right:6px}}@media (min-width: 769px){.desktop-hidden{display:none!important}.mobile-hidden{display:flex!important}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.connection-status{color:#f39c12;font-style:italic}.connection-error{color:#e74c3c;font-style:italic}.App{min-height:100vh;background:linear-gradient(135deg,#0c1a2d 0%,#1a3a5f 100%)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0c1a2d 0%,#1a3a5f 100%);color:#fff;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00a8ff,#0097e6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#0097e6,#0082c4)}::selection{background:rgba(0,168,255,.3);color:#fff}*:focus{outline:2px solid #00a8ff;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes pulse{0%{box-shadow:0 0 #e74c3cb3}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}.pulse{animation:pulse 2s infinite}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(135deg,#0c1a2d 0%,#1a3a5f 50%,#0c1a2d 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#0c1a2d 0%,#1a3a5f 50%,#0c1a2d 100%);background-attachment:fixed}#root{min-height:100vh}html{scroll-behavior:smooth}button{border:none;background:none;font-family:inherit;cursor:pointer}input,textarea{border:none;background:none;font-family:inherit}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}@media (max-width: 768px){:root{font-size:14px}}@media (max-width: 480px){:root{font-size:13px}}