:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}:root{--theme-color: #d10a11;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #888888;--accent-green: #00ff88;--accent-red: #ff4444}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary)}.app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.app.loading,.app.error{flex-direction:column;gap:1rem}.spinner{width:60px;height:60px;border:4px solid var(--text-secondary);border-top-color:var(--theme-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-display{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.connection-status{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.connection-status.connected{background:#0f83;color:var(--accent-green);border:1px solid var(--accent-green)}.connection-status.disconnected{background:#f443;color:var(--accent-red);border:1px solid var(--accent-red);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.teams-container{display:flex;align-items:center;justify-content:center;gap:4rem;width:100%;max-width:1400px}.team-info{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:200px}.team-logo{width:180px;height:180px;object-fit:contain}.team-logo-placeholder{width:180px;height:180px;background:var(--bg-secondary);border-radius:50%}.team-name{font-size:1.5rem;font-weight:600;text-align:center;color:var(--text-primary)}.team-code{font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.score-section{display:flex;flex-direction:column;align-items:center;gap:2rem}.scoreboard{display:flex;align-items:center;gap:2rem}.score{font-size:8rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.score--home,.score--away{color:var(--text-primary)}.score-separator{font-size:5rem;font-weight:300;color:var(--text-secondary)}.game-clock{display:flex;flex-direction:column;align-items:center;gap:.5rem}.game-status{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.game-start-date{font-size:1.5rem;color:var(--text-primary);text-transform:capitalize}.game-start-time{font-size:3rem;font-weight:700;color:var(--theme-color)}.period-label{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.period-time{font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.countdown-time{font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--theme-color)}.countdown-label{font-size:1rem;color:var(--text-secondary)}.live-indicator{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--accent-red);color:#fff;font-size:.875rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.7}}.game-clock--pre .game-start-time{color:var(--theme-color)}.game-clock--ended .game-status{color:var(--text-primary);font-size:2rem}.game-clock--intermission .countdown-time{color:var(--theme-color)}.no-game{display:flex;flex-direction:column;align-items:center;gap:1rem}.no-game-text{font-size:2rem;color:var(--text-secondary)}.error-banner{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:#f443;color:var(--accent-red);border:1px solid var(--accent-red);border-radius:.5rem;font-size:.875rem}@media(max-width:1200px){.teams-container{gap:2rem}.team-logo{width:140px;height:140px}.score{font-size:6rem}.score-separator{font-size:4rem}}@media(max-width:768px){.teams-container{flex-direction:column;gap:1.5rem}.team-info{flex-direction:row;width:100%;justify-content:center}.team-logo{width:80px;height:80px}.score{font-size:4rem}.score-separator{font-size:3rem}.period-time,.countdown-time,.game-start-time{font-size:2rem}}