.spell-reference{max-width:1200px;margin:auto;padding:24px}.spell-reference h2{font-size:2rem}.spell-toolbar,.spell-subnav{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.spell-subnav button[aria-pressed=true]{border-color:#75e8db;color:#75e8db;background:#163331}.spell-reference input,.spell-reference select{padding:10px;border:1px solid #53616b;background:#10151c;color:#f4f6f8;border-radius:6px}.spell-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;margin-top:18px}.spell-panel{padding:20px;border:1px solid #46515e;border-radius:10px;background:#141b24;margin-bottom:18px}.spell-panel h3{margin-top:4px}.spell-cost,.spell-roll{color:#7de4d4;font-weight:700}.spell-panel p,.spell-reference>p{line-height:1.6}.spell-table-scroll{overflow-x:auto}.spell-reference table{width:100%;border-collapse:collapse;margin:12px 0;text-align:left}.spell-reference th,.spell-reference td{padding:12px;border-bottom:1px solid #46515e;vertical-align:top;min-width:120px;line-height:1.5}.spell-reference th{color:#7de4d4}.spell-reference details summary{cursor:pointer;padding:10px 0}.spell-review{color:#f1ca87}.spell-reference button{padding:10px 14px;cursor:pointer}.spell-reference label{line-height:2}@media(max-width:600px){.spell-reference{padding:12px}.spell-panel{padding:14px}}