/* Open story portals: scene, foreground character and clean reading information. */
.full-play-list .app-heading{margin-bottom:14px}
.full-play-list .play-list-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;overflow:visible;margin:0 0 18px;padding:3px;border:0;border-radius:25px;background:var(--surface)}
.full-play-list .play-list-filters button{min-width:0;min-height:44px;padding:8px 12px;border:0;border-radius:22px;font-size:14px;font-weight:400;background:none;color:var(--muted)}
.full-play-list .play-list-filters button[aria-pressed=true]{background:#fff;color:var(--primary);font-weight:500;box-shadow:0 1px 4px #0c1c2e0c}
.full-play-list .interactive-book-list{display:grid;gap:28px}
.play-story-card{display:block;position:relative;width:100%;padding:34px 0 0;border:0;border-radius:12px;background:none;color:var(--ink);text-align:left;overflow:visible}
.play-story-visual{position:relative;display:block;height:236px;isolation:isolate;clip-path:inset(-40px -18px 0 -18px)}
.play-story-backdrop{position:absolute;inset:50px 20px 34px;z-index:-1;display:block;overflow:hidden;border-radius:14px;background-color:var(--selected);background-repeat:no-repeat}
.story-breakfast .play-story-backdrop{background-image:url('assets/ethan-riverside-scene.jpg');background-size:330% auto;background-position:left 40%}
.story-moonlight .play-story-backdrop{background-image:url('../assets/commercial-werewolf-v1.png');background-size:500% auto;background-position:right 18%}
.story-beneath .play-story-backdrop{background-image:url('../assets/commercial-revenge-v1.png');background-size:500% auto;background-position:right 15%}
.play-story-person{position:absolute;left:50%;top:-34px;width:100%;height:300px;object-fit:contain;object-position:center bottom;transform:translateX(-50%);display:block;pointer-events:none;filter:drop-shadow(0 8px 10px #0c1c2e1a)}
.play-story-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 4px 0;min-width:0}
.play-story-copy>strong{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.2px}
.play-story-hook{display:block;font-size:14px;line-height:1.5;font-weight:400;color:var(--muted)}
.play-story-card:focus-visible{outline:2px solid var(--primary);outline-offset:6px}
.full-play-list .play-list-filters button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
@media(prefers-reduced-motion:no-preference){
.play-story-person,.play-story-backdrop{transition:transform .22s ease}
.play-story-card:active .play-story-person{transform:translateX(-50%) translateY(-2px) scale(1.025)}
.play-story-card:active .play-story-backdrop{transform:scale(.992)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.play-story-card:hover .play-story-person{transform:translateX(-50%) translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.play-story-card:active .play-story-backdrop{opacity:.88}}

/* Keep scrolling story content clear of the persistent bottom navigation. */
.full-play-list{bottom:112px;padding-bottom:20px}