.spell_info{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;margin:0 0 0 7px;padding:0!important;border:1px solid #b89b65;border-radius:50%;background:#26362c;color:#efd8a6;font:italic bold 13px Georgia,serif;vertical-align:middle;cursor:help;letter-spacing:0}
.spell_info:focus-visible{outline:2px solid #f4dfab;outline-offset:3px}
#spell_info_popup{position:fixed;z-index:10000;padding:13px 15px;border:1px solid #b89b65;border-radius:7px;background:#14221b;color:#f4ecdb;box-shadow:0 8px 26px #0009;font:13px/1.6 Arial,sans-serif;letter-spacing:0;pointer-events:none;overflow-wrap:anywhere;max-height:calc(100dvh - 24px);overflow:auto}
.spell_lore_preview{margin:9px 0;font:12px/1.5 Arial,sans-serif;color:#d5c7aa;letter-spacing:0}
.spell_lore_preview summary{cursor:pointer}.spell_lore_preview summary small{font-size:10px}
.spell_help_row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0;line-height:1.5}
.spell_choice{display:flex;align-items:center;flex:1 1 240px;gap:4px}.spell_choice>button:first-child{flex:1}.magic_buttons .spell_info{flex:none;min-width:20px}
.battle_spell_help{margin:10px 0;border-top:1px solid #435342;padding-top:7px}.battle_spell_help p{margin:4px 0;color:#d8b879}
@media(pointer:coarse){.spell_info{width:28px;height:28px;min-width:28px}.magic_buttons .spell_info{min-width:28px}}