.profile-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center;padding-top:45px;padding-bottom:65px}.profile-back{display:inline-block;font-size:14px;color:#797380;margin-bottom:45px}.profile-intro>.eyebrow{color:#92869d;margin-bottom:18px}.profile-intro h1{font:800 clamp(48px,6vw,82px)/1.1 Manrope,Anuphan,sans-serif;letter-spacing:-.05em}.profile-intro h1 span{display:block;font:500 clamp(24px,2.6vw,36px)/1.5 Anuphan,sans-serif;letter-spacing:-.03em;margin-top:10px;color:#77707e}.profile-intro>p:not(.eyebrow){color:#827b88;font-size:16px;line-height:1.9;margin-top:22px}.profile-stat{display:flex;align-items:center;gap:18px;margin:30px 0 24px}.profile-stat strong{font:700 40px Manrope,sans-serif;border-bottom:4px solid var(--character-color)}.profile-stat span{font-size:14px;color:#77707e}.profile-art{background:white;border:1px solid #eeebf0;border-radius:50% 50% 30px 30px;display:grid;place-items:center;aspect-ratio:1/1.07;position:relative;border-bottom:5px solid var(--character-color);overflow:hidden}.profile-art .sprite{width:90%;aspect-ratio:1/1;height:auto;margin:0}.profile-art .sprite.pika{width:66%;aspect-ratio:355/450}.profile-gallery{border-top:1px solid var(--line)}.profile-gallery .section-head{align-items:center;gap:25px}.profile-gallery .section-head h2{font-size:clamp(28px,3vw,42px)}.character-tabs{display:flex;gap:7px;flex-wrap:wrap}.character-tabs a{border:1px solid #e5e0ea;border-radius:30px;padding:11px 17px;font:600 13px Manrope,sans-serif}.character-tabs a[aria-current]{background:#26232d;border-color:#26232d;color:white}.character-tabs a:hover{border-color:#7448eb}.profile-note{font-size:14px;line-height:1.8;color:#857c8f;margin:0 0 28px}.profile-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.profile-card{background:white;border:1px solid #e9e4ee;border-radius:19px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.profile-card-image{display:block;position:relative;background:#f1eef5;border:0;width:100%;padding:25px 23px;cursor:zoom-in;aspect-ratio:3/4}.profile-card-image img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 7px 9px #2b164420);transition:transform .2s}.profile-card-image:hover img{transform:translateY(-3px)}.profile-card-image>span{position:absolute;bottom:8px;right:12px;color:#857a91;font-size:11px}.profile-card-copy{padding:20px;display:flex;flex:1;flex-direction:column}.profile-pack{color:#7448eb;font:700 11px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.07em}.profile-pack>span{color:#a79eaf}.profile-card h3{font:700 17px/1.5 Manrope,Anuphan,sans-serif;margin:9px 0 5px;overflow-wrap:anywhere}.profile-rarity{font-size:12px;color:#99909f;margin-bottom:20px}.profile-price{border-top:1px solid #eeeaf2;padding-top:15px;margin-top:auto;display:flex;flex-direction:column;gap:5px}.profile-price>span{font-size:11px;color:#92879c}.profile-price strong{font:700 clamp(18px,1.7vw,25px) Manrope,sans-serif;letter-spacing:-.04em;color:#34233e}.profile-bottom-note{margin:28px 0;max-width:900px}.profile-actions{display:flex;align-items:center;gap:30px}.character-page :focus-visible{outline:3px solid #7448eb;outline-offset:4px}.character-page dialog .dialog-copy{min-width:0;overflow-wrap:anywhere}.character-page dialog .dialog-image{min-width:0}.character-page dialog .dialog-image img{max-width:100%}
@media(max-width:1100px){.profile-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.profile-gallery .section-head{align-items:flex-start;flex-direction:column}.profile-card-copy{padding:17px}}
@media(max-width:760px){.profile-hero{grid-template-columns:1fr;padding-top:25px;gap:30px}.profile-back{margin-bottom:30px}.profile-intro h1{font-size:52px}.profile-art{width:100%;max-width:360px;justify-self:center}.profile-stat{margin-top:22px}.profile-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.profile-card-image{padding:18px 12px}.profile-card-copy{padding:14px 12px}.profile-card h3{font-size:14px}.profile-price strong{font-size:18px}.profile-pack{font-size:10px;letter-spacing:0}.profile-rarity{font-size:11px}.profile-note{font-size:13px}.character-tabs a{padding:9px 14px}.profile-actions{gap:20px;flex-wrap:wrap}.profile-gallery .section-head{gap:22px}.character-page dialog{overflow:auto}.character-page dialog .dialog-image{flex:none;width:100%}.character-page dialog .dialog-image img{max-height:45svh;margin:auto;display:block}}
@media(prefers-reduced-motion:reduce){.profile-card-image img{transition:none}.profile-card-image:hover img{transform:none}}