*{box-sizing:border-box}:root{--bg:#0f1419;--panel:#1a2028;--panel-2:#242c36;--text:#e6eaf0;--text-dim:#8a95a5;--home:#4db6ff;--away:#ff7a59;--accent:#6bd968;--border:#2c3440}body{background:var(--bg);color:var(--text);justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:20px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}main{flex-direction:column;gap:16px;width:100%;max-width:860px;display:flex}header h1{margin:0 0 4px;font-size:20px;font-weight:600}header .subtitle{color:var(--text-dim);margin:0;font-size:14px}.home{color:var(--home);font-weight:600}.away{color:var(--away);font-weight:600}.pitch-wrap{width:100%;position:relative}#pitch{border:1px solid var(--border);aspect-ratio:8/5;background:#0a1410;border-radius:8px;width:100%;overflow:hidden}#pitch canvas{display:block;width:100%!important;height:100%!important}.scoreboard{-webkit-backdrop-filter:blur(6px);color:#fff;font-variant-numeric:tabular-nums;z-index:10;background:#0a1014d9;border:1px solid #ffffff2e;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;transition:box-shadow .3s,border-color .3s;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0006}.scoreboard .sb-team{letter-spacing:.8px;padding:0 4px;font-size:11px;font-weight:700}.scoreboard .sb-team.home{color:#4db6ff}.scoreboard .sb-team.away{color:#ff7a59}.scoreboard .sb-score{text-align:center;min-width:18px;font-size:22px;font-weight:800}.scoreboard .sb-sep{color:#ffffff8c;padding:0 2px;font-size:16px}.scoreboard .sb-divider{background:#fff3;width:1px;height:20px;margin:0 6px}.scoreboard .sb-clock{color:#dae4ef;letter-spacing:.4px;text-align:center;min-width:48px;font-size:13px;font-weight:600}.scoreboard.goal-flash{border-color:#6bd968;box-shadow:0 0 0 2px #6bd96873,0 6px 18px #0006}.scoreboard.fulltime .sb-clock,.scoreboard.halftime .sb-clock{color:#fc6}.controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.control-group.full{grid-column:1/-1}.control-group{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px}.control-group label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;display:block}.buttons{gap:4px;display:flex}.buttons button{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;flex:1;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.buttons button:hover{background:#2e3643}.buttons button.active{background:var(--accent);color:#0a1410;border-color:var(--accent)}@media (width<=640px){.controls{grid-template-columns:1fr}}