.mc-character{
  --character-scale:1;
  position:relative;
  width:72px;
  height:104px;
  transform:scale(var(--character-scale));
  transform-origin:bottom center;
  display:block;
}

.mc-character.has-shadow::after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  bottom:-3px;
  height:12px;
  border-radius:50%;
  background:rgba(0,0,0,.28);
  filter:blur(3px);
  z-index:0;
}

.mc-character-layer{position:absolute;left:50%;top:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(0 8px 8px rgba(0,0,0,.24))}
.mc-character-full{width:92%;height:100%;z-index:3}.mc-character-legs{width:68%;height:34%;top:79%;z-index:1}.mc-character-body{width:78%;height:52%;top:58%;z-index:2}.mc-character-arms{width:94%;height:44%;top:58%;z-index:3}.mc-character-head{width:64%;height:42%;top:26%;z-index:4}.mc-character-eyes{width:34%;height:13%;top:23%;z-index:5}.mc-character-mouth{width:28%;height:11%;top:33%;z-index:6}.mc-character-accessory{width:72%;height:28%;top:10%;z-index:7}

.mc-character-bust{width:66px;height:86px;display:grid;place-items:end center;filter:drop-shadow(0 10px 10px rgba(0,0,0,.22))}
.mc-bust-head{position:absolute;left:50%;top:8px;width:44px;height:44px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffe5c7,#d49b67 74%);border:3px solid rgba(65,25,8,.45);z-index:3;box-shadow:inset 0 1px 0 rgba(255,255,255,.38)}
.mc-bust-body{position:absolute;left:50%;bottom:2px;width:58px;height:48px;transform:translateX(-50%);border-radius:18px 18px 10px 10px;background:linear-gradient(145deg,#ffb447,#b94b1e);border:3px solid rgba(65,25,8,.45);display:grid;place-items:center;z-index:2;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.mc-bust-body b{font-size:18px;color:rgba(255,255,255,.85);text-shadow:0 2px 3px rgba(0,0,0,.25)}
.mc-bust-eye{position:absolute;top:15px;width:7px;height:8px;border-radius:50%;background:#211006;z-index:4;box-shadow:inset 1px 1px 0 rgba(255,255,255,.35)}
.mc-bust-eye.left{left:11px}.mc-bust-eye.right{right:11px}
.mc-bust-nose{position:absolute;left:50%;top:23px;width:5px;height:8px;transform:translateX(-50%);border-radius:4px;background:rgba(110,54,24,.55);z-index:4;box-shadow:inset 1px 0 0 rgba(255,255,255,.24)}
.mc-bust-mouth{position:absolute;left:50%;bottom:8px;width:18px;height:9px;transform:translateX(-50%);border-radius:0 0 999px 999px;border-bottom:3px solid #5d2410;z-index:4;background:rgba(255,255,255,.08)}
.mc-bust-head::before{content:"";position:absolute;left:7px;right:7px;top:5px;height:8px;border-radius:999px 999px 40% 40%;background:linear-gradient(180deg,#5a2b15,#2b1208);z-index:5;opacity:.88}
.mc-character-bust[data-palette="blue"] .mc-bust-body{background:linear-gradient(145deg,#69a7ff,#2753a0)}
.mc-character-bust[data-palette="red"] .mc-bust-body{background:linear-gradient(145deg,#ff7861,#9d2a1e)}
.mc-character-bust[data-palette="green"] .mc-bust-body{background:linear-gradient(145deg,#61df93,#1f7548)}
.mc-character-bust[data-palette="purple"] .mc-bust-body{background:linear-gradient(145deg,#b67aff,#5c2898)}
.mc-character-bust[data-palette="orange"] .mc-bust-body{background:linear-gradient(145deg,#ffb447,#b94b1e)}
.customer-card.nervous .mc-bust-eye{animation:bustEyesNervous .35s ease-in-out infinite}.customer-card.mad .mc-bust-head{background:radial-gradient(circle at 35% 25%,#ffd6c6,#df6047 74%)}.customer-card.mad .mc-bust-mouth{border-radius:999px 999px 0 0;border-bottom:0;border-top:3px solid #5d2410;bottom:12px}.customer-card.good .mc-bust-mouth,.mc-character-mood-happy .mc-bust-mouth{height:10px;border-bottom-color:#3f1708}
.mc-character-mood-idle{animation:mcIdle 2.4s ease-in-out infinite}.mc-character-mood-nervous{animation:mcNervous .48s ease-in-out infinite;filter:brightness(1.08)}.mc-character-mood-mad{animation:mcMad .28s ease-in-out infinite;filter:saturate(1.35) hue-rotate(-13deg)}.mc-character-mood-happy{animation:mcHappy .52s ease-out both;filter:brightness(1.16) saturate(1.12)}
.customer-card.mad .mc-character::before{content:"";position:absolute;left:18%;right:18%;top:9%;height:34%;border-radius:50%;background:radial-gradient(circle,rgba(255,56,32,.22),transparent 62%);z-index:8;pointer-events:none}.customer-card.nervous .mc-character::before{content:"";position:absolute;left:12%;right:12%;top:2%;height:22%;background:linear-gradient(90deg,transparent,rgba(146,220,255,.52),transparent);border-radius:50%;opacity:.7;z-index:8;pointer-events:none}
@keyframes bustEyesNervous{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}@keyframes mcIdle{0%,100%{transform:scale(var(--character-scale)) translateY(0)}50%{transform:scale(var(--character-scale)) translateY(-2px)}}@keyframes mcNervous{0%,100%{transform:scale(var(--character-scale)) translateX(0)}25%{transform:scale(var(--character-scale)) translateX(-2px)}75%{transform:scale(var(--character-scale)) translateX(2px)}}@keyframes mcMad{0%,100%{transform:scale(var(--character-scale)) translateX(0) rotate(0deg)}25%{transform:scale(var(--character-scale)) translateX(-2px) rotate(-1deg)}75%{transform:scale(var(--character-scale)) translateX(2px) rotate(1deg)}}@keyframes mcHappy{0%{transform:scale(var(--character-scale)) translateY(0)}45%{transform:scale(calc(var(--character-scale) * 1.05)) translateY(-7px)}100%{transform:scale(var(--character-scale)) translateY(0)}}
.customer-avatar{display:grid;place-items:end center;overflow:visible}.customer-avatar .mc-character{margin-bottom:-1px}@media (max-width:720px){.mc-character{width:62px;height:86px}.customer-avatar .mc-character{--character-scale:.92}.mc-character-bust{width:58px;height:78px}.mc-bust-head{width:38px;height:38px}.mc-bust-body{width:52px;height:43px}.mc-bust-eye{top:13px}.mc-bust-mouth{bottom:8px}}