.hero-portrait{position:relative;isolation:isolate;width:100%;aspect-ratio:320 / 426;overflow:hidden;background:#100e0c url(/portraits/champion-stage-v1.png) center / cover no-repeat;border-radius:12px}.hero-portrait:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #c39b534a;border-radius:5px;pointer-events:none;z-index:3;box-shadow:inset 0 0 25px #0005}.hero-portrait__light{position:absolute;top:15%;right:10%;bottom:13%;left:10%;z-index:0;opacity:.25;background:radial-gradient(ellipse at 50% 75%,var(--portrait-accent),transparent 63%);pointer-events:none}.hero-portrait__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.hero-portrait .doll-canvas{position:relative;z-index:1;width:100%!important;height:100%!important;display:block;transform:none!important;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #0009)}.hero-portrait__ornament{position:absolute;z-index:2;bottom:5%;left:50%;transform:translate(-50%);font-size:12px;color:#d4ab65}.hero-portrait--avatar{width:100%;height:100%;aspect-ratio:auto;border-radius:inherit}.hero-portrait--avatar .doll-canvas{height:248%!important;width:186%!important;max-width:none!important;margin:-70% 0 0 -43%}.hero-portrait--avatar:after{top:3px;right:3px;bottom:3px;left:3px;border-radius:7px}.hero-portrait--prefight{overflow:visible;background:none;border-radius:0}.hero-portrait--prefight:after{content:none}.hero-portrait--prefight .doll-canvas{transform:scale(.6)!important;transform-origin:50% 81%}.cf-doll:has(.hero-portrait--prefight){width:min(128px,100%)}.cf-side:has(.hero-portrait--prefight){grid-template-columns:minmax(0,1fr)}.cf-side:has(.hero-portrait--prefight) .cf-plate{width:100%;min-width:0;box-sizing:border-box}.cf-side:has(.hero-portrait--prefight) .cf-titles{align-items:flex-start;align-content:flex-start}.confront-overlay.picker:has(.hero-portrait--prefight){justify-content:flex-start;overflow-y:auto}.confront-overlay.picker:has(.hero-portrait--prefight) .cf-shake{flex-shrink:0;margin-block:auto}.profile-card:has(.hero-portrait){width:min(92vw,390px);max-height:92dvh;overflow-y:auto;padding:9px;gap:0;border-radius:17px;background:#100e0d!important;border-color:#caa15b88}.profile-card:has(.hero-portrait) .profile-shade{display:none}.profile-card:has(.hero-portrait) .profile-doll{width:100%}.profile-card:has(.hero-portrait) .profile-doll-stage{width:100%;height:auto;display:block}.profile-card:has(.hero-portrait) .profile-meta{padding:13px 10px 12px;border:none;border-radius:0;gap:9px;background:linear-gradient(#20190f,#100e0d);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.profile-card:has(.hero-portrait) .profile-name{color:#efcd8a;font-size:29px;letter-spacing:.06em}.profile-weapon-name{color:#bcaa87;font-size:12px}.profile-card:has(.hero-portrait) .profile-close{top:17px;right:17px}.peek-doll:has(.hero-portrait){max-width:300px;margin:12px auto;touch-action:auto}.equip-doll-panel:has(.hero-portrait){padding:10px}.equip-doll-panel:has(.hero-portrait) .doll-anatomy{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-areas:"center center center center center" "head chest cape legs boots" "amulet weapon shield belt ring";gap:9px 7px;width:100%}.equip-doll-panel:has(.hero-portrait) .doll-center{width:100%;min-width:0;display:block;border:none;background:none;box-shadow:none;margin-bottom:5px}.hero-portrait--equipment{max-height:410px;max-width:308px;margin:auto}.equip-doll-panel:has(.hero-portrait) .slot{width:min(100%,54px)}.equip-doll-panel:has(.hero-portrait) .equip-hint{font-size:11px;margin:12px 0 2px}@media(max-height:750px){.profile-card:has(.hero-portrait){width:min(88vw,340px)}.profile-card .hero-portrait--card{max-height:58dvh;aspect-ratio:320 / 426;width:auto;margin:auto}.hero-portrait--equipment{max-width:265px}}@media(prefers-reduced-motion:reduce){.hero-portrait{animation:none}}