.starter-pets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.starter-pet{display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;padding:10px;border:1px solid #ffffff14;border-radius:14px;background:#112229;color:#dcebe4;min-width:0}.starter-pet.chosen{border-color:#91ddbe;background:#16352f}.starter-pet img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.starter-pet b{font-size:12px}.starter-pet small{color:#9eb9ad;font-size:11px}.starter-pet span{color:#91ddbe;font-size:11px}.starter-pet button{font-size:11px;padding:8px}.pet-summary{padding:24px;display:flex;gap:30px;align-items:center;margin-bottom:24px}.pet-summary>div:first-child{flex:1}.pet-summary h2{margin:8px 0}.pet-summary p{color:#9db7ab;font-size:13px}.pet-summary>div:not(:first-child){text-align:center}.pet-summary>div>b{display:block;font-size:28px;color:#b4edd6}.pet-summary small{font-size:9px;letter-spacing:1px;color:#92aa9d}.pet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pet-card{overflow:hidden;min-width:0}.pet-card.chosen{border-color:#84d3b46b}.pet-picture{position:relative;overflow:hidden;isolation:isolate}.pet-picture img{width:100%;aspect-ratio:1.12;object-fit:cover;display:block;transition:transform .35s}.pet-picture.stage-1:after,.pet-picture.stage-2:after,.pet-picture.stage-3:after{content:'';position:absolute;inset:0;pointer-events:none;border:3px solid #8ee3bf50;box-shadow:inset 0 0 30px #8ee3bf35}.pet-picture.stage-2:after{border-color:#c3a3ff80;box-shadow:inset 0 0 38px #bb8cff50}.pet-picture.stage-3:after{border-color:#f3d986b0;box-shadow:inset 0 0 45px #ffdf6c60}.pet-stage{position:absolute;bottom:12px;left:12px;padding:6px 10px;border:1px solid #ffffff26;border-radius:20px;background:#08161dcc;color:#e3f4e8;font-size:9px;letter-spacing:1px;backdrop-filter:blur(8px)}.pet-body{padding:20px}.pet-body h3{margin:10px 0 5px;font-size:19px}.pet-body p{font-size:12px;color:#9fb5aa;line-height:1.7}.pet-body>.full{margin-top:9px}.pet-body .eyebrow{font-size:8px;letter-spacing:1px}.pet-meter{display:flex;justify-content:space-between;font-size:10px;margin:16px 0 7px;color:#9eb8ac}.pet-meter b{font-weight:500;color:#e0eee6}.pet-route{font-size:11px;line-height:1.8;border-top:1px solid #ffffff12;padding:12px 0;color:#bcd6c7}.pet-body>small{font-size:10px;color:#93b6a2}.pet-habitat,.pet-welcome{padding:26px;margin:22px 0}.pet-habitat h2,.pet-welcome h2{margin:12px 0}.pet-habitat p,.pet-welcome p{font-size:13px;line-height:1.8;color:#9eb6aa}.pet-detail-head{display:flex;gap:24px;align-items:center}.pet-detail-head .pet-picture{width:135px;flex-shrink:0;border-radius:15px}.pet-detail-head h2{font-size:26px;margin:12px 0 7px}.pet-detail-head p,.pet-detail-head small{font-size:12px;line-height:1.7;color:#9db7aa}.pet-rename{display:flex;gap:10px;margin:20px 0}.pet-rename input{min-width:0;flex:1}.pet-care-row{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.pet-care-row button{flex:1;font-size:11px;min-width:130px}.pet-techniques{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pet-technique{padding:17px}.pet-technique h3{font-size:14px;line-height:1.6;margin:8px 0}.pet-technique p,.pet-technique small{font-size:10px;line-height:1.7;color:#a6baae}.pet-technique .full{font-size:10px;padding:9px;margin-top:12px}.pet-technique .eyebrow{font-size:8px}.pet-encounter{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.pet-encounter>img{width:100%;height:100%;min-height:350px;object-fit:cover}.pet-encounter>div{padding:30px}.pet-encounter p{font-size:13px;line-height:1.8;color:#abc0b2}.pet-encounter h2{font-size:28px;margin:12px 0}.pet-tame-options{display:grid;gap:10px;margin-top:22px}.pet-tame-options button{display:flex;justify-content:space-between;gap:12px;font-size:12px}.pet-tame-options small{color:#90b3a0}.pet-battle-companion{display:flex;gap:12px;align-items:center;background:#102720;border:1px solid #7ccaa634;padding:12px;border-radius:12px;margin:14px 0}.pet-battle-companion img{height:48px;width:48px;object-fit:cover;border-radius:10px}.pet-battle-companion div{flex:1}.pet-battle-companion b{font-size:12px;display:block}.pet-battle-companion small{font-size:10px;color:#9fbdae;display:block;margin-top:4px}.pet-battle-companion>span{font-size:10px;color:#ace6c8}.combat-self-icon:has(img){padding:0;overflow:hidden}.combat-self-icon img{width:100%;height:100%;object-fit:cover}.slime-evolved{border-radius:50%;width:160px!important;height:160px!important;object-fit:cover;filter:drop-shadow(0 0 15px #74d9d344)}.evo-form-image{width:70px;height:70px;border-radius:50%;object-fit:cover;margin:0 auto 12px;display:block;border:2px solid #a3d4c13d}.music-library{display:grid;gap:12px;margin:20px 0;padding:18px;border:1px solid #ffffff14;border-radius:12px}.music-library label{font-size:12px;color:#b1c8b9}.music-library select{margin-top:8px;width:100%}.pet-fx-toast{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#103b2cee;border:1px solid #94e5b6;border-radius:14px;padding:10px 16px;z-index:15;box-shadow:0 0 30px #64db9440;max-width:90%;width:max-content}.pet-fx-toast img{width:40px;height:40px;object-fit:cover;border-radius:50%}.pet-fx-toast span{font-size:12px;color:#dbf5e5}.slime-form-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:20px 0}.slime-form-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.slime-form-gallery figure{margin:0}.slime-form-gallery figcaption{font-size:9px;line-height:1.6;text-align:center;color:#a5bfaf;margin-top:6px}
@media(max-width:1200px){.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-techniques{grid-template-columns:1fr}.starter-pet b{font-size:10px}.pet-summary{gap:20px}}@media(max-width:600px){.starter-pets{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-grid{grid-template-columns:1fr}.pet-summary{flex-wrap:wrap;gap:18px;padding:20px}.pet-summary>div:first-child{flex-basis:100%}.pet-encounter{grid-template-columns:1fr}.pet-encounter>img{min-height:0;aspect-ratio:1.25}.pet-encounter>div{padding:22px}.pet-detail-head{gap:15px}.pet-detail-head .pet-picture{width:95px}.pet-detail-head h2{font-size:21px}.pet-rename{flex-direction:column}.pet-battle-companion>span{max-width:80px;text-align:right}.slime-form-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-fx-toast span{font-size:10px}}