/* Histórias: livrinho com páginas que viram. */
.hs-game .toy-scene,.hs-game.toy-scene{background:#f3e6d3}
.hs-table{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4cqh;padding:1.5cqh 2cqw}
.hs-book{position:relative;width:min(94cqw,108cqh);aspect-ratio:4/3;border-radius:22px;overflow:hidden;isolation:isolate;container-type:size;background:#fff8ec;box-shadow:0 12px 26px #4b373930,0 0 0 6px #fffaf0}
.hs-actor{position:absolute;z-index:2;cursor:pointer;display:block;width:calc(var(--w)*1%)}
.hs-actor img,.hs-actor .art-img{display:block;width:100%;height:auto;object-fit:contain}
.hs-prop .hs-svg,.hs-option .hs-svg{display:block;width:100%;height:100%;overflow:visible}
.hs-hint{animation:hs-hint 1.1s ease-in-out infinite alternate}
@keyframes hs-hint{from{filter:drop-shadow(0 0 0 #fff4a0)}to{filter:drop-shadow(0 0 10px #fff07a) drop-shadow(0 0 4px #fff) brightness(1.06)}}
.hs-shine{filter:drop-shadow(0 0 14px #fff3a0) brightness(1.1)}
.hs-go .hs-red{fill:#6b3434}.hs-go .hs-green{fill:#4ade80}
.hs-red,.hs-green{transition:fill .3s}
.hs-blanket{transform-origin:left center;transition:transform .9s cubic-bezier(.3,1.2,.5,1)}.hs-rolled{transform:scaleX(.16)}
.hs-web{transition:scale 1s cubic-bezier(.3,1.4,.5,1),rotate 1s}.hs-small{scale:.05;rotate:-120deg}
.hs-peeking{z-index:1;animation:hs-peek 1.6s ease-in-out infinite}
@keyframes hs-peek{0%,100%{rotate:0deg}50%{rotate:5deg}}
.hs-book::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(#ff9d5c66,#ffcf8a33);opacity:0;transition:opacity 1.6s}
.hs-dusk::after{opacity:1}
.hs-zzz{position:absolute;right:-6%;top:-14%;font:800 clamp(14px,3.4cqw,30px)/1 var(--font,system-ui);color:#7a6fb0;animation:hs-zzz 1.8s ease-in-out infinite;pointer-events:none}
.hs-zzz small{font-size:.7em;margin-left:2px}
@keyframes hs-zzz{0%,100%{translate:0 0;opacity:.6}50%{translate:6px -10px;opacity:1}}
.hs-rain{position:absolute;inset:0;z-index:4;pointer-events:none}
.hs-rain i{position:absolute;top:22%;width:.7cqw;height:3.6cqh;min-width:3px;border-radius:4px;background:#5ab3dc;animation:hs-fall .7s linear infinite}
@keyframes hs-fall{from{translate:0 0;opacity:1}to{translate:0 52cqh;opacity:.2}}
.hs-stars{position:absolute;inset:0;z-index:1;pointer-events:none}
.hs-stars i{position:absolute;font-style:normal;color:#fff3a0;font-size:clamp(12px,3.4cqw,28px);animation:hs-twinkle 1.6s ease-in-out infinite alternate}
@keyframes hs-twinkle{from{opacity:.3;scale:.8}to{opacity:1;scale:1.15}}
.hs-quiz{position:absolute;inset:16% 4% 12%;display:flex;justify-content:center;align-items:center;gap:4cqw}
.ap .hs-option{width:min(28cqw,60cqh);aspect-ratio:1;padding:5%;border:0;border-radius:24px;background:#fffdf6;box-shadow:0 8px 16px #4b373924,inset 0 0 0 5px #f3d9b4;display:grid;place-items:center}
.hs-quiz[data-count="2"] .hs-option{width:min(34cqw,62cqh)}
.hs-option .art-img,.hs-option img{width:100%;height:100%;object-fit:contain}
.hs-option.hs-right{box-shadow:0 8px 16px #4b373924,inset 0 0 0 6px #4fbf74,0 0 0 6px #fff3a0}
.hs-caption{width:min(94cqw,108cqh);min-height:2.7em;padding:.5em 1em;border-radius:18px;background:#fffdf6;box-shadow:0 4px 12px #4b373918;color:#4a3340;font-weight:700;font-size:clamp(15px,min(2.6cqw,3.6cqh),24px);line-height:1.3;text-align:center;display:grid;place-items:center}
@container (max-aspect-ratio:3/4){.hs-book{width:96cqw;aspect-ratio:4/5}.hs-caption{width:96cqw;font-size:clamp(15px,4.4cqw,22px)}}
/* Livro em pé (celular): figuras maiores. */
@container (max-aspect-ratio:1/1){.hs-actor{width:calc(var(--w)*1.3%)}}
@media(prefers-reduced-motion:reduce){.hs-hint,.hs-peeking,.hs-zzz,.hs-rain i,.hs-stars i{animation:none}}