/* Boss Character Upgrade V4.2. New visual layers are CSS-only; the uploaded face is not regenerated. */
.entrance-avatar-shell{overflow:visible;isolation:isolate}
.boss-actor{position:relative;width:100%;transform-origin:52% 92%;will-change:transform}
.boss-actor .entrance-avatar{display:block;width:100%;height:auto}
.boss-head{position:absolute;z-index:10;top:11.1%;left:50.3%;width:33%;aspect-ratio:1 / 1;transform:translateX(-50%);transform-origin:50% 58%;pointer-events:none}
.boss-head .entrance-avatar-face{position:absolute;inset:0;top:auto;left:auto;display:block;width:100%;aspect-ratio:1;border:2px solid #f0e9ffbb;border-radius:49% 49% 47% 47%;transform:none;background-size:cover;background-position:center 40%;background-repeat:no-repeat;box-shadow:0 4px 9px #06041e66;background-color:#ddc1a1}
.boss-head .entrance-avatar-face[hidden]{display:none!important}
/* Two eyelids create a stylized blink without modifying or synthesizing the original photo. */
.boss-eyelids{position:absolute;z-index:4;inset:0;opacity:0;pointer-events:none}
.boss-eyelids i{position:absolute;top:42%;height:15%;width:29%;border-radius:60% 60% 36% 36%;background:linear-gradient(#d89b73,#b87657);border-bottom:2px solid #412d31;transform:scaleY(.08);transform-origin:center top}
.boss-eyelids i:first-child{left:18%}.boss-eyelids i:last-child{right:18%}
.boss-sunglasses{position:absolute;z-index:6;top:34%;left:-4%;width:108%;height:37%;opacity:0;transform:translateY(-52px) rotate(-8deg) scale(.7);filter:drop-shadow(0 2px 2px #0008);pointer-events:none}
.boss-sunglasses:before{content:'';position:absolute;top:19%;left:0;width:100%;height:6px;border-radius:50%;background:#161824;box-shadow:0 2px #e5c39b}
.boss-sunglasses:after{content:'';position:absolute;top:22%;left:43%;width:15%;height:5px;background:#131622;border-radius:40%}
.boss-sunglasses i{position:absolute;top:22%;width:43%;height:66%;border-radius:13% 18% 54% 44%;background:linear-gradient(135deg,#67789c 0%,#111528 35%,#050513 82%);border:2px solid #121729;box-shadow:inset 3px 3px #ffffff44}
.boss-sunglasses i:first-child{left:2%}.boss-sunglasses i:last-child{right:2%;border-radius:18% 13% 44% 54%}
.boss-smile{position:absolute;z-index:7;left:38%;top:71%;width:29%;height:11%;border-bottom:2px solid #712d33;border-radius:0 0 90% 56%;transform:rotate(-8deg) scaleX(.8);opacity:0;filter:drop-shadow(0 1px #fff8)}
.boss-tie{position:absolute;z-index:8;left:46.4%;top:43%;width:7.2%;height:21%;background:linear-gradient(100deg,#a51235,#fe4662 52%,#c11f4e);clip-path:polygon(32% 0%,69% 0%,95% 13%,76% 21%,100% 84%,52% 100%,0 83%,22% 21%,5% 13%);transform:rotate(-2deg);opacity:.02;pointer-events:none}
.boss-tie-hand{position:absolute;z-index:11;left:58%;top:47%;font-size:clamp(12px,1.6vw,24px);opacity:0;transform:translateY(20px) rotate(-12deg)}
.boss-hero-spark{position:absolute;z-index:11;top:17%;right:2%;font-size:clamp(20px,2.2vw,33px);color:#ffe5a7;opacity:0;filter:drop-shadow(0 0 11px #ffe9ad)}
.entrance-overlay.boss-hero .boss-actor{animation:bossHeroPose 3.9s ease-in-out both}
.entrance-overlay.boss-adjust .boss-tie{animation:bossTieFix .85s ease-in-out both}
.entrance-overlay.boss-adjust .boss-tie-hand{animation:bossHandFix .75s ease-in-out both}
.entrance-overlay.boss-look .boss-head{animation:bossLook 1.45s ease-in-out both}
.entrance-overlay.boss-blink .boss-eyelids{animation:bossBlink 1.1s ease-in-out both}
.entrance-overlay.boss-glasses .boss-sunglasses{animation:bossGlassesOn .75s cubic-bezier(.15,.7,.23,1.2) forwards}
.entrance-overlay.boss-glasses-off .boss-sunglasses{animation:bossGlassesOff .65s ease-in forwards}
.entrance-overlay.boss-smirk .boss-smile{animation:bossSmirk .5s ease-out forwards}
.entrance-overlay.boss-smirk .boss-hero-spark{animation:bossSpark 1.7s ease-out both}
.boss-closeup-card{position:absolute;z-index:13;left:5%;top:41%;width:clamp(148px,17vw,230px);padding:14px 14px 17px;border:1px solid #dfc5ff75;border-radius:20px;text-align:center;background:linear-gradient(145deg,#292444f5,#151b35e8);box-shadow:0 20px 55px #05071ecc,0 0 26px #d59bff24;color:#fff;opacity:0;transform:translateY(25px) rotate(-10deg) scale(.8);pointer-events:none}
.boss-closeup-caption{display:block;font-size:clamp(7px,.7vw,10px);letter-spacing:1.6px;color:#f4d9ff;font-weight:900;margin-bottom:9px}
.boss-closeup-photo{width:min(13vw,140px);height:min(13vw,140px);min-width:90px;min-height:90px;border-radius:50%;border:4px solid #e2bcff;box-shadow:0 0 0 4px #ffffff12,0 10px 22px #0008;margin:0 auto 9px;background-color:#c8a7eb;background-size:cover;background-position:center 40%;position:relative;overflow:hidden}
.boss-closeup-photo:not(.has-photo){background-image:url('/assets/boss-arrival-avatar.webp');background-size:260%;background-position:center 9%}
.boss-closeup-star{position:absolute;right:3px;bottom:3px;font-size:20px;color:#fff3a7;text-shadow:0 0 12px #e3a1f9}
.boss-closeup-card strong{display:block;font-size:clamp(11px,1vw,14px);color:#ffdfaa;letter-spacing:1px}.boss-closeup-card small{display:block;font-size:10px;margin-top:4px;color:#c8badf}
.entrance-overlay.boss-closeup .boss-closeup-card{animation:bossCloseupIn .72s ease-out both}
.entrance-overlay.boss-closeup-out .boss-closeup-card{animation:bossCloseupOut .55s ease-in forwards}
@keyframes bossHeroPose{0%{transform:scale(1) rotate(0)}18%{transform:scale(1.13) rotate(-2deg)}40%{transform:scale(1.18) rotate(1.7deg)}65%{transform:scale(1.22) rotate(-1.5deg)}85%,100%{transform:scale(1.18) rotate(0deg)}}
@keyframes bossTieFix{0%{opacity:0;transform:rotate(-8deg) translateY(7px)}25%,68%{opacity:.95;transform:rotate(4deg) translateY(-5px)}100%{opacity:0;transform:rotate(0deg)}}
@keyframes bossHandFix{0%{opacity:0;transform:translate(12px,25px) rotate(-25deg)}32%,65%{opacity:1;transform:translate(-8px,-1px) rotate(9deg)}100%{opacity:0;transform:translate(12px,17px) rotate(12deg)}}
@keyframes bossLook{0%{transform:translateX(-50%) rotate(0deg) skewX(0deg)}22%{transform:translateX(-53%) rotate(-7deg) skewX(-3deg)}52%{transform:translateX(-47%) rotate(6deg) skewX(3deg)}78%,100%{transform:translateX(-50%) rotate(0) skewX(0)}}
@keyframes bossBlink{0%,25%,42%,74%,91%,100%{opacity:0}28%,37%,80%,85%{opacity:.9}}
@keyframes bossGlassesOn{0%{opacity:0;transform:translateY(-52px) rotate(-8deg) scale(.7)}55%{opacity:1;transform:translateY(7px) rotate(3deg) scale(1.1)}100%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}}
@keyframes bossGlassesOff{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}100%{opacity:0;transform:translate(40px,-55px) rotate(22deg) scale(.78)}}
@keyframes bossSmirk{0%{opacity:0;transform:rotate(-5deg) scaleX(.75)}100%{opacity:.82;transform:rotate(-8deg) scaleX(1.1)}}
@keyframes bossSpark{0%{opacity:0;transform:rotate(0) scale(.4)}25%,60%{opacity:1;transform:rotate(50deg) scale(1.3)}100%{opacity:0;transform:rotate(130deg) scale(.7)}}
@keyframes bossCloseupIn{0%{opacity:0;transform:translateY(24px) rotate(-10deg) scale(.8)}65%{opacity:1;transform:translateY(-8px) rotate(3deg) scale(1.03)}100%{opacity:1;transform:translateY(0) rotate(-3deg) scale(1)}}
@keyframes bossCloseupOut{0%{opacity:1;transform:translateY(0) rotate(-3deg) scale(1)}100%{opacity:0;transform:translateY(-28px) rotate(5deg) scale(.9)}}
@media(max-width:750px){.boss-closeup-card{left:4%;top:48%;width:clamp(110px,30vw,158px);padding:9px 8px 10px;border-radius:13px}.boss-closeup-photo{min-width:70px;min-height:70px;width:20vw;height:20vw;border-width:2px}.boss-closeup-card strong{font-size:9px}.boss-closeup-card small{font-size:8px}.boss-closeup-caption{font-size:7px;letter-spacing:.8px;margin-bottom:5px}.boss-actor .boss-tie-hand{font-size:14px}}
@media(max-width:420px){.boss-closeup-card{top:44%;left:3%}}
@media(prefers-reduced-motion:reduce){.entrance-overlay .boss-actor,.entrance-overlay .boss-head,.entrance-overlay .boss-eyelids,.entrance-overlay .boss-sunglasses,.entrance-overlay .boss-smile,.entrance-overlay .boss-tie,.entrance-overlay .boss-tie-hand,.entrance-overlay .boss-closeup-card{animation:none!important}.entrance-overlay.boss-hero .boss-actor{transform:scale(1.1)}.entrance-overlay.boss-closeup .boss-closeup-card{opacity:1;transform:none}}
/* Keep the entire boss visible on narrow phones during the exit pose. */
@media(max-width:580px){
  .entrance-overlay.entrance-running .entrance-avatar-shell{animation:bossMobileWalkOut 3.1s 3.18s cubic-bezier(.12,.65,.26,1) both}
}
@keyframes bossMobileWalkOut{
  0%{opacity:0;transform:translate(-74px,-14px) scale(.6) rotate(-8deg)}
  12%{opacity:1;transform:translate(-53px,-14px) scale(.68) rotate(-3deg)}
  26%{transform:translate(-30px,0) scale(.75) rotate(4deg)}
  39%{transform:translate(-14px,4px) scale(.88) rotate(-4deg)}
  53%{transform:translate(0px,8px) scale(.97) rotate(3deg)}
  70%{transform:translate(27px,7px) scale(1.07) rotate(0)}
  84%{transform:translate(31px,-3px) scale(1.12) rotate(-3deg)}
  100%{opacity:1;transform:translate(34px,7px) scale(1.08) rotate(0)}
}
@media(max-width:580px) and (prefers-reduced-motion:reduce){
  .entrance-overlay.entrance-running .entrance-avatar-shell{animation:none!important;opacity:1;transform:translate(30px,8px) scale(1)}
}