.scared-motion { position:relative; width:100%; order:0; }
.scared-motion video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.scared-motion [hidden] { display:none!important; }
.scared-motion.is-playing img { visibility:hidden; }
.scared-motion button { position:absolute; bottom:1rem; right:1rem; z-index:3; min-height:44px; padding:.65rem 1rem; border:2px solid white; border-radius:.3rem; background:#17120e; color:white; font:bold 1rem/1.3 sans-serif; cursor:pointer; pointer-events:auto; }
.scared-motion button:focus-visible { outline:3px solid #ffdc55; outline-offset:3px; }
.scared-character-motion img { display:block; width:100%; height:auto; margin:0; }
.scared-character-motion button { right:18%; }
body[data-guide-characters="scared-stiff"] .scared-character-motion { background:none; aspect-ratio:2/3; }
body[data-guide-characters="scared-stiff"] .scared-character-motion { aspect-ratio:784/1168; }
.scared-character-motion::after { content:""; position:absolute; inset:0; pointer-events:none; z-index:2; background:linear-gradient(to right,var(--bg),transparent 15%,transparent 85%,var(--bg)),linear-gradient(to bottom,var(--bg),transparent 10%,transparent 78%,var(--bg)); }

/* Reserve a separate control row below the artwork. */
.scared-motion{margin-bottom:5rem}
.scared-motion.scared-motion button{top:calc(100% + .75rem);bottom:auto;right:auto;left:50%;transform:translateX(-50%);white-space:nowrap}

body[data-character-edges] .guide-character-art.scared-motion{margin-bottom:5rem!important}

/* Illustrated feature clips: the control sits in its own row under the picture. */
.act-divider>.feature-motion{width:min(1200px,92vw);margin-left:auto;margin-right:auto}
.scared-motion.feature-motion{display:grid;margin-bottom:1.5rem}
.scared-motion.feature-motion .feature-motion-frame{position:relative;grid-area:1/1}
.scared-motion.feature-motion .feature-motion-frame>a,
.scared-motion.feature-motion .feature-motion-frame>img{display:block;width:100%}
.scared-motion.feature-motion video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.scared-motion.scared-motion.feature-motion button{position:static;grid-area:2/1;top:auto;right:auto;bottom:auto;left:auto;transform:none;justify-self:center;margin-top:.75rem}