.stories-list,.story-shell,.story-report{max-width:min(1180px,calc(100vw - 2rem));margin:0 auto}.story-card-layout,.story-player{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:1.2rem;align-items:center}.story-card-cover,.story-card .game-card-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#14213d}.story-media-wrap{min-width:0}.story-media-stage{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#14213d}.story-media-stage img,.story-media-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#14213d;opacity:0;transition:opacity .16s ease}.story-media-stage .is-visible{opacity:1}.story-media-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem}.story-media-grid img{position:static;opacity:1;border-radius:6px;object-fit:contain}.story-character-card{display:grid;grid-template-rows:1fr auto;gap:.3rem;align-items:center;justify-items:center;min-height:100%;padding:.45rem;border:1px solid color-mix(in srgb,var(--border) 85%,white);border-radius:8px;background:var(--surface);font-weight:900}.story-character-card img{width:100%;height:auto;max-height:82%;background:transparent}.story-character-card span{display:block;text-transform:uppercase;color:var(--primary)}.story-we-stage{background:#14213d}.story-we-stage .story-media-image{object-fit:cover}.learner-badge{position:absolute;right:8%;bottom:10%;z-index:2;display:grid;place-items:center;width:clamp(86px,18%,150px);aspect-ratio:1;border:4px solid white;border-radius:50%;background:linear-gradient(145deg,var(--secondary),var(--primary));color:white;box-shadow:0 10px 28px rgba(0,0,0,.24);font-weight:900}.learner-badge span{font-size:clamp(1.55rem,4vw,3rem);line-height:1}.learner-badge strong{font-size:.82rem;letter-spacing:.08em}.story-copy{min-width:0}.story-copy h1{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.08;margin:.2rem 0 .7rem}.story-lines{display:grid;gap:.35rem;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:800}.story-lines p{margin:0}.story-lines mark{border-radius:6px;background:color-mix(in srgb,var(--accent) 38%,transparent);color:inherit;padding:0 .18em}.story-interaction{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.story-pronoun-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.65rem;margin-top:.8rem}.story-pronoun-options .option{min-height:48px}.story-speech-controls .button,.story-nav .button{min-height:48px}.story-report .analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-story-guide .analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-center-card .game-card-image{object-fit:cover}.story-quiz .story-player{align-items:start}@media(max-width:900px){.story-card-layout,.story-player,.story-report .analysis-grid,.teacher-story-guide .analysis-grid{grid-template-columns:1fr}.story-card-cover{max-height:360px}.story-copy h1{font-size:1.75rem}}@media(max-width:520px){.stories-list,.story-shell,.story-report{max-width:calc(100vw - 1rem)}.story-player{padding:.8rem}.story-pronoun-options{grid-template-columns:1fr 1fr}.story-speech-controls .button,.story-nav .button{flex:1 1 44%}.story-lines{font-size:1.12rem}.story-media-grid{grid-template-columns:1fr}.story-character-card{min-height:190px}.story-media-grid img{aspect-ratio:16/9;width:100%}.learner-badge{right:5%;bottom:7%;width:92px}}@media(min-width:1500px){.story-shell,.stories-list,.story-report{max-width:min(1420px,calc(100vw - 3rem))}.story-copy h1{font-size:2.6rem}.story-lines{font-size:1.55rem}.story-speech-controls .button,.story-nav .button{min-height:58px}}