:root{--color-primary:#2563eb;--color-primary-light:#dbeafe;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#d97706;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-text:#1e293b;--color-text-muted:#64748b;--color-highlight:#eff6ff;--color-player-0:#2563eb;--color-player-1:#0891b2;--color-player-2:#16a34a;--color-player-3:#d97706;--color-player-4:#7c3aed;--color-player-5:#dc2626;--radius:8px;--shadow:0 1px 3px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--color-bg);width:100%;height:100%;color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:16px}body{overflow-x:hidden}button{cursor:pointer;font:inherit;border-radius:var(--radius);border:none;padding:.5rem 1rem;transition:opacity .15s}button:active{opacity:.8}input{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);outline:none;width:100%;padding:.5rem .75rem}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}