/* Continuous felt ocean; controls sit below the moving world. */
.mujoo-shadow-play{position:relative;isolation:isolate;z-index:2;height:580svh;color:#fff6e9;background:#092d31;font-family:"Noto Sans SC",Inter,sans-serif;--story-coral:#f5b5a0;--story-cream:#fff1d4}
.mu-story-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:#123d40;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:20px;padding:0 max(24px,6vw) 28px}
.mu-story-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y}
.mu-story-stage::after{content:"";position:absolute;inset:40% 0 0;pointer-events:none;background:linear-gradient(180deg,transparent 10%,rgba(4,24,28,.72) 65%,#061e23 100%)}
.mu-story-fallback{position:absolute;width:min(38vw,290px);max-height:40%;object-fit:contain;left:50%;top:16%;transform:translateX(-50%)}
.mu-story-caption{position:relative;grid-row:2;z-index:2;max-width:630px;pointer-events:none}
.mu-story-title{font-family:"Noto Serif SC",serif;font-size:clamp(1.65rem,3vw,2.7rem);font-weight:500;letter-spacing:-.025em;line-height:1.35;margin:0 0 14px;color:#fff6e9;text-wrap:balance}
.mu-story-copy{font-size:clamp(.9rem,1.1vw,1rem);line-height:1.9;max-width:42em;margin:0;color:#eee1c9;text-wrap:pretty}
.mu-story-hint{position:absolute;left:max(24px,6vw);right:max(24px,6vw);width:fit-content;top:30px;z-index:2;margin:0;padding:8px 12px;background:rgba(4,24,28,.85);font-size:.8rem;color:#f5e5c9;border-radius:6px;line-height:1.6}
.mu-story-controls{position:relative;grid-row:3;z-index:3;width:min(560px,58%);display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:center}
.mu-story-range-label{font-size:.75rem;color:#eee1c9;grid-column:1/-1}
.mu-story-range{grid-column:1/-1;accent-color:var(--story-coral);height:28px;width:100%;margin:0;cursor:ew-resize;min-width:0}
.mu-story-chapters{display:flex;justify-content:space-between;gap:12px;grid-column:1/-1}
.mu-story-chapters button,.mu-story-mode{border:0;background:transparent;color:#e8d9c0;font:inherit;font-size:.8rem;min-height:44px;padding:8px 0;cursor:pointer;text-underline-offset:7px}
.mu-story-chapters button[aria-pressed=true]{color:#ffc7b4;text-decoration:underline;text-decoration-thickness:2px}
.mu-story-mode{justify-self:start}.mu-story-mode:disabled{opacity:.6;cursor:default}
.mu-story-skip{font-size:.8rem;color:#f1e0c2;min-height:44px;display:flex;align-items:center;text-underline-offset:5px}
.mu-story-links{position:absolute;z-index:3;right:6vw;bottom:47px;display:flex;flex-direction:column;gap:12px}
.mu-story-links a{color:#fff1d4;text-decoration:underline;text-underline-offset:6px;display:flex;align-items:center;min-height:44px;font-size:.875rem}
.mu-story-links a:last-child{color:#ffc7b4}
.mujoo-shadow-play :focus-visible{outline:3px solid #ffe1a9;outline-offset:5px;border-radius:3px}
.mujoo-shadow-play button:hover,.mujoo-shadow-play a:hover{color:#fff}
.mujoo-shadow-play ::selection{background:#f5b5a0;color:#123d40}
.mujoo-shadow-play [hidden]{display:none!important}
.mu-story-status,.mu-story-retry{position:absolute;z-index:4;top:90px;left:max(24px,6vw);padding:10px;background:#092d31;color:#fff1d4;font:inherit;font-size:.875rem;max-width:80%;line-height:1.6}
.mu-story-retry{top:145px;min-height:44px;border:1px solid #f5b5a0;border-radius:6px;cursor:pointer}
.mu-story-after{position:absolute;bottom:0;scroll-margin-top:30px}
.mu-story-transcript{position:relative;z-index:4;background:#092d31;padding:36px max(24px,6vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 50px}
.mu-story-transcript h3{font-family:"Noto Serif SC",serif;font-size:1.2rem;margin:0 0 12px}.mu-story-transcript p{color:#eee1c9;font-size:.95rem;line-height:1.9;margin:0;max-width:60ch}
.mujoo-shadow-play[data-static=true]{height:auto}.mujoo-shadow-play[data-static=true] .mu-story-stage{position:relative;height:540px;min-height:0;padding-bottom:20px}
.mujoo-shadow-play[data-static=true] .mu-story-controls{width:44%}.mujoo-shadow-play[data-static=true] .mu-story-range,.mujoo-shadow-play[data-static=true] .mu-story-range-label{display:none}
.mujoo-shadow-play[data-static=true] .mu-story-links{bottom:22px}
@media(max-width:640px){
.mu-story-stage{min-height:620px;padding:0 22px 75px}.mu-story-copy{font-size:.875rem;line-height:1.8}.mu-story-title{font-size:1.65rem;margin-bottom:10px}
.mu-story-hint{top:24px;left:18px;right:18px;font-size:.75rem}.mu-story-controls{width:auto}.mu-story-links{bottom:16px;left:24px;right:24px;flex-direction:row;justify-content:space-between;gap:8px}
.mu-story-links a{font-size:.8rem}.mu-story-chapters{gap:8px}.mu-story-transcript{grid-template-columns:1fr}
.mujoo-shadow-play[data-static=true] .mu-story-stage{height:490px;padding-bottom:75px}.mujoo-shadow-play[data-static=true] .mu-story-controls{width:auto}
}
@media(max-height:620px) and (min-width:641px){.mu-story-stage{min-height:0;padding-bottom:12px;gap:16px}.mu-story-title{font-size:1.65rem}.mu-story-copy{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.mujoo-shadow-play{height:auto}.mu-story-stage{position:relative}}