@media (max-width:1024px){.monster-grid{grid-template-columns:repeat(2,240px);justify-content:center}}@media (max-width:640px){.monster-grid{grid-template-columns:repeat(2,1fr);gap:16px}}*{box-sizing:border-box}:root{--bg:#f9f7f4}body{background:var(--bg);margin:0}.background{z-index:-1;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(100px);opacity:.8;width:600px;height:600px;position:absolute}.blob1{background:radial-gradient(circle,#ffaedae6 0%,#ffaeda66 40%,#0000 80%)}.blob2{background:radial-gradient(circle,#97b0ffe6 0%,#97b0ff66 40%,#0000 80%)}.blob3{background:radial-gradient(circle,#c4b5ffd9 0%,#c4b5ff59 40%,#0000 80%)}.blob1{top:9%;left:3%}.blob2{top:16%;left:50%;transform:translate(-50%)}.blob3{top:15%;left:60%}.monster-grid-section{width:100%;max-width:1400px;margin:0 auto;padding:10px 0 30px}.monster-grid{grid-template-columns:repeat(3,260px);justify-content:center;display:grid}.monster-grid-section{padding-top:20px}.monster-card{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border:none;border-radius:24px;justify-content:space-between;align-items:flex-end;width:100%;min-height:180px;padding:18px;transition:all .25s;display:flex}.monster-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #7882b42e}.monster-card.active{border:2px solid #979bff8c;box-shadow:0 0 0 6px #979bff1f}.monster-img{object-fit:contain;align-self:flex-start;width:110px;height:110px}.monster-title{color:#2f3152;font-size:1.2rem;font-weight:700}.monster-subtitle{color:#7b7fa3;font-size:.8rem}.monster-text{flex-direction:column;justify-content:flex-end;align-items:flex-end;display:flex}.monster-grid{grid-template-columns:repeat(3,260px);justify-content:center;gap:28px;display:grid}@media (max-width:1024px){.monster-grid{grid-template-columns:repeat(2,240px);justify-content:center}}@media (max-width:640px){.monster-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.monster-card{position:relative}.monster-img{transform:translateY(-10px)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(#f0d8fff2,#cdbdfaf2) padding-box padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#f8eaff,#c4b5fd)}