@media(min-width:651px){.upgrade-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.upgrade-options .upgrade-card{padding-left:8px;padding-right:8px}.upgrade-card>small{line-height:1.5}}
@media(min-width:651px) and (max-height:450px){#modal.upgrade-modal{top:4%;max-height:92dvh;padding:12px 16px}#modal.upgrade-modal h2{font-size:23px;margin:5px 0 10px}.upgrade-options .upgrade-card{padding:10px 6px;min-height:0}.ability-icon{width:40px;height:40px;border-radius:12px}.ability-icon svg{width:25px;height:25px}.upgrade-card>b{font-size:14px;margin:9px 0 4px}.upgrade-card>strong{font-size:27px}.upgrade-card>small{font-size:10px}.pick-label{margin-top:7px;font-size:10px}.upgrade-shared{margin-top:9px}}

/* Keep upgrade art readable despite the generic modal button SVG size. */
#modal.upgrade-modal .ability-icon svg{width:42px;height:42px;filter:drop-shadow(0 2px 3px #071f2466)}
#modal.upgrade-modal .ability-icon{background:linear-gradient(145deg,#a8ceb32b,#163b4229)}
#modal.upgrade-modal .upgrade-card{touch-action:pan-y}
@media(max-width:650px){#modal.upgrade-modal .ability-icon svg{width:36px;height:36px}.upgrade-card>b,.upgrade-card>small{overflow-wrap:anywhere}}
@media(min-width:651px) and (max-height:450px){#modal.upgrade-modal .ability-icon svg{width:32px;height:32px}}