.fruit-rarity,.fruit-title,.value{font-weight:700}.fruits-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;color:var(--base-2);padding:20px}@media (max-width:450px){.fruits-container{gap:5px;padding:5px}}.fruit-card{border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:.2s ease-out}.fruit-card:hover{transform:scale(1.01)}.fruit-image{display:flex;position:relative;aspect-ratio:1/1;background:rgba(0,0,0,.3);overflow:hidden}.fruit-image img{object-fit:contain;padding:12px;transform:scale(.75);transition:transform .2s}.fruit-card:hover img{transform:scale(.9)}.fruit-rarity{position:absolute;top:10px;right:10px;background:linear-gradient(to right,#666,#555);border:1px solid rgba(255,255,255,.4);font-size:.7rem;text-transform:uppercase;padding:4px 8px;border-radius:6px}.fruit-body{padding:12px}.fruit-title{font-size:1.5rem;margin-bottom:12px}.toggle-buttons{display:flex;gap:6px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.15);padding:4px;border-radius:8px;margin-bottom:12px}.toggle-buttons button{flex:1;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:700;transition:.2s;border:none}.toggle-buttons .active{background:linear-gradient(to right,#9333ea,#7e22ce);transform:scale(1.05)}.toggle-buttons .inactive{background:rgba(0,0,0,.3);color:#9ca3af}.toggle-buttons .inactive:hover{background:rgba(79,70,229,.3);color:#fff}.fruit-stats{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px;font-size:.8rem}.fruit-stats div{display:flex;justify-content:space-between;margin:4px 0}.type{color:#38bdf8}