:root{--color-bg: #000000;--color-panel: #1a1a1a;--color-text: #ffffff;--color-text-secondary: #888888;--color-accent: #00ff88;--color-home: #0066cc;--color-away: #cc0000;--font-display: "Roboto Condensed", "Arial Narrow", sans-serif;--font-clock: "Roboto Mono", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-display)}.scoreboard{width:100%;height:100%;display:flex;flex-direction:column;padding:2vh;gap:2vh}.scoreboard-header{display:flex;justify-content:center;align-items:center;gap:2vw}.period-display{font-size:4vh;color:var(--color-text-secondary);text-transform:uppercase}.clock-display{font-family:var(--font-clock);font-size:12vh;font-weight:700;color:var(--color-accent);letter-spacing:.05em;text-shadow:0 0 20px rgba(0,255,136,.5)}.clock-display.stopped{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.scoreboard-main{flex:1;display:flex;justify-content:center;align-items:center;gap:4vw}.team-panel{flex:1;max-width:40%;display:flex;flex-direction:column;align-items:center;gap:2vh}.team-name{font-size:6vh;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.team-score{font-family:var(--font-clock);font-size:30vh;font-weight:700;line-height:1;text-shadow:0 0 30px currentColor}.team-panel.home .team-score{color:var(--color-home)}.team-panel.away .team-score{color:var(--color-away)}.score-separator{font-size:15vh;color:var(--color-text-secondary)}.penalties-panel{position:absolute;bottom:2vh;left:2vw;right:2vw;display:flex;justify-content:space-between}.penalties-team{display:flex;gap:1vw}.penalty-box{background:var(--color-panel);padding:1vh 1.5vw;border-radius:.5vh;display:flex;align-items:center;gap:1vw;font-family:var(--font-clock);font-size:3vh}.penalty-time{color:var(--color-accent);min-width:3em}.penalty-player{color:var(--color-text-secondary)}.qr-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3vh;z-index:100}.app-branding{display:flex;flex-direction:column;align-items:center;margin-bottom:2vh}.app-branding .logo{width:20vh;height:auto}.app-branding .brand-name{font-size:3vh;color:#888;margin-top:1vh}.qr-title{font-size:4vh;color:var(--color-accent)}.qr-code{background:#fff;padding:2vh;border-radius:1vh}.qr-instructions{font-size:3vh;color:var(--color-text-secondary);text-align:center;max-width:60%}.setup-screen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4vh;padding:4vh}.setup-title{font-size:6vh;color:var(--color-accent)}.sport-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15vw,1fr));gap:2vh;max-width:80%}.sport-card{background:var(--color-panel);border:2px solid transparent;border-radius:1vh;padding:3vh 2vw;cursor:pointer;transition:all .2s ease;text-align:center}.sport-card:hover{border-color:var(--color-accent);transform:scale(1.02)}.sport-card.selected{border-color:var(--color-accent);background:#00ff881a}.sport-icon{font-size:6vh;margin-bottom:1vh}.sport-name{font-size:2.5vh}.start-button{background:var(--color-accent);color:var(--color-bg);border:none;padding:2vh 4vw;font-size:3vh;font-weight:700;border-radius:.5vh;cursor:pointer;transition:all .2s ease}.start-button:hover{transform:scale(1.05)}.start-button:disabled{opacity:.5;cursor:not-allowed}.connection-status{position:fixed;top:2vh;right:2vw;padding:1vh 2vw;border-radius:.5vh;font-size:2vh;z-index:50}.connection-status.connected{background:#0f83;color:var(--color-accent)}.connection-status.connecting,.connection-status.reconnecting{background:#ffc80033;color:#fc0}.connection-status.disconnected{background:#f003;color:#f44}.connection-status.offline{background:#ffa5004d;color:orange;display:flex;align-items:center;gap:1vw;animation:offlinePulse 2s ease-in-out infinite}.connection-status.offline .offline-icon{font-size:2.5vh}.connection-status.offline .offline-text{font-weight:700;letter-spacing:.1em}@keyframes offlinePulse{0%,to{opacity:1}50%{opacity:.6}}.language-selector{position:fixed;top:2vh;left:2vw;z-index:50}.language-selector select{background:var(--color-panel);color:var(--color-text);border:1px solid var(--color-text-secondary);padding:1vh 1vw;font-size:2vh;border-radius:.5vh;cursor:pointer}.grace-period-overlay{position:fixed;bottom:2vh;right:2vw;z-index:100;background:#ffa500f2;border-radius:2vh;padding:2vh;box-shadow:0 0 4vh #ffa50080;animation:pulse-orange 1s ease-in-out infinite}@keyframes pulse-orange{0%,to{box-shadow:0 0 2vh #ffa50080}50%{box-shadow:0 0 4vh #ffa500cc}}.grace-period-content{display:flex;flex-direction:column;align-items:center;gap:1vh;color:#000}.grace-period-warning{font-size:4vh}.grace-period-content h3{font-size:2.5vh;margin:0}.grace-period-content p{font-size:1.8vh;margin:0;opacity:.8}.grace-period-qr{background:#fff;padding:1vh;border-radius:1vh}.grace-period-qr img{width:15vh;height:15vh;display:block}.grace-period-timer{font-size:3vh;font-weight:700;font-family:var(--font-clock);background:#0003;padding:.5vh 2vh;border-radius:1vh}.grace-period-url{font-size:1.2vh;word-break:break-all;max-width:25vh;text-align:center}.unlicensed-badge{position:fixed;top:2vh;right:2vw;background:linear-gradient(135deg,#e94560,#c23a51);color:#fff;padding:1vh 2vw;border-radius:1vh;z-index:1000;text-align:center;box-shadow:0 4px 20px #e9456080;animation:unlicensed-pulse 2s ease-in-out infinite}.unlicensed-text{font-size:2.5vh;font-weight:700;letter-spacing:.1em}.unlicensed-badge .device-id{font-size:1.5vh;font-family:var(--font-clock);opacity:.8;margin-top:.5vh}@keyframes unlicensed-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.takeover-badge{position:fixed;right:2vh;bottom:2vh;display:flex;flex-direction:column;align-items:center;gap:.6vh;padding:1vh;background:#000000b3;border-radius:1vh;color:#ccc;font-size:1.6vh;z-index:50}.takeover-badge svg{display:block;border:.6vh solid #fff}