.spell-picker{display:grid;grid-template-columns:48px 1.5fr .65fr auto;gap:8px;align-items:center;padding:9px}.spell-picker img{width:46px;height:46px;object-fit:contain;background:#080705;border:1px solid var(--warm);border-radius:7px}.spell-picker label{background:#0c0a07;border:1px solid var(--line);padding:5px 7px;border-radius:5px}.spell-picker label span{display:block;color:var(--muted);font-size:7px}.spell-picker select{width:100%;background:transparent;border:0;outline:0;color:var(--text);padding-top:4px}.spell-picker option{background:#17120d}.spell-meta{text-align:right}.spell-meta b{display:block;color:var(--gold)}.spell-meta span{font-size:9px;color:var(--sec)}.spell-description{padding:0 10px 7px;font-size:9px;color:var(--muted)}.spell-effects{display:flex;flex-wrap:wrap;gap:5px;padding:0 9px 9px}.spell-effect{padding:4px 7px;background:#17110c;border:1px solid var(--line);border-radius:4px;font-size:8px;color:var(--sec)}.spell-effect.damage{border-color:#654627;color:var(--gold)}.spell-effect.special{border-color:#3e5e29;color:#9acb68}
@media(max-width:820px){.spell-picker{grid-template-columns:45px 1fr 70px}.spell-meta{grid-column:2/-1;text-align:left}}