.animated-story-shell{padding-bottom:42px}.story-head{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;background:#fffdf7;border:1px solid #e7dcc4;border-radius:26px;padding:24px;margin:18px 0}.story-head h1{font-size:clamp(30px,5vw,48px);color:#07513e;margin:6px 0}.story-head p{line-height:1.9;color:#536c63}.story-head img{width:100%;max-height:190px;object-fit:contain;border-radius:18px}.story-player-card,.story-reading,.story-moral{background:#fffdf7;border:1px solid #e7dcc4;border-radius:26px;padding:20px;margin:18px 0}.story-stage{position:relative;min-height:430px;overflow:hidden;border-radius:24px;background:linear-gradient(160deg,#dff3eb,#fff0c9);isolation:isolate}.scene-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.9),transparent 38%),linear-gradient(145deg,rgba(26,133,95,.14),rgba(232,184,90,.13));animation:storyGlow 7s ease-in-out infinite alternate}.scene-art{position:absolute;inset:0}.story-char{position:absolute;bottom:82px;max-height:58%;max-width:36%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,44,32,.18));animation:charFloat 4s ease-in-out infinite}.char-mohamed{right:6%}.char-ahmed{left:7%;max-height:48%;animation-delay:-1.3s}.visual-note{position:absolute;top:22px;right:22px;left:22px;max-width:640px;margin:auto;background:rgba(255,255,255,.86);backdrop-filter:blur(9px);padding:12px 16px;border-radius:18px;text-align:center;color:#40645a;font-size:14px}.scene-caption{position:absolute;right:18px;left:18px;bottom:18px;background:rgba(2,52,39,.90);color:#fff;padding:14px 18px;border-radius:18px}.scene-caption strong{display:block;color:#f5d18e;font-size:19px}.scene-caption p{margin:5px 0 0;line-height:1.8}.story-progress{display:flex;gap:12px;align-items:center;margin:14px 0}.story-progress input{flex:1}.story-controls{display:flex;flex-wrap:wrap;gap:9px}.story-controls button,.story-controls select{min-height:46px;border:1px solid #d7dfda;background:#fff;border-radius:13px;padding:10px 14px;font:inherit;font-weight:800;color:#0a513e}.story-controls .primary{background:#096049;color:#fff}.story-reading h2,.story-moral h2{color:#07513e}.story-reading p,.story-moral p{font-size:18px;line-height:2}.story-moral{background:#fff4d6}@keyframes charFloat{from{transform:translateY(0) rotate(-.5deg)}to{transform:translateY(-10px) rotate(.7deg)}}@keyframes storyGlow{from{transform:scale(1)}to{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.story-char,.scene-backdrop{animation:none!important}}@media(max-width:700px){.story-head{grid-template-columns:1fr}.story-head img{max-height:140px}.story-stage{min-height:520px}.story-char{bottom:130px;max-width:43%}.visual-note{font-size:12px}.story-controls{display:grid;grid-template-columns:1fr 1fr}.story-controls label{grid-column:1/-1}.scene-caption{right:10px;left:10px}}