.frame-stories .chapter-visual { padding:14px 8px 26px; }
.illustrated-scene {
  width:100%; height:100%; margin:0; position:relative;
  overflow:hidden; border:2px solid #83715b; background:#f5eedc;
  box-shadow:5px 5px 0 #d8cfba;
  transform:none!important;
}
.illustrated-scene .story-background {
  width:100%;height:calc(100% - 35px);object-fit:cover;
  object-position:center 65%;image-rendering:pixelated;
  transform:none!important;
}
.story-caption {
  position:absolute;left:0;bottom:0;right:0;min-height:35px;
  margin:0;padding:9px 12px;background:var(--paper);
  font:10px/1.6 var(--pixel);border-top:1px solid #d6cbb9;
  opacity:1!important;transform:none!important;
}
.hamster-sprite {
  position:absolute;left:54%;bottom:6%;width:clamp(180px,22vw,270px);
  aspect-ratio:1;background-repeat:no-repeat;background-size:300% 200%;
  background-position:0 0;image-rendering:pixelated;
  transform:translateX(-50%);pointer-events:none;
}
.sprite-shadow {
  position:absolute;left:54%;bottom:17%;width:95px;height:12px;
  background:#5a432c30;clip-path:polygon(12% 0,88% 0,100% 35%,100% 65%,88% 100%,12% 100%,0 65%,0 35%);
  transform:translateX(-50%);pointer-events:none;
}
.hamster-sprite[data-motion=walk] { left:calc(35% + var(--character-progress,.5)*30%); }
.illustrated-scene:has(.hamster-sprite[data-motion=walk]) .sprite-shadow { left:calc(35% + var(--character-progress,.5)*30%); }
footer>.footer-identity { display:flex;flex-direction:column;align-items:flex-start;gap:20px; }
.frame-stories .footer-visual { position:relative;width:190px;max-width:100%;height:115px;flex-shrink:0; }
.footer-story .story-caption { display:none; }
.footer-story .story-background { height:100%; }
.footer-story .hamster-sprite { width:95px;bottom:-7%; }
.footer-story .sprite-shadow { width:40px;height:6px;bottom:10%; }
@media(max-width:700px) {
  .frame-stories .chapter-visual { padding:10px 4px 22px; }
  .illustrated-scene { box-shadow:3px 3px 0 #d8cfba; }
  .illustrated-scene .story-background { height:calc(100% - 28px); }
  .story-caption { font-size:8px;min-height:28px;padding:6px 9px; }
  .hamster-sprite { width:190px;bottom:0; }
  .sprite-shadow { width:65px;height:8px;bottom:16%; }
  .footer-story .story-background { height:100%; }
  .footer-story .hamster-sprite { width:95px; }
}