.gesture-cue { position:absolute; z-index:4; left:50%; top:57%; width:20%; aspect-ratio:4/3; transform:translate(-50%,-50%); pointer-events:none; will-change:opacity; }
.gesture-cue[hidden] { display:none; }
.gesture-cue canvas { width:100%; height:100%; display:block; filter:saturate(1.12) contrast(1.08) drop-shadow(0 0 .35px #ca8b8b); }
.gesture-cue[data-gesture="reach"] { left:33%; top:60%; width:16%; }
.gesture-cue[data-gesture="water"] { left:68%; top:65%; width:16%; }
.gesture-cue[data-gesture="breath"],.gesture-cue[data-gesture="voice"] { width:19%; }
.gesture-cue[data-gesture="flutter"] { left:69%; top:70%; width:22%; background:radial-gradient(ellipse at 50% 58%,#fff9f0b3, #fff9f055 43%,transparent 72%); }
.story-overlay .guide-action-zh,.story-overlay .guide-action-en,.story-overlay .guide-feedback,.story-overlay .story-guide { transition:opacity .45s ease; }
.story-overlay.cue-working .guide-action-zh,.story-overlay.cue-working .guide-action-en,.story-overlay.cue-working .guide-feedback { opacity:0; }
.story-overlay.cue-working[data-guide-phase="trial"] .story-guide { opacity:0; }
@media(max-width:700px) { .gesture-cue { width:25%; } .gesture-cue[data-gesture="reach"],.gesture-cue[data-gesture="water"] { width:20%; } }