:root{--bg:#0f1115;--panel:#171a21;--panel2:#1d212b;--border:#2a2f3a;--text:#e7e9ee;--muted:#9aa3b2;--accent:#c9a227;--accent2:#6b8cff;--ok:#3fb950;--warn:#e3b341;--bad:#f85149;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}a{color:var(--accent2)}button{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 10px;transition:background .12s,border-color .12s}button:hover{background:#262b36}button.active,button.primary{background:var(--accent);color:#1a1500;border-color:var(--accent);font-weight:600}button.ghost{background:0 0}input,select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 8px}input:focus,select:focus{outline:1px solid var(--accent2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2c323d;border-radius:6px}.attr-DARK{--c:#8a5fc7}.attr-LIGHT{--c:#d8c96b}.attr-WATER{--c:#5aa9e6}.attr-FIRE{--c:#e0633f}.attr-EARTH{--c:#b08a5a}.attr-WIND{--c:#5ac79a}.attr-DIVINE{--c:#d4a017}.frame-normal{--c:#c9a227}.frame-effect{--c:#c77b3f}.frame-ritual{--c:#5a8fd8}.frame-fusion{--c:#9a5bb8}.frame-synchro{--c:#d8d8d8}.frame-xyz{--c:#444}.frame-link{--c:#2a7fd8}.frame-spell{--c:#1d9e8a}.frame-trap{--c:#bc4a8f}