.cinema-shelf{margin:32px 0 38px}.cinema-shelf>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.cinema-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#668172}.cinema-shelf h2{font-size:29px;letter-spacing:-.04em;line-height:1.1;margin:7px 0 0}.cinema-shelf>header>.text-button{font-size:12px;min-height:44px}.cinema-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.cinema-cover{position:relative;isolation:isolate;min-height:280px;overflow:hidden;text-align:left;border-radius:18px;color:#fff;background:#192d27;border:1px solid #264534;box-shadow:0 5px 0 #203d2e;transition:transform .24s ease,box-shadow .24s ease}.cinema-cover:hover{transform:translateY(-4px);box-shadow:0 9px 0 #203d2e}.cinema-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}.cinema-cover:hover>img{transform:scale(1.045)}.cinema-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#091a2640,transparent 28%,#071b14ed 100%)}.cinema-cover-top{position:absolute;top:17px;left:19px;right:19px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800}.cinema-cover-top>span+span{font-size:8px;display:flex;align-items:center;gap:6px;letter-spacing:.05em}.cinema-cover-top .icon{width:13px;height:13px}.cinema-cover-copy{display:grid;gap:10px;padding:120px 21px 24px}.cinema-cover-copy small{color:#c5e9b7;font-size:9px;letter-spacing:.12em;font-weight:900}.cinema-cover-copy strong{font-size:27px;line-height:1.07;letter-spacing:-.025em;max-width:10ch}.cinema-cover-copy>span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;margin-top:8px}.cinema-cover-copy .icon{width:14px;height:14px}
#lesson-dialog:has(.immersive-story){width:min(1180px,calc(100% - 48px));background:#fafcf7}.immersive-story{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);min-height:580px}.immersive-stage{position:relative;background:#13251e;color:#fff;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}.scene-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 26px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#c0d6ca}.scene-topline>span:first-child{max-width:85%}.immersive-image-wrap{position:relative;aspect-ratio:1672/941;width:100%;margin:auto 0 0;background:#0c1812;overflow:hidden}.immersive-image,.immersive-video{display:block;width:100%;height:100%;object-fit:contain}.immersive-video{position:absolute;inset:0}.immersive-video[hidden]{display:none}.scene-points{position:absolute;inset:0}.scene-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;color:white;border:0;background:#0b2019eb;border-radius:24px;padding:5px 10px 5px 5px;box-shadow:0 0 0 3px #ffffff25;min-height:44px;font-size:10px;font-weight:800}.scene-point>span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#c6ec92;color:#213a23;font-size:13px}.scene-point[aria-pressed=true]{background:#d9f6ae;color:#213a23;box-shadow:0 0 0 6px #d9f6ae30}.scene-point:hover{box-shadow:0 0 0 6px #ffffff35}.scene-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 20px;background:#0e2019}.scene-control{display:flex;align-items:center;gap:6px;border:1px solid #4c6759;border-radius:9px;color:#e8f4e7;padding:9px 10px;font-size:11px;font-weight:800;min-height:44px}.scene-control[aria-pressed=true]{color:#ceefa8;border-color:#a8cb8e}.scene-control:hover{background:#2a4134}.scene-control>.icon{width:15px;height:15px}.scene-credit{font-size:9px;color:#bacabc;margin-left:auto;max-width:180px;text-align:right;line-height:1.4}.scene-credit .icon{width:12px;height:12px;vertical-align:middle}.scene-context{padding:28px 29px 34px;display:grid;gap:9px;margin-top:auto}.scene-context>span{font-size:11px;color:#c5d4c8}.scene-context>strong{font-size:34px;letter-spacing:-.035em;line-height:1.05;max-width:15ch}.scene-context>small{font-size:10px;color:#b0c5b6}.cinema-playback{height:3px;background:#314a3a}.cinema-playback>span{height:100%;display:block;background:#c7efa0;width:0}.cinema-status{font-size:11px;line-height:1.5;color:#d2e4d3;padding:0 22px}.cinema-status:not(:empty){padding-top:12px}.immersive-copy{padding:25px 32px 26px;display:flex;flex-direction:column;min-width:0}.immersive-copy .story-tools{margin-bottom:19px}.immersive-copy h2{font-size:34px;letter-spacing:-.04em;line-height:1.08;margin:0 0 17px;max-width:16ch}.immersive-lead{font:18px/1.5 'Source Sans 3',sans-serif;color:#59685c;margin:0 0 20px}.scene-discovery,.scene-chain,.scene-mini-challenge{margin-bottom:20px}.scene-discovery>span{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:800;color:#37664b;line-height:1.5}.scene-discovery>span>.icon{flex:0 0 18px;width:18px;height:18px}.point-list{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 12px}.point-list button{display:flex;align-items:center;gap:7px;padding:7px 10px 7px 7px;min-height:44px;border:1px solid #cedbc9;border-radius:11px;font-size:12px;font-weight:800;background:#fff;flex:1}.point-list button>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eef3e8;color:#6c8462}.point-list button.is-found>span{background:#ceeaaa;color:#214b2f}.point-list button[aria-pressed=true]{border-color:#538e5f;background:#eef7e6}.discovery-response,.chain-response{font:16px/1.5 'Source Sans 3',sans-serif;min-height:4.5em;border-left:3px solid #a9ce83;padding:0 0 0 13px;color:#466047;margin:10px 0 0}.scene-chain>p:first-child,.scene-mini-challenge>p:first-of-type{font-size:14px;line-height:1.5;font-weight:800;margin:0 0 15px}.chain-steps{display:flex;gap:7px}.chain-steps button{position:relative;display:grid;gap:7px;flex:1;text-align:left;padding:12px 9px 15px;border-top:3px solid #dce5d5;border-radius:0;background:#f0f4eb;min-height:81px}.chain-steps button>span{color:#7b9270;font-size:10px;font-weight:800}.chain-steps button>strong{font-size:12px;line-height:1.2}.chain-steps button>.icon{position:absolute;right:5px;top:11px;width:14px;height:14px;color:#819974}.chain-steps button[aria-pressed=true]{border-color:#42794d;background:#e4efd9;color:#285138}.scene-mini-challenge>span{display:block;margin-bottom:10px}.scene-mini-challenge>div{display:grid;gap:9px}.scene-mini-challenge button{text-align:left;border:1px solid #d7dfd0;border-bottom-width:3px;border-radius:11px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;line-height:1.4;font-weight:800;background:#fff;min-height:48px}.scene-mini-challenge button>.icon{width:15px;height:15px;flex:0 0 15px}.scene-mini-challenge button.is-right{background:#e2f1d3;border-color:#83ae64;color:#2d5a39}.scene-mini-challenge button.is-retry{background:#fff1d6;border-color:#d6b876;color:#74582b}.intuition-feedback{font:15px/1.5 'Source Sans 3',sans-serif;color:#416247;margin:12px 0 0}.intuition-feedback:empty{display:none}.immersive-reading{border-top:1px solid #dfe7d8;border-bottom:1px solid #dfe7d8;padding:13px 0;margin-bottom:10px}.immersive-reading>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:800;color:#4a694c;min-height:24px;list-style:none}.immersive-reading>summary .icon{width:14px;height:14px}.immersive-reading[open]>summary .icon{transform:rotate(90deg)}.immersive-reading>div{padding:16px 0 5px}.immersive-reading h3{font-size:17px;margin:0 0 10px}.immersive-reading p{font:17px/1.6 'Source Sans 3',sans-serif;color:#4c5f4d;margin:0 0 12px}.immersive-reading .reading-fact{font-size:15px;font-weight:600}.immersive-reading .text-button{font-size:12px;min-height:44px}.immersive-copy>.anecdote{font-size:12px;margin:0 0 12px}.cinema-chapters{display:flex;gap:9px;margin-top:auto;padding-top:22px}.cinema-chapters button{display:flex;align-items:center;gap:7px;flex:1;min-height:30px;color:#73856d;padding:0;text-align:left}.cinema-chapters span{font-size:9px;font-weight:800}.cinema-chapters i{height:3px;border-radius:2px;background:#dce4d5;flex:1}.cinema-chapters [aria-current=step] i{background:#418655}.cinema-chapters [aria-current=step]{color:#21613a}.immersive-copy .story-footer{margin-top:15px;padding-top:0;border:0;display:flex;justify-content:space-between;gap:12px}.immersive-copy .story-footer .button{font-size:13px;min-height:47px}.immersive-reperes{padding:24px 28px;margin:auto 0}.immersive-reperes>span{font-size:12px;color:#bacfbe}.immersive-reperes>strong{font-size:36px;line-height:1.1;letter-spacing:-.03em;display:block;max-width:16ch;margin:14px 0 35px;color:#e2f3c9}.immersive-reperes ol{list-style:none;margin:0;padding:0;display:grid;gap:0}.immersive-reperes li{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid #3a5142;font-size:16px;color:#aabfb0}.immersive-reperes li>span:first-child{font-size:11px;color:#89aa87;font-weight:900}.immersive-reperes [aria-current=step]{color:#f2f6e9}.immersive-reperes [aria-current=step]>span:first-child{color:#c4eb98}.without-image .scene-context{padding-top:12px}.immersive-film video{width:100%;border-radius:12px;background:#102018}.immersive-film summary{font-size:12px;font-weight:800;cursor:pointer}#info-dialog:has(.immersive-film){width:min(900px,calc(100% - 28px))}
@media(max-width:980px){.immersive-story{grid-template-columns:1fr 1fr}.immersive-copy{padding:23px}.immersive-copy h2{font-size:29px}.scene-control{font-size:10px}.scene-context{padding:24px}.scene-context>strong{font-size:29px}.cinema-cover-copy{padding:120px 17px 23px}.cinema-cover-copy strong{font-size:23px}.cinema-cover-top{left:17px;right:17px}.cinema-cover-top>span+span{font-size:7px}.cinema-cover{min-height:260px}.scene-point>span+span{display:none}.scene-point{padding:5px;min-width:44px;justify-content:center}}
@media(max-width:700px){.cinema-shelf{margin:27px 0 31px}.cinema-shelf>header{align-items:start;gap:8px}.cinema-shelf h2{font-size:26px;max-width:9ch}.cinema-kicker{font-size:8px}.cinema-shelf>header>.text-button{font-size:11px;margin-top:14px;white-space:nowrap}.cinema-covers{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;padding:0 0 9px;scrollbar-width:thin}.cinema-cover{flex:0 0 75%;min-height:270px;scroll-snap-align:start}.cinema-cover-copy strong{font-size:29px}.cinema-cover-copy{padding:125px 23px 24px}.cinema-cover-top{left:23px;right:23px}.cinema-cover-top>span+span{font-size:8px}#lesson-dialog:has(.immersive-story){width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.immersive-story{display:flex;flex-direction:column;min-height:0}.scene-topline{padding:13px 20px;font-size:8px}.immersive-image-wrap{margin:0}.scene-toolbar{padding:9px 13px;gap:6px}.scene-control{padding:7px 9px;font-size:10px}.scene-credit{font-size:8px;max-width:105px}.scene-context{padding:16px 20px 20px;gap:6px}.scene-context>strong{font-size:26px;max-width:none}.scene-context>span{font-size:10px}.scene-context>small{font-size:9px}.immersive-copy{padding:23px 22px 25px}.immersive-copy h2{font-size:32px;max-width:18ch}.immersive-copy .story-tools{margin-bottom:13px}.immersive-lead{font-size:18px;margin-bottom:22px}.discovery-response,.chain-response{font-size:17px;min-height:3em}.cinema-chapters{padding-top:10px}.immersive-copy .story-footer{position:sticky;bottom:0;z-index:2;background:#fafcf7;padding:14px 0 max(10px,env(safe-area-inset-bottom));margin-bottom:-14px;box-shadow:0 -12px 16px #fafcf7e8}.scene-chain>p:first-child,.scene-mini-challenge>p:first-of-type{font-size:15px}.chain-steps button{padding:13px 10px 16px}.chain-steps button>strong{font-size:13px}.scene-mini-challenge button{font-size:14px}.immersive-reperes{padding:15px 22px}.immersive-reperes>strong{font-size:29px;margin:11px 0 22px}.immersive-reperes li{font-size:14px;padding:13px 0}.without-image .scene-context{display:none}.without-image .scene-toolbar{padding:0 20px 12px}.scene-point{min-width:44px;min-height:44px}.immersive-film h2{font-size:26px}.immersive-film .cinema-kicker{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cinema-cover,.cinema-cover>img{transition:none}.cinema-cover:hover,.cinema-cover:hover>img{transform:none}}:root[data-motion=off] .cinema-cover,:root[data-motion=off] .cinema-cover>img{transition:none}:root[data-motion=off] .cinema-cover:hover,:root[data-motion=off] .cinema-cover:hover>img{transform:none}

@media(min-width:701px){#lesson-dialog:has(.immersive-story) .lesson-header{padding:14px 23px}.immersive-story{min-height:550px}.scene-topline{padding:15px 24px}.scene-context{padding:17px 25px 21px;gap:6px}.scene-context>strong{font-size:27px}.scene-context>small{font-size:9px}.immersive-copy{padding:22px 29px}.immersive-copy h2{font-size:31px}.immersive-copy .story-tools{margin-bottom:13px}}
@media(max-width:700px){.immersive-stage:not(.without-image) .scene-context{display:none}.immersive-copy .story-footer .button{min-height:48px}.immersive-copy{padding-bottom:calc(25px + env(safe-area-inset-bottom))}}
.immersive-video::cue,#scene-video::cue{font-family:'Source Sans 3',sans-serif;font-size:18px;color:#fff;background:#0a1915e8}
.scene-control:focus-visible,.scene-credit:focus-visible{outline:3px solid #c5e99c;outline-offset:3px}
@media(max-width:700px){.immersive-video::cue,#scene-video::cue{font-size:14px}.scene-toolbar:has([data-cinema-sound]) .scene-credit{width:100%;max-width:none;margin-left:0;text-align:left;padding:5px 2px;min-height:32px}}