.pet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.pet-card{background:linear-gradient(150deg,#173349,#091925);border:1px solid #41637a;border-radius:14px;padding:14px;text-align:center}.pet-card.selected{border-color:#7ee4ef;box-shadow:inset 0 0 18px #43cad61a}.pet-card canvas{width:144px;max-width:100%;height:120px;image-rendering:pixelated}.pet-card h3{margin:4px 0}.pet-card small{color:#92cbdd}.pet-card p{font-size:13px;line-height:1.6;min-height:64px}.pet-card button,[data-select-pet]{min-height:44px;width:100%}@media(max-width:600px){.pet-grid{grid-template-columns:1fr}.pet-card{display:grid;grid-template-columns:104px 1fr;gap:4px 10px;text-align:left}.pet-card canvas{grid-row:1/5;width:104px;height:100px;align-self:center}.pet-card p{min-height:0;margin:2px 0}.pet-card button{grid-column:2}.pet-card h3{font-size:16px}}
.pet-grid button:focus-visible{outline:2px solid #a5f5ff;outline-offset:3px}@media(max-width:1000px){#mobileBottomNav{width:240px;max-width:calc(100vw - 24px)}}

.companion-menu-icon{width:34px;height:34px;image-rendering:pixelated;pointer-events:none}#mobileBottomNav .companion-menu-icon{width:22px;height:22px}