.hero-art{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}.hero-pack-frame{width:min(470px,100%);height:370px;border-radius:32px;background:linear-gradient(145deg,#dff6e7,#f8fcf9);border:1px solid #d4eddd;box-shadow:0 25px 55px rgba(27,93,55,.10);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;padding:28px;position:relative;overflow:hidden}.hero-pack-frame:before{content:'';position:absolute;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.42);left:50%;top:50%;transform:translate(-50%,-50%)}.hero-character{position:relative;z-index:1;display:grid;place-items:center;min-width:0;min-height:0}.hero-character img{width:100%;height:100%;max-width:175px;max-height:155px;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(21,66,39,.13))}.hero-character-1{transform:translate(-3px,-4px) rotate(-3deg)}.hero-character-2{transform:translate(3px,-4px) rotate(3deg)}.hero-character-3{transform:translate(-3px,4px) rotate(2deg)}.hero-character-4{transform:translate(3px,4px) rotate(-2deg)}.hero-loading{grid-column:1/-1;grid-row:1/-1;display:grid;place-items:center;color:#6c8278;font-size:12px;font-weight:700}.hero-pack-caption{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);z-index:4;background:rgba(255,255,255,.94);border:1px solid #dcebe2;border-radius:14px;padding:9px 14px;box-shadow:0 10px 25px rgba(20,70,43,.10);display:grid;gap:2px;min-width:190px;text-align:center}.hero-pack-caption span{font-size:8px;font-weight:800;letter-spacing:.13em;color:#71877d}.hero-pack-caption strong{font-size:12px;color:#10253d}.pack-preview{height:225px;gap:9px;padding:17px}.pack-preview span{width:100%;height:100%;min-width:0;min-height:0;max-height:88px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.60);overflow:hidden;border:1px solid rgba(220,235,226,.8)}.pack-preview img{width:100%;height:100%;padding:5px;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(26,67,44,.10))}.art-loading{grid-column:1/-1;display:grid;place-items:center;color:#6c8278;font-size:11px;font-weight:700}.detail-cover{grid-template-columns:1fr 1fr}.detail-sticker{height:115px}.preview-grid{gap:10px}.mini-sticker{padding:9px}.mini-sticker img{object-fit:contain}@media(max-width:950px){.hero-art{height:390px;min-height:390px;max-width:600px;width:100%;margin:auto}.hero-pack-frame{width:min(500px,100%);height:360px}}@media(max-width:620px){.hero-art{height:340px;min-height:340px}.hero-pack-frame{height:300px;width:100%;padding:20px;gap:10px;border-radius:25px}.hero-character img{max-width:145px;max-height:125px}.hero-pack-caption{bottom:0}.pack-preview{height:235px}.pack-preview span{max-height:100px}.detail-cover{min-height:260px}.detail-sticker{height:112px}.preview-grid{grid-template-columns:repeat(3,1fr)}}