.maths-cinema{--cinema-ink:#303853;--cinema-muted:#748095;--cinema-purple:#6965b7;max-width:1280px;color:var(--cinema-ink);margin:0 auto;padding:30px clamp(16px,4vw,56px) 36px}.cinema-header{align-items:center;gap:16px;margin:0 0 28px;display:flex}.cinema-header>div{flex:1;min-width:0}.cinema-header>div>span{letter-spacing:1.5px;color:#82889b;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.cinema-header h1{letter-spacing:-.8px;margin:0;font-size:clamp(21px,2.8vw,31px);font-weight:900;line-height:1.2}.cinema-back{color:#616b7e;background:#fff;border:1px solid #e1e5e1;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.cinema-header .sound-toggle{box-shadow:none;background:0 0;border-color:#dde2df}.cinema-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:26px;display:grid}.cinema-film{background:#fff;border:1px solid #dfe3e6;border-radius:28px;min-width:0;overflow:hidden;box-shadow:0 8px 35px #343d5810}.cinema-scene-heading{background:#f3f3fc;justify-content:space-between;align-items:center;padding:22px 28px 0;display:flex}.cinema-kicker{letter-spacing:1.4px;color:#7976a7;font-size:10px;font-weight:900}.cinema-scene-heading>span:last-child{color:#666286;font-size:14px;font-weight:850}.cinema-scene-heading i{color:#b3b1ca;margin:0 3px;font-style:normal}.cinema-stage{isolation:isolate;background:radial-gradient(at 50% 30%,#ffffffb5,#0000 65%),#f3f3fc;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:325px;padding:18px 22px 16px;display:flex;position:relative}.cinema-stage:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#c4c5df55 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:14px 18px;-webkit-mask-image:linear-gradient(#0000,#000,#0000);mask-image:linear-gradient(#0000,#000,#0000)}.cinema-model-native{width:100%;min-width:0;max-width:660px}.cinema-model-native .tool{box-shadow:none;background:0 0;margin:0 auto}.cinema-model-native .lesson-scene{max-height:330px}.cinema-model-native .tool-tip{font-size:13px}.cinema-model-native .tool>svg{max-width:100%}.cinema-model-native .dot{box-shadow:0 3px #30385322}.cinema-model-native .ratio-bars,.cinema-model-native .bar-model{width:100%}.cinema-equation{letter-spacing:.5px;text-align:center;overflow-wrap:anywhere;color:#896633;background:#fff9e8;border-radius:13px;max-width:100%;padding:8px 20px;font-size:clamp(19px,2.7vw,29px);font-weight:900;animation:.35s ease-out cinema-caption-in}.cinema-coach{align-items:center;gap:14px;min-height:100px;padding:20px 26px 15px;display:flex}.cinema-coach>.adventure-buddy{flex:0 0 62px;align-self:center;width:62px}.cinema-coach p{min-width:0;margin:0;font-size:clamp(16px,1.7vw,19px);font-weight:750;line-height:1.5}.cinema-transport{align-items:flex-start;gap:10px;padding:0 24px 18px;display:flex}.cinema-transport .narration-player{background:0 0;border:0;border-radius:0;flex:1;min-width:0;margin:0;padding:0}.cinema-transport .narration-controls{flex-wrap:nowrap;gap:8px}.cinema-transport .narration-play{white-space:nowrap;background:#6965b7;min-height:44px;padding:10px 14px;font-size:12px;box-shadow:0 3px #504c97}.cinema-transport .narration-replay{color:#77739b;border-color:#e5e4ee}.cinema-transport .narration-speed{margin-left:auto}.cinema-transport .narration-speed select{color:#77739b;border-color:#e5e4ee;min-width:59px}.cinema-transport .narration-voice,.cinema-transport .narration-caption{display:none}.cinema-transport .narration-timeline{height:4px;margin-top:15px}.cinema-transport .narration-timeline>span{background:#e9e7f4}.cinema-transport .narration-timeline i{background:#9e9bd4}.cinema-step-buttons{gap:7px;display:flex}.cinema-step-buttons button{color:#78739b;background:#f7f6fc;border:1px solid #e5e4ee;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.cinema-step-buttons button:disabled{opacity:.35}.cinema-chapters{background:#fafafa;border-top:1px solid #edf0ed;justify-content:center;gap:4px;padding:12px 16px;display:flex}.cinema-chapters button{color:#89909e;font:inherit;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;min-height:44px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.cinema-chapters button>span{color:#7b8291;background:#e9ebed;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.cinema-chapters button[aria-current]{color:#6761a4;background:#eeedf9}.cinema-chapters button[aria-current]>span{color:#fff;background:#7b75ba}.cinema-companion{gap:18px;padding-top:4px;display:grid}.cinema-notice{background:#f2efdf;border-radius:22px;padding:25px 24px;position:relative}.cinema-notice .cinema-kicker{color:#9a8558}.cinema-notice p{color:#776446;margin:10px 0 18px;font-size:18px;font-weight:800;line-height:1.6}.cinema-notice-dots{color:#b39b6d;letter-spacing:7px;font-size:21px}.cinema-insight,.cinema-transcript{color:#697284;font-size:14px;line-height:1.7}.cinema-insight summary,.cinema-transcript summary{cursor:pointer;min-height:44px;padding:10px 3px;font-size:13px;font-weight:800;display:list-item}.cinema-insight p{margin:5px 0 10px}.cinema-next{color:#44735b;background:#e4f1e8;border:1px solid #cfdfd2;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;padding:19px 20px;text-decoration:none;display:flex;box-shadow:0 3px #cbdcd0}.cinema-next small{letter-spacing:1px;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.cinema-next strong{font-size:17px;line-height:1.3}.cinema-next>svg{flex-shrink:0}.cinema-transcript ol{gap:17px;padding:0;list-style:none;display:grid}.cinema-transcript li{gap:10px;font-size:13px;display:flex}.cinema-transcript li>strong{color:#7d76b3;background:#e9e7f3;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.cinema-transcript b{margin-top:5px;display:block}.cinema-lesson-name{color:#868e99;margin:0;font-size:11px;line-height:1.6}.cinema-footer{color:#939ba4;justify-content:space-between;gap:20px;margin-top:26px;font-size:11px;line-height:1.5;display:flex}.cinema-footer a{color:#7d8794;text-underline-offset:4px;font-weight:800}.place-studio{text-align:center;width:100%;max-width:690px}.place-studio>svg{width:100%;max-height:300px;margin:auto;display:block;overflow:visible}.cinema-place-column{transition:opacity .45s}.cinema-math-block{animation:.5s backwards cinema-block-in}.cinema-place-value{animation:.5s both cinema-caption-in}.place-touch-keys{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:-14px;display:flex}.place-touch-keys button{min-height:44px;color:var(--column-colour);background:#ffffffb5;border:1px solid #dbdbe8;border-radius:12px;padding:8px 15px;font-size:13px;font-weight:850;transition:background .2s,border-color .2s}.place-touch-keys button[aria-pressed=true]{border:2px solid var(--column-colour);background:#fff;padding:7px 14px;box-shadow:0 2px #30385315}.cinema-touch-hint{color:#87839b;min-height:17px;margin:10px 0 0;font-size:11px;line-height:1.5}.cinema-check{background:#fff7e4;border:1px solid #eaddba;border-radius:22px;padding:23px 21px}.cinema-check .cinema-kicker{color:#ac8d50}.cinema-check h2{letter-spacing:-.3px;margin:10px 0 17px;font-size:20px;line-height:1.4}.cinema-check-choices{gap:8px;display:flex}.cinema-check-choices button{color:#81683d;background:#fff;border:1px solid #e4d8ba;border-radius:13px;flex:1;min-width:0;min-height:54px;padding:10px 6px;font-size:20px;font-weight:900;box-shadow:0 3px #e4d8ba}.cinema-check-choices button[aria-pressed=true]{background:#f5e4b9;border-color:#c09c52}.cinema-check>p{color:#8d7a54;margin:17px 0 0;font-size:12px;line-height:1.7}.cinema-check.is-correct{background:#eaf5ec;border-color:#c9decf}.cinema-check.is-correct button[aria-pressed=true]{color:#fff;background:#5e9878;border-color:#518768;box-shadow:0 3px #518768}.cinema-check.is-correct>p{color:#4d7b60}@keyframes cinema-block-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes cinema-caption-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (width>=1450px){.maths-cinema{padding-top:50px}.cinema-stage{min-height:380px}}@media (width<=1000px){.cinema-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.maths-cinema{padding-inline:24px}.cinema-transport{padding-inline:18px}.cinema-transport .narration-speed>span,.cinema-transport .narration-replay{display:none}.cinema-notice{padding:22px 19px}.cinema-coach{padding:18px}.cinema-coach>.adventure-buddy{flex-basis:52px;width:52px}}@media (width<=760px){.maths-cinema{max-width:640px;padding:18px 18px 28px}.cinema-header{gap:11px;margin-bottom:18px}.cinema-header h1{font-size:23px}.cinema-header>div>span{letter-spacing:1px;font-size:8px}.cinema-layout{flex-direction:column;gap:20px;display:flex}.cinema-film{border-radius:23px;width:100%}.cinema-companion{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;padding:0 4px}.cinema-notice{display:none}.cinema-stage{min-height:210px;padding:8px 14px 12px}.cinema-scene-heading{padding:16px 19px 0}.cinema-scene-heading>span:last-child{font-size:12px}.cinema-kicker{letter-spacing:1px;font-size:9px}.place-studio>svg{max-height:250px}.cinema-coach{gap:10px;min-height:85px;padding:15px 17px}.cinema-coach p{font-size:16px;line-height:1.45}.cinema-coach>.adventure-buddy{flex-basis:45px;width:45px}.cinema-transport{padding:0 16px 14px}.cinema-transport .narration-play{gap:6px;padding:10px 12px;font-size:11px}.cinema-transport .narration-replay{display:grid}.cinema-transport .narration-speed>span{display:none}.cinema-chapters{gap:0;padding:7px 10px}.cinema-chapters button{min-height:44px;padding:6px 8px;font-size:10px}.cinema-footer{flex-direction:column;gap:9px;margin-top:22px}.cinema-lesson-name{margin-top:9px}.cinema-check{padding:22px}.cinema-check h2{font-size:21px}.cinema-next{margin-top:4px}.cinema-insight{order:1}.cinema-transcript{order:2}.cinema-lesson-name{order:3}}@media (width<=420px){.maths-cinema{padding:14px 12px 24px}.cinema-header{gap:9px;margin-bottom:14px}.cinema-header h1{letter-spacing:-.4px;font-size:19px}.cinema-header>div>span{letter-spacing:.75px;font-size:7px}.cinema-back{width:42px;height:42px}.cinema-header .sound-toggle{width:42px;min-width:42px;height:42px}.cinema-film{border-radius:21px}.cinema-stage{min-height:175px;padding:5px 8px 10px}.cinema-scene-heading{padding:14px 16px 0}.cinema-coach p{font-size:15px}.cinema-transport .narration-replay{display:none}.cinema-transport{gap:7px;padding-inline:14px}.cinema-transport .narration-controls,.cinema-step-buttons{gap:5px}.cinema-step-buttons button{width:42px}.cinema-transport .narration-speed select{min-width:52px;padding:5px}.cinema-chapters button{gap:4px;padding-inline:5px}.cinema-chapters button>span{width:19px;height:19px}.place-touch-keys{gap:5px;margin-top:-12px}.place-touch-keys button{padding-inline:12px;font-size:11px}.place-touch-keys button[aria-pressed=true]{padding-inline:11px}.cinema-touch-hint{margin-top:6px;font-size:10px}.cinema-equation{padding:6px 13px;font-size:19px}.cinema-model-native .tool-tip{font-size:11px}}@media (prefers-reduced-motion:reduce){.maths-cinema *,.place-studio *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lesson-cinema-transport{text-align:left;padding:18px 0 10px}.lesson-cinema-transport .narration-replay{display:grid}.lesson-cinema-transport .narration-speed{margin-left:0}.lesson-cinema-transport .narration-voice{margin-left:auto;font-size:9px;display:flex}.lesson-cinema-transport .narration-timeline{margin-top:12px}.visual-tutor .cinema-insight{text-align:left;border-top:1px solid #e6e8ef;padding:3px 0}.visual-tutor .cinema-insight p{font-size:15px;line-height:1.7}.visual-tutor .picture-count{letter-spacing:.3px;margin:10px 0;font-size:11px}.visual-tutor .example-context{text-align:center;background:0 0;margin:8px 0 12px;padding:0}.visual-tutor .example-context>strong{display:none}.visual-tutor .example-context p{color:#788196;font-size:15px;font-weight:650}.visual-tutor .method-context{text-align:center;margin:8px 0;font-size:12px}.visual-tutor .method-context h3,.visual-tutor .method-context p{font-size:13px}.narrated-stage .visual-tutor-picture{background:#f3f3fc;border:1px solid #e4e2f0;min-height:0;padding:15px 12px}.narrated-stage .visual-tutor-say{background:#f4f3fb;border:0;border-radius:14px}.narrated-stage .visual-tutor-say p{font-size:17px}.narrated-stage .visual-tutor-math{margin:12px 0;padding:10px 16px;font-size:25px}.visual-tutor .visual-tutor-nav{margin-top:16px}@media (width<=760px){.cinema-notice-final{display:block}.lesson-cinema-transport .narration-voice{display:none}.narrated-stage .visual-tutor-picture{padding:12px 4px}.visual-tutor .method-context p{font-size:12px}}@media (width<=420px){.cinema-check-choices button{font-size:clamp(14px,5vw,20px)}.place-studio>svg{max-height:220px}}.cinema-model-native svg circle{transition:cx .6s,cy .6s,r .6s,fill .45s,opacity .45s}.cinema-model-native svg rect{transition:x .6s,y .6s,width .6s,height .6s,fill .45s,opacity .45s}@media (width<=760px){.adventure-app .lesson-player{padding:16px 14px 35px}.lesson-player .teach-head{box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:10px;margin:0;padding:0 2px 12px}.lesson-player .teach-head h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.lesson-player .teach-head .teach-eyebrow{letter-spacing:.5px;margin:0;font-size:8px}.lesson-player .teach-close{width:38px;min-width:38px;height:42px;font-size:23px}.lesson-player .teach-count{align-self:center;padding:0;font-size:11px}.lesson-player .teach-count small{font-size:8px}.lesson-player .teach-head .sound-toggle{width:38px;min-width:38px;height:42px;padding:0}.lesson-player .stage-track{height:5px;margin:0 0 10px}.lesson-player .lesson-layout{gap:12px}.lesson-player .lesson-sidebar{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.lesson-player .lesson-journey{gap:3px;margin:0}.lesson-player .lesson-journey li{padding:7px 3px;font-size:9px}.lesson-player .lesson-purpose{background:0 0;border:0;margin:5px 0 0;padding:4px 10px}.lesson-player .lesson-purpose summary{font-size:10px;line-height:1.5}.lesson-player .lesson-purpose p{font-size:13px}.lesson-player .visual-tutor{border-top-width:4px;padding:18px 14px}.lesson-player .visual-tutor-label{letter-spacing:1.3px;margin-bottom:5px;font-size:8px}.lesson-player .visual-tutor h2{margin-bottom:10px;font-size:21px}.lesson-player .visual-tutor-picture{margin:8px 0 12px}.lesson-player .place-studio>svg{max-height:200px}.lesson-player .cinema-touch-hint{font-size:10px}}.maths-cinema{width:100%;min-width:0}.cinema-film,.cinema-layout{min-width:0}.cinema-chapters button{flex:1;justify-content:center;min-width:0}@media (width<=420px){.cinema-chapters button{gap:3px;padding-inline:2px;font-size:9px}.cinema-chapters button>span{flex-shrink:0}.cinema-transport .narration-play{padding:10px 8px;font-size:10px}.cinema-transport .narration-speed select{min-width:48px}.cinema-transport{gap:6px;padding-inline:12px}}.cinema-model-native svg circle.joining-counter{transition:transform 1.1s cubic-bezier(.4,0,.2,1),fill .6s}@media (prefers-reduced-motion:reduce){.cinema-model-native svg circle.joining-counter{transition:none}}
