:root{color-scheme:dark;--bg: #050505;--surface: #111114;--surface-2: #1a1a1f;--border: #2a2a30;--text: #ffffff;--muted: #b3b3b3;--accent: #f8b825;--accent-strong: #e4a607;--live: #ff4d4f;--teamA: #4da3ff;--teamB: #ffd24d;--font: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 16px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:radial-gradient(circle at top right,rgba(255,173,0,.12),transparent 22%),linear-gradient(180deg,#080808,#030303);color:var(--text);font-family:var(--font)}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:16px}.btn{font-family:var(--font);font-weight:600;font-size:1rem;border:none;border-radius:12px;padding:12px 18px;min-height:44px;cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--border);transition:transform .06s ease,background .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:hover{background:#24242b}.btn:active{transform:scale(.98)}.btn-accent{background:var(--accent);color:#1a1300;border-color:var(--accent-strong)}.btn-accent:hover{background:var(--accent-strong)}.btn-lg{padding:18px 22px;font-size:1.1rem;min-height:56px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.badge-live{display:inline-flex;align-items:center;gap:6px;background:#4ade8029;color:#4ade80;font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px}.badge-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.muted{color:var(--muted)}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:12px}.appbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#050505d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.appbar .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.appbar .brand img{height:42px}.navlinks{display:flex;gap:8px}.navlinks a{padding:8px 12px;border-radius:10px;font-weight:600;color:var(--muted)}.navlinks a.router-link-active{color:var(--text);background:var(--surface-2)}input,select{font-family:var(--font);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px;width:100%;font-size:16px;min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none}label{display:block;font-size:.85rem;color:var(--muted);margin:12px 0 4px}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}