:root{--bg: #0c1018;--panel: #151c28;--home: #3da5ff;--away: #ff4d6d;--fire: #ffb000;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:#e8eef6;font-family:system-ui,Segoe UI,sans-serif}#app{display:flex;justify-content:center;padding:12px}.wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.hud{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel);border-radius:12px;padding:10px 18px}.team{display:flex;flex-direction:column;align-items:center;min-width:130px}.team .badge{font-size:12px;letter-spacing:.08em;opacity:.85;text-transform:uppercase}.team.home .badge{color:var(--home)}.team.away .badge{color:var(--away)}.team .score{font-size:44px;font-weight:800;line-height:1}.team .fire{margin-top:4px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#111;background:var(--fire);padding:2px 8px;border-radius:999px;visibility:hidden;animation:pulse .6s infinite alternate}@keyframes pulse{0%{opacity:.7}to{opacity:1}}.team .warp{margin-top:4px;width:84px;height:6px;border-radius:999px;background:#ffffff26;overflow:hidden;visibility:hidden}.team .warp .warpfill{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--fire),#ffd000);transition:width .1s linear}.center{display:flex;flex-direction:column;align-items:center;gap:8px}.clock{font-size:34px;font-weight:800;font-variant-numeric:tabular-nums}.controls-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.controls-row label{font-size:12px;display:flex;flex-direction:column;gap:2px;opacity:.9}.controls-row select,.controls-row button{font:inherit;font-size:13px;background:#222c3c;color:#e8eef6;border:1px solid #33415a;border-radius:8px;padding:6px 10px;cursor:pointer}.controls-row button{background:var(--home);color:#06203a;font-weight:700;border:none}.controls-row button:hover{filter:brightness(1.1)}canvas{background:#1b2330;border-radius:12px;box-shadow:0 8px 30px #00000080;max-width:100%;height:auto}.help{font-size:12px;line-height:1.6;opacity:.85;text-align:center;max-width:900px}.help strong{color:#cfe3ff}.help em{color:var(--fire);font-style:normal;font-weight:700}.onlinePanel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#060c14db;color:#e6eef7;text-align:center;font:600 15px/1.5 system-ui,sans-serif;padding:20px}.onlinePanel.hidden{display:none}