#choice.manaChoice>.panel{width:min(640px,96vw)}
.manaChoice #choiceOptions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}
#choice.manaChoice .option{min-width:0;max-width:none;padding:12px;display:flex;flex-direction:column;gap:8px}
.manaChoice .option>img,.manaChoice .choicePeek{display:none}
.manaChoice .option>strong{font-size:12px;line-height:1.5}
.manaChoice .option>button{width:100%;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.manaSymbolRow{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
#choice .manaSymbol{width:54px;height:54px;object-fit:contain;max-height:none}
.manaColorLabel{font-size:13px;font-weight:700}
@media(max-width:560px){.manaChoice #choiceOptions{grid-template-columns:repeat(2,minmax(0,1fr))}#choice .manaSymbol{width:46px;height:46px}}

#choice.manaChoice #answerChoice,#choice.manaChoice #choiceSummary,#choice.manaChoice .option>p.muted{display:none!important}
#choice.manaChoice .manaSymbol{width:54px!important;height:54px!important;min-width:54px;max-width:54px;aspect-ratio:1;object-fit:contain!important;flex:none!important;border-radius:0!important}
#choice.manaChoice .inlineManaSymbol{display:inline-block;width:18px!important;height:18px!important;min-width:18px;max-width:18px;vertical-align:middle}

#choice.manaChoice .manaSymbol{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}

.changeManaPreference{position:absolute;left:3px;bottom:3px;padding:3px!important;z-index:3}.changeManaPreference .manaSymbol{width:22px;height:22px;background:transparent;border:0}

.undoSourceTap{position:absolute;left:3px;bottom:3px;z-index:4;padding:3px 7px!important;font-size:18px!important;min-height:28px}
