/* Monster growth preview v3.13 — visual-only, production growth remains disabled. */
.monster-growth-preview-controls{position:absolute;z-index:18;left:10px;bottom:9px;display:flex;align-items:center;gap:7px;pointer-events:auto}
.monster-growth-test-btn{border:1px solid rgba(91,111,91,.2);background:rgba(255,253,247,.82);backdrop-filter:blur(8px);color:#557b68;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;box-shadow:0 4px 12px rgba(78,68,50,.08)}
.monster-growth-stage-chip{border:1px solid rgba(91,111,91,.14);background:rgba(255,253,247,.7);backdrop-filter:blur(8px);border-radius:999px;padding:6px 9px;color:#5c675e;font-size:8px;font-weight:800}
.monster-growth-stage-chip[hidden],.monster-growth-avatar[hidden]{display:none!important}

.monster-wrap[data-growth-preview="true"] .monster-rig{visibility:hidden}
.monster-growth-avatar{position:absolute;z-index:8;left:50%;top:50%;width:104px;height:118px;transform:translate(-50%,-50%);scale:var(--monster-facing,1) 1;transform-origin:50% 82%;pointer-events:none}
.monster-growth-avatar .growth-body,.monster-growth-avatar .growth-shell,.monster-growth-avatar .growth-crack{position:absolute}
.growth-body{left:12px;top:13px;width:80px;height:92px;background:#d9ad52;border-radius:48% 48% 43% 43% / 42% 42% 57% 57%;box-shadow:inset 0 -7px 0 rgba(92,67,31,.05),0 10px 18px rgba(80,62,35,.09)}
.growth-belly{position:absolute;left:19px;top:51px;width:42px;height:34px;border-radius:50%;background:#f1dfac}
.growth-eye{position:absolute;top:38px;width:7px;height:9px;border-radius:50%;background:#45423b}
.growth-eye-left{left:24px}.growth-eye-right{right:24px}
.growth-mouth{position:absolute;left:33px;top:54px;width:14px;height:7px;border-bottom:3px solid #45423b;border-radius:0 0 16px 16px}
.growth-sprout{position:absolute;left:57px;top:-9px;width:23px;height:12px;border-radius:90% 10% 90% 10%;background:#d87762;transform:rotate(-28deg);transform-origin:0 100%}
.growth-arm{position:absolute;top:53px;width:17px;height:35px;background:#d9ad52;border-radius:999px;transform-origin:50% 7px}
.growth-arm-left{left:-4px;transform:rotate(22deg)}.growth-arm-right{right:-4px;transform:rotate(-22deg)}
.growth-foot{position:absolute;bottom:-5px;width:24px;height:12px;border-radius:50%;background:#c99b43}
.growth-foot-left{left:11px}.growth-foot-right{right:11px}
.growth-shell{background:#f4efdf;border:1px solid rgba(130,117,92,.12);box-shadow:0 5px 12px rgba(80,62,35,.08)}
.growth-shell-back,.growth-shell-front{display:none}.growth-crack{display:none}

/* Egg */
.monster-growth-avatar[data-growth-stage="egg"]{width:88px;height:112px}
.monster-growth-avatar[data-growth-stage="egg"] .growth-body{left:8px;top:2px;width:72px;height:102px;background:#f4efdf;border:1px solid rgba(130,117,92,.12);border-radius:50% 50% 46% 46% / 57% 57% 43% 43%;box-shadow:inset -7px -8px 0 rgba(210,196,164,.16),0 10px 17px rgba(80,62,35,.08)}
.monster-growth-avatar[data-growth-stage="egg"] .growth-belly,.monster-growth-avatar[data-growth-stage="egg"] .growth-sprout,.monster-growth-avatar[data-growth-stage="egg"] .growth-arm,.monster-growth-avatar[data-growth-stage="egg"] .growth-foot{display:none}
.monster-growth-avatar[data-growth-stage="egg"] .growth-eye{top:51px;width:6px;height:7px}.monster-growth-avatar[data-growth-stage="egg"] .growth-eye-left{left:22px}.monster-growth-avatar[data-growth-stage="egg"] .growth-eye-right{right:22px}
.monster-growth-avatar[data-growth-stage="egg"] .growth-mouth{left:30px;top:63px;width:12px;height:6px;border-bottom-width:2px}

/* Cracking */
.monster-growth-avatar[data-growth-stage="cracking"]{width:92px;height:114px}
.monster-growth-avatar[data-growth-stage="cracking"] .growth-body{left:10px;top:3px;width:72px;height:102px;background:#f4efdf;border:1px solid rgba(130,117,92,.12);border-radius:50% 50% 46% 46% / 57% 57% 43% 43%}
.monster-growth-avatar[data-growth-stage="cracking"] .growth-belly,.monster-growth-avatar[data-growth-stage="cracking"] .growth-sprout,.monster-growth-avatar[data-growth-stage="cracking"] .growth-arm,.monster-growth-avatar[data-growth-stage="cracking"] .growth-foot{display:none}
.monster-growth-avatar[data-growth-stage="cracking"] .growth-eye{top:53px}.monster-growth-avatar[data-growth-stage="cracking"] .growth-eye-left{left:24px}.monster-growth-avatar[data-growth-stage="cracking"] .growth-eye-right{right:24px}.monster-growth-avatar[data-growth-stage="cracking"] .growth-mouth{left:29px;top:66px}
.monster-growth-avatar[data-growth-stage="cracking"] .growth-crack{display:block;z-index:3;left:39px;top:8px;width:16px;height:61px;border-left:4px solid #d7caa8;transform:skewX(-17deg)}
.monster-growth-avatar[data-growth-stage="cracking"] .growth-crack::before,.monster-growth-avatar[data-growth-stage="cracking"] .growth-crack::after{content:"";position:absolute;width:14px;border-top:4px solid #d7caa8}.monster-growth-avatar[data-growth-stage="cracking"] .growth-crack::before{left:-2px;top:20px;transform:rotate(32deg)}.monster-growth-avatar[data-growth-stage="cracking"] .growth-crack::after{left:-12px;top:38px;transform:rotate(-28deg)}

/* Newborn */
.monster-growth-avatar[data-growth-stage="newborn"] .growth-body{left:18px;top:18px;width:68px;height:76px;border-radius:50% 50% 45% 45%/44% 44% 56% 56%}
.monster-growth-avatar[data-growth-stage="newborn"] .growth-belly{left:16px;top:43px;width:36px;height:28px}.monster-growth-avatar[data-growth-stage="newborn"] .growth-eye{top:30px}.monster-growth-avatar[data-growth-stage="newborn"] .growth-eye-left{left:20px}.monster-growth-avatar[data-growth-stage="newborn"] .growth-eye-right{right:20px}.monster-growth-avatar[data-growth-stage="newborn"] .growth-mouth{left:27px;top:43px}
.monster-growth-avatar[data-growth-stage="newborn"] .growth-arm{top:45px;height:27px}.monster-growth-avatar[data-growth-stage="newborn"] .growth-foot{bottom:-4px;width:20px;height:10px}
.monster-growth-avatar[data-growth-stage="newborn"] .growth-shell-back{display:block;z-index:1;left:5px;top:55px;width:94px;height:49px;border-radius:0 0 48px 48px;clip-path:polygon(0 18%,14% 2%,28% 20%,43% 0,58% 18%,73% 1%,87% 20%,100% 4%,100% 100%,0 100%)}
.monster-growth-avatar[data-growth-stage="newborn"] .growth-shell-front{display:block;z-index:9;left:3px;top:74px;width:98px;height:39px;border-radius:0 0 50px 50px;clip-path:polygon(0 13%,15% 0,29% 15%,44% 0,58% 14%,73% 0,87% 15%,100% 2%,100% 100%,0 100%)}

/* Baby */
.monster-growth-avatar[data-growth-stage="baby"]{width:96px;height:105px}
.monster-growth-avatar[data-growth-stage="baby"] .growth-body{left:10px;top:14px;width:76px;height:82px;border-radius:52% 52% 47% 47% / 47% 47% 55% 55%}
.monster-growth-avatar[data-growth-stage="baby"] .growth-belly{left:18px;top:48px;width:40px;height:31px}.monster-growth-avatar[data-growth-stage="baby"] .growth-eye{top:33px}.monster-growth-avatar[data-growth-stage="baby"] .growth-eye-left{left:22px}.monster-growth-avatar[data-growth-stage="baby"] .growth-eye-right{right:22px}.monster-growth-avatar[data-growth-stage="baby"] .growth-mouth{left:31px;top:47px}
.monster-growth-avatar[data-growth-stage="baby"] .growth-arm{top:48px;height:27px}.monster-growth-avatar[data-growth-stage="baby"] .growth-foot{bottom:-2px;width:22px;height:11px}

/* Youth: longer body and a simple blue cap, matching the approved concept direction. */
.monster-growth-avatar[data-growth-stage="youth"]{width:105px;height:116px;transform:translate(-50%,-50%) scale(.98)}
.monster-growth-avatar[data-growth-stage="youth"] .growth-body{left:11px;top:11px;width:83px;height:95px;border-radius:46% 46% 42% 42% / 40% 40% 59% 59%}
.monster-growth-avatar[data-growth-stage="youth"] .growth-body::before{content:"";position:absolute;z-index:8;left:9px;top:-9px;width:64px;height:18px;border-radius:52% 48% 43% 40%;background:#5f91b3;box-shadow:17px 8px 0 -5px #467797;transform:rotate(2deg)}
.monster-growth-avatar[data-growth-stage="youth"] .growth-belly{left:21px;top:56px;width:42px;height:35px}.monster-growth-avatar[data-growth-stage="youth"] .growth-arm{top:52px;height:39px}.monster-growth-avatar[data-growth-stage="youth"] .growth-foot{width:26px;height:12px}
.monster-growth-avatar[data-growth-stage="youth"] .growth-mouth{top:56px;width:18px;height:10px;border-bottom-width:4px;left:33px}.monster-growth-avatar[data-growth-stage="youth"] .growth-eye{top:39px}

/* Mature: familiar mascot proportions, cap and glasses cues while remaining a preview asset. */
.monster-growth-avatar[data-growth-stage="mature"]{width:112px;height:122px}
.monster-growth-avatar[data-growth-stage="mature"] .growth-body{left:10px;top:10px;width:92px;height:102px;border-radius:48% 48% 42% 42% / 42% 42% 57% 57%}
.monster-growth-avatar[data-growth-stage="mature"] .growth-body::before{content:"";position:absolute;z-index:8;left:10px;top:-10px;width:70px;height:19px;border-radius:52% 48% 43% 40%;background:#5f91b3;box-shadow:19px 8px 0 -5px #467797;transform:rotate(2deg)}
.monster-growth-avatar[data-growth-stage="mature"] .growth-belly{left:22px;top:56px;width:48px;height:39px}
.monster-growth-avatar[data-growth-stage="mature"] .growth-eye{top:36px;width:24px;height:21px;border:4px solid #4d4b45;background:transparent;box-sizing:border-box}
.monster-growth-avatar[data-growth-stage="mature"] .growth-eye::after{content:"";position:absolute;left:6px;top:6px;width:5px;height:6px;border-radius:50%;background:#45423b}
.monster-growth-avatar[data-growth-stage="mature"] .growth-eye-left{left:18px}.monster-growth-avatar[data-growth-stage="mature"] .growth-eye-right{right:18px}
.monster-growth-avatar[data-growth-stage="mature"] .growth-eye-left::before{content:"";position:absolute;left:20px;top:6px;width:12px;border-top:4px solid #4d4b45}
.monster-growth-avatar[data-growth-stage="mature"] .growth-mouth{left:35px;top:62px;width:22px;height:9px}.monster-growth-avatar[data-growth-stage="mature"] .growth-arm{top:52px;height:42px;width:18px}.monster-growth-avatar[data-growth-stage="mature"] .growth-foot{width:27px;height:13px}

/* Growth preview stays inside existing actor locomotion: x/y/run/idle are still owned by Monster runtime. */
.monster-wrap.autonomy-walk[data-growth-preview="true"] .monster-growth-avatar{animation:growthPreviewWalk .48s ease-in-out infinite alternate}
.monster-wrap.autonomy-run[data-growth-preview="true"] .monster-growth-avatar{animation:growthPreviewRun .28s ease-in-out infinite alternate}
.monster-wrap.autonomy-relax[data-growth-preview="true"] .monster-growth-avatar{animation:growthPreviewRelax 3.8s ease-in-out infinite}
@keyframes growthPreviewWalk{from{translate:0 0;rotate:-2deg}to{translate:0 -5px;rotate:2deg}}
@keyframes growthPreviewRun{from{translate:0 1px;rotate:-4deg}to{translate:0 -7px;rotate:4deg}}
@keyframes growthPreviewRelax{0%,100%{translate:0 0}50%{translate:0 -2px}}

@media(max-width:430px){.monster-growth-preview-controls{left:8px;bottom:8px}.monster-growth-test-btn{padding:6px 9px;font-size:8px}.monster-growth-stage-chip{font-size:7px}}
@media(prefers-reduced-motion:reduce){.monster-growth-avatar{animation:none!important}}