.play-story-hero{background:#fffbed;overflow:hidden}.play-story-scene{position:relative;max-width:1600px;margin:auto}.play-story-picture{display:block;width:100%;height:auto}.play-story-title{position:absolute;z-index:1;top:5%;left:30%;width:40%;text-align:center;color:#082d73}.play-story-title h1{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:700;font-size:clamp(32px,4.8vw,72px);line-height:1.05;letter-spacing:-.04em;margin:0 0 8px;text-shadow:0 2px 10px #ffffffa6}.play-story-title p{font-family:'Trebuchet MS',sans-serif;font-size:clamp(14px,1.7vw,24px);font-style:italic;margin:0;text-shadow:0 1px 5px white}.play-story-back{position:absolute;top:15px;left:24px;z-index:2;font-size:12px;font-weight:800;background:#fffbeddf;padding:9px 13px;border-radius:20px}.play-story-back:hover{background:white}.play-story-footer{text-align:center;padding:0 18px 26px;margin-top:-5px;position:relative}.play-story-footer p{font-size:clamp(15px,1.9vw,23px);font-weight:800;line-height:1.5;margin:0 0 8px}.play-story-footer a{display:inline-block;font-size:16px;font-weight:700;padding:9px 18px;text-decoration:underline;text-underline-offset:5px}.story-bag-link.books-link{display:flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:70px;height:44px;padding:2px 6px;background:transparent;font-size:11px;font-weight:800}.story-bag-link img{display:block;width:31px;height:39px;object-fit:contain}.play-worlds{padding-top:20px}
@media(max-width:700px){.play-story-title{top:5%;left:26%;width:48%}.play-story-title h1{font-size:clamp(26px,5vw,35px);margin-bottom:5px}.play-story-title p{font-size:13px}.play-story-back{top:8px;left:10px;font-size:10px;padding:6px 8px}.play-story-footer{padding-bottom:16px}.play-story-footer a{font-size:14px}}
@media(max-width:480px){.play-story-scene{display:flex;flex-direction:column}.play-story-back{position:static;align-self:flex-start;margin:8px 10px 0;padding:5px 8px;background:transparent}.play-story-title{position:static;width:auto;padding:6px 12px 9px;order:0;background:#fffbed}.play-story-title h1{font-size:36px;margin-bottom:6px}.play-story-title p{font-size:14px}.play-story-picture{margin:0}.play-story-footer{padding-top:5px}.play-story-footer p{font-size:13px}.story-bag-link.books-link{min-width:35px;padding:0}.story-bag-link span{display:none}.story-bag-link img{width:30px}}

/* Pastel book ribbons, approved 2026-11-05. */
.play-group-nav{display:grid;grid-template-columns:1fr 1fr 1.45fr;align-items:stretch;gap:18px;width:min(100%,1000px);margin:4px auto 32px;padding:0}
.play-group-nav a,.play-group-nav a:nth-child(2),.play-group-nav a:nth-child(3){--ribbon:#d5efff;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:0;min-height:58px;padding:14px 27px;border:0;border-radius:0;background:none;color:#0c2b7b;font-family:var(--body);font-size:15px;font-weight:800;line-height:1.4;text-align:center;text-decoration:none;box-shadow:none;text-shadow:none;transition:transform .18s ease}
.play-group-nav a::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--ribbon);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);transition:filter .18s ease}
.play-group-nav a:nth-child(2){--ribbon:#ffdaeb}
.play-group-nav a:nth-child(3){--ribbon:#e1f0c9}
.play-group-nav a:hover{transform:translateY(-2px);filter:none}
.play-group-nav a:hover::before{filter:brightness(.96)}
.play-group-nav a:focus-visible{outline:3px solid #123b87;outline-offset:4px}
@media(max-width:950px) and (min-width:701px){.play-group-nav{gap:10px}.play-group-nav a,.play-group-nav a:nth-child(2),.play-group-nav a:nth-child(3){padding-inline:20px;font-size:14px}}
@media(max-width:700px){.play-group-nav{grid-template-columns:1fr;width:min(100%,380px);gap:12px;margin-bottom:28px}.play-group-nav a,.play-group-nav a:nth-child(2),.play-group-nav a:nth-child(3){min-height:56px;font-size:15px;padding:13px 25px}}
@media(prefers-reduced-motion:reduce){.play-group-nav a,.play-group-nav a::before{transition:none}}