/* Image wrappers inherit existing card sizes; no layout or gameplay changes. */
.new-art{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.item-icon{display:block;width:38px;height:38px}
#hatchArt .new-art{width:150px;height:140px;margin:auto}
.welcome-cat .new-art{width:92px;height:92px;margin:0 auto 8px}
#menu{max-width:calc(100vw - 30px)}
.battle-magic button::before{content:"";display:inline-block;width:22px;height:22px;background:center/contain no-repeat;vertical-align:middle;margin-right:3px}
#magic-freeze::before{background-image:url('art/ability-freeze.webp')}
#magic-fire::before{background-image:url('art/ability-fire.webp')}
#magic-sheep::before{background-image:url('art/ability-sheep.webp')}
@media(max-height:600px) and (orientation:landscape){.battle-magic button::before{width:18px;height:18px}}
@media(orientation:portrait){.battle-magic button::before{width:18px;height:18px;margin-right:1px}}
@media(max-width:600px){.shop-heading{flex-wrap:wrap;gap:4px}.shop-heading>div:first-child{flex:1 1 160px}.shop .tabs button{padding:6px 10px;min-height:36px}.shop-heading h2{font-size:18px}}