:root{--bg: #12101a;--panel: #1d1a2a;--panel-2: #262238;--text: #ece9f6;--muted: #9a94b3;--line: #332e4a;--accent: #8b6cff;--danger: #ff6b6b;--ok: #4ade80;--common: #8a8fa3;--rare: #4aa3ff;--epic: #b56cff;--legendary: #ffa53a;--divine: #ff4fa0;--gold: #ffd23f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2{margin:0 0 .6rem}a{color:var(--accent);text-decoration:none}.page{max-width:1000px;margin:0 auto;padding:20px 16px 60px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grow{flex:1}.muted{color:var(--muted)}.error{color:var(--danger);margin:.4rem 0}.grid{display:flex;flex-wrap:wrap;gap:14px}.input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}.input:focus,select:focus,textarea:focus{outline:2px solid var(--accent)}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 16px;font:inherit;font-weight:600;cursor:pointer}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.btn.small{padding:4px 10px;font-size:.85rem}.btn.danger{background:var(--danger)}.form{display:flex;flex-direction:column;gap:10px}.form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}