/* VISUAL PASS V0.3.3 — reusable cinematic silhouette system */
.silhouette-layer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.silhouette-layer:before{content:"";position:absolute;left:8%;right:8%;top:9%;height:46%;background:radial-gradient(circle at 50% 20%,rgba(207,226,232,.05),transparent 42%);filter:blur(10px);opacity:.7}
.npc{position:absolute;bottom:24%;width:88px;height:230px;opacity:.42;filter:blur(.15px) saturate(.78);transition:opacity .32s ease,transform .32s ease,filter .32s ease}
.npc-raka{left:4%;bottom:27%;transform:scale(.98)}
.npc-maya{left:50%;bottom:20%;transform:translateX(-50%) scale(.9)}
.npc-dani{right:4%;bottom:22%;transform:scale(.94)}
.npc .head{position:absolute;left:50%;top:8px;width:42px;height:50px;transform:translateX(-50%);border-radius:48% 52% 46% 54%/52% 52% 48% 48%;background:radial-gradient(circle at 46% 35%,#101416 0 32%,#090b0c 69%,#030405 100%);box-shadow:inset -6px -8px 14px rgba(0,0,0,.55)}
.npc-raka .head{width:43px;height:52px;border-radius:46% 54% 45% 55%/48% 49% 51% 52%}
.npc-maya .head{width:40px;height:48px;border-radius:49% 51% 47% 53%/50% 54% 46% 50%}
.npc-dani .head{width:41px;height:49px;border-radius:48% 52% 51% 49%/50% 50% 50% 50%}
.npc .hair{position:absolute;left:50%;top:3px;width:49px;height:29px;transform:translateX(-50%);background:#030405;border-radius:54% 46% 38% 62%/63% 58% 42% 37%}
.npc-maya .hair{width:54px;height:61px;top:1px;border-radius:54% 46% 44% 56%/45% 48% 52% 55%;clip-path:polygon(10% 0,88% 2%,100% 30%,91% 100%,74% 69%,24% 88%,2% 35%)}
.npc-dani .hair{width:46px;height:24px;border-radius:58% 42% 42% 58%/68% 53% 47% 32%}
.npc .torso{position:absolute;left:50%;top:55px;width:76px;height:128px;transform:translateX(-50%);background:linear-gradient(180deg,#0d1113 0,#07090a 55%,#030405 100%);clip-path:polygon(26% 0,74% 0,93% 16%,100% 100%,0 100%,7% 17%);box-shadow:inset 0 10px 22px rgba(255,255,255,.01)}
.npc-maya .torso{width:72px;height:116px;top:54px;clip-path:polygon(30% 0,70% 0,88% 17%,94% 100%,6% 100%,12% 17%)}
.npc .arm{position:absolute;top:74px;width:21px;height:96px;background:#07090a;border-radius:18px;transform-origin:50% 8%}
.npc .arm-l{left:4px;transform:rotate(9deg)}
.npc .arm-r{right:4px;transform:rotate(-9deg)}
.npc-raka .arm-r{transform:rotate(-17deg)}
.npc-maya .arm-l{transform:rotate(20deg);top:80px}
.npc-maya .arm-r{transform:rotate(-28deg);top:84px}
.npc-dani .arm-l{transform:rotate(18deg)}
.npc .seat{position:absolute;left:-12px;right:-12px;bottom:0;height:58px;background:linear-gradient(180deg,rgba(30,37,40,.9),rgba(9,12,13,.96));border-radius:8px 8px 0 0;box-shadow:0 -1px rgba(145,163,169,.08),0 20px 40px rgba(0,0,0,.35)}
.npc-raka .seat{display:none}
.npc-raka .torso{height:154px}
.npc-raka .arm{height:116px}
.npc-maya .phone-prop{position:absolute;left:49%;top:126px;width:20px;height:34px;border-radius:4px;background:linear-gradient(180deg,#11191c,#030405);border:1px solid rgba(151,183,194,.18);box-shadow:0 0 16px rgba(114,161,177,.16);transform:rotate(-10deg)}
.npc-dani .sign-prop{position:absolute;right:-18px;top:34px;width:34px;height:55px;border:1px solid rgba(155,176,182,.08);background:rgba(16,21,23,.35);transform:rotate(3deg)}
.npc:after{content:"";position:absolute;left:50%;top:28%;width:130px;height:160px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(164,203,216,.06),transparent 64%);opacity:0;transition:opacity .3s ease}
.npc.active{opacity:.92;filter:blur(0) saturate(.92) drop-shadow(0 0 14px rgba(155,193,205,.13));transform:translateY(-3px) scale(1.025)}
.npc-maya.active{transform:translateX(-50%) translateY(-3px) scale(.925)}
.npc.active:after{opacity:1}
.npc.dim{opacity:.2;filter:brightness(.62) blur(.25px)}
.speaker-pulse{position:absolute;width:160px;height:220px;border-radius:50%;background:radial-gradient(ellipse,rgba(183,216,225,.08),transparent 66%);opacity:0;animation:speakerPulse 1.5s ease-in-out infinite}
.scene-emergency .silhouette-layer{background:radial-gradient(circle at 50% 20%,rgba(111,34,34,.12),transparent 42%)}
.scene-emergency .npc.active{filter:drop-shadow(0 0 14px rgba(137,55,49,.16)) brightness(.92)}
.scene-emergency .npc:after{background:radial-gradient(ellipse,rgba(150,54,47,.07),transparent 64%)}
.scene-silhouette-focus .bg:after{opacity:.62!important}
.scene-silhouette-focus .npc{bottom:18%;transform:scale(1.08)}
.scene-silhouette-focus .npc-maya{transform:translateX(-50%) scale(1.02)}
.stage[data-type="title"] .npc,.stage[data-type="cinematic"] .npc{opacity:.26}
.stage[data-type="title"] .silhouette-layer,.stage[data-type="cinematic"] .silhouette-layer{filter:blur(.1px)}
.stage[data-type="behavior_moment"] .npc{opacity:.34}
.stage[data-type="behavior_moment"] .npc.active{opacity:.76}
@keyframes speakerPulse{0%,100%{opacity:.14;transform:scale(.96)}50%{opacity:.34;transform:scale(1.03)}}
@media(max-width:360px){.npc{width:78px;height:214px}.npc-raka{left:1%}.npc-dani{right:1%}.npc .torso{width:68px}.npc-maya .torso{width:64px}}
@media(prefers-reduced-motion:reduce){.npc,.npc:after{transition:none!important}.speaker-pulse{animation:none!important}}