:root{--bg: #0a0e17;--surface: #131a2b;--surface2: #1a2340;--surface3: #222e4a;--border: #2a3655;--accent: #00d4aa;--accent2: #00b894;--warn: #ff6b6b;--warn2: #ee5a24;--gold: #ffd93d;--text: #e8edf5;--text2: #8892a8;--text3: #5a6480;--white: #fff;--penalty-bg: #2d1b1b;--penalty-border: #5c2b2b;--field-bg: #1b3a1b;--field-border: #2d5c2d;--sideline-bg: #1b2a3a;--sideline-border: #2b4a6a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:"Source Sans 3",sans-serif;background:var(--bg);color:var(--text)}h1,h2,h3,h4{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em}.header{background:linear-gradient(135deg,#0d1526,#162040);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--accent);position:sticky;top:0;z-index:100}.header h1{font-size:22px;color:var(--accent)}.header-sub{font-size:11px;color:var(--text2);font-weight:300}.tabs{display:flex;gap:2px;background:var(--surface);padding:4px;border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:8px 14px;border:none;background:none;color:var(--text2);cursor:pointer;font-family:Oswald,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.08em;border-radius:6px;white-space:nowrap;transition:.2s}.tab:hover{color:var(--text);background:var(--surface2)}.tab.active{background:var(--accent);color:var(--bg);font-weight:600}.panel{padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:12px}.card-title{font-family:Oswald,sans-serif;font-size:14px;color:var(--accent);margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-family:Oswald,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.05em;transition:.15s}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent2)}.btn-danger{background:var(--warn);color:var(--white)}.btn-danger:hover{background:var(--warn2)}.btn-sm{padding:4px 10px;font-size:11px}.btn-outline{background:none;border:1px solid var(--border);color:var(--text2)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-gold{background:var(--gold);color:var(--bg)}input,select{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:6px;font-size:14px;font-family:"Source Sans 3",sans-serif}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #00d4aa26}.form-row{display:flex;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.form-label{font-size:12px;color:var(--text2);text-transform:uppercase;font-family:Oswald,sans-serif;letter-spacing:.05em;min-width:80px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.scoreboard{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;background:linear-gradient(180deg,#0d1526,#162040);border-radius:12px;border:2px solid var(--accent);margin-bottom:16px;box-shadow:0 4px 24px #00d4aa14}.score-team{text-align:center;min-width:130px}.score-team-name{font-family:Oswald,sans-serif;font-size:16px;color:var(--text2);text-transform:uppercase}.score-num{font-family:Oswald,sans-serif;font-size:56px;font-weight:700;color:var(--white);line-height:1}.clock-display{font-family:Oswald,sans-serif;font-size:44px;font-weight:700;color:var(--gold);letter-spacing:.05em}.period-display{font-size:14px;color:var(--accent);font-family:Oswald,sans-serif;text-transform:uppercase}.clock-controls{display:flex;gap:6px;margin-top:8px;justify-content:center}.player-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;margin-bottom:4px;font-size:13px;transition:.15s}.player-row:hover{background:var(--surface2)}.player-num{font-family:Oswald,sans-serif;font-size:16px;font-weight:700;width:32px;text-align:center;color:var(--accent)}.player-name{flex:1}.player-pos{font-size:11px;color:var(--text3);font-family:Oswald,sans-serif;text-transform:uppercase}.status-badge{font-size:10px;padding:2px 8px;border-radius:10px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em}.status-field{background:var(--field-bg);border:1px solid var(--field-border);color:#4ade80}.status-sideline{background:var(--sideline-bg);border:1px solid var(--sideline-border);color:#60a5fa}.status-penalty{background:var(--penalty-bg);border:1px solid var(--penalty-border);color:var(--warn)}.penalty-timer{background:var(--penalty-bg);border:1px solid var(--penalty-border);border-radius:8px;padding:8px 12px;margin-bottom:6px;display:flex;align-items:center;gap:10px}.penalty-time{font-family:Oswald,sans-serif;font-size:22px;color:var(--warn);font-weight:700;min-width:50px}.penalty-info{flex:1;font-size:12px}.penalty-type{color:var(--warn);font-weight:600}.penalty-player{color:var(--text2)}.nr-badge{font-size:9px;background:var(--warn);color:#fff;padding:1px 6px;border-radius:8px;font-weight:700}.tournament-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;cursor:pointer;transition:.2s}.tournament-card:hover{border-color:var(--accent)}.tournament-card.live{border-color:var(--accent);box-shadow:0 0 12px #00d4aa26}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;animation:pulse 1.5s infinite;margin-right:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.mini-score{font-family:Oswald,sans-serif;font-size:28px;font-weight:700}.role-selector{display:flex;gap:4px;flex-wrap:wrap}.role-btn{padding:6px 12px;border-radius:20px;font-size:11px;cursor:pointer;border:1px solid var(--border);background:none;color:var(--text2);font-family:Oswald,sans-serif;text-transform:uppercase;transition:.15s}.role-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;max-width:520px;width:100%;max-height:85vh;overflow-y:auto}.modal h3{color:var(--accent);margin-bottom:12px;font-size:18px}.section-title{font-family:Oswald,sans-serif;font-size:16px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:16px 0 10px;border-bottom:1px solid var(--border);padding-bottom:6px}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table th{background:var(--surface2);padding:6px 8px;text-align:left;font-family:Oswald,sans-serif;color:var(--accent);text-transform:uppercase;font-size:11px;position:sticky;top:0}.report-table td{padding:5px 8px;border-bottom:1px solid var(--border)}.report-table tr:hover td{background:var(--surface2)}.live-feed{background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:24px;text-align:center;box-shadow:0 0 20px #00d4aa14}.empty-state{text-align:center;padding:40px 20px;color:var(--text3)}.empty-state h3{color:var(--text2);margin-bottom:8px}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-family:Oswald,sans-serif;margin-right:4px}.tag-green{background:#1a3a2a;color:#4ade80}.tag-blue{background:#1a2a3a;color:#60a5fa}.tag-red{background:#3a1a1a;color:#f87171}.tag-gold{background:#3a3a1a;color:var(--gold)}.scroll-x{overflow-x:auto}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-sm{gap:6px}.mb-sm{margin-bottom:6px}.mb-md{margin-bottom:12px}.mt-sm{margin-top:6px}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--text2)}.text-accent{color:var(--accent)}.text-warn{color:var(--warn)}.text-gold{color:var(--gold)}.fw-bold{font-weight:700}.d-flex{display:flex}.align-center{align-items:center}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}