.portrait{position:relative;border-radius:12px;-o-object-fit:cover;object-fit:cover;box-shadow:-3px 2px 8px #0009,-2px 8px 12px #0003,-2px 2px #000c}.portrait-standard{height:120px;width:120px}.portrait-dialogue{cursor:pointer;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s;animation-timing-function:cubic-bezier(.4,0,.2,1);will-change:width,height,transform;transform-origin:left center}.portrait-dialogue-expanded{height:280px;width:300px;max-width:100%;transform:translateZ(0)}.portrait-dialogue-collapsed{height:160px;width:160px}@media (min-width: 768px){.portrait-dialogue-collapsed{height:140px;width:140px}}.portrait-dialogue-collapsed{transform:translateZ(0)}.portrait-status{z-index:10;cursor:pointer;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1);box-shadow:-3px 2px 8px #0009,-2px 8px 12px #0003,-2px 2px #000c}.portrait-status-expanded-view{height:5rem;width:5rem}.portrait-status-expanded{height:12rem;width:12rem;flex-shrink:0}.portrait-combat{height:4rem;width:4rem;flex-shrink:0}.image-skeleton{position:relative;border-radius:.375rem;background:radial-gradient(120% 120% at 100% 0%,hsl(var(--golden) / .05),transparent 40%),radial-gradient(120% 120% at 0% 100%,hsl(var(--golden) / .04),transparent 35%),linear-gradient(135deg,#0c0c0e,#121216,#0c0c0e);background-size:100% 100%,100% 100%,300% 300%;animation:imageColorShift 10s ease-in-out infinite;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 0 2px hsl(var(--golden) / .05)}.image-skeleton:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(60deg,transparent 45%,hsl(var(--golden) / .14) 50%,transparent 55%);transform:translate(-100%);animation:imageShimmer 2.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.image-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(50% 80% at 50% 100%,rgba(0,0,0,.6),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 2px,transparent 2px,transparent 4px);mix-blend-mode:normal;pointer-events:none}.portrait-skeleton{position:relative;border-radius:.375rem;background:radial-gradient(120% 120% at 100% 0%,hsl(var(--golden) / .05),transparent 40%),radial-gradient(120% 120% at 0% 100%,hsl(var(--golden) / .04),transparent 35%),linear-gradient(135deg,#0c0c0e,#121216,#0c0c0e);background-size:100% 100%,100% 100%,300% 300%;animation:imageColorShift 10s ease-in-out infinite;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 0 2px hsl(var(--golden) / .05)}.portrait-skeleton:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(60deg,transparent 45%,hsl(var(--golden) / .14) 50%,transparent 55%);transform:translate(-100%);animation:imageShimmer 2.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.portrait-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(50% 80% at 50% 100%,rgba(0,0,0,.6),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 2px,transparent 2px,transparent 4px);mix-blend-mode:normal;pointer-events:none}@keyframes imageShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes imageColorShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes portraitShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes portraitColorShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.feedback-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:0;animation:feedbackFlash .7s ease-out forwards;background:radial-gradient(circle at 50% 50%,var(--flash-inner, rgba(220, 50, 50, .55)) 0%,var(--flash-mid, rgba(180, 25, 25, .35)) 45%,var(--flash-outer, rgba(90, 0, 0, .1)) 80%,transparent 100%);box-shadow:inset 0 0 12px var(--flash-inset, rgba(220, 30, 30, .4)),0 0 10px var(--flash-glow, rgba(220, 40, 40, .25))}@keyframes feedbackFlash{0%{opacity:0;transform:scale(.96)}18%{opacity:.75;transform:scale(1.02)}to{opacity:0;transform:scale(1)}}@keyframes feedbackFlashIcon{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}13%{opacity:.15;transform:translate(-50%,-50%) scale(1)}80%{opacity:.15;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.04)}}.feedback-flash-icon{animation:feedbackFlashIcon 3s ease-in-out forwards;transform:translate(-50%,-50%) scale(.9);opacity:0}.feedback-flash--damage{--flash-inner: rgba(220, 50, 50, .55);--flash-mid: rgba(180, 25, 25, .35);--flash-outer: rgba(90, 0, 0, .1);--flash-inset: rgba(220, 30, 30, .4);--flash-glow: rgba(220, 40, 40, .25)}.feedback-flash--damage-muted{--flash-inner: rgba(180, 70, 70, .38);--flash-mid: rgba(130, 40, 40, .22);--flash-outer: rgba(70, 10, 10, .08);--flash-inset: rgba(180, 50, 50, .28);--flash-glow: rgba(180, 60, 60, .18)}.feedback-flash--heal{--flash-inner: rgba(255, 170, 170, .28);--flash-mid: rgba(240, 140, 150, .12);--flash-outer: rgba(140, 60, 70, .02);--flash-inset: rgba(255, 170, 170, .12);--flash-glow: rgba(255, 190, 200, .08);background:radial-gradient(ellipse at 50% 55%,var(--flash-inner) 0%,var(--flash-mid) 40%,var(--flash-outer) 70%,transparent 92%);animation:feedbackHealAmbient 2.4s ease-in-out forwards}@keyframes feedbackHealAmbient{0%{opacity:0}18%{opacity:.8}80%{opacity:.55}to{opacity:0}}.feedback-flash--heal:before{content:"";position:absolute;left:50%;width:70%;aspect-ratio:1 / 1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,200,200,.32) 0%,rgba(255,170,170,.17) 38%,transparent 72%);filter:blur(3px);pointer-events:none;opacity:0;bottom:-25%;animation:healHaloRise 2.4s ease-out forwards}@keyframes healHaloRise{0%{opacity:0;bottom:-25%}12%{opacity:.75;bottom:-8%}45%{opacity:.75;bottom:4%}78%{opacity:.55;bottom:38%}to{opacity:0;bottom:72%}}.feedback-flash--resist{--flash-inner: rgba(180, 210, 255, .45);--flash-mid: rgba(140, 170, 220, .25);--flash-outer: rgba(60, 80, 130, .08);--flash-inset: rgba(200, 220, 255, .35);--flash-glow: rgba(160, 200, 255, .22)}.feedback-flash--immune{--flash-inner: rgba(200, 160, 255, .45);--flash-mid: rgba(160, 110, 220, .28);--flash-outer: rgba(80, 40, 130, .08);--flash-inset: rgba(220, 180, 255, .35);--flash-glow: rgba(210, 150, 255, .22)}.feedback-flash--buff{--flash-inner: rgba(253, 206, 90, .42);--flash-mid: rgba(210, 150, 40, .25);--flash-outer: rgba(110, 70, 10, .08);--flash-inset: rgba(253, 220, 130, .32);--flash-glow: rgba(253, 210, 110, .2)}.feedback-flash--debuff{--flash-inner: rgba(192, 132, 252, .42);--flash-mid: rgba(130, 80, 180, .26);--flash-outer: rgba(60, 30, 100, .08);--flash-inset: rgba(192, 132, 252, .32);--flash-glow: rgba(180, 120, 240, .2)}.feedback-flash--dot-poison{--flash-inner: rgba(110, 200, 90, .4);--flash-mid: rgba(80, 150, 60, .25);--flash-outer: rgba(30, 70, 20, .08);--flash-inset: rgba(110, 200, 90, .3);--flash-glow: rgba(130, 220, 100, .2)}.feedback-flash--dot-burn{--flash-inner: rgba(251, 146, 60, .5);--flash-mid: rgba(200, 90, 30, .3);--flash-outer: rgba(110, 40, 10, .08);--flash-inset: rgba(251, 146, 60, .35);--flash-glow: rgba(253, 160, 80, .22)}.feedback-flash--dot-bleed{--flash-inner: rgba(180, 30, 50, .5);--flash-mid: rgba(130, 15, 25, .3);--flash-outer: rgba(70, 0, 10, .08);--flash-inset: rgba(180, 30, 50, .35);--flash-glow: rgba(200, 40, 60, .22)}.feedback-flash--damage-fire{--flash-inner: rgba(251, 146, 60, .55);--flash-mid: rgba(200, 90, 30, .35);--flash-outer: rgba(110, 40, 10, .1);--flash-inset: rgba(251, 146, 60, .4);--flash-glow: rgba(253, 160, 80, .25)}.feedback-flash--damage-frost{--flash-inner: rgba(125, 211, 252, .5);--flash-mid: rgba(70, 170, 220, .3);--flash-outer: rgba(30, 80, 130, .08);--flash-inset: rgba(125, 211, 252, .35);--flash-glow: rgba(165, 225, 255, .22)}.feedback-flash--damage-storm{--flash-inner: rgba(96, 165, 250, .5);--flash-mid: rgba(59, 130, 246, .3);--flash-outer: rgba(20, 50, 120, .08);--flash-inset: rgba(96, 165, 250, .35);--flash-glow: rgba(147, 197, 253, .22)}.feedback-flash--damage-holy{--flash-inner: rgba(253, 230, 138, .6);--flash-mid: rgba(250, 195, 80, .38);--flash-outer: rgba(170, 120, 20, .1);--flash-inset: rgba(253, 230, 138, .45);--flash-glow: rgba(255, 240, 190, .32)}.feedback-flash--damage-dark{--flash-inner: rgba(147, 51, 234, .5);--flash-mid: rgba(100, 30, 160, .32);--flash-outer: rgba(50, 10, 90, .08);--flash-inset: rgba(147, 51, 234, .38);--flash-glow: rgba(167, 70, 240, .24)}.feedback-flash--debuff-mental{--flash-inner: rgba(232, 121, 249, .48);--flash-mid: rgba(180, 70, 200, .3);--flash-outer: rgba(100, 30, 110, .08);--flash-inset: rgba(232, 121, 249, .35);--flash-glow: rgba(240, 150, 255, .22)}.feedback-flash--debuff-fatigue{--flash-inner: rgba(180, 150, 110, .42);--flash-mid: rgba(140, 110, 80, .26);--flash-outer: rgba(80, 60, 40, .08);--flash-inset: rgba(180, 150, 110, .3);--flash-glow: rgba(200, 170, 130, .2)}.feedback-flash--stun-sleep{--flash-inner: rgba(148, 163, 184, .42);--flash-mid: rgba(100, 115, 140, .26);--flash-outer: rgba(50, 60, 80, .08);--flash-inset: rgba(148, 163, 184, .3);--flash-glow: rgba(180, 195, 220, .2)}.feedback-label{opacity:0;will-change:opacity,transform;position:absolute;pointer-events:none;animation:feedbackLabelFloat 3s ease-out forwards}@keyframes feedbackLabelFloat{0%{opacity:0;transform:translate(-50%,-2px) scale(.92)}8%{opacity:1;transform:translate(-50%) scale(1.04)}13%{opacity:1;transform:translate(-50%) scale(1)}77%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,8px) scale(1)}}