:root{--ink:#193d3c;--muted:#768880;--green:#09665b;--lime:#e8f4ab;--cream:#f8f8f1;--line:#e1e9df}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.6 'DM Sans','Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;transition:background .2s,transform .2s}button:hover{transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e9a337;outline-offset:4px}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,h4{font-family:'Plus Jakarta Sans','Segoe UI',sans-serif;line-height:1.3}h1,h2,h3,p{margin-top:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4.2%;height:94px;background:#fffefa;border-bottom:1px solid var(--line);position:relative;z-index:6}.logo{display:flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;line-height:.95;font-weight:800;white-space:nowrap}.logo-mark{font-size:46px;color:var(--green);font-weight:400}.logo-sub{display:block;letter-spacing:3.6px;font-size:8px;margin-top:9px}.edition{font-size:7px;letter-spacing:1px;border-left:1px solid #d8e2d8;margin-left:8px;padding-left:17px;font-weight:600;line-height:1.8;color:#84968e;max-width:80px;white-space:normal}.topbar nav{display:flex;gap:5px;height:100%}.topbar nav button{background:none;font-size:12px;padding:0 16px;color:#71837c;position:relative}.topbar nav button.active{color:var(--green);font-weight:800}.topbar nav button.active:after{position:absolute;content:'';height:3px;background:var(--green);bottom:20px;left:17px;right:17px;border-radius:5px}.top-actions{display:flex;align-items:center;gap:15px}.circle-button{width:36px;height:36px;border-radius:50%;background:#edf2e9;color:#547469;display:inline-grid;place-items:center;font-size:18px}.learner{display:flex;gap:9px;align-items:center;background:transparent;font-size:11px;color:var(--ink)}.learner>span:first-child{width:34px;height:34px;display:grid;place-items:center;background:#f8dfbe;border-radius:50%;font-weight:800;color:#9c6d37}.learner b{color:#82958a}main{max-width:1500px;margin:auto;padding:32px 4.2% 0;min-height:75vh}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.welcome-row h1{font-size:25px;letter-spacing:-.8px;margin:0 0 5px}.welcome-row p{font-size:12px;color:var(--muted);margin:0}.class-pill{font-size:10px;border:1px solid #dce6d9;background:#fffef8;padding:7px 12px;border-radius:40px;color:#637e70;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;background:#5caa76;border-radius:100%;display:inline-block}.hero{border-radius:25px;background:#075c56;display:grid;grid-template-columns:43% 57%;min-height:405px;overflow:hidden;position:relative;color:white}.hero-copy{padding:38px 0 34px 38px;position:relative;z-index:2;max-width:490px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.hero .eyebrow{color:#c1debe}.hero h2{font-size:43px;font-weight:800;letter-spacing:-1.8px;line-height:1.18;margin:19px 0 15px}.hero h2 em{font-style:normal;color:#e4f3a6}.hero p{font-size:12px;line-height:1.9;max-width:315px;color:#b8d9ce;margin-bottom:22px}.hero-art{position:relative;min-height:405px;overflow:hidden;background:#548f70}.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;animation:heroZoom 16s ease-in-out infinite alternate}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#075c56,transparent 30%),linear-gradient(0deg,#075c5670,transparent 45%)}.hero-stamp{position:absolute;bottom:22px;right:23px;z-index:2;background:#fffef1ed;padding:9px 15px;color:#57735f;transform:rotate(-3deg);border-radius:8px;box-shadow:0 4px 20px #0b443c20;font-size:9px;font-weight:700}.hero-buttons{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;font-weight:700;font-size:12px;border-radius:10px;padding:13px 19px;line-height:1.5;background:var(--green);color:white;min-height:44px}.button.lime{background:var(--lime);color:#214c3e;box-shadow:0 4px 0 #b3ca76}.button.outline{border:1px solid #ffffff45;background:#ffffff0a;color:#e1eee5}.button.secondary{background:#edf3e8;color:var(--green)}.button.orange{background:#f7c471;color:#63471c}.button.ghost{background:transparent;color:#587567;padding-left:0}.hero-note{margin-top:21px;display:flex;align-items:center;gap:14px;font-size:9px;color:#b1d2c2}.face-stack{display:flex;padding-left:4px}.face-stack span{width:26px;height:26px;background:#e6c6a0;border:2px solid #075c56;border-radius:50%;display:grid;place-items:center;margin-left:-4px;font-size:15px}.learning-path{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 31px}.path-step{background:#fffefa;border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;gap:12px;align-items:center}.path-number{width:34px;height:34px;border-radius:11px;background:#e9f0d7;color:#66834e;display:grid;place-items:center;font-size:17px}.path-step:nth-child(2) .path-number{background:#fbecd6;color:#be9052}.path-step:nth-child(3) .path-number{background:#edeafa;color:#9690c8}.path-step:nth-child(4) .path-number{background:#f8e5df;color:#d48f79}.path-step strong{display:block;font-size:12px}.path-step small{display:block;font-size:9px;color:#91a092;margin-top:3px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 19px}.section-head h2{font-size:20px;letter-spacing:-.6px;margin:0 0 5px}.section-head p{font-size:11px;color:var(--muted);margin:0}.section-tag{color:#8b916d;font-size:9px;letter-spacing:.8px;background:#f0f1de;border:1px solid #e4e8d0;padding:5px 9px;border-radius:6px}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.world{border:1px solid var(--line);border-radius:17px;background:#fffefa;overflow:hidden;animation:enter .5s both}.world:nth-child(2){animation-delay:.08s}.world:nth-child(3){animation-delay:.16s}.world-visual{height:180px;position:relative;overflow:hidden;background:#e4eddc}.world-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.world:hover .world-visual img{transform:scale(1.055)}.world-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(0deg,#122f3640,transparent)}.mission-label{position:absolute;top:13px;left:13px;z-index:1;font-size:8px;border-radius:6px;background:#fffdf0ed;color:#587367;padding:5px 9px;font-weight:800;letter-spacing:1px}.film-label{position:absolute;bottom:12px;right:12px;color:white;z-index:1;font-size:9px;background:#12372c65;padding:3px 7px;border-radius:5px}.world-content{padding:19px 20px 16px}.world .eyebrow{font-size:8px;letter-spacing:1.2px;color:#9ca281}.world h3{font-size:17px;margin:7px 0;letter-spacing:-.4px}.world p{font-size:11px;color:#8b978c;margin:0}.world-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef0e7;margin-top:18px;padding-top:12px}.world-footer span{font-size:9px;color:#90a08d}.small-btn{padding:8px 12px;background:#eaf1df;color:#527242;border-radius:8px;font-size:10px;font-weight:700}.creativity-card{border:1px solid #e0e2f0;border-radius:17px;background:#edecf8;padding:25px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.big-spark{font-size:52px;color:#a29bcf;line-height:1;margin-bottom:20px}.creativity-card h3{font-size:23px;color:#5b5685;margin:0 0 12px}.creativity-card p{font-size:12px;color:#8b86a3;max-width:260px;margin:0 0 18px}.creativity-card .small-btn{background:#dedaf1;color:#655a8b;width:max-content}.bottom-band{margin:27px 0 8px;border-radius:13px;background:#eef0de;border:1px solid #e4e7d2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px}.bottom-band strong{font-size:12px}.bottom-band p{font-size:10px;color:#8a957c;margin:4px 0 0}.sun{color:#b7bc7c;font-size:32px;margin-right:15px}.band-text{display:flex;align-items:center}.bottom-band button{white-space:nowrap}footer{max-width:1500px;margin:auto;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:32px 4.2%;font-size:9px;color:#98a596}footer button{background:none;color:#7e9380;font-size:9px}.mini-brand{font-size:9px;letter-spacing:1.6px;color:#7d9381}.page-head{margin:0 0 27px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-head h1{font-size:31px;letter-spacing:-1px;margin:8px 0}.page-head p{font-size:13px;color:var(--muted);margin:0;max-width:650px}.tiny{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#9aa68d}.content-box{background:#fffefa;border:1px solid var(--line);border-radius:17px;padding:26px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.content-box h2{font-size:20px}.content-box h3{font-size:16px}.text-muted{color:var(--muted);font-size:13px}.callout{background:#eef3e4;border-left:3px solid #9db475;padding:16px;border-radius:0 10px 10px 0;margin:18px 0;font-size:13px;line-height:1.8}.source-note{font-size:10px;line-height:1.8;color:#93a08e;margin-top:15px}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.pill{background:#edf1e5;color:#637b5c;border-radius:20px;padding:6px 10px;font-size:10px}.pill.gold{background:#fff0ce;color:#a78037}.goals{padding:0;list-style:none}.goals li{padding:9px 0;border-bottom:1px solid #eef0e5;font-size:13px}.goals li:before{content:'✓';color:#609968;margin-right:10px}.empty{padding:26px;text-align:center;color:#8d9d8c;border:1px dashed #d3dfce;border-radius:12px;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.metric{padding:20px;background:#fffdf5;border:1px solid var(--line);border-radius:14px}.metric strong{display:block;font-size:26px;color:var(--green)}.metric span{font-size:11px;color:#8a9c85}dialog{width:min(1020px,96vw);max-height:94vh;overflow:auto;border:0;border-radius:22px;padding:0;color:var(--ink);background:#fffefa;box-shadow:0 30px 140px #112f3b60}dialog::backdrop{background:#0e3533ab;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:13px 24px;border-bottom:1px solid #e8ede0;position:sticky;top:0;background:#fffefa;z-index:4}#dialogContent{padding:27px}.dialog-heading{font-size:29px;letter-spacing:-.8px;margin:8px 0 12px}.dialog-intro{font-size:14px;line-height:1.9;color:#718675;max-width:780px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.detail-media{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin:21px 0}.detail-media img{width:100%;height:250px;object-fit:cover;border-radius:13px}.fact{font-size:12px;line-height:1.8;padding:11px 0;border-bottom:1px solid var(--line)}.fact strong{display:block;color:var(--green);font-size:13px}.step-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.step-tabs span{font-size:10px;border-radius:8px;padding:8px 12px;background:#f0f2e8;color:#91a081}.step-tabs .current{background:#dcecc5;color:#436c3a}.progress{height:7px;border-radius:6px;background:#ecf0e4;overflow:hidden;margin:18px 0}.progress>span{display:block;height:100%;background:#70a47b;border-radius:6px;transition:width .4s}.answer-option{display:flex;gap:14px;text-align:left;align-items:center;width:100%;margin:12px 0;padding:16px;border:2px solid #e5eade;background:#f9faf4;border-radius:12px;color:#385c4a;font-size:14px}.answer-option b{width:29px;height:29px;border-radius:8px;background:white;display:grid;place-items:center;font-size:12px;flex-shrink:0}.answer-option.correct{border-color:#69a786;background:#edf8e9}.answer-option.wrong{border-color:#dca082;background:#fff0e8}.answer-option:disabled{opacity:1}.feedback{font-size:13px;background:#eef4e7;padding:17px;border-radius:10px;line-height:1.9}.result{text-align:center;padding:18px 0}.result-icon{display:grid;place-items:center;margin:0 auto 20px;background:#fcf0cb;border:5px double #ddbd73;border-radius:50%;width:100px;height:100px;font-size:46px}.result h2{font-size:33px;letter-spacing:-1px}.reflection{margin-top:20px;display:flex;gap:10px;justify-content:center}.reflection button{border:1px solid var(--line);background:white;padding:12px 16px;border-radius:10px;font-size:12px}.reflection button.chosen{background:#dbeecf;border-color:#76a15c}input,textarea,select{background:#fff;border:1px solid #d8e1d0;border-radius:9px;padding:12px;color:var(--ink);max-width:100%}label{font-size:12px;font-weight:600;display:block;margin-bottom:7px}textarea{width:100%;min-height:100px;resize:vertical}input{min-width:0}.field{margin:16px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid input,.form-grid select{width:100%}.wide-input{width:100%}.text-link{color:var(--green);font-size:12px;text-decoration:underline;text-underline-offset:3px}.story-stage{position:relative;background:#163f3b;border-radius:16px;overflow:hidden;aspect-ratio:16/9}.story-stage canvas,.story-stage video{width:100%;height:100%;display:block;object-fit:contain}.cinema-layout{display:grid;grid-template-columns:1fr 260px;gap:20px}.scene-list{display:flex;flex-direction:column;gap:9px}.scene-item{background:#f4f5ec;border:1px solid #e6eadc;border-radius:10px;padding:12px;text-align:left;color:#69805f;display:flex;align-items:center;gap:10px;font-size:11px}.scene-item.active{background:#dfeecb;border-color:#bdd3a7;color:#375d2f}.scene-item b{font-size:10px;background:white;padding:4px 7px;border-radius:6px}.subtitle{padding:17px 20px;background:#173f38;border-radius:0 0 13px 13px;margin-top:-10px;color:#e1ebda;line-height:1.9;font-size:13px;min-height:110px;position:relative}.player-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:14px 0}.control-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.player-controls .circle-button{width:34px;height:34px}.time-label{font-size:10px;color:#8ca080;font-variant-numeric:tabular-nums}.scrub{width:100%;padding:0;accent-color:var(--green);height:10px;cursor:pointer}.film-objective{font-size:11px;line-height:1.8;color:#85927a;padding:14px;border-radius:10px;background:#f0f2df;margin-top:10px}.speed-select{padding:6px;font-size:10px;width:70px}.think-pause{padding:20px;background:#fff1cd;border-radius:12px;margin:15px 0;color:#7c6329;font-size:13px}.studio-tabs{display:flex;gap:10px;margin:23px 0;flex-wrap:wrap}.studio-tabs button{padding:11px 16px;border-radius:9px;background:#eeeee3;color:#829078;font-size:12px}.studio-tabs button.active{background:#e0ead2;color:#45623b;font-weight:700}.pattern-board{width:100%;aspect-ratio:1.4;background:#f9ebdb;border-radius:12px;border:1px solid #e8dfc6}.palette{display:flex;gap:8px;margin:12px 0}.swatch{width:29px;height:29px;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #d7decd}.swatch.active{box-shadow:0 0 0 2px #417863}.rhythm-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:20px 0}.beat{aspect-ratio:1;border-radius:12px;background:#f4ebd7;color:#8e7443;font-size:12px;font-weight:700;border:2px solid transparent}.beat.tak{background:#dcece8;color:#417b6d}.beat.silent{background:#e9e9ef;color:#88849a}.beat.playing{border-color:var(--green);transform:translateY(-5px);box-shadow:0 6px 0 #a9c7ab}.code-block{background:#183d36;color:#cbe2c7;border-radius:12px;padding:20px;white-space:pre-wrap;font:12px/1.9 Consolas,monospace}.artwork-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.artwork{border:1px solid #e2e8d9;border-radius:11px;padding:15px;background:#fffefa;font-size:12px}.artwork img{width:100%;border-radius:6px}.artwork strong{display:block;margin-top:8px}.poster-preview{width:100%;aspect-ratio:4/3;background:#eee;border-radius:12px}.teacher-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.teacher-tabs button{border-radius:8px;padding:10px 14px;font-size:11px;background:#eeeee3;color:#789070}.teacher-tabs .active{background:var(--green);color:white}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th,.data-table td{padding:12px 9px;border-bottom:1px solid var(--line);text-align:left}.data-table th{color:#7d9072;background:#f2f4e8;font-weight:600}.table-wrap{overflow:auto}.stage-row{padding:18px 0;border-bottom:1px solid #e4e9d9;display:grid;grid-template-columns:70px 1fr;gap:20px}.minute{background:#f4ecd4;color:#997b3c;font-size:11px;text-align:center;padding:9px;border-radius:9px;height:max-content}.stage-row h3{font-size:15px;margin:0 0 7px}.stage-row p{font-size:12px;color:#7e8e72;margin:0}.rubric-row{padding:14px 0;border-bottom:1px solid var(--line)}.rubric-row>div{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.rubric-row p{font-size:12px;color:#829274;margin:6px 0 0}.check-row{display:flex;align-items:flex-start;gap:10px;font-size:12px;padding:10px 0;border-bottom:1px solid #e6e9dd;cursor:pointer}.check-row input{margin:5px 0 0;accent-color:var(--green);flex-shrink:0}.medals{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:25px 0}.medal{text-align:center;border:1px solid #e4e6d4;border-radius:12px;padding:16px 6px;background:#fff9e6;font-size:10px}.medal.locked{filter:grayscale(1);opacity:.5}.medal>span{font-size:35px;display:block;margin-bottom:6px}.certificate{text-align:center;padding:40px;border:5px double #c3a967;background:#fffdf1;line-height:2}.certificate h2{font-family:Georgia,serif;font-size:33px;color:#37634f}.certificate .name{font-size:29px;font-weight:700;margin:20px 0}.cert-flowers{font-size:44px;color:#bba05b}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);gap:20px;font-size:13px}.toggle{width:45px;height:26px;border-radius:30px;background:#dce4d4;position:relative}.toggle:after{content:'';position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%;background:white;transition:transform .2s}.toggle.on{background:#71996e}.toggle.on:after{transform:translateX(19px)}.projector .topbar nav,.projector footer,.projector .edition{display:none}.projector main{max-width:1600px}.large-text p,.large-text .answer-option,.large-text .dialog-intro,.large-text .subtitle{font-size:17px}.large-text .world h3{font-size:21px}.large-text .world p{font-size:14px}.reduce-motion *, .reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}#notification{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);padding:13px 23px;background:#204c3e;color:white;font-size:13px;border-radius:11px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30;max-width:90vw}#notification.show{opacity:1;transform:translate(-50%,0)}#celebration{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}#celebration i{position:absolute;top:-30px;width:9px;height:15px;animation:fall 3s ease-in forwards}@keyframes heroZoom{to{transform:scale(1.06) translateX(-1%)}}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fall{to{transform:translateY(110vh) rotate(600deg)}}
@media(min-width:1500px){.hero,.hero-art{min-height:460px}.hero-copy{padding:45px}.hero h2{font-size:49px}.world-visual{height:215px}}@media(max-width:1150px){.edition{display:none}.topbar nav button{padding:0 11px;font-size:11px}.topbar{gap:15px}.learner>span:nth-child(2){display:none}.hero h2{font-size:36px}.hero-copy{padding:30px 0 30px 30px}.hero,.hero-art{min-height:370px}.cinema-layout{grid-template-columns:1fr 220px}.world-visual{height:160px}}@media(max-width:850px){.topbar{height:83px;padding:0 22px;gap:10px}.logo{font-size:23px}.logo-mark{font-size:37px}.topbar nav{gap:0}.topbar nav button{font-size:10px;padding:0 9px}.top-actions{gap:7px}.hero h2{font-size:32px}.hero-copy{padding:30px 0 28px 25px}.hero p{font-size:11px;max-width:250px}.hero .button{font-size:10px;padding:11px 14px}.hero-buttons{gap:8px}.hero-note{font-size:8px;gap:9px}.hero-stamp{font-size:7px;padding:8px}.learning-path{gap:8px}.path-step{padding:12px;gap:8px}.path-number{width:28px;height:28px;font-size:14px}.path-step strong{font-size:10px}.path-step small{font-size:8px}.worlds{grid-template-columns:repeat(2,1fr)}.world-visual{height:190px}.cinema-layout{grid-template-columns:1fr}.scene-list{display:grid;grid-template-columns:repeat(3,1fr)}.film-objective{display:none}.two-columns{gap:14px}.three-columns{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.artwork-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar{height:112px;flex-wrap:wrap;align-content:space-around;padding:12px 17px 0;gap:4px;position:sticky;top:0}.logo{font-size:22px}.logo-mark{font-size:34px}.logo-sub{font-size:6px;margin-top:7px}.top-actions{margin-left:auto}.topbar nav{order:3;height:41px;width:100%;justify-content:space-between}.topbar nav button{padding:0 6px;font-size:10px;white-space:nowrap}.topbar nav button.active:after{bottom:0;left:6px;right:6px}.circle-button{width:30px;height:30px;font-size:16px}.learner>span:first-child{width:29px;height:29px}.learner b{display:none}main{padding:24px 17px 0}.welcome-row{margin-bottom:18px}.welcome-row h1{font-size:20px}.welcome-row p{font-size:10px}.class-pill{font-size:8px;padding:6px 8px}.class-pill .desktop{display:none}.hero{grid-template-columns:1fr;border-radius:19px;min-height:650px}.hero-copy{padding:28px 25px 0;max-width:none}.hero h2{font-size:37px;max-width:330px;letter-spacing:-1.5px;margin:17px 0}.hero p{max-width:330px;font-size:12px;margin-bottom:20px}.hero .eyebrow{font-size:8px}.hero-buttons{gap:10px}.hero .button{font-size:11px;padding:12px 16px}.hero-note{margin-top:20px;font-size:9px}.hero-art{min-height:290px}.hero-art:after{background:linear-gradient(180deg,#075c56,transparent 28%),linear-gradient(0deg,#075c5640,transparent)}.hero-stamp{bottom:20px;font-size:8px}.learning-path{grid-template-columns:1fr 1fr;margin:16px 0 26px;gap:9px}.path-step{padding:13px}.path-step strong{font-size:11px}.path-step small{font-size:8px}.section-head h2{font-size:18px}.section-head p{font-size:10px}.section-tag{font-size:8px;padding:5px 7px}.worlds{gap:12px}.world{border-radius:12px}.world-visual{height:130px}.mission-label{font-size:6px;top:9px;left:9px;padding:4px 6px}.film-label{font-size:7px;bottom:8px;right:8px}.world-content{padding:13px 12px}.world .eyebrow{font-size:6px;letter-spacing:.8px}.world h3{font-size:13px;margin:7px 0}.world p{font-size:10px;min-height:34px;line-height:1.7}.world-footer{margin-top:12px;padding-top:10px;gap:5px}.world-footer span{font-size:7px}.small-btn{font-size:8px;padding:8px}.creativity-card{padding:18px}.big-spark{font-size:34px;margin-bottom:14px}.creativity-card h3{font-size:18px}.creativity-card p{font-size:10px;margin-bottom:13px}.bottom-band{padding:16px;gap:10px;align-items:flex-start;flex-direction:column}.sun{font-size:25px;margin-right:12px}.bottom-band strong{font-size:11px}.bottom-band p{font-size:9px}.bottom-band .button{padding:0 0 0 37px;font-size:10px;min-height:30px}footer{padding:25px 17px;gap:10px;flex-wrap:wrap;font-size:8px}footer>span{display:none}footer button{font-size:8px}.page-head{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:22px}.page-head h1{font-size:26px}.page-head p{font-size:12px}.two-columns,.three-columns,.detail-media{grid-template-columns:1fr}.content-box{padding:20px}.content-box h2{font-size:18px}dialog{max-height:96vh;border-radius:17px;width:97vw}.dialog-top{padding:10px 17px}#dialogContent{padding:20px 16px}.dialog-heading{font-size:24px}.dialog-intro{font-size:13px}.detail-media img{height:200px}.scene-list{grid-template-columns:1fr 1fr}.scene-item{font-size:9px;padding:9px;gap:7px}.scene-item b{font-size:8px;padding:3px 5px}.subtitle{font-size:12px;line-height:1.8;padding:16px;min-height:135px}.player-controls{align-items:flex-start;gap:8px}.control-group{gap:6px}.speed-select{font-size:9px;width:60px}.time-label{font-size:9px}.actions .button{font-size:11px;padding:12px 14px}.button{font-size:11px}.answer-option{font-size:13px;padding:13px;gap:10px}.form-grid{grid-template-columns:1fr}.stat-grid{gap:10px}.metric{padding:15px}.metric strong{font-size:23px}.metric span{font-size:10px}.rhythm-grid{gap:5px}.beat{border-radius:7px;font-size:9px;min-height:36px}.code-block{font-size:10px;padding:15px}.medals{grid-template-columns:repeat(3,1fr)}.medal{font-size:8px}.medal>span{font-size:29px}.certificate{padding:22px 15px}.certificate h2{font-size:25px}.certificate .name{font-size:23px}.reflection{gap:6px;flex-wrap:wrap}.reflection button{font-size:10px;padding:11px}.stage-row{grid-template-columns:55px 1fr;gap:14px}.minute{font-size:9px}.stage-row p{font-size:11px}.teacher-tabs{gap:6px}.teacher-tabs button{padding:9px 11px;font-size:10px}.artwork-gallery{grid-template-columns:1fr 1fr}.artwork{font-size:10px;padding:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{body>*{display:none!important}body>dialog[open]{display:block!important;width:100%;max-height:none;position:static;box-shadow:none;overflow:visible}dialog .dialog-top,.actions,.source-note,.print-hide{display:none!important}#dialogContent{padding:0}.certificate{min-height:90vh;display:flex;flex-direction:column;justify-content:center}body.print-teacher>#app{display:block!important}body.print-teacher #app>.page-head,body.print-teacher .teacher-tabs{display:none!important}.content-box{break-inside:avoid}}