body{background:linear-gradient(#201630aa,#201630dd),url('assets/nook.webp') center/cover}.collection-world{display:flex;flex-direction:column;padding:24px;gap:18px;text-align:center}.collection-heading h1{font-size:clamp(24px,4vw,40px);margin:8px}.collection-heading p{font-size:14px}.friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;flex:1;min-height:0;max-width:1100px;width:100%;margin:auto}.friend-card{border:1px solid #c7a4e077;border-radius:30px;background:linear-gradient(#665079bb,#362643dd);display:flex;flex-direction:column;align-items:center;min-height:0;padding:16px;gap:8px}.friend-card img{width:100%;flex:1;min-height:40px;object-fit:contain}.friend-card h2{margin:0;font-size:24px}.friend-card small{min-height:20px}.friend-card a,.friend-card button{background:#d8b2f3;color:#2d1a41;padding:12px 18px;border-radius:20px;font-weight:bold}.friend-card.active{border:3px solid #ffe4a7}.friend-card.active button{background:#ffe4a7}.egg-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}#egg-tap{padding:0;background:none;border:0;min-height:0;height:70%;max-height:430px}#egg-tap img,#new-friend{height:100%;max-height:40dvh;width:min(400px,80vw);object-fit:contain}#name-new{display:flex;flex-direction:column;gap:12px;align-items:center}#name-new input{font:inherit;font-size:23px;padding:12px;border-radius:15px;max-width:80vw;text-align:center}#name-new[hidden],#egg-tap[hidden],#new-friend[hidden]{display:none}#collection-message{min-height:24px;color:#ffe4a7}#egg-progress{letter-spacing:8px;font-size:22px}@media(max-width:650px){.collection-world{padding:12px 8px 30px;gap:8px}.friend-grid{gap:6px}.friend-card{border-radius:18px;padding:8px 4px;gap:6px}.friend-card h2{font-size:17px}.friend-card small{font-size:11px}.friend-card a,.friend-card button{font-size:11px;padding:9px}.collection-heading p{font-size:12px}}@media(max-height:600px){.collection-world{padding:10px 15px 28px}.collection-heading h1{font-size:25px;margin:3px}.collection-heading p{font-size:12px}.friend-card{padding:8px}.friend-card h2{font-size:18px}}
.collection-world{overflow-y:auto}.friend-grid{flex:none;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:340px;padding-bottom:12px}.friend-card img{height:200px;flex:1;max-height:230px}@media(max-width:650px){.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:270px}.friend-card img{height:140px;max-height:165px}}