.mageClassRow,.mageLoadout{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mageClassRow button,.mageLoadout button,.mageSpellbook button{border:1px solid #64758e;background:#101a2c;color:#f5f7fb;border-radius:8px;padding:10px;cursor:pointer}.mageLoadout button{position:relative;width:52px;height:58px;padding:3px}.mageLoadout button.selected{outline:2px solid #b5dfff}.mageLoadout img{width:40px;height:40px;display:block}.mageSpellbook{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;max-height:45vh;overflow:auto}.mageSpellbook button{text-align:left;display:flex;flex-direction:column;gap:5px}.mageSpellbook img{width:56px;height:56px}.mageSpellbook small{font-size:11px;line-height:1.4}.mageSpellbook button:disabled{opacity:.45;cursor:default}.mageClassRow button:disabled{border-color:#b5dfff;color:#b5dfff}.mageSchoolPicker{display:grid;gap:8px;margin:12px 0}.mageSchoolPicker select{width:100%;padding:12px;color:#e8f4ff;background:#101a2c;border:1px solid #7893b2;border-radius:6px}#mageChooseOverlay{position:fixed;inset:0;z-index:1000000;background:#07101bef;display:grid;place-items:center;padding:20px}#mageChooseOverlay section{max-width:560px;color:#fff;text-align:center;background:#101b30;padding:25px;border:1px solid #8196b5;border-radius:12px}#mageChooseOverlay button{padding:14px;margin:6px;border:1px solid #94afd2;border-radius:8px;background:#172640;color:white;font-size:16px}