/* Independent visual layers for the three approved pilot scenes. */
.layer-stage{position:absolute;inset:0;pointer-events:none}.sprite{position:absolute;background-image:url('/character/layers-v4.png');background-size:200% 200%;background-repeat:no-repeat}.car-rig{position:absolute;width:160px;height:160px;left:40px;top:100px;transform-origin:50% 85%;animation:car-breathe 5.7s ease-in-out infinite}.car-body{inset:0;background-position:0 0}.eye{position:absolute;left:39%;top:37%;width:9%;height:13.5%;border-radius:50%;background:radial-gradient(ellipse at 45% 35%,#fffaf0 50%,#e8dbc4);box-shadow:0 1px 2px #76665360;overflow:hidden;transform-origin:50% 50%;animation:blink-v4 6.7s linear infinite}.eye.right{left:60.5%}.pupil{position:absolute;left:19%;top:14%;width:68%;height:77%;background:radial-gradient(ellipse at 55% 70%,#573d28,#261d16 58%);border-radius:50%;animation:gaze-wait 8.1s ease-in-out infinite}.pupil:before{content:'';position:absolute;left:16%;top:10%;width:36%;height:31%;border-radius:50%;background:#fff}.pupil:after{content:'';position:absolute;right:17%;bottom:13%;width:17%;height:13%;border-radius:50%;background:#bda181}.brow{position:absolute;top:32%;left:39%;width:9%;height:4%;border-top:2px solid #637455;border-radius:50%;transform:rotate(-6deg)}.brow.right{left:61%;transform:rotate(6deg)}.waiting .car-rig{width:188px;height:188px;left:26px;top:90px}.listen-arcs{position:absolute;left:3px;top:81px;width:62px;height:100px;overflow:visible}.listen-arcs path{fill:none;stroke:#aed9ad;stroke-width:6;stroke-linecap:round;animation:ear-wave 3.8s ease-in-out infinite}.listen-arcs path:nth-child(2){animation-delay:.3s;stroke:#cee5b1}.listen-arcs path:nth-child(3){animation-delay:.6s;stroke:#f7d77b}.think .car-rig{width:150px;height:150px;left:44px;top:134px;animation:car-curious 7s ease-in-out infinite}.think .pupil{animation:gaze-think 7s ease-in-out infinite}.cloud-rig{position:absolute;left:50px;top:20px;width:140px;height:140px;animation:cloud-thought 4.3s ease-in-out infinite;transform-origin:50% 85%}.cloud{inset:0;background-position:100% 0}.thought-pearl{position:absolute;width:9px;height:9px;left:92px;top:167px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff3d3,#d7c59b);animation:pearl-rise 3.7s ease-in-out infinite}.thought-pearl.second{width:13px;height:13px;left:105px;top:147px;animation-delay:.45s}.story .car-rig{width:150px;height:150px;left:43px;top:71px;animation:car-breathe 6s ease-in-out infinite}.story .pupil{animation:gaze-story 8.4s ease-in-out infinite}.book-rig{position:absolute;width:208px;height:208px;left:16px;top:105px;transform-origin:50% 75%;animation:book-sway 6.3s ease-in-out infinite}.book{inset:0;background-position:0 100%}.star-rig{position:absolute;width:43px;height:43px;left:174px;top:63px;animation:star-float 4.9s ease-in-out infinite}.star{inset:0;background-position:100% 100%;animation:star-glow 4.1s ease-in-out infinite}.star-rig.small{width:25px;height:25px;left:27px;top:104px;animation-delay:-2s}.star-rig.small .star{animation-delay:-1.9s}.fine-badge{font-size:11px;display:block;opacity:.8;margin-top:3px}.story .layer-stage,.waiting .layer-stage,.think .layer-stage{z-index:1}.screen .caption,.screen .status{z-index:3}
@keyframes blink-v4{0%,23%,27%,75%,79%,100%{transform:scaleY(1)}24.5%,25.5%,76.5%,77.5%{transform:scaleY(.06)}}
@keyframes gaze-wait{0%,15%,42%,70%,100%{transform:translate(0,0)}22%,33%{transform:translate(-2px,0)}52%,62%{transform:translate(1.5px,-1px)}}
@keyframes gaze-think{0%,12%,85%,100%{transform:translate(0,0)}25%,48%{transform:translate(-1.5px,-3px)}59%,73%{transform:translate(1.5px,-2.5px)}}
@keyframes gaze-story{0%,12%,74%,100%{transform:translate(0,0)}25%,53%{transform:translate(-1px,3px)}61%{transform:translate(1px,2px)}}
@keyframes car-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes car-curious{0%,12%,85%,100%{transform:rotate(0)}28%,46%{transform:rotate(-2deg)}61%,73%{transform:rotate(2deg)}}
@keyframes ear-wave{0%,100%{opacity:.35;transform:translateX(0)}35%,55%{opacity:1;transform:translateX(-2px)}}
@keyframes cloud-thought{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-5px) rotate(-3deg)}70%{transform:translateY(-2px) rotate(3deg)}}
@keyframes pearl-rise{0%,100%{opacity:.55;transform:translateY(0) scale(.85)}45%,65%{opacity:1;transform:translateY(-3px) scale(1)}}
@keyframes book-sway{0%,100%{transform:rotate(0)}33%{transform:rotate(-1.3deg)}67%{transform:rotate(1.3deg)}}
@keyframes star-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-5px) rotate(7deg)}}
@keyframes star-glow{0%,100%{opacity:.65;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.13)}}
@media(prefers-reduced-motion:reduce){.layer-stage *{animation:none!important}}

.star{clip-path:inset(4% 1% 1% 4%)}
/* v5: listening/speaking acting uses independently timed face and props. */
.actor-v5{position:absolute;width:190px;height:190px;left:18px;top:88px;transform-origin:50% 90%;animation:wait-act 9s ease-in-out infinite}.v5-sprite{position:absolute;background-image:url('/character/layers-v5.png');background-size:200% 200%;background-repeat:no-repeat}.new-body{left:0;top:0;width:103%;height:100%;background-size:194.1748% 200%;background-position:0 0;clip-path:inset(10% 0 0 0)}.actor-v5 .eye{left:28.5%;top:40%;width:10%;height:14%;transform:rotate(7deg);animation:blink-v5 7.9s linear infinite}.actor-v5 .eye.right{left:51%;top:42%;width:9.5%;height:13.5%}.actor-v5 .pupil{animation:wait-gaze 9s ease-in-out infinite}.actor-v5 .brow{left:30%;top:35%;width:10%;height:4%;border-top-color:#627353;transform:rotate(2deg);animation:brow-wait 9s ease-in-out infinite}.actor-v5 .brow.right{left:52%;top:37%;transform:rotate(10deg)}.actor-v5 .mouth{position:absolute;left:34.5%;top:66%;width:15%;height:7%;border-bottom:3px solid #314233;border-radius:0 0 60% 60%;transform:rotate(5deg)}.ear-rig{position:absolute;left:67%;top:21%;width:50%;height:50%;transform-origin:35% 60%;animation:ear-act 9s ease-in-out infinite}.ear-art{inset:0;background-position:100% 0;clip-path:inset(18% 8% 7% 18%)}.ear-marks{position:absolute;left:96%;top:18%;width:15%;height:15%;animation:ear-marks 9s ease-in-out infinite}.ear-marks .v5-sprite{inset:0;background-position:100% 100%;clip-path:inset(20% 5% 10% 20%)}.ground-v5{position:absolute;left:43px;top:261px;width:154px;height:9px;border-radius:50%;background:radial-gradient(ellipse,#071e1460,transparent 70%)}.waiting .layer-stage{z-index:1}.speak .actor-v5{width:165px;height:165px;left:29px;top:111px;animation:speak-act 8.2s ease-in-out infinite}.speak .actor-v5 .eye{animation:blink-v5 6.9s linear infinite;animation-delay:-.8s}.speak .actor-v5 .pupil{animation:speak-gaze 8.2s ease-in-out infinite}.speak .actor-v5 .brow{animation:brow-speak 8.2s ease-in-out infinite}.speak .actor-v5 .mouth{top:66%;left:35%;width:14%;height:10%;border:1px solid #33503c;background:radial-gradient(ellipse at 50% 90%,#5d4436,#302c22 70%);border-radius:35% 35% 55% 55%;overflow:hidden;transform-origin:50% 25%;animation:mouth-speak 8.2s linear infinite}.tongue{position:absolute;left:16%;bottom:-15%;width:70%;height:44%;background:#d99b84;border-radius:50%;box-shadow:inset 0 1px 1px #f3bda0}.talk-bubble{position:absolute;left:84px;top:35px;width:131px;height:118px;transform-origin:25% 85%;animation:bubble-speak 8.2s ease-in-out infinite}.bubble-art{inset:0;background-position:0 100%;clip-path:inset(13% 0 10% 4%)}.bubble-bars{position:absolute;left:27%;top:35%;width:57%;height:26%;display:flex;align-items:center;justify-content:center;gap:5px}.bubble-bars i{width:8px;height:var(--bar);border-radius:8px;background:linear-gradient(90deg,#67997b,#a2c4a0);box-shadow:1px 1px 2px #6d825344;transform-origin:center;animation:bubble-bar 8.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.09s)}.speech-demo-note{color:#60796b;font-size:13px;line-height:1.7}
@keyframes wait-act{0%,8%,100%{transform:rotate(0) translate(0,0)}18%,40%{transform:rotate(-4deg) translate(-3px,-3px)}50%,58%{transform:rotate(0) translate(0,0)}66%,75%{transform:rotate(-2deg) translate(-2px,-2px)}85%,94%{transform:rotate(0) translate(0,0)}}
@keyframes ear-act{0%,11%,48%,100%{transform:rotate(0)}20%,34%{transform:rotate(-12deg) scale(1.045)}38%{transform:rotate(-6deg)}66%,74%{transform:rotate(-7deg)}}
@keyframes ear-marks{0%,14%,38%,60%,80%,100%{opacity:0;transform:scale(.85)}21%,30%,68%,73%{opacity:.85;transform:scale(1)}}
@keyframes wait-gaze{0%,9%,48%,60%,85%,100%{transform:translate(0,0)}20%,37%{transform:translate(-2px,-1px)}68%,76%{transform:translate(-1px,-1px)}}
@keyframes blink-v5{0%,19%,23%,69%,73%,100%{transform:rotate(7deg) scaleY(1)}20.5%,21.5%,70.5%,71.5%{transform:rotate(7deg) scaleY(.055)}}
@keyframes brow-wait{0%,10%,48%,100%{translate:0 0}20%,35%{translate:0 -1px}}
@keyframes speak-act{0%,100%{transform:rotate(0) translateY(0)}12%{transform:rotate(-2deg) translateY(-3px)}24%{transform:rotate(1deg) translateY(0)}33%,44%{transform:rotate(0) translateY(0)}56%{transform:rotate(2deg) translateY(-3px)}67%{transform:rotate(-1deg) translateY(-1px)}78%,94%{transform:rotate(0) translateY(0)}}
@keyframes speak-gaze{0%,30%,48%,78%,100%{transform:translate(0,0)}35%,42%{transform:translate(1px,-1px)}58%,67%{transform:translate(-1px,0)}}
@keyframes brow-speak{0%,30%,45%,78%,100%{translate:0 0}12%,20%,55%,63%{translate:0 -1.5px}}
@keyframes mouth-speak{0%,4%,31%,45%,78%,100%{transform:rotate(5deg) scaleY(.12)}8%,18%,26%,50%,62%,72%{transform:rotate(5deg) scaleY(.85)}12%,22%,54%,67%{transform:rotate(5deg) scaleY(.35)}15%,57%{transform:rotate(5deg) scale(.85,1)}35%,40%,83%,94%{transform:rotate(5deg) scaleY(.12)}}
@keyframes bubble-speak{0%,32%,45%,80%,100%{transform:translateY(0) scale(1)}15%{transform:translateY(-3px) scale(1.025)}60%{transform:translateY(-2px) scale(1.02)}}
@keyframes bubble-bar{0%,32%,45%,80%,100%{transform:scaleY(.18)}8%,20%,53%,65%{transform:scaleY(1)}14%,26%,59%,73%{transform:scaleY(.4)}}
@media(prefers-reduced-motion:reduce){.actor-v5,.actor-v5 *,.talk-bubble,.talk-bubble *{animation:none!important}}
.waiting .actor-v5{top:68px}.waiting .ground-v5{top:242px}