:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f6f8;font-family:Tahoma,Arial,Segoe UI,sans-serif}.session5-activities{gap:22px;margin-top:24px;display:grid}.access-options-panel{gap:20px;display:grid}.session-side button{border-radius:12px;min-height:48px;padding:9px 10px;font-size:.92rem}.listen-button,.explain-button{color:#17384d;width:100%;font:inherit;cursor:pointer;background:#fff;border:1px solid #b8cbd5;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:900;display:flex}.session-reward-mini{color:#725616;text-align:center;background:#fff8df;border-radius:14px;align-content:center;gap:6px;min-height:92px;padding:10px;font-weight:900;display:grid}.session-reward-mini>span{justify-content:center;align-items:center;gap:4px;display:flex}.filled-star{fill:#d6a726;color:#d6a726}.graduated-support{color:#4d442b;background:#fff9e8;border:2px solid #d1aa42;border-radius:14px;padding:14px;line-height:1.7;animation:.45s supportPulse}.graduated-support strong{color:#17384d}.graduated-support p{margin:5px 0}.graduated-support.level-3,.graduated-support.level-4{background:#eef8f3;border-color:#4b8970}.graduated-support button{color:#fff;width:100%;min-height:42px;font:inherit;background:#356f58;border:0;border-radius:9px;font-weight:900}@keyframes supportPulse{0%{opacity:.35;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.session-step-progress{background:#e4eaed;border-radius:999px;height:28px;margin-top:16px;position:relative;overflow:hidden}.session-step-progress span{border-radius:inherit;background:linear-gradient(90deg,#d5ad45,#43856b);transition:width .4s;position:absolute;inset-block:0;inset-inline-start:0}.session-step-progress strong{z-index:1;color:#17384d;place-items:center;height:100%;font-size:.82rem;display:grid;position:relative}.motivation-center{background:linear-gradient(145deg,#fffdf6,#f6f9f7);border:1px solid #d6c27d;border-radius:24px;gap:20px;margin-top:26px;padding:clamp(18px,3vw,32px);display:grid;box-shadow:0 15px 40px #32463c17}.motivation-heading{align-items:center;gap:14px;display:flex}.motivation-heading h3{margin:4px 0;font-size:clamp(1.35rem,2.2vw,2rem)}.motivation-heading p{color:#66757d;margin:0}.motivation-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.motivation-stats span{background:#fff;border:1px solid #dde4e7;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:15px;display:flex}.unit-badge-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.unit-badge-grid article{text-align:center;border:2px solid #d9e0e3;border-radius:16px;place-content:center;justify-items:center;gap:7px;min-height:140px;padding:12px;display:grid}.unit-badge-grid article.earned{color:#765915;background:#fff8df;border-color:#cda83d}.unit-badge-grid article.locked{filter:grayscale();opacity:.55}.final-professional-badge{color:#fff;background:#17384d;border-radius:18px;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.final-professional-badge div{gap:4px;display:grid}.final-professional-badge strong{font-size:1.3rem}.completion-certificate{color:#17384d;text-align:center;background:radial-gradient(circle,#fff 0,#fffcf1 70%,#f7efd6 100%);border:10px double #c9a23f;border-radius:8px;justify-items:center;gap:12px;padding:clamp(28px,5vw,58px);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #322d1929}.completion-certificate>img{object-fit:contain;width:92px;height:92px}.certificate-kicker{color:#8a6918;letter-spacing:.08em;font-weight:900}.completion-certificate h2{max-width:780px;margin:0;font-size:clamp(1.55rem,3.4vw,2.8rem)}.completion-certificate p{color:#52636e;max-width:760px;margin:0;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.9}.certificate-name{color:#17384d;border-bottom:2px solid #c9a23f;min-width:min(100%,520px);padding:8px 28px 12px;font-size:clamp(1.8rem,4vw,3.2rem)}.certificate-score{color:#fff;background:#17384d;border-radius:999px;padding:8px 24px;font-size:1.6rem}.certificate-meta{color:#536570;flex-wrap:wrap;justify-content:center;gap:18px 36px;padding:14px;display:flex}.certificate-signatures{grid-template-columns:1fr 1fr;gap:50px;width:min(100%,720px);margin-top:20px;display:grid}.certificate-signatures span{gap:8px;font-weight:900;display:grid}.certificate-signatures i{border-top:1px solid #6d7c84;display:block}.certificate-print{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:#2f7d7b;border:0;border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:12px 22px;font-weight:900;display:inline-flex}.certificate-corner{border:18px solid #c9a23f2e;width:120px;height:120px;position:absolute;transform:rotate(45deg)}.certificate-corner.top-right{top:-76px;right:-76px}.certificate-corner.bottom-left{bottom:-76px;left:-76px}.certificate-celebration{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1d2ae0;place-items:center;padding:clamp(14px,3vw,36px);animation:.45s celebrationFade;display:grid;position:fixed;inset:0;overflow:auto}.celebration-top-actions{z-index:8;top:18px;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;inset-inline:18px}.celebration-top-actions button{pointer-events:auto;color:#fff;min-height:50px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#113143f0;border:2px solid #ffffffbf;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-weight:900;display:inline-flex;box-shadow:0 8px 24px #0000003d}.celebration-top-actions button:last-child{color:#1e5c5b;background:#fffffff5;border-color:#d4ab3d}.celebration-certificate{align-content:center;width:min(100%,1000px);min-height:min(720px,92vh);animation:.65s cubic-bezier(.2,.8,.2,1) certificateEntrance}.celebration-confetti{inset-inline:0;color:#f5c94c;text-align:center;letter-spacing:.35em;font-size:clamp(1.6rem,5vw,4rem);animation:1.4s ease-in-out infinite alternate confettiFloat;position:fixed;top:3vh}.star-burst{z-index:2;color:#ffe071;letter-spacing:.28em;pointer-events:none;opacity:1;filter:drop-shadow(0 0 8px #ffc52ea6);width:max-content;max-width:70vw;font-size:clamp(1.2rem,3vw,2.7rem);animation:1.8s ease-in-out infinite alternate starTwinkle;position:fixed;top:76px;left:50%;translate:-50%}.celebration-certificate{z-index:3}.celebration-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.close-celebration{color:#245e5c;min-height:50px;font:inherit;cursor:pointer;background:#fff;border:2px solid #2f7d7b;border-radius:12px;padding:12px 20px;font-weight:900}.replay-celebration{color:#3c2b00;min-height:50px;font:inherit;cursor:pointer;background:#d2a433;border:0;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-weight:900;display:inline-flex}@media (width<=620px){.certificate-celebration{padding-top:92px}.celebration-top-actions{top:10px;inset-inline:10px}.celebration-top-actions button{min-height:46px;padding:9px 12px;font-size:.85rem}}@keyframes starTwinkle{0%{opacity:.55;filter:drop-shadow(0 0 4px #ffc52e66)}to{opacity:1;filter:drop-shadow(0 0 13px #ffc52ef2)}}@keyframes celebrationFade{0%{opacity:0}to{opacity:1}}@keyframes certificateEntrance{0%{opacity:0;transform:scale(.82)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes confettiFloat{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(18px)rotate(1deg)}}@media print{@page{size:A4 landscape;margin:8mm}html,body{background:#fff!important;width:281mm!important;height:194mm!important;margin:0!important;padding:0!important;overflow:hidden!important}body.printing-certificate *{display:none!important}body.printing-certificate .completion-certificate.print-target{box-sizing:border-box!important;width:281mm!important;height:194mm!important;min-height:0!important;box-shadow:none!important;color:#17384d!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fffdf5!important;border:3mm double #c9a23f!important;border-radius:0!important;align-content:center!important;gap:4mm!important;margin:0!important;padding:12mm 16mm!important;display:grid!important;position:fixed!important;inset:0!important;overflow:hidden!important}body.printing-certificate .completion-certificate.print-target *{display:revert!important;visibility:visible!important}body.printing-certificate .completion-certificate.print-target>img{width:25mm!important;height:25mm!important}body.printing-certificate .completion-certificate.print-target h2{max-width:230mm!important;font-size:22pt!important;line-height:1.35!important}body.printing-certificate .completion-certificate.print-target p{max-width:230mm!important;font-size:12pt!important;line-height:1.6!important}body.printing-certificate .completion-certificate.print-target .certificate-name{font-size:25pt!important}body.printing-certificate .completion-certificate.print-target .certificate-print,body.printing-certificate .completion-certificate.print-target .celebration-actions{display:none!important}}@media (width<=760px){.motivation-stats,.unit-badge-grid{grid-template-columns:1fr 1fr}.session-side{position:static}.session-side button{min-height:48px}}@media (width<=480px){.motivation-stats,.unit-badge-grid{grid-template-columns:1fr}}.access-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.access-option{background:#f9fbfc;border:2px solid #d7e0e6;border-radius:18px;gap:10px;padding:20px;display:grid}.access-option.teacher-only{background:#fff9e9;border-color:#d0ad52}.access-option.students-open{background:#edf8f2;border-color:#4f8b70}.access-option strong{color:#17384d;font-size:1.15rem}.access-option p{color:#61717c;margin:0;line-height:1.8}.access-option span{color:#fff;background:#17384d;border-radius:999px;justify-self:start;padding:9px 15px;font-weight:900}.access-option button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#2f7d7b;border:0;border-radius:12px;font-weight:900}@media (width<=720px){.access-option-grid{grid-template-columns:1fr}}.session6-activities,.session7-activities,.session8-activities,.session9-activities{gap:22px;margin-top:24px;display:grid}.session9-panel{background:#fff;border:1px solid #d8e1e7;border-radius:18px;padding:clamp(16px,2vw,26px);box-shadow:0 10px 26px #1934450f}.help-phrase-scene{grid-template-columns:minmax(280px,1.15fr) minmax(260px,.85fr);align-items:stretch;gap:22px;margin-top:18px;display:grid}.help-phrase-scene>img{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%;max-height:620px}.help-phrase-options{align-content:center;gap:12px;display:grid}.help-phrase-options>strong{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.8}.help-phrase-options button,.help-scenario-card button,.help-game-card button{color:#17384d;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d6dfe5;border-radius:12px;padding:12px;font-weight:800}.help-scenario-grid,.help-game-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px;margin-top:18px;display:grid}.help-scenario-grid.quick{grid-template-columns:repeat(2,minmax(0,1fr))}.help-scenario-card,.help-game-card{text-align:center;background:#f9fbfc;border:1px solid #d8e1e7;border-radius:16px;align-content:start;gap:14px;padding:16px;display:grid}.help-scenario-card img,.help-game-card img{aspect-ratio:1;object-fit:cover;border-radius:15px;width:100%;max-width:520px;margin:auto}.help-scenario-card>strong,.help-game-card>strong{place-items:center;min-height:3.4em;line-height:1.7;display:grid}.help-scenario-card>div,.help-game-card>div{gap:10px;display:grid}.understand-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px;display:grid}.understand-path-card{text-align:center;background:#f9fbfc;border:1px solid #d8e1e7;border-radius:16px;gap:14px;padding:16px;display:grid}.understand-path-card img{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%;max-width:560px;margin:auto}.understand-path-card>strong{place-items:center;min-height:3.3em;line-height:1.7;display:grid}.understand-path-card button{color:#17384d;min-height:60px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d6dfe5;border-radius:12px;padding:12px;font-weight:800}.understand-path-card button.correct{color:#235d47;background:#eaf6f0;border-color:#43866b;animation:.42s answerCorrectPop}.understand-path-card button.wrong{color:#8e3030;background:#fff0f0;border-color:#bd5555;animation:.42s answerWrongShake}.help-phrase-options button.correct,.help-scenario-card button.correct,.help-game-card button.correct{color:#235d47;background:#eaf6f0;border-color:#43866b;animation:.42s answerCorrectPop}.help-phrase-options button.wrong,.help-scenario-card button.wrong,.help-game-card button.wrong{color:#8e3030;background:#fff0f0;border-color:#bd5555;animation:.42s answerWrongShake}.session9-cue img{object-fit:cover}@media (width<=780px){.help-phrase-scene,.help-scenario-grid.quick,.understand-path-grid{grid-template-columns:1fr}.session9-panel{padding:14px}.help-phrase-scene>img{max-height:none}.help-scenario-grid,.help-game-grid{grid-template-columns:1fr}}.transition-session{container-type:inline-size}.transition-image-card img{aspect-ratio:4/3;object-fit:cover;max-width:680px}.transition-wide-scene{aspect-ratio:4/3;object-fit:cover;border-radius:18px;width:100%;max-width:1100px;max-height:680px;margin:18px auto;display:block}.transition-drag-bank,.transition-drop-line{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.transition-drag-bank button,.transition-drop{color:#17384d;min-height:116px;font:inherit;text-align:center;background:#edf8fa;border:2px solid #9bbdca;border-radius:14px;padding:14px;font-weight:800}.transition-drag-bank button{cursor:grab}.problem-step-bank button{grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:260px;padding:10px;display:grid;overflow:hidden}.problem-step-bank img,.problem-step-drops img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%}.problem-step-drops .transition-drop{grid-template-rows:auto minmax(0,1fr) auto;min-height:260px;padding:10px}.transition-drop{background:#f9fbfc;border-style:dashed;place-items:center;gap:8px;display:grid}.transition-drop.filled{background:#eaf6f0;border-style:solid;border-color:#43866b}.transition-drop span{color:#fff;background:#17384d;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.transition-quick-wrap{grid-template-columns:minmax(300px,1.05fr) minmax(280px,.95fr);align-items:start;gap:22px;margin-top:18px;display:grid}.transition-quick-wrap .transition-wide-scene{margin:0}.transition-quick-questions{gap:16px;display:grid}.transition-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.transition-quick-questions article{background:#f9fbfc;border:1px solid #d8e1e7;border-radius:16px;gap:12px;padding:16px;line-height:1.7;display:grid}.transition-quick-questions article>img{aspect-ratio:4/3;object-fit:cover;border-radius:15px;width:100%;max-width:680px;margin:auto}.transition-quick-questions article>div{gap:10px;display:grid}.transition-quick-questions button{color:#17384d;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d6dfe5;border-radius:12px;padding:12px;font-weight:800}.transition-quick-questions button.correct{color:#235d47;background:#eaf6f0;border-color:#43866b;animation:.42s answerCorrectPop}.transition-quick-questions button.wrong{color:#8e3030;background:#fff0f0;border-color:#bd5555;animation:.42s answerWrongShake}.initiative-meter{color:#17384d;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:18px 0;font-weight:900;display:grid}.initiative-meter>div{background:#e3eaee;border-radius:999px;height:20px;overflow:hidden}.initiative-meter i{border-radius:inherit;background:linear-gradient(90deg,#d2a63c,#43866b);height:100%;transition:width .35s;display:block}@container (width<=760px){.transition-drag-bank,.transition-drop-line{grid-template-columns:1fr 1fr}.transition-quick-wrap,.transition-quick-grid{grid-template-columns:1fr}}@media (width<=560px){.transition-drag-bank,.transition-drop-line{grid-template-columns:1fr}.transition-image-card img,.transition-wide-scene{aspect-ratio:1}.transition-quick-wrap{grid-template-columns:1fr}}.session8-panel{background:#fff;border:1px solid #d8e1e7;border-radius:16px;padding:22px;box-shadow:0 10px 26px #1934450f}.listening-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.listening-card{text-align:center;background:#f9fbfc;border:1px solid #d8e1e7;border-radius:16px;gap:12px;padding:16px;display:grid}.listening-card img{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%;max-width:520px;margin:auto}.listening-card button{color:#17384d;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d6dfe5;border-radius:12px;padding:12px;font-weight:800}.listening-card button.correct{color:#235d47;background:#eaf6f0;border-color:#43866b;animation:.42s answerCorrectPop}.listening-card button.wrong{color:#8e3030;background:#fff0f0;border-color:#bd5555;animation:.42s answerWrongShake}.listen-drag-bank,.listen-drop-line{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.listen-drag-bank button,.listen-drop{color:#17384d;min-height:220px;font:inherit;cursor:grab;background:#edf8fa;border:2px solid #9bbdca;border-radius:14px;place-items:center;gap:8px;padding:10px;display:grid}.listen-drag-bank img,.listen-drop img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.listen-drop{cursor:default;background:#f9fbfc;border-style:dashed}.listen-drop.filled{background:#eaf6f0;border-style:solid;border-color:#43866b}.listen-drop span{color:#fff;background:#17384d;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}@media (width<=800px){.listening-grid,.listen-drag-bank,.listen-drop-line{grid-template-columns:1fr}}.session7-panel{background:#fff;border:1px solid #d8e1e7;border-radius:16px;padding:22px;box-shadow:0 10px 26px #1934450f}.greeting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.greeting-card{text-align:center;background:#f9fbfc;border:1px solid #d8e1e7;border-radius:16px;gap:12px;padding:16px;display:grid}.greeting-card>img,.session7-main-image{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%;max-width:520px;margin:auto}.greeting-card>button,.session7-options button,.picture-choice-row button{color:#17384d;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d6dfe5;border-radius:12px;padding:12px;font-weight:800}.session7-options{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.greeting-card button.correct,.session7-options button.correct,.picture-choice-row button.correct{color:#235d47;background:#eaf6f0;border-color:#43866b;animation:.42s answerCorrectPop}.greeting-card button.wrong,.session7-options button.wrong,.picture-choice-row button.wrong{color:#8e3030;background:#fff0f0;border-color:#bd5555;animation:.42s answerWrongShake}.picture-choice-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.picture-choice-row button{gap:10px;display:grid}.picture-choice-row img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}@media (width<=700px){.greeting-grid,.session7-options,.picture-choice-row{grid-template-columns:1fr}}.session6-panel{background:#fff;border:1px solid #d8e1e7;border-radius:16px;padding:22px;box-shadow:0 10px 26px #1934450f}.integrated-stations,.integrated-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.integrated-card{text-align:center;background:#f9fbfc;border:1px solid #d8e1e7;border-radius:16px;gap:12px;padding:16px;display:grid}.integrated-card img,.session6-main-image{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%;max-width:520px;margin:auto}.station-number{color:#fff;background:#17384d;border-radius:999px;justify-self:center;padding:7px 14px;font-weight:800}.session6-options{gap:10px;display:grid}.session6-options button{color:#17384d;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d6dfe5;border-radius:12px;padding:12px;font-weight:800}.session6-options button.correct{color:#235d47;background:#eaf6f0;border-color:#43866b;animation:.42s answerCorrectPop}.session6-options button.wrong{color:#8e3030;background:#fff0f0;border-color:#bd5555;animation:.42s answerWrongShake}.integrated-drag-bank,.integrated-drop-line{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.integrated-drag-bank button,.integrated-drop{color:#17384d;min-height:210px;font:inherit;cursor:grab;background:#edf8fa;border:2px solid #9bbdca;border-radius:14px;place-items:center;gap:8px;padding:10px;display:grid}.integrated-drag-bank img,.integrated-drop img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.integrated-drop{cursor:default;background:#f9fbfc;border-style:dashed}.integrated-drop.filled{background:#eaf6f0;border-style:solid;border-color:#43866b}.integrated-drop span{color:#fff;background:#17384d;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}@media (width<=1000px){.integrated-drag-bank,.integrated-drop-line{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.integrated-stations,.integrated-quick,.integrated-drag-bank,.integrated-drop-line{grid-template-columns:1fr}}.session-six-stage img{object-fit:cover;width:100%;max-width:100%;height:auto;display:block}.session-six-stage .choice-grid .session5-cue{aspect-ratio:15/14;width:min(100%,390px);height:auto}.session-six-stage .choice-grid .session5-cue img{object-fit:cover;width:100%;height:100%}.session-six-stage .integrated-card img,.session-six-stage .session6-main-image,.session-six-stage .integrated-drag-bank img,.session-six-stage .integrated-drop img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.session-six-stage .integrated-stations,.session-six-stage .integrated-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.session-six-stage .integrated-stations{grid-template-columns:minmax(0,1fr);width:min(100%,920px);margin-inline:auto}.session-six-stage .integrated-simulation-card{background:linear-gradient(145deg,#f7fbfc,#edf7f5);border:2px solid #9bbdca;padding:clamp(16px,3vw,28px)}.session-six-stage .integrated-simulation-card img{aspect-ratio:4/3;max-width:720px}.session-six-stage .integrated-simulation-card>strong{font-size:clamp(1.08rem,2vw,1.4rem);line-height:1.8}.session-six-stage .integrated-card,.session-six-stage .integrated-drop,.session-six-stage .integrated-drag-bank button{min-width:0}@media (width<=1000px){.session-six-stage .integrated-drag-bank,.session-six-stage .integrated-drop-line{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.session-six-stage .integrated-stations,.session-six-stage .integrated-quick,.session-six-stage .integrated-drag-bank,.session-six-stage .integrated-drop-line{grid-template-columns:1fr}.session-six-stage .session6-panel,.session-six-stage .integrated-card{padding:12px}}.session5-panel{background:#fff;border:1px solid #d8e1e7;border-radius:16px;padding:22px;box-shadow:0 10px 26px #1934450f}.session5-hero-image{object-fit:cover;border-radius:18px;width:min(100%,760px);max-height:620px;margin:18px auto;display:block;box-shadow:0 12px 28px #13354724}.session5-options,.emotion-situations{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.session5-options button,.calm-bank button{color:#17384d;min-height:68px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d6dfe5;border-radius:14px;padding:14px;font-weight:800}.session5-options button.correct{color:#235d47;background:#eaf6f0;border-color:#43866b;animation:.42s answerCorrectPop}.session5-options button.wrong{color:#8e3030;background:#fff0f0;border-color:#bd5555;animation:.42s answerWrongShake}.calm-order-game{gap:18px;margin-top:18px;display:grid}.calm-bank,.calm-zones{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.calm-bank button{cursor:grab;background:#edf8fa;border-color:#8fb9c6}.calm-bank .calm-drag-card{grid-template-rows:1fr auto;gap:10px;min-height:250px;padding:10px;display:grid}.calm-drag-card img,.calm-zone img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;min-height:0}.calm-drag-card strong{padding:4px;font-size:1.05rem}.calm-zone{text-align:center;background:#f8fbfc;border:2px dashed #9eb7c4;border-radius:16px;place-items:center;gap:8px;min-height:210px;padding:14px;display:grid}.calm-zone.filled{grid-template-rows:auto 1fr auto}.calm-zone span{color:#fff;background:#17384d;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.calm-zone.filled{color:#235d47;background:#eaf6f0;border-style:solid;border-color:#43866b}@media (width<=900px){.session5-options,.emotion-situations,.calm-bank,.calm-zones{grid-template-columns:1fr 1fr}}@media (width<=600px){.session5-options,.emotion-situations,.calm-bank,.calm-zones{grid-template-columns:1fr}}.session-five-stage img,.session-five-stage .session5-cue img{object-fit:cover;width:100%;max-width:100%;height:auto;display:block}.session-five-stage .choice-grid .session5-cue{aspect-ratio:15/14;width:min(100%,390px);height:auto}.session-five-stage .choice-grid .session5-cue img{aspect-ratio:4/3;object-fit:cover;width:100%;height:100%}.session-five-stage .session5-hero-image,.session-five-stage .session5-situation-image{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.session-five-stage .session5-hero-image{width:min(100%,900px);height:auto;max-height:none}.session-five-stage .emotion-situations,.session-five-stage .quick-eval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-five-stage .quick-question{min-width:0}.session-five-stage .calm-drag-card img,.session-five-stage .calm-zone img{aspect-ratio:1;height:auto}@media (width<=900px){.session-five-stage .session5-options,.session-five-stage .emotion-situations,.session-five-stage .quick-eval-grid,.session-five-stage .calm-bank,.session-five-stage .calm-zones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.session-five-stage .session5-options,.session-five-stage .emotion-situations,.session-five-stage .quick-eval-grid,.session-five-stage .calm-bank,.session-five-stage .calm-zones{grid-template-columns:1fr}.session-five-stage .session5-panel,.session-five-stage .quick-question{padding:12px}}*{box-sizing:border-box}body{background:#f5f6f8;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh}.splash-screen{z-index:100;color:#18324a;background:#fff;align-content:center;place-items:center;gap:18px;animation:.45s 2.55s forwards splashFade;display:grid;position:fixed;inset:0}.splash-screen img{border-radius:28px;width:clamp(116px,15vw,172px);height:clamp(116px,15vw,172px);animation:1.6s ease-in-out infinite splashLogo;box-shadow:0 18px 34px #0f172a1f}.splash-screen strong{font-size:clamp(20px,3vw,32px);font-weight:900}.topbar{z-index:10;background:#fff;border-bottom:1px solid #d9dee5;justify-content:space-between;align-items:center;gap:18px;padding:12px clamp(16px,4vw,46px);display:flex;position:sticky;top:0}.brand{color:#18324a;text-align:right;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brand strong{font-size:clamp(15px,2vw,20px);font-weight:800;line-height:1.3;display:block}.brand small,.eyebrow,.section-heading p,.video-text p,.activity-title p,.mini-profile span{color:#657282}.brand-mark{color:#fff;background:#18324a;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.nav-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav-actions button,.role-switch button,.hero-actions button,.media-actions button,.back-home,.retry-session-button,.help-button,.complete-button,.teacher-panel button{color:#1f2933;cursor:pointer;background:#fff;border:1px solid #cfd6df;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 14px;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.nav-actions button:hover,.hero-actions button:hover,.media-actions button:hover,.back-home:hover,.retry-session-button:hover,.help-button:hover,.complete-button:hover{border-color:#8ea1b5;transform:translateY(-1px)}.nav-actions button.active,.role-switch button.selected{color:#fff;background:#18324a}.nav-actions .logout-button{color:#8a2f2f;background:#fff7f7;border-color:#e3b7b7}.nav-actions .logout-button:hover{background:#fff0f0;border-color:#c77b7b}.hero{border-top:4px solid #18324a;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:center;gap:clamp(22px,4vw,56px);min-height:calc(100vh - 78px);padding:clamp(26px,5vw,66px);display:grid}.landing{background:linear-gradient(#18324a0f,#0000 34%),linear-gradient(90deg,#18324a09 1px,#0000 1px) 0 0/92px 92px,#f5f6f8;border-top:4px solid #18324a;grid-template-columns:minmax(420px,.82fr) minmax(360px,.58fr);align-items:center;gap:clamp(22px,4vw,54px);min-height:calc(100vh - 78px);padding:clamp(28px,5vw,72px) clamp(24px,6vw,96px);display:grid}.landing-copy{gap:18px;max-width:860px;display:grid}.landing-intro{background:#ffffffb8;border:1px solid #d9dee5;border-radius:16px;padding:clamp(24px,4vw,42px)}.landing-copy h1{color:#18324a;margin:12px 0 18px;font-size:clamp(38px,5vw,68px);line-height:1.12}.landing-copy p{color:#4b5968;max-width:680px;margin:0;font-size:clamp(17px,1.8vw,22px);line-height:1.9}.landing-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.entry-card{background:#fff;border:1px solid #d9dee5;border-right:7px solid #1d5f73;border-radius:16px;gap:16px;padding:20px;display:grid;box-shadow:0 16px 34px #0f172a14}.entry-card-header{align-items:center;gap:14px;display:flex}.entry-card-header>span{color:#fff;background:#18324a;border-radius:14px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.entry-card-header strong{color:#18324a;font-size:24px;display:block}.entry-card-header small{color:#657282;font-weight:800}.landing-actions span{color:#2f6b4f;align-items:center;gap:8px;min-height:44px;font-weight:900;display:inline-flex}.student-entry{max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;margin-top:0;padding:0;display:grid}.student-entry label,.account-form label{color:#18324a;font-weight:900}.student-entry>div{flex-wrap:wrap;gap:10px;display:flex}.student-entry input,.account-form input{color:#18324a;min-height:54px;font:inherit;background:#fff;border:1px solid #cfd6df;border-radius:8px;padding:10px 14px;font-weight:800}.student-entry input{flex:1;min-width:190px}.login-message{color:#643b22;background:#fff8e8;border-radius:8px;padding:10px 12px;font-weight:900}.start-button,.ghost-button{cursor:pointer;border:1px solid #cfd6df;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:12px 18px;font-weight:900;display:inline-flex}.ghost-button{color:#18324a;background:#fff}.landing-panel{align-content:center;gap:16px;display:grid}.welcome-card,.landing-features,.landing-stats{background:#fff;border:1px solid #d9dee5;border-radius:12px;box-shadow:0 12px 28px #0f172a0f}.hero-welcome{border-top:5px solid #18324a}.welcome-card{align-items:center;gap:14px;padding:18px;display:flex}.welcome-card>span{color:#fff;background:#18324a;border-radius:12px;place-items:center;width:54px;height:54px;display:grid}.welcome-card strong{color:#18324a;font-size:22px;display:block}.welcome-card small{color:#657282;font-weight:800}.landing-features{gap:12px;padding:18px;display:grid}.landing-features span{color:#18324a;background:#f8fafc;border:1px solid #e3e7ec;border-radius:10px;align-items:center;gap:10px;min-height:68px;padding:12px;font-weight:900;display:flex}.landing-features svg{color:#2f6b4f}.landing-stats{grid-template-columns:1fr;display:grid;overflow:hidden}.landing-stats div{border-inline-start:0;border-top:1px solid #e3e7ec;place-items:center;gap:4px;min-height:116px;display:grid}.landing-stats div:first-child{border-top:0}.landing-stats strong{color:#18324a;font-size:36px}.landing-stats span{color:#657282;font-weight:800}.hero-copy h1{color:#18324a;letter-spacing:0;max-width:780px;margin:12px 0 18px;font-size:clamp(34px,5vw,64px);line-height:1.18}.hero-copy p{color:#4b5968;max-width:620px;margin:0 0 24px;font-size:clamp(16px,1.7vw,20px);line-height:1.8}.eyebrow{color:#7b3f49;font-weight:800;display:inline-flex}.role-switch,.hero-actions,.media-actions,.learner-guidelines{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.learner-guidelines{max-width:680px;margin:0 0 12px}.learner-guidelines span{color:#18324a;background:#fff;border:1px solid #d9dee5;border-radius:8px;align-items:center;gap:8px;min-height:46px;padding:10px 14px;font-weight:800;display:inline-flex}.primary{color:#fff;background:#1d5f73;border-color:#1d5f73}.hero-actions .primary{min-width:170px}.primary.small{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 16px;font-weight:900;display:inline-flex}.primary.small:disabled{opacity:.55;cursor:not-allowed}.hero-actions .ghost{background:#f7f9fb}.program-summary,.unit-panel,.video-box,.activity-panel,.session-side,.teacher-panel,.metric{background:#fff;border:1px solid #d9dee5;box-shadow:0 12px 28px #0f172a0f}.program-summary{border-radius:10px;overflow:hidden}.summary-header,.summary-footer{color:#fff;background:#18324a;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.summary-header span,.summary-footer span{color:#cbd5e1}.summary-grid{border-bottom:1px solid #e3e7ec;grid-template-columns:repeat(2,minmax(150px,1fr));display:grid}.summary-grid div{border-inline-start:1px solid #e3e7ec;align-content:center;gap:8px;min-height:132px;padding:18px;display:grid}.summary-grid div:nth-child(odd){border-inline-start:0}.summary-grid svg{color:#1d5f73}.summary-grid strong{color:#18324a;font-size:34px}.summary-grid span,.summary-list div{color:#4b5968}.summary-list{gap:12px;padding:20px;display:grid}.summary-list div{align-items:center;gap:10px;display:flex}.summary-list svg{color:#2f6b4f}.summary-footer{color:#1f2933;background:#f7f9fb;border-top:1px solid #e3e7ec}.summary-footer span{color:#657282}.workspace,.session-layout{padding:clamp(18px,4vw,46px)}.session-hero{border:1px solid #d8e1e7;background:#fff;border-inline-end:10px solid #2f7d7b;border-radius:16px;width:100%;margin-bottom:22px;padding:clamp(28px,5vw,58px);box-shadow:0 10px 28px #18324a12}.session-hero .video-text{width:100%;max-width:none;padding:0}.session-hero h2{color:#18324a;margin:10px 0 16px;font-size:clamp(38px,5vw,68px)}.session-hero p{color:#657282;max-width:1100px;margin:0;font-size:clamp(18px,2vw,25px);line-height:1.8}.session-hero-stats{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.session-hero-stats span{color:#18324a;background:#f8fafc;border:1px solid #ccd6df;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:10px 16px;font-size:17px;font-weight:800;display:inline-flex}.session-hero-stats strong{font-size:19px}.session-video-card{background:#fff;border:1px solid #d8e0e7;border-inline-end:10px solid #2f7d7b;border-radius:16px;margin-top:18px;padding:clamp(18px,3vw,28px);box-shadow:0 10px 28px #18324a12}.session-video-heading{align-items:center;gap:14px;margin-bottom:18px;display:flex}.session-video-icon{color:#2f7d7b;background:#eaf6f4;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.session-video-heading h3{color:#18324a;margin:5px 0;font-size:clamp(22px,2.5vw,30px)}.session-video-heading p{color:#657282;margin:0;font-weight:800}.session-video-player{aspect-ratio:16/9;object-fit:contain;background:#102b40;border-radius:14px;width:min(100%,1050px);margin-inline:auto;display:block;box-shadow:0 12px 30px #18324a24}.session-video-note{color:#7b8794;text-align:center;margin-top:12px;font-weight:800;display:block}.question-play-button{justify-content:center;align-items:center;gap:6px;margin-inline-start:10px;color:#18324a!important;width:auto!important;min-height:38px!important;font:inherit!important;cursor:pointer!important;box-shadow:none!important;background:#f7fafb!important;border:1px solid #b9c8d2!important;border-radius:10px!important;padding:7px 12px!important;font-weight:800!important;display:inline-flex!important}.question-with-play{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px;display:flex!important}.section-heading{max-width:820px;margin-bottom:22px}.section-heading h2{color:#18324a;margin:8px 0;font-size:clamp(28px,4vw,44px);line-height:1.2}.section-heading p{font-size:18px;line-height:1.7}.progress-strip{color:#fff;background:#18324a;border-radius:8px;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:18px;margin-bottom:22px;padding:18px;display:grid}.progress-strip span,.metric small{opacity:.78;display:block}.progress-bar,.row-bar{background:#ffffff3d;border-radius:99px;height:13px;overflow:hidden}.progress-bar span,.row-bar i{border-radius:inherit;background:#c89b3c;height:100%;display:block}.points{align-items:center;gap:8px;font-weight:800;display:inline-flex}.unit-grid{grid-template-columns:repeat(4,minmax(240px,1fr));gap:16px;display:grid}.workday-map{background:#fff;border:1px solid #d9dee5;border-radius:14px;overflow:hidden;box-shadow:0 12px 28px #0f172a0f}.workday-header{color:#fff;background:#18324a;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.workday-header strong{font-size:24px}.workday-header span{color:#cbd5e1;font-weight:700}.workday-scenes{background:linear-gradient(90deg,#18324a0a 1px,#0000 1px) 0 0/84px 84px,#f8fafc;gap:38px;padding:34px 28px 38px;display:grid}.cards-scenes{background:linear-gradient(90deg,#18324a0a 1px,#0000 1px) 0 0/84px 84px,#f8fafc;grid-template-columns:repeat(6,minmax(150px,1fr));gap:16px;padding:22px;display:grid}.path-row{isolation:isolate;grid-template-columns:repeat(6,minmax(132px,1fr));gap:22px;display:grid;position:relative}.path-row:before{content:"";z-index:-1;background:#cfd8e3;border-radius:999px;height:18px;position:absolute;top:43px;left:7%;right:7%}.path-row:after{content:"";z-index:-1;border:18px solid #cfd8e3;border-bottom:0;width:52px;height:98px;position:absolute;top:43px}.path-row:last-child:after{display:none}.path-forward:after{border-right:0;border-radius:44px 0 0;left:calc(7% - 18px);transform:translateY(43px)}.path-backward:after{border-left:0;border-radius:0 44px 0 0;right:calc(7% - 18px);transform:translateY(43px)}.row-label{z-index:2;color:#4b5968;background:#fff;border:1px solid #d9dee5;border-radius:999px;align-items:center;min-height:30px;padding:4px 10px;font-size:13px;font-weight:900;display:inline-flex;position:absolute;top:-22px;right:0}.workday-stop{color:#657282;text-align:center;cursor:not-allowed;background:0 0;border:0;border-radius:0;align-content:start;justify-items:center;gap:10px;min-height:178px;padding:0 8px 12px;display:grid;position:relative}.workday-stop.done{color:#18324a;cursor:default;background:0 0}.workday-stop.now{color:#18324a;cursor:default;background:0 0;animation:1.55s ease-in-out infinite currentPulse}.card-stop{background:#f0f2f5;border:2px solid #d9dee5;border-radius:14px;align-content:center;min-height:172px;padding:14px 12px}.card-stop.done{background:#eef7f2;border-color:#8bb99f}.card-stop.now{background:#fff8e8;border-color:#c89b3c}.stop-scene-art{color:#fff;background:#aeb7c2;border:4px solid #fff;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;position:relative;box-shadow:0 10px 18px #0f172a24}.workday-stop.done .stop-scene-art{background:#2f6b4f}.workday-stop.now .stop-scene-art{background:#c89b3c}.stop-scene-art svg{animation:2.4s ease-in-out infinite iconGlow}.workday-stop.locked .stop-scene-art svg{animation:none}.stop-scene-art em{color:#fff;background:#18324a;border:2px solid #fff;border-radius:50%;place-items:center;min-width:28px;height:28px;font-size:13px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-10px;right:-10px}.stop-copy{background:#fffffff0;border:1px solid #d9dee5;border-radius:10px;align-content:center;gap:3px;width:100%;min-height:82px;padding:9px 10px;display:grid;box-shadow:0 10px 18px #0f172a0f}.workday-stop.done .stop-copy{background:#eef7f2;border-color:#8bb99f}.workday-stop.now .stop-copy{background:#fff8e8;border:2px solid #c89b3c}.stop-copy strong{font-size:16px;line-height:1.35}.stop-copy small{color:#657282;font-size:12px;line-height:1.35}.stop-mastery{color:#fff;background:#2f6b4f;border-radius:999px;justify-content:center;justify-self:center;align-items:center;min-height:24px;margin-top:3px;padding:3px 8px;font-size:12px;font-weight:900;line-height:1.2;display:inline-flex}.stop-check{color:#fff;background:#2f6b4f;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:10px;left:10px}.stop-lock{position:absolute;top:12px;left:12px}.stop-student{color:#fff;background:#18324a;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:4px 8px;font-size:12px;font-weight:900;display:inline-flex}.scene-morning{--scene:#2f7d7b}.scene-wardrobe{--scene:#7a5a2e}.scene-time{--scene:#1d5f73}.scene-posture{--scene:#596f86}.scene-workday{--scene:#4c6a38}.scene-communication{--scene:#7a5a2e}.scene-task{--scene:#8b4560}.scene-independence{--scene:#4c6a38}.scene-professional{--scene:#2f7d7b}.workday-stop.done .stop-scene-art,.workday-stop.now .stop-scene-art,.lesson-scene{background:var(--scene)}.program-tracks{background:linear-gradient(90deg,#18324a0b 1px,#0000 1px) 0 0/82px 82px,#f8fafc;gap:12px;padding:16px;display:grid}.program-track{border:1px solid #d9dee5;border-left:6px solid var(--unit-color);direction:rtl;background:#fff;border-radius:12px;grid-template-columns:240px minmax(780px,1fr);gap:22px;min-height:142px;padding:16px 16px 14px;display:grid;box-shadow:0 10px 22px #0f172a0d}.track-title{color:#18324a;align-items:center;gap:14px;padding-inline-start:8px;display:flex}.track-title>span{background:var(--unit-color);color:#fff;border-radius:12px;flex:none;place-items:center;width:52px;height:52px;font-size:22px;font-weight:900;display:grid}.track-title strong{font-size:21px;line-height:1.35;display:block}.track-title small{color:#657282;font-weight:800}.track-sessions{direction:rtl;grid-template-columns:repeat(6,minmax(118px,1fr));gap:18px;display:grid;position:relative}.track-sessions:before{content:"";background:#d5dee8;border-radius:999px;height:10px;position:absolute;top:26px;left:7%;right:7%}.timeline-stop{align-content:start;gap:8px;min-height:104px;padding:0}.timeline-stop .stop-scene-art{border-width:3px;border-radius:10px;width:56px;height:56px}.timeline-stop .stop-scene-art em{min-width:24px;height:24px;font-size:12px;top:-9px;right:-9px}.timeline-stop .stop-copy{border-radius:8px;min-height:52px;padding:8px 10px}.timeline-stop .stop-copy strong{font-size:14px}.timeline-stop .stop-copy small{display:none}.timeline-stop .stop-mastery{min-height:22px;margin-top:4px;font-size:11px}.timeline-stop .stop-check{width:22px;height:22px;top:4px;left:auto;right:-10px}.timeline-stop .stop-lock{color:#7d8792;top:5px;left:auto;right:-9px}.timeline-stop .stop-student{z-index:3;min-height:24px;padding:3px 8px;font-size:11px;position:absolute;bottom:42px;right:50%;transform:translate(50%)}.unit-journey{background:linear-gradient(90deg,#18324a0a 1px,#0000 1px) 0 0/84px 84px,#f8fafc;gap:18px;padding:22px;display:grid}.unit-lane{border:1px solid #d9dee5;border-right:8px solid var(--unit-color);background:#fff;border-radius:14px;grid-template-columns:230px minmax(0,1fr);gap:18px;padding:18px;display:grid;box-shadow:0 12px 24px #0f172a0d}.unit-lane-title{align-items:center;gap:12px;display:flex}.unit-lane-title>span{background:var(--unit-color);color:#fff;border-radius:14px;place-items:center;width:54px;height:54px;font-size:22px;font-weight:900;display:grid}.unit-lane-title strong{color:#18324a;font-size:20px;line-height:1.4;display:block}.unit-lane-title small{color:#657282;font-weight:800}.unit-lane-stops{grid-template-columns:repeat(6,minmax(112px,1fr));gap:12px;display:grid;position:relative}.unit-lane-stops:before{content:"";background:#d7dee8;border-radius:999px;height:12px;position:absolute;top:35px;left:6%;right:6%}.unit-stop{min-height:144px;padding:0 6px}.unit-stop .stop-scene-art{border-radius:16px;width:64px;height:64px}.unit-stop .stop-copy{min-height:70px;padding:8px}.unit-stop .stop-copy strong{font-size:14px}.unit-stop .stop-copy small{display:none}.scenario-board{background:linear-gradient(90deg,#18324a0d 1px,#0000 1px) 0 0/72px 72px,linear-gradient(#f8fafc,#eef3f7);min-height:820px;position:relative;overflow:hidden}.scenario-board:before{content:"";border:16px solid #d3dce7;border-radius:46% 54% 48% 52%;position:absolute;inset:7% 6%;transform:rotate(-4deg)}.scenario-board:after{content:"";border:12px dashed #1d5f732e;border-radius:44% 56% 42% 58%;position:absolute;inset:15% 16% 14% 12%;transform:rotate(8deg)}.scenario-route{pointer-events:none;position:absolute;inset:0}.scenario-zone{z-index:1;color:#18324a;background:#ffffffe0;border:1px solid #d9dee5;border-radius:16px;gap:5px;width:220px;min-height:104px;padding:14px;display:grid;position:absolute;box-shadow:0 12px 24px #0f172a14}.scenario-zone svg{color:#1d5f73}.scenario-zone strong{font-size:18px}.scenario-zone span{color:#657282;font-size:13px;font-weight:800;line-height:1.5}.home-zone{top:7%;right:6%}.arrival-zone{top:8%;left:38%}.people-zone{top:32%;left:6%}.task-zone{bottom:13%;right:9%}.independent-zone{bottom:8%;left:15%}.scenario-stop{z-index:2;width:150px;min-height:116px;padding:0;position:absolute;transform:translate(-50%,-50%)}.scenario-stop .stop-scene-art{border-radius:18px;width:62px;height:62px}.scenario-stop .stop-copy{min-height:54px;padding:7px 8px}.scenario-stop .stop-copy strong{font-size:13px}.scenario-stop .stop-copy small{display:none}.training-building{background:#fff;border:1px solid #d9dee5;border-radius:14px;overflow:hidden;box-shadow:0 12px 28px #0f172a0f}.building-roof{color:#fff;background:#18324a;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;display:flex}.building-roof strong{font-size:24px}.building-roof span{color:#cbd5e1;font-weight:700}.building-body{background:linear-gradient(90deg,#18324a0a 1px,#0000 1px) 0 0/90px 90px,#f8fafc;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:20px;display:grid}.building-elevator{background:#eef3f7;border:1px solid #d9dee5;border-radius:12px;grid-template-rows:auto repeat(4,1fr);gap:10px;min-height:760px;padding:14px;display:grid}.building-elevator>span{color:#18324a;text-align:center;font-weight:900}.elevator-stop{background:#ffffffa8;border:1px dashed #b9c4cf;border-radius:10px;place-items:center;display:grid;position:relative}.elevator-stop:before{content:"";background:#aeb7c2;border-radius:50%;width:10px;height:10px}.elevator-stop.active{background:#fff8e8;border-color:#c89b3c;box-shadow:inset 0 0 0 3px #c89b3c2e}.elevator-stop.active:before{display:none}.elevator-stop i{color:#fff;background:#18324a;border-radius:999px;align-items:center;gap:5px;padding:8px 10px;font-style:normal;font-weight:900;animation:.72s ease-in-out infinite alternate runnerMove;display:inline-flex}.building-floors{gap:16px;display:grid}.building-floor{border:1px solid #d9dee5;border-right:7px solid var(--unit-color);background:#fff;border-radius:12px;grid-template-columns:210px minmax(0,1fr);gap:14px;min-height:178px;padding:16px;display:grid}.floor-info{background:#f7f9fb;border-radius:10px;align-content:center;gap:8px;padding:14px;display:grid}.floor-info span{color:var(--unit-color);font-weight:900}.floor-info strong{color:#18324a;font-size:21px;line-height:1.4}.floor-info small{color:#657282;font-weight:800}.room-grid{grid-template-columns:repeat(6,minmax(118px,1fr));gap:10px;display:grid}.training-room{color:#657282;text-align:center;cursor:not-allowed;background:#f0f2f5;border:2px solid #d9dee5;border-radius:12px;align-content:center;justify-items:center;gap:8px;min-height:146px;padding:12px 10px;display:grid;position:relative}.training-room strong{font-size:15px;line-height:1.35}.room-window{color:#fff;background:#aeb7c2;border:3px solid #fff;border-radius:18px;place-items:center;width:62px;height:62px;display:grid;position:relative;box-shadow:0 8px 16px #0f172a1f}.room-window svg{animation:2.4s ease-in-out infinite iconGlow}.training-room.locked .room-window svg{animation:none}.room-window em{color:#fff;background:#18324a;border:2px solid #fff;border-radius:50%;place-items:center;min-width:26px;height:26px;font-size:13px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-9px;right:-9px}.training-room.done{color:#18324a;cursor:pointer;background:#eef7f2;border-color:#8bb99f}.training-room.done .room-window{background:#2f6b4f}.training-room.now{color:#18324a;cursor:pointer;background:#fff8e8;border-color:#c89b3c;animation:1.55s ease-in-out infinite currentPulse}.training-room.now .room-window{background:#c89b3c}.training-room.now .room-window svg{animation:1.1s ease-in-out infinite iconGlow}.room-check{color:#fff;background:#2f6b4f;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:10px;left:10px}.room-student{color:#fff;background:#18324a;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:4px 8px;font-size:12px;font-weight:900;display:inline-flex}.map-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.map-key{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.map-key span{color:#4b5968;background:#fff;border:1px solid #d9dee5;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:8px 12px;font-weight:800;display:inline-flex}.map-key i{border-radius:50%;width:14px;height:14px}.layout-switch{background:#fff;border:1px solid #d9dee5;border-radius:10px;flex-wrap:wrap;gap:8px;padding:6px;display:inline-flex}.layout-switch button{color:#4b5968;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:38px;padding:8px 12px;font-weight:900}.layout-switch button.selected{color:#fff;background:#18324a}.key-done{background:#2f6b4f}.key-now{background:#c89b3c}.key-locked{background:#aeb7c2}.journey-map{background:radial-gradient(circle at 18% 24%,#1d5f7314,#0000 22%),radial-gradient(circle at 78% 76%,#c89b3c1a,#0000 24%),#fff;border:1px solid #d9dee5;border-radius:14px;min-height:1120px;padding:0;position:relative;overflow:visible;box-shadow:0 12px 28px #0f172a0f}.route-line{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.route-line path{fill:none;stroke-width:20px;stroke-linecap:round;stroke-linejoin:round}.route-base{stroke:#d3dbe4}.route-complete{stroke:#2f6b4f;transition:stroke-dasharray .75s}.map-nodes{z-index:1;position:absolute;inset:0}.map-station{color:#1f2933;text-align:center;cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;width:166px;min-height:118px;padding:0;display:grid;position:absolute;transform:translate(-50%,-37px)}.station-core{color:#fff;background:var(--unit-color);border:4px solid #fff;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;position:relative;box-shadow:0 12px 22px #0f172a2e}.station-core svg{transform-origin:50%;animation:2.4s ease-in-out infinite iconGlow}.station-core em{color:#fff;background:#18324a;border:2px solid #fff;border-radius:50%;place-items:center;min-width:28px;height:28px;font-size:14px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-9px;right:-9px}.station-label{background:#fffffff0;border:1px solid #d9dee5;border-radius:10px;gap:2px;min-width:138px;max-width:178px;padding:8px 10px;display:grid;box-shadow:0 10px 20px #0f172a14}.station-label strong{font-size:15px;line-height:1.35}.station-label small{color:#657282;font-size:12px;line-height:1.35}.map-station.done .station-core{background:#2f6b4f}.map-station.done .station-core svg{animation-duration:3s}.map-station.done .station-label{background:#eef7f2;border-color:#8bb99f}.map-station.now .station-core{background:#c89b3c;animation:1.45s ease-in-out infinite currentPulse}.map-station.now .station-core svg{animation:1.15s ease-in-out infinite iconGlow}.map-station.now .station-label{background:#fff8e8;border:2px solid #c89b3c}.map-station.locked{color:#7d8792;cursor:not-allowed}.map-station.locked .station-core{box-shadow:none;background:#aeb7c2}.map-station.locked .station-core svg{animation:none}.map-station.locked .station-label{background:#f0f2f5}.station-check{color:#fff;background:#2f6b4f;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:16px;left:34px;box-shadow:0 6px 12px #2f6b4f40}.student-runner{color:#fff;background:#18324a;border-radius:999px;align-items:center;gap:4px;min-height:32px;padding:4px 9px;font-size:12px;font-weight:900;animation:.72s ease-in-out infinite alternate runnerMove;display:inline-flex;position:absolute;top:-22px;right:20px}@keyframes currentPulse{0%,to{box-shadow:0 12px 22px #c89b3c42,0 0 #c89b3c38}50%{box-shadow:0 16px 30px #c89b3c52,0 0 0 10px #c89b3c1f}}@keyframes iconGlow{0%,to{opacity:.84;transform:scale(1)}45%{opacity:1;transform:scale(1.09)}70%{opacity:.92;transform:scale(1.02)}}@keyframes runnerMove{0%{transform:translate(-4px)translateY(1px)}to{transform:translate(8px)translateY(-3px)}}@keyframes splashLogo{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes splashFade{to{opacity:0;visibility:hidden}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes answerCorrectPop{0%{transform:scale(1);box-shadow:0 0 #2f6b4f00}45%{transform:scale(1.025);box-shadow:0 0 0 8px #2f6b4f1f}to{transform:scale(1);box-shadow:0 12px 24px #2f6b4f24}}@keyframes answerWrongShake{0%,to{transform:translate(0)}18%{transform:translate(-7px)}36%{transform:translate(7px)}54%{transform:translate(-5px)}72%{transform:translate(5px)}}@keyframes closetSway{0%,to{transform:rotate(0)}50%{transform:rotate(1.8deg)}}.unit-panel{border-radius:10px;padding:18px}.unit-title{align-items:center;gap:12px;margin-bottom:14px;display:flex}.unit-title span{background:var(--unit);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.unit-title h3{margin:0;font-size:19px}.session-list{gap:9px;display:grid}.session-pill{text-align:right;color:#19312f;cursor:pointer;background:#fff;border:1px solid #19312f1f;border-radius:8px;align-items:center;gap:9px;min-height:54px;padding:10px 12px;display:flex}.session-pill.done{background:#eef7f2;border-color:#8bb99f}.session-pill.now{background:#fff8e8;border-color:#c89b3c;font-weight:900}.session-pill.locked{color:#89908e;cursor:not-allowed;background:#f0f2f5}.session-layout{grid-template-columns:320px minmax(0,1fr);gap:22px;display:grid}.session-side{background:#fff;border:1px solid #d6dee4;border-radius:18px;grid-template-columns:1fr 1fr;align-self:start;gap:10px;padding:14px;display:grid;position:sticky;top:88px;box-shadow:0 14px 34px #18324a14}.back-home,.retry-session-button,.help-button{width:100%}.session-side .back-home,.session-side .mini-profile,.session-side .complete-button,.session-side .graduated-support{grid-column:1/-1}.session-side .back-home{border-radius:12px;min-height:48px;margin:0}.mini-profile{background:#f7f9fb;border-radius:14px;grid-template-columns:54px 1fr;place-items:center start;gap:4px 12px;margin:0;padding:12px;display:grid}.mini-profile strong{align-self:end;font-size:1rem;line-height:1.45}.mini-profile span{align-self:start;font-size:.82rem}.mini-avatar{color:#fff;background:#1d5f73;border-radius:12px;grid-row:1/3;place-items:center;width:54px;height:54px;display:grid}.attempts{background:#fff8e8;border-radius:14px;align-content:center;gap:6px;min-height:92px;margin:0;padding:12px;display:grid}.attempts>span{font-size:.82rem;font-weight:800}.attempts div{gap:5px;margin-top:0;display:flex}.attempts i{background:#d7d0c3;border-radius:4px;width:22px;height:9px}.attempts i.used{background:#c89b3c}.attempts strong{color:#18324a;margin-top:0;font-size:18px;display:inline-flex}.retry-session-button{color:#684d17;background:#fff8e8;border-color:#d7bd7f;margin:0;font-weight:900}.help-button{color:#fff;background:#7b3f49}.complete-button{color:#fff;background:#1d5f73;width:100%;margin-top:0}.complete-button:disabled{opacity:.54;cursor:not-allowed;transform:none}.lesson-stage{gap:18px;display:grid}.video-box{border-radius:10px;grid-template-columns:minmax(260px,.9fr) minmax(280px,1fr);display:grid;overflow:hidden}.video-visual{color:#fff;background:#18324a;align-content:center;place-items:center;gap:12px;min-height:280px;font-size:20px;font-weight:900;display:grid}.lesson-scene{background:linear-gradient(135deg, #ffffff1f, transparent 42%), var(--scene);padding:24px}.scene-stage{grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px;width:min(100%,360px);margin-bottom:12px;display:grid}.scene-stage span{color:#fff;background:#ffffff29;border:1px solid #ffffff57;border-radius:12px;place-items:center;min-height:72px;padding:10px;font-size:17px;font-weight:900;animation:2.3s ease-in-out infinite iconGlow;display:grid}.video-text{padding:clamp(22px,4vw,38px)}.video-text h2{color:#18324a;margin:8px 0 10px;font-size:clamp(28px,4vw,42px)}.activity-panel{border-radius:10px;padding:clamp(18px,3vw,28px)}.activity-title{align-items:center;gap:13px;margin-bottom:16px;display:flex}.activity-title h3,.activity-panel h3{color:#18324a;margin:0 0 5px;font-size:24px}.choice-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;display:grid}.arrival-time-reference{color:#18324a;background:#fff7df;border:2px solid #d6a438;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:4px 0 16px;padding:10px 16px;font-weight:800;display:inline-flex}.arrival-time-reference strong{font-size:20px}.arrival-time-badge{color:#9b2f2f;background:#fff0ed;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:150px;padding:7px 12px;font-size:16px;font-weight:900;display:inline-flex;box-shadow:0 6px 14px #0f172a1a}.arrival-time-badge.early{color:#245e45;background:#e9f6ef}.choice-grid button{color:#1f2933;cursor:pointer;background:#f7f9fb;border:1px solid #d9dee5;border-radius:8px;place-items:center;gap:12px;min-height:350px;padding:16px;font-size:18px;display:grid}.choice-grid button strong{line-height:1.55}.choice-grid button.correct{background:#eef7f2;border-color:#2f6b4f}.choice-grid button.wrong{background:#fff1f1;border-color:#a95555}.choice-grid button,.ready-card,.missing-options button,.quick-question button,.workplace-card button,.sort-card button,.cartoon-piece{position:relative}.choice-grid button.correct,.ready-card.correct,.missing-options button.correct,.quick-question button.correct,.workplace-card button.correct,.sort-card button.correct,.cartoon-piece.correct{animation:.52s both answerCorrectPop}.choice-grid button.wrong,.ready-card.wrong,.missing-options button.wrong,.quick-question button.wrong,.workplace-card button.wrong,.sort-card button.wrong,.cartoon-piece.wrong{animation:.42s both answerWrongShake}.choice-grid button.correct:after,.ready-card.correct:after,.missing-options button.correct:after,.quick-question button.correct:after,.workplace-card button.correct:after,.sort-card button.correct:after,.cartoon-piece.correct:after{content:"✓";top:10px;color:#fff;background:#2f6b4f;border-radius:50%;place-items:center;width:34px;height:34px;font-size:22px;font-weight:900;display:grid;position:absolute;inset-inline-start:10px;box-shadow:0 8px 18px #2f6b4f38}.choice-grid button.wrong:after,.ready-card.wrong:after,.missing-options button.wrong:after,.quick-question button.wrong:after,.workplace-card button.wrong:after,.sort-card button.wrong:after,.cartoon-piece.wrong:after{content:"!";top:10px;color:#fff;background:#a95555;border-radius:50%;place-items:center;width:34px;height:34px;font-size:22px;font-weight:900;display:grid;position:absolute;inset-inline-start:10px;box-shadow:0 8px 18px #a9555538}.choice-grid button:disabled,.ready-card:disabled,.tool-chip:disabled,.missing-options button:disabled,.quick-question button:disabled,.prep-step:disabled,.drag-card:disabled,.reset-mini:disabled{opacity:.72;cursor:not-allowed}.choice-art{background:linear-gradient(#c89b3c 0 0) 50% 20px/46px 46px no-repeat,linear-gradient(#1d5f73 0 0) bottom/78px 42px no-repeat,#fff;border-radius:8px;width:96px;height:96px;box-shadow:inset 0 0 0 1px #19312f1a}.visual-cue{color:#fff;border:3px solid #fffffff2;border-radius:26px;place-items:center;width:112px;height:112px;display:grid;box-shadow:0 14px 22px #0f172a1f}.session1-cue{background:linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #d9dee5;border-radius:18px;place-items:center;width:104px;height:104px;display:grid;overflow:hidden;box-shadow:0 12px 20px #0f172a1a}.session1-cue img{object-fit:contain;filter:drop-shadow(0 8px 10px #0f172a1f);width:100%;height:100%;padding:8px}.session2-cue{background:#fff}.session2-cue img{object-fit:contain;object-position:center;padding:4px}.choice-grid .session1-cue{border-radius:18px;width:300px;height:280px}.choice-grid .session1-cue img{padding:2px}.choice-grid .session1-cue.choice-ready-badge,.choice-grid .session1-cue.choice-left-bag,.choice-grid .session1-cue.choice-leave-unready{width:300px;height:280px}.choice-grid .session1-cue.choice-ready-badge img,.choice-grid .session1-cue.choice-left-bag img,.choice-grid .session1-cue.choice-leave-unready img{object-fit:contain;object-position:center center;width:300px;height:280px;padding:0}.drag-card .session1-cue,.prep-step .session1-cue{border-radius:18px;width:174px;height:162px}.drop-zone .session1-cue,.prep-slot .session1-cue{opacity:.78;border-radius:18px;width:174px;height:162px}.drop-zone.filled .session1-cue,.prep-slot.filled .session1-cue{opacity:1}.tool-chip .session1-cue{border-radius:18px;width:126px;height:118px}.missing-options button .session1-cue,.quick-question button .session1-cue{border-radius:16px;width:110px;height:104px}.choice-grid .session2-cue{width:300px;height:280px}.choice-grid .session2-cue img{width:300px;height:280px;padding:0}.choice-grid .session3-cue,.choice-grid .session4-cue,.choice-grid .session5-cue{width:300px;height:280px}.choice-grid .session3-cue img,.choice-grid .session4-cue img,.choice-grid .session5-cue img{width:300px;height:280px;padding:0}.choice-grid .session5-cue img,.session5-situation-image{object-fit:cover}.session5-situation-image{aspect-ratio:1;border:1px solid #d7e0e6;border-radius:16px;width:100%;max-width:560px;height:auto;margin:16px auto;display:block;box-shadow:0 10px 24px #1433451f}.emotion-situation-image{aspect-ratio:auto;width:400px;max-width:100%;height:400px;margin:16px auto}.cue-clean{background:#2f7d7b}.cue-calm{background:#7a5a2e}.cue-food{background:#c89b3c}.cue-outfit{background:#8b4560}.cue-card{background:#18324a}.cue-door{background:#4c6a38}.cue-sun{background:#d49b2f}.cue-wrong{background:#a95555}.cue-general{background:#1d5f73}.feedback{border-radius:8px;align-items:center;gap:10px;margin-top:16px;padding:15px;font-weight:900;display:flex}.feedback.good{color:#17412f;background:#eef7f2}.feedback.hint{color:#643b22;background:#fff8e8}.step-track,.drop-zones{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin-top:14px;display:grid}.step-card{background:#fff8e8;border:1px solid #d6b06a;border-radius:8px;place-items:center;gap:8px;min-height:96px;font-weight:900;display:grid}.step-card span{color:#fff;background:#7b3f49;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.drag-activity{grid-template-columns:minmax(240px,.75fr) minmax(320px,1.25fr);gap:18px;margin-top:18px;display:grid}.drag-pool,.drop-zone{background:#f7f9fb;border:1px solid #d9dee5;border-radius:8px}.drag-pool{padding:16px}.drag-pool>strong{color:#18324a;margin-bottom:12px;font-size:20px;display:block}.drag-pool>div{gap:10px;display:grid}.drag-card{color:#18324a;cursor:grab;background:#fff;border:2px solid #1d5f73;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:198px;font-size:20px;font-weight:900;display:flex}.drag-card .visual-cue{border-radius:18px;width:70px;height:70px}.drag-card strong{line-height:1.45}.drag-card:active{cursor:grabbing}.drop-zones{margin-top:0}.drop-zone{background:#fff;border:2px dashed #8ea1b5;align-content:center;justify-items:center;gap:10px;min-height:272px;padding:16px;display:grid}.drop-zone .visual-cue{opacity:.72;border-radius:18px;width:72px;height:72px}.drop-zone.filled .visual-cue{opacity:1}.drop-zone span{color:#657282;font-weight:800}.drop-zone strong{color:#18324a;font-size:20px;line-height:1.5}.drop-zone.filled{background:#eef7f2;border-style:solid;border-color:#2f6b4f}.empty-pool{color:#2f6b4f;background:#eef7f2;border-radius:8px;place-items:center;min-height:72px;font-weight:900;display:grid}.outfit-grid{grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px;display:grid}.outfit-card{color:#18324a;cursor:pointer;text-align:center;background:#f7f9fb;border:2px solid #d9dee5;border-radius:10px;align-content:center;justify-items:center;gap:18px;min-height:156px;padding:20px 16px;font-weight:900;display:grid}.outfit-card>span{color:#7a5a2e;background:0 0;border-radius:12px;place-items:center;width:80px;height:80px;display:grid}.outfit-card .visual-cue{border-radius:18px;width:72px;height:72px}.outfit-card strong{min-height:28px;padding-top:2px;line-height:1.55;display:block}.outfit-card.selected{background:#eef7f2;border-color:#2f6b4f}.outfit-card.selected span{color:#fff;background:#2f6b4f}.cartoon-dressing-stage{grid-template-columns:minmax(220px,.8fr) minmax(240px,.8fr) minmax(280px,1fr);align-items:stretch;gap:18px;margin-top:18px;display:grid}.realistic-dressing-stage{grid-template-columns:minmax(540px,1.25fr) minmax(320px,.75fr);align-items:stretch;gap:18px;margin-top:18px;display:grid}.realistic-reference-scene{background:#fff;border:1px solid #d9dee5;border-radius:16px;min-height:560px;position:relative;overflow:hidden;box-shadow:0 16px 34px #0f172a14}.realistic-reference-scene>img{object-fit:contain;background:linear-gradient(90deg,#18324a09 1px,#0000 1px) 0 0/44px 44px,linear-gradient(#fff,#f7f9fb);width:100%;height:100%;min-height:560px;padding:14px;display:block}.realistic-reference-scene .ai-wardrobe-scene{object-fit:contain;filter:drop-shadow(0 24px 34px #0f172a24)}.wardrobe-picker-scene{place-items:center;padding:18px;display:grid;overflow:hidden}.wardrobe-source-scene{width:min(100%,720px);height:520px;overflow:hidden}.wardrobe-source-scene .wardrobe-drop-base{background:linear-gradient(90deg,#76481f26 1px,#0000 1px) 0 0/54px 100%,linear-gradient(#e6b371 0%,#c9823d 100%)}.scene-caption{background:#ffffffe6;border:1px solid #18324a2e;border-radius:12px;gap:4px;max-width:min(420px,100% - 36px);padding:12px 16px;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 24px #0f172a1a}.scene-caption strong{color:#18324a;font-size:18px}.scene-caption span{color:#4b5968;font-weight:800}.realistic-target{min-height:560px}.wardrobe-source-pieces{z-index:3;pointer-events:none;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:18px 22px;display:grid;position:absolute;inset:58px 64px 76px}.wardrobe-source-piece{color:#18324a;cursor:grab;pointer-events:auto;touch-action:none;background:#ffffffe6;border:1px solid #18324a29;border-radius:14px;align-content:center;justify-items:center;gap:5px;width:min(100%,148px);height:142px;padding:6px 6px 7px;transition:transform .16s,border-color .16s,background .16s;display:grid;position:relative;inset:auto;overflow:hidden;box-shadow:0 10px 20px #0f172a1c}.wardrobe-source-piece:hover{transform:translateY(-3px)scale(1.04)}.wardrobe-source-piece:active{cursor:grabbing}.wardrobe-source-piece.selected{opacity:1;filter:none;cursor:default;background:#ffffff75;border-style:dashed;border-color:#65728259;transform:scale(.96);box-shadow:inset 0 0 0 2px #ffffff8c}.wardrobe-source-piece .outfit-illustration,.wardrobe-source-piece .session2-cue{object-fit:contain;background:#ffffffb8;border-radius:14px;width:92px;height:82px;box-shadow:0 12px 22px #0f172a2e}.wardrobe-source-piece .ai-piece{object-fit:contain;background:#ffffffe0;border-radius:14px;width:92px;max-width:92px;height:82px;max-height:82px;padding:4px;box-shadow:0 10px 18px #0f172a24}.wardrobe-source-piece strong{white-space:normal;background:#fffffff0;border-radius:999px;max-width:132px;padding:3px 7px;font-size:12px;line-height:1.25;box-shadow:0 7px 14px #0f172a1f}.wardrobe-empty-slot{color:#657282b8;background:#ffffff7a;border:2px dashed #65728259;border-radius:14px;place-items:center;width:74px;height:50px;font-size:12px;font-weight:900;display:grid}.wardrobe-source-piece.abaya{width:min(100%,148px);height:142px;position:relative;inset:auto}.wardrobe-source-piece.abaya .ai-piece{width:92px;max-width:92px;height:82px;max-height:82px}.wardrobe-source-piece.badge,.wardrobe-source-piece.shoes,.wardrobe-source-piece.messy,.wardrobe-source-piece.accessories,.wardrobe-source-piece.heels{position:relative;inset:auto}.wardrobe-source-piece.heels .ai-piece,.wardrobe-source-piece.accessories .ai-piece,.wardrobe-source-piece.messy .ai-piece,.wardrobe-source-piece.shoes .ai-piece,.wardrobe-source-piece.badge .ai-piece{width:92px;max-width:92px;height:82px;max-height:82px}.drag-preview-chip{z-index:9999;color:#18324a;background:#fff;border:1px solid #2f7d7b;border-radius:999px;justify-content:center;align-items:center;min-width:98px;min-height:38px;padding:6px 12px;font-weight:900;display:inline-flex;position:fixed;top:-999px;left:-999px;box-shadow:0 10px 22px #0f172a2e}.wardrobe-source-piece.good-piece{background:#ecf8f2f0;border-color:#2f7d7b57}.wardrobe-source-piece.wrong-piece{background:#ffffffeb;border-color:#8b456038}.realistic-piece-board{grid-template-columns:1fr;align-content:start;max-height:430px;overflow:auto}.realistic-piece-board .cartoon-piece{text-align:right;grid-template-columns:94px minmax(0,1fr);align-content:center;justify-items:start;min-height:94px;padding:10px 12px}.realistic-piece-board .cartoon-piece strong{font-size:17px}.realistic-piece-board .cartoon-piece .session2-cue{width:94px;height:86px}.cartoon-wardrobe,.sara-drop-zone,.outfit-piece-board,.sort-items-bank,.sort-bin{background:#f8fafc;border:1px solid #d9dee5;border-radius:14px}.cartoon-wardrobe{place-items:center;min-height:360px;padding:16px;display:grid}.wardrobe-illustration{background:linear-gradient(90deg,#78441c29,#0000 18% 82%,#78441c29),#dca66d;border:12px solid #c58b50;border-radius:18px;width:min(100%,260px);height:330px;position:relative;box-shadow:inset 0 0 0 3px #ffffff40,0 16px 26px #0f172a29}.wardrobe-illustration.compact{border-width:8px;width:150px;height:160px;transform:scale(.95)}.wardrobe-rail,.wardrobe-shelf,.hanger,.folded,.shoe,.bag-item{display:block;position:absolute}.wardrobe-rail{background:#5c412d;border-radius:99px;height:6px;top:62px;left:18px;right:18px}.wardrobe-shelf{background:#b97638;height:8px;left:0;right:0}.wardrobe-shelf.top{top:180px}.wardrobe-shelf.bottom{top:248px}.hanger{border-radius:18px 18px 8px 8px;width:46px;height:96px;animation:3s ease-in-out infinite closetSway;top:68px}.hanger.dress{background:#151a20;width:52px;height:108px;right:28px}.hanger.shirt-blue{background:#bcd4f2;right:92px}.hanger.coat{background:#d9bea0;right:150px}.folded{border-radius:8px;width:56px;height:22px;top:210px}.folded-blue{background:#bcd4f2;right:42px}.folded-white{background:#f6f6f6;right:116px}.shoe{background:#111827;border-radius:14px 18px 8px 8px;width:42px;height:18px;bottom:28px}.shoe-one{right:44px}.shoe-two{right:102px}.bag-item{background:#e8c6a2;border-radius:14px 14px 10px 10px;width:58px;height:34px;top:20px;right:72px}.sara-drop-zone{background:radial-gradient(circle at 50% 32%,#2f7d7b14,#0000 34%),#fff;border:2px dashed #9ab2c8;align-content:center;justify-items:center;gap:12px;min-height:360px;padding:16px;display:grid}.sara-drop-zone:hover{border-color:#2f7d7b}.sara-trainee{width:150px;height:260px;animation:3.2s ease-in-out infinite gentleFloat;position:relative}.sara-head,.sara-hijab,.sara-shirt,.sara-abaya,.sara-badge,.sara-shoes{display:block;position:absolute}.sara-head{z-index:3;background:#f3c6aa;border-radius:48% 48% 46% 46%;width:56px;height:66px;top:22px;right:47px}.sara-hijab{z-index:2;background:#111827;border-radius:48px 48px 32px 32px;width:90px;height:118px;top:4px;right:30px}.sara-shirt{z-index:1;background:#bcd4f2;border-radius:20px 20px 10px 10px;width:66px;height:88px;top:92px;right:42px}.sara-abaya{z-index:2;background:#111827eb;border-radius:28px 28px 10px 10px;width:118px;height:142px;top:84px;right:16px}.sara-badge{z-index:4;color:#18324a;background:#fff;border:2px solid #4b7aa3;border-radius:6px;place-items:center;min-width:42px;min-height:30px;font-size:11px;font-weight:900;display:grid;top:126px;right:56px}.sara-shoes{background:linear-gradient(90deg,#111827 0 45%,#0000 45% 55%,#111827 55%);border-radius:50%;width:74px;height:18px;bottom:12px;right:38px}.sara-trainee>strong{color:#18324a;font-weight:900;position:absolute;bottom:-8px;right:48px}.sara-trainee.has-wrong{filter:drop-shadow(0 0 .65rem #a955554d)}.drop-instruction{color:#17412f;background:#eef7f2;border-radius:999px;padding:7px 10px;font-weight:900}.worn-pieces{flex-wrap:wrap;justify-content:center;gap:7px;min-height:38px;display:flex}.worn-pieces button,.worn-pieces small{color:#17412f;background:#eef7f2;border:1px solid #8bb99f;border-radius:999px;align-items:center;gap:5px;min-height:32px;padding:5px 8px;font-weight:900;display:inline-flex}.worn-pieces button.worn-piece.good{color:#17412f;background:#eef7f2;border-color:#8bb99f}.worn-pieces button.worn-piece.wrong{color:#9b2f2f;background:#fff1f1;border-color:#cf8b8b}.outfit-piece-board{grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;padding:14px;display:grid}.cartoon-piece{color:#18324a;cursor:grab;text-align:center;background:#fff;border:2px solid #d9dee5;border-radius:12px;align-content:center;justify-items:center;gap:8px;min-height:118px;font-weight:900;transition:transform .18s,border-color .18s,background .18s;display:grid}.cartoon-piece:hover{border-color:#9ab2c8;transform:translateY(-2px)}.cartoon-piece:active{cursor:grabbing}.cartoon-piece.selected,.cartoon-piece.correct{background:#eef7f2;border-color:#2f6b4f}.cartoon-piece.wrong{background:#fff1f1;border-color:#a95555}.piece-art{color:#fff;border:3px solid #fff;border-radius:18px;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 10px 18px #0f172a1f}.abaya-art{background:#151a20}.badge-art{background:#18324a}.shoes-art{background:#2f6b4f}.wrong-art,.messy-art{background:#a95555}.general-art{background:#8b4560}.cartoon-wardrobe{background:radial-gradient(circle at 50% 22%,#ffffffb3,#0000 34%),linear-gradient(#fbfcfd,#f3f6f8)}.wardrobe-illustration{background:linear-gradient(90deg,#5c32142e,#0000 14% 86%,#5c321433),repeating-linear-gradient(90deg,#7646201f 0 2px,#ffffff14 2px 8px),linear-gradient(#dfa76b 0%,#c98b4f 54%,#b9783e 100%);border:13px solid #c98d50;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 3px #ffeed25c,inset 0 20px 36px #56301629,0 22px 34px #0f172a2e}.wardrobe-illustration:before{content:"";pointer-events:none;border-radius:10px;position:absolute;inset:12px;box-shadow:inset 0 0 38px #502d1633}.wardrobe-rail{background:linear-gradient(#ead7bd,#614429 62%,#2e2116);height:5px;top:61px;box-shadow:0 2px 3px #2c1c1047}.wardrobe-shelf{background:linear-gradient(#ffebc9bf,#7e4820c7),#b9793e;height:10px;box-shadow:0 3px 7px #48281233}.hanger:before{content:"";border:2px solid #412c1c9e;border-bottom:0;border-radius:16px 16px 0 0;width:16px;height:13px;position:absolute;top:-12px;right:50%;transform:translate(50%)}.hanger{box-shadow:inset 9px 0 12px #ffffff29,inset -9px 0 16px #00000029,0 12px 14px #301d1124}.hanger.dress{background:linear-gradient(90deg,#ffffff14,#0000 34%),linear-gradient(#171a1f,#080b10);border-radius:18px 18px 8px 8px/22px 22px 10px 10px}.hanger.shirt-blue{background:linear-gradient(90deg,#ffffff57,#0000 44%),linear-gradient(#d9eaff,#9fbee1)}.hanger.coat{background:linear-gradient(90deg,#ffffff42,#0000 45%),linear-gradient(#e5c9a6,#ba9064)}.folded{box-shadow:inset 0 5px #ffffff57,0 8px 10px #3222141f}.shoe{background:radial-gradient(circle at 80% 35%,#ffffff2e,#0000 22%),linear-gradient(#202733,#080b10);box-shadow:0 6px 8px #0f172a2e}.bag-item{background:linear-gradient(90deg,#ffffff47,#0000 46%),linear-gradient(#efd4b5,#c79768);top:18px;right:70px;box-shadow:0 7px 10px #4a2e1824}.bag-item:before{content:"";border:4px solid #d5aa7e;border-bottom:0;border-radius:18px 18px 0 0;width:28px;height:22px;position:absolute;top:-12px;right:14px}.sara-drop-zone{background:radial-gradient(circle at 50% 27%,#285b8517,#0000 25%),linear-gradient(#fff,#f8fbfd)}.sara-trainee{filter:drop-shadow(0 16px 18px #0f172a29);width:172px;height:284px}.sara-shadow,.sara-arm,.sara-skirt,.sara-lanyard{display:block;position:absolute}.sara-shadow{filter:blur(1px);background:#0f172a38;border-radius:50%;width:98px;height:18px;bottom:18px;right:37px}.sara-hijab{background:radial-gradient(circle at 49% 38%,#0000 0 29px,#101722 30px),linear-gradient(145deg,#1b2230,#070b12 74%);border-radius:54px 54px 36px 36px;width:100px;height:134px;top:2px;right:36px;box-shadow:inset 13px -2px 15px #ffffff0d,inset -12px 5px 18px #00000057}.sara-head{background:radial-gradient(circle at 40% 46%,#ffffff38,#0000 18%),linear-gradient(#f6c7a6,#e2a883);width:62px;height:72px;top:25px;right:55px;overflow:hidden;box-shadow:inset -6px -8px 10px #844d3624}.sara-head i,.sara-head b,.sara-head em{font-style:normal;display:block;position:absolute}.sara-head i{background:radial-gradient(circle at 4px 2px,#172033 0 2px,#0000 3px),radial-gradient(circle at 27px 2px,#172033 0 2px,#0000 3px);width:31px;height:5px;top:30px;right:16px}.sara-head b{border-bottom:2px solid #8e4a48;border-radius:0 0 18px 18px;width:18px;height:9px;top:45px;right:22px}.sara-head em{background:#8e4a483d;border-radius:50%;width:5px;height:7px;top:39px;right:29px}.sara-shirt{z-index:1;background:linear-gradient(90deg,#ffffff80,#0000 48%),repeating-linear-gradient(90deg,#3858761f 0 1px,#0000 1px 12px),#b9d7f4;border-radius:22px 22px 9px 9px;width:68px;height:86px;top:101px;right:52px;box-shadow:inset 0 -8px 12px #3a5b7a24}.sara-shirt:before{content:"";border-right:2px solid #37536d40;width:14px;height:60px;position:absolute;top:3px;right:27px}.sara-arm{z-index:0;background:#e7b28f;border-radius:18px;width:20px;height:90px;top:113px}.sara-arm.left{right:33px;transform:rotate(7deg)}.sara-arm.right{left:33px;transform:rotate(-7deg)}.sara-skirt{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);z-index:1;background:linear-gradient(90deg,#ffffff14,#0000 44%),#111827;width:88px;height:82px;top:169px;right:42px}.sara-abaya{z-index:2;background:linear-gradient(90deg,#ffffff14,#0000 34%,#ffffff0d 66%,#0000),linear-gradient(#161d28f5,#070b12fa);border-radius:28px 28px 12px 12px;width:122px;height:154px;top:92px;right:25px;box-shadow:inset 11px 0 18px #ffffff0a}.sara-lanyard{z-index:4;border-left:4px solid #365f85;border-right:4px solid #365f85;width:32px;height:58px;top:108px;right:70px;transform:perspective(40px)rotateX(12deg)}.sara-badge{border-color:#4f83ad;min-width:50px;min-height:34px;top:145px;right:61px;box-shadow:0 8px 10px #0f172a24}.sara-shoes{background:radial-gradient(at 23% 55%,#080b10 0 23px,#0000 24px),radial-gradient(at 77% 55%,#080b10 0 23px,#0000 24px);width:88px;height:19px;bottom:20px;right:42px}.sara-trainee>strong{bottom:-2px;right:60px}.real-piece-art{background:linear-gradient(#fff,#eef3f7);border-radius:18px;width:86px;height:76px;display:block;position:relative;box-shadow:inset 0 0 0 1px #cfd6dfa6,0 11px 18px #0f172a1f}.real-piece-art i,.real-piece-art b,.real-piece-art em{font-style:normal;display:block;position:absolute}.real-abaya i{background:linear-gradient(90deg,#ffffff21,#0000 42%),#111827;border-radius:20px 20px 6px 6px;width:37px;height:60px;bottom:10px;right:25px}.real-abaya b{background:#101722;border-radius:18px 18px 0 0;width:25px;height:18px;top:7px;right:31px}.real-badge i{background:#fff;border:3px solid #4b7aa3;border-radius:7px;width:43px;height:36px;bottom:12px;right:22px}.real-badge b{border-left:4px solid #315f86;border-right:4px solid #315f86;width:14px;height:25px;top:13px;right:36px}.real-badge em{background:#18324a;border-radius:99px;width:27px;height:4px;bottom:24px;right:30px}.real-shoes i,.real-shoes b{background:radial-gradient(circle at 70% 34%,#ffffff38,#0000 20%),#111827;border-radius:18px 22px 8px 8px;width:34px;height:18px;bottom:20px}.real-shoes i{right:16px}.real-shoes b{left:16px}.real-messy i{background:linear-gradient(160deg,#0000 0 34%,#ffffff8c 35% 41%,#0000 42%),#b5545c;border-radius:14px;width:44px;height:48px;bottom:13px;right:22px}.real-messy b,.real-open-shoes b,.real-accessories b{background:#a9555585;border-radius:99px;width:60px;height:5px;bottom:12px;right:13px;transform:rotate(-18deg)}.real-messy em,.real-open-shoes em,.real-accessories em{background:#a9555585;border-radius:99px;width:60px;height:5px;bottom:12px;right:13px;transform:rotate(18deg)}.real-open-shoes i{border:6px solid #bb7070;border-top:0;border-radius:0 0 24px 24px;width:51px;height:22px;bottom:21px;right:18px}.real-accessories i{border:5px solid #caa04b;border-top-color:#0000;border-radius:50%;width:38px;height:38px;top:14px;right:24px}.real-accessories i:after{content:"";background:#caa04b;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-10px;right:12px}.cartoon-piece strong{max-width:92%;line-height:1.35}.ai-image-crop{background-color:#fff;background-repeat:no-repeat;background-image:var(--ai-src);display:block}.ai-wardrobe-image{object-fit:contain;filter:drop-shadow(0 22px 32px #0f172a29);width:min(100%,330px);max-height:410px}.ai-wardrobe-image.compact{width:170px;max-height:155px}.ai-wardrobe{background-position:6%;background-size:340%;border:1px solid #d9dee5;border-radius:18px;width:min(100%,310px);height:405px;box-shadow:0 18px 32px #0f172a21}.ai-wardrobe.compact{background-position:7% 48%;background-size:360%;width:170px;height:160px}.ai-sara-card{align-content:start;justify-items:center;gap:8px;width:240px;min-height:380px;animation:3.2s ease-in-out infinite gentleFloat;display:grid}.ai-tryon-stage{background:radial-gradient(circle at 50% 42%,#18324a14,#0000 40%),#fff;border-radius:18px;place-items:center;width:220px;height:340px;display:grid;position:relative;box-shadow:0 18px 30px #0f172a1f}.ai-sara-model{object-fit:contain;z-index:1;filter:drop-shadow(0 12px 16px #0f172a29);width:calc(100% - 48px);height:calc(100% - 16px);position:absolute;inset:8px 24px}.ai-wear{z-index:3;object-fit:contain;filter:drop-shadow(0 5px 8px #0f172a1f);pointer-events:none;display:block;position:absolute}.ai-wear-abaya{z-index:2;opacity:.94;clip-path:polygon(16% 0,84% 0,98% 100%,2% 100%);width:92px;height:220px;top:84px;right:64px}.ai-wear-badge{z-index:4;width:26px;height:44px;top:103px;right:98px}.ai-wear-shoes{z-index:4;width:46px;height:28px;bottom:47px;right:87px}.ai-sara-card>strong{color:#18324a;background:#fff;border-radius:999px;align-items:center;min-height:32px;padding:4px 14px;display:inline-flex;position:static;box-shadow:0 8px 16px #0f172a1a}.ai-piece{object-fit:contain;background:#fff;border:1px solid #d9dee5;border-radius:14px;width:96px;height:92px;padding:6px;box-shadow:0 10px 18px #0f172a1f}.ai-piece-badge{padding:7px 18px}.ai-piece-shoes{padding:12px 4px}.ai-piece-accessories{padding:6px 18px}.realistic-target{background:radial-gradient(circle at 50% 28%,#ffffffd9,#0000 36%),linear-gradient(#f8fafc,#eef3f7);border-style:solid}.realistic-reference-scene>img{object-fit:contain}.activity-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.reset-mini{color:#18324a;cursor:pointer;background:#fff;border:1px solid #cfd6df;border-radius:8px;min-height:48px;padding:10px 16px;font-weight:900}.time-practice{grid-template-columns:minmax(240px,.7fr) minmax(360px,1.3fr);gap:18px;margin-top:18px;display:grid}.time-line{grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;display:grid}.time-card{justify-content:center;align-items:center;gap:8px;display:inline-flex}.time-slot{background:linear-gradient(#fff 0 0) padding-box padding-box,linear-gradient(#1d5f73,#c89b3c) border-box;min-height:150px}.visual-time-practice{grid-template-columns:minmax(340px,.85fr) minmax(520px,1.15fr);align-items:stretch}.visual-time-card{flex-direction:column;gap:10px;min-height:220px}.visual-time-card .session3-cue,.time-slot .session3-cue{width:180px;height:168px}.time-quick-assessment{border-top:2px solid #dce6eb;margin-top:24px;padding-top:22px}.time-quick-assessment .quick-eval-grid{grid-template-columns:repeat(2,minmax(260px,1fr));margin:16px 0}.time-quick-assessment .quick-question button{min-height:300px}.time-quick-assessment .quick-question button .session3-cue{width:230px;height:215px}.time-quick-assessment .quick-question button .session3-cue img{object-fit:contain;padding:4px}.time-event-option-sequence{direction:rtl;grid-template-columns:minmax(120px,1fr) 44px minmax(120px,1fr);align-items:center;gap:10px;width:100%;display:grid}.time-event-frame{justify-items:center;gap:7px;display:grid}.time-quick-assessment .quick-question button .time-event-frame .session3-cue{width:180px;height:168px}.time-event-frame small{color:#18324a;background:#edf5f7;border-radius:999px;padding:5px 12px;font-size:15px;font-weight:900}.time-event-arrow{color:#2f7d7b;stroke-width:3px}.time-assessment-tools{margin-top:18px}@media (width<=760px){.time-quick-assessment .quick-eval-grid{grid-template-columns:1fr}}.session-two-stage img,.session-two-stage .session2-cue img{object-position:center;max-width:100%;display:block}.session-two-stage .session2-cue{aspect-ratio:39/31;width:min(100%,156px);min-width:0;height:auto}.session-two-stage .session2-cue img{object-fit:contain;width:100%;height:100%}.session-two-stage .choice-grid .session2-cue{aspect-ratio:15/14;width:min(100%,300px);height:auto}.session-two-stage .realistic-dressing-stage{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.session-two-stage .realistic-reference-scene,.session-two-stage .realistic-target{min-width:0;min-height:clamp(360px,48vw,560px)}.session-two-stage .wardrobe-source-scene{aspect-ratio:18/13;width:min(100%,720px);height:auto;min-height:360px}.session-two-stage .wardrobe-source-piece,.session-two-stage .wardrobe-source-piece .session2-cue,.session-two-stage .wardrobe-source-piece .ai-piece{max-width:100%}.session-two-stage .workplace-match-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.session-two-stage .workplace-card>.workplace-photo{aspect-ratio:4/3;width:100%;height:auto}.session-two-stage .workplace-card button{min-width:0}.session-two-stage .workplace-card button .session2-cue{aspect-ratio:39/31;flex:0 156px;width:min(46%,156px);height:auto}.session-two-stage .wardrobe-sort-game,.session-two-stage .sort-drop-area{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.session-two-stage .sort-items-bank .cartoon-piece .session2-cue{aspect-ratio:8/7;width:min(100%,112px);height:auto}.session-two-stage .wardrobe-drop-scene{aspect-ratio:56/47;width:min(100%,560px);height:auto}.session-two-stage .quick-question button .session2-cue{aspect-ratio:19/16;width:min(100%,190px);height:auto}.session-two-stage .quick-question button .session2-cue.cue-badge{aspect-ratio:32/41;width:min(100%,160px);height:auto}@media (width<=1120px){.session-two-stage .realistic-dressing-stage{grid-template-columns:1fr}}@media (width<=760px){.session-two-stage .realistic-reference-scene,.session-two-stage .realistic-target,.session-two-stage .wardrobe-source-scene{min-height:300px}.session-two-stage .wardrobe-source-pieces{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;inset:48px 7% 68px}.session-two-stage .wardrobe-source-piece{width:min(100%,128px);height:auto;min-height:72px}.session-two-stage .sort-items-bank>div,.session-two-stage .quick-eval-grid{grid-template-columns:1fr}.session-two-stage .sort-bin{min-height:320px}}.session-three-stage img,.session-three-stage .session3-cue img{object-position:center;max-width:100%;display:block}.session-three-stage .session3-cue{aspect-ratio:15/14;width:min(100%,180px);min-width:0;height:auto}.session-three-stage .session3-cue img{object-fit:contain;width:100%;height:100%}.session-three-stage .choice-grid .session3-cue{aspect-ratio:15/14;width:min(100%,300px);height:auto}.session-three-stage .visual-time-practice{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}.session-three-stage .time-line{grid-template-columns:repeat(4,minmax(0,1fr))}.session-three-stage .visual-time-card,.session-three-stage .time-slot{min-width:0}.session-three-stage .visual-time-card .session3-cue,.session-three-stage .time-slot .session3-cue{aspect-ratio:15/14;width:min(100%,180px);height:auto}.session-three-stage .time-quick-assessment .quick-eval-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.session-three-stage .time-quick-assessment .quick-question button{min-width:0;min-height:clamp(220px,28vw,300px)}.session-three-stage .time-quick-assessment .quick-question button .session3-cue{aspect-ratio:46/43;width:min(100%,230px);height:auto}.session-three-stage .time-event-option-sequence{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.session-three-stage .time-quick-assessment .quick-question button .time-event-frame .session3-cue{aspect-ratio:15/14;width:min(100%,180px);height:auto}@media (width<=1120px){.session-three-stage .visual-time-practice{grid-template-columns:1fr}}@media (width<=760px){.session-three-stage .time-line{grid-template-columns:repeat(2,minmax(0,1fr))}.session-three-stage .time-event-option-sequence{grid-template-columns:1fr}.session-three-stage .time-event-arrow{justify-self:center;transform:rotate(-90deg)}.session-three-stage .time-quick-assessment .quick-question button{min-height:200px}}@media (width<=430px){.session-three-stage .time-line{grid-template-columns:1fr}}.time-slot{min-height:284px}.time-slot strong{text-align:center;line-height:1.45}.posture-practice{grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);gap:18px;margin-top:18px;display:grid}.posture-bank,.posture-zones{background:#f8fafc;border:1px solid #d9dee5;border-radius:10px;padding:16px}.posture-bank>strong{color:#18324a;margin-bottom:12px;font-size:20px;display:block}.posture-bank>div{grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px;display:grid}.posture-card{color:#18324a;cursor:grab;background:#fff;border:2px solid #d9dee5;border-radius:10px;place-items:center;gap:10px;min-height:248px;padding:12px;font-weight:900;display:grid}.posture-card .session4-cue{width:180px;height:168px}.posture-card strong,.posture-zone strong{text-align:center;line-height:1.45}.posture-card.selected{opacity:.55;cursor:default}.posture-zones{grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;display:grid}.posture-zone{background:#fff;border:2px dashed #8ea1b5;border-radius:10px;align-content:center;justify-items:center;gap:10px;min-height:360px;padding:16px;display:grid}.posture-zone .session4-cue{width:220px;height:205px}.posture-zone span{color:#657282;font-weight:900}.posture-zone small{color:#6f7b8a;font-weight:800}.posture-zone em{border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-style:normal;font-weight:900;display:inline-flex}.posture-zone.correct{background:#eef7f2;border-style:solid;border-color:#2f7d57}.posture-zone.correct em{color:#17412f;background:#fff}.posture-zone.wrong{background:#fff1f1;border-style:solid;border-color:#bb5b5b}.posture-zone.wrong em{color:#8f3333;background:#fff}.session4-activities{gap:22px;margin-top:26px;display:grid}.session4-panel{background:#fff;border:1px solid #d9e2e8;border-radius:14px;padding:20px}.posture-situation-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:16px;margin-top:16px;display:grid}.posture-question{background:#f8fafc;border:1px solid #dbe3e8;border-radius:14px;place-items:center;gap:11px;padding:16px;display:grid}.posture-question .session4-cue{width:330px;height:300px}.posture-question button,.posture-mirror-body button,.posture-truth-card button{color:#18324a;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d9dee5;border-radius:10px;font-weight:900}.posture-mirror-body{grid-template-columns:minmax(320px,480px) 1fr;align-items:center;gap:24px;margin-top:16px;display:grid}.posture-mirror-body .session4-cue{width:100%;height:430px}.posture-mirror-body>div{gap:12px;display:grid}.posture-truth-grid{grid-template-columns:repeat(5,minmax(190px,1fr));gap:14px;margin:16px 0;display:grid}.posture-truth-card{background:#f8fafc;border:1px solid #dbe3e8;border-radius:13px;align-content:start;gap:10px;padding:10px;display:grid}.posture-truth-card img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.posture-truth-card strong{min-height:54px;line-height:1.45}.posture-truth-card>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.posture-assessment{grid-template-columns:minmax(380px,.9fr) minmax(440px,1.1fr);align-items:stretch;gap:22px;margin-top:16px;display:grid}.posture-assessment>img{object-fit:cover;border-radius:14px;width:100%;height:100%;min-height:540px}.posture-assessment .quick-question button{min-height:76px}.session4-activities button.correct{background:#eef7f2;border-color:#2f6b4f;animation:.52s both answerCorrectPop}.session4-activities button.wrong{background:#fff1f1;border-color:#a95555;animation:.42s both answerWrongShake}@media (width<=1100px){.posture-truth-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.posture-situation-grid,.posture-mirror-body,.posture-assessment,.posture-truth-grid{grid-template-columns:1fr}.posture-question .session4-cue{width:100%}}.session-four-stage img,.session-four-stage .session4-cue img{object-fit:cover;width:100%;max-width:100%;height:100%;display:block}.session-four-stage .choice-grid .session4-cue{aspect-ratio:15/14;width:min(100%,390px);height:auto}.session-four-stage .posture-practice{grid-template-columns:repeat(2,minmax(0,1fr))}.session-four-stage .posture-card .session4-cue,.session-four-stage .posture-zone .session4-cue,.session-four-stage .posture-question .session4-cue{aspect-ratio:11/10;width:min(100%,420px);height:auto}.session-four-stage .posture-mirror-body .session4-cue{aspect-ratio:4/3;width:100%;height:auto}.session-four-stage .posture-assessment>img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;min-height:0}@media (width<=1120px){.session-four-stage .posture-practice,.session-four-stage .posture-situation-grid,.session-four-stage .posture-mirror-body,.session-four-stage .posture-assessment{grid-template-columns:1fr}.session-four-stage .posture-truth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.session-four-stage .posture-bank>div,.session-four-stage .posture-zones,.session-four-stage .posture-truth-grid{grid-template-columns:1fr}.session-four-stage .session4-panel,.session-four-stage .posture-question,.session-four-stage .posture-zone{padding:12px}}.prep-session-flow{gap:18px;display:grid}.prep-brief,.achievement-card{background:#fff;border:1px solid #d9dee5;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:clamp(18px,3vw,28px);display:flex;box-shadow:0 12px 28px #0f172a0f}.prep-brief h3,.achievement-card h3{color:#18324a;margin:8px 0 0;font-size:clamp(22px,3vw,34px);line-height:1.45}.prep-brief-stats{flex-wrap:wrap;gap:10px;display:flex}.prep-brief-stats span,.score-pill{color:#18324a;background:#f8fafc;border:1px solid #d9dee5;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:9px 12px;font-weight:900;display:inline-flex}.prep-panel{border-right:6px solid #2f7d7b}.outfit-panel,.outfit-session-flow .prep-panel{border-right-color:#7a5a2e}.outfit-brief{background:linear-gradient(135deg,#7a5a2e14,#0000 55%),#fff}.prep-order-board{grid-template-columns:minmax(260px,.75fr) minmax(360px,1.25fr);gap:18px;display:grid}.prep-step-pool,.prep-sequence,.ready-look-grid,.tool-game-grid,.quick-eval-grid,.assessment-grid{gap:12px;display:grid}.prep-step-pool{grid-template-columns:repeat(2,minmax(160px,1fr))}.prep-step{color:#18324a;cursor:pointer;text-align:right;background:#fff;border:2px solid #d9dee5;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:118px;padding:12px;font-weight:900;display:grid}.prep-step .visual-cue{border-radius:18px;width:78px;height:78px}.prep-step strong{font-size:17px;line-height:1.5}.prep-step small{color:#fff;background:#18324a;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.prep-step.selected{color:#2f6b4f;cursor:default;background:#eef7f2;border-color:#8bb99f}.prep-sequence{grid-template-columns:repeat(3,minmax(140px,1fr))}.prep-slot{background:#f8fafc;border:2px dashed #b9c4cf;border-radius:10px;align-content:center;justify-items:center;gap:8px;min-height:150px;padding:14px;display:grid}.prep-slot .visual-cue{border-radius:18px;width:76px;height:76px}.prep-slot small{color:#657282;font-weight:900}.prep-slot strong{color:#18324a;font-size:18px;line-height:1.5}.prep-slot.filled{background:#eef7f2;border-style:solid;border-color:#2f6b4f}.ready-look-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.ready-card{color:#18324a;cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #d9dee5;border-radius:12px;align-content:center;place-items:center;gap:14px;min-height:460px;padding:18px;font-weight:900;display:grid}.ready-card small{color:#657282;max-width:320px;line-height:1.7}.ready-card.correct,.missing-options button.correct,.quick-question button.correct{background:#eef7f2;border-color:#2f6b4f}.ready-card.wrong,.missing-options button.wrong,.quick-question button.wrong{background:#fff1f1;border-color:#a95555}.ready-illustration{color:#fff;border-radius:24px;place-items:center;width:118px;height:118px;display:grid;box-shadow:0 14px 24px #0f172a1f}.ready-illustration.clean{background:linear-gradient(#fff 0 0) 50% 34px/36px 24px no-repeat,linear-gradient(#2f6b4f 0 0) 50% 66px/72px 42px no-repeat,#2f7d7b}.ready-illustration.messy{background:linear-gradient(#fff 0 0) 34px 38px/44px 14px no-repeat,linear-gradient(#a95555 0 0) 50% 66px/72px 42px no-repeat,#8b4560}.ready-ai-card{background:#fff;border-radius:16px;grid-template-columns:repeat(3,240px);justify-content:center;place-items:center;gap:14px;width:min(100%,820px);min-height:270px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #18324a14}.ready-ai-card .session1-cue{width:240px;height:224px}.ready-ai-card.clean{background:#eef7f2}.ready-ai-card.messy{background:#fff1f1}.missing-mark{color:#7a5a2e;background:#fff8e8;border-radius:18px;place-items:center;width:240px;height:224px;font-size:58px;font-weight:900;display:grid}.tool-game-grid{grid-template-columns:repeat(5,minmax(170px,1fr))}.tool-chip{color:#18324a;cursor:pointer;background:#fff;border:2px solid #d9dee5;border-radius:12px;align-content:center;place-items:center;gap:10px;min-height:188px;font-weight:900;display:grid}.tool-chip>svg{color:#1d5f73}.tool-chip .visual-cue{border-radius:20px;width:86px;height:86px}.tool-chip.selected{background:#eef7f2;border-color:#2f6b4f}.missing-scene{grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);align-items:stretch;gap:18px;display:grid}.student-silhouette{background:radial-gradient(circle at 50% 44px,#f2d5bd 0 28px,#0000 29px),linear-gradient(#2f7d7b 0 0) 50% 82px/122px 82px no-repeat,linear-gradient(#18324a 0 0) 50% 170px/154px 68px no-repeat,#f8fafc;border:1px solid #d9dee5;border-radius:14px;align-content:center;justify-items:center;gap:10px;min-height:260px;display:grid}.student-silhouette span{color:#18324a;text-align:center;background:#ffffffeb;border-radius:999px;min-width:160px;padding:8px 10px;font-weight:900}.student-silhouette em{color:#7a5a2e;background:#fff8e8;border-radius:50%;place-items:center;width:52px;height:52px;font-size:30px;font-style:normal;font-weight:900;display:grid}.student-silhouette.ai-missing-board{background-color:#fff;background-image:linear-gradient(90deg,#2f7d7b0f 1px,#0000 1px),linear-gradient(#2f7d7b0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:46px 46px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:repeat(2,minmax(90px,1fr));align-content:center;padding:18px}.student-silhouette.ai-missing-board .session1-cue{width:158px;height:144px}.student-silhouette.ai-missing-board em{border-radius:18px;width:158px;height:144px}.missing-options{grid-template-columns:repeat(2,minmax(140px,1fr));gap:12px;display:grid}.missing-options button,.quick-question button{color:#18324a;cursor:pointer;background:#fff;border:2px solid #d9dee5;border-radius:10px;place-items:center;gap:8px;min-height:168px;font-weight:900;display:grid}.missing-options button .visual-cue,.quick-question button .visual-cue{border-radius:20px;width:86px;height:86px}.quick-eval-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.quick-question{background:#f8fafc;border:1px solid #d9dee5;border-radius:12px;gap:10px;padding:16px;display:grid}.quick-question>strong{color:#18324a;font-size:20px;line-height:1.5}.quick-question button{min-height:220px}.quick-question button .session1-cue{width:150px;height:138px}.session-one-stage .session1-cue{aspect-ratio:87/81;width:min(100%,174px);min-width:0;height:auto}.session-one-stage .session1-cue img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;display:block}.session-one-stage .choice-grid .session1-cue,.session-one-stage .choice-grid .session1-cue.choice-ready-badge,.session-one-stage .choice-grid .session1-cue.choice-left-bag,.session-one-stage .choice-grid .session1-cue.choice-leave-unready{aspect-ratio:15/14;width:min(100%,300px);height:auto}.session-one-stage .choice-grid .session1-cue img,.session-one-stage .choice-grid .session1-cue.choice-ready-badge img,.session-one-stage .choice-grid .session1-cue.choice-left-bag img,.session-one-stage .choice-grid .session1-cue.choice-leave-unready img{width:100%;height:100%}.session-one-stage .drag-card .session1-cue,.session-one-stage .prep-step .session1-cue,.session-one-stage .drop-zone .session1-cue,.session-one-stage .prep-slot .session1-cue{aspect-ratio:87/81;width:min(100%,174px);height:auto}.session-one-stage .ready-ai-card{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.session-one-stage .ready-ai-card .session1-cue,.session-one-stage .missing-mark{aspect-ratio:15/14;width:100%;max-width:240px;height:auto}.session-one-stage .student-silhouette.ai-missing-board{grid-template-columns:repeat(2,minmax(0,1fr))}.session-one-stage .student-silhouette.ai-missing-board .session1-cue,.session-one-stage .student-silhouette.ai-missing-board em{aspect-ratio:79/72;width:100%;max-width:158px;height:auto}.session-one-stage .tool-game-grid{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}.session-one-stage .quick-question button .session1-cue,.session-one-stage .missing-options button .session1-cue{aspect-ratio:25/23;width:min(100%,150px);height:auto}@media (width<=760px){.session-one-stage .ready-ai-card{grid-template-columns:1fr;min-height:auto}.session-one-stage .student-silhouette.ai-missing-board{grid-template-columns:1fr 1fr}.session-one-stage .choice-grid .session1-cue,.session-one-stage .choice-grid .session1-cue.choice-ready-badge,.session-one-stage .choice-grid .session1-cue.choice-left-bag,.session-one-stage .choice-grid .session1-cue.choice-leave-unready{max-width:250px}}.quick-question button .session2-cue{width:190px;height:160px}.quick-question button .session2-cue.cue-badge{width:160px;height:205px}.quick-question button .session2-cue.cue-badge img{padding:6px 28px}.question-locked{color:#643b22;background:#fff8e8;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:8px 10px;font-weight:900;display:inline-flex}.achievement-card{background:#fff8e8;border-color:#d9dee5}.achievement-card.achieved{background:#eef7f2;border-color:#8bb99f}.achievement-medal{color:#fff;background:#18324a;border-radius:18px;flex:none;place-items:center;width:86px;height:86px;display:grid;box-shadow:0 14px 24px #0f172a24}.score-pill{color:#fff;background:#18324a;justify-content:center;min-width:92px;font-size:24px}.assessment-grid{grid-template-columns:repeat(5,minmax(140px,1fr))}.assessment-grid span{color:#4b5968;background:#f8fafc;border:1px solid #d9dee5;border-radius:10px;align-content:center;gap:6px;min-height:96px;padding:14px;font-weight:900;display:grid}.assessment-grid svg{color:#2f6b4f}.assessment-grid strong{color:#18324a}.workplace-match-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;display:grid}.workplace-card{background:#f8fafc;border:1px solid #d9dee5;border-radius:12px;gap:12px;padding:16px;display:grid}.workplace-card>strong{color:#18324a;font-size:22px}.workplace-card>div{gap:9px;display:grid}.workplace-icon{color:#7a5a2e;background:#fff8e8;border-radius:16px;place-items:center;width:64px;height:64px;display:grid}.workplace-card>.workplace-photo{background:#fff;border-radius:16px;justify-self:stretch;width:100%;height:260px;box-shadow:inset 0 0 0 1px #d9dee5}.workplace-card>.workplace-photo img{object-fit:contain;object-position:center center;width:100%;height:100%;padding:10px}.workplace-card button,.sort-card button{color:#18324a;cursor:pointer;text-align:right;background:#fff;border:2px solid #d9dee5;border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;min-height:136px;padding:10px;font-weight:900;display:flex}.workplace-card button .visual-cue{border-radius:14px;width:54px;height:54px}.workplace-card button .session2-cue{border-radius:14px;flex:0 0 156px;width:156px;height:124px}.workplace-card button .session2-cue img{object-fit:cover;padding:3px}.workplace-card button.correct,.sort-card button.correct{background:#eef7f2;border-color:#2f6b4f}.workplace-card button.wrong,.sort-card button.wrong{background:#fff1f1;border-color:#a95555}.game-explain-table{background:#fff;border:1px solid #d8c7a6;border-radius:10px;margin:18px 0;display:grid;overflow:hidden}.game-explain-table div{border-top:1px solid #e5d7be;grid-template-columns:220px minmax(0,1fr);min-height:58px;display:grid}.game-explain-table div:first-child{border-top:0}.game-explain-table strong,.game-explain-table span{align-items:center;padding:12px 16px;line-height:1.7;display:flex}.game-explain-table strong{color:#18324a;background:#fff1d6;justify-content:center;font-size:18px;font-weight:900}.game-explain-table span{color:#1f2933;font-size:18px;font-weight:800}.clothing-sort-grid{grid-template-columns:repeat(3,minmax(190px,1fr));gap:14px;display:grid}.wardrobe-sort-game{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:16px;margin-top:16px;display:grid}.sort-items-bank{gap:12px;padding:16px;display:grid}.sort-items-bank>strong{color:#18324a;font-size:21px}.sort-items-bank>div{grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px;display:grid}.sort-items-bank .cartoon-piece{min-height:112px}.sort-items-bank .cartoon-piece .session2-cue{border-radius:16px;width:112px;height:98px}.sort-drop-area{grid-template-columns:minmax(430px,1.55fr) minmax(260px,.75fr);gap:14px;display:grid}.sort-bin{text-align:center;border:2px dashed #9ab2c8;align-content:center;justify-items:center;gap:10px;min-height:540px;padding:14px;display:grid}.sort-bin.suitable{background:#f8fbf9}.sort-bin.unsuitable{background:#fff8f8}.sort-bin:hover{border-color:#2f7d7b}.sort-bin>strong{color:#18324a;font-size:22px}.sort-bin>span{color:#657282;font-weight:900}.sort-bin>div{flex-wrap:wrap;justify-content:center;gap:7px;min-height:58px;display:flex}.sort-bin small{color:#18324a;background:#fff;border-radius:999px;align-items:center;min-height:28px;padding:4px 8px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #d9dee5}.wardrobe-drop-scene{isolation:isolate;place-items:center;width:min(100%,560px);height:470px;display:grid;position:relative}.wardrobe-drop-base{background:linear-gradient(90deg,#76481f29 1px,#0000 1px) 0 0/54px 100%,linear-gradient(#e5ad6a 0%,#d1934d 100%);border:16px solid #b57737;border-radius:22px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #fff2dc80,inset 0 0 34px #542d1047,0 22px 38px #0f172a2e}.wardrobe-drop-base:before,.wardrobe-drop-base:after{content:"";opacity:.9;background:linear-gradient(#cf8741,#a5652d);width:20%;position:absolute;top:0;bottom:0}.wardrobe-drop-base:before{right:0;box-shadow:inset 10px 0 18px #ffffff29}.wardrobe-drop-base:after{left:0;box-shadow:inset -10px 0 18px #ffffff29}.wardrobe-top-shelf,.wardrobe-middle-shelf,.wardrobe-bottom-shelf,.wardrobe-rail{z-index:1;position:absolute;left:12%;right:12%}.wardrobe-top-shelf,.wardrobe-middle-shelf,.wardrobe-bottom-shelf{background:linear-gradient(#f0c58e,#9d5b28);border-radius:999px;height:12px;box-shadow:0 8px 14px #4a2a1433}.wardrobe-top-shelf{top:21%}.wardrobe-middle-shelf{top:73%}.wardrobe-bottom-shelf{bottom:9%}.wardrobe-rail{background:#684225;border-radius:999px;height:8px;top:31%;box-shadow:inset 0 2px 3px #ffffff59}.wardrobe-drop-overlay{pointer-events:none;position:absolute;inset:0}.wardrobe-placed-piece{object-fit:contain;filter:drop-shadow(0 12px 14px #0f172a2e);border-radius:10px;animation:.26s ease-out both piecePlace;position:absolute}.wardrobe-placed-piece.abaya{width:25%;height:47%;top:33%;right:24%}.wardrobe-placed-piece.badge{width:20%;height:18%;top:3%;left:28%}.wardrobe-placed-piece.shoes{width:25%;height:16%;bottom:10%;left:28%}.wardrobe-placed-piece.messy{width:24%;height:23%;top:40%;right:49%}.wardrobe-placed-piece.accessories{width:20%;height:20%;top:37%;left:18%}.wardrobe-placed-piece.heels{width:24%;height:18%;bottom:9%;left:14%}.wardrobe-empty-hint{color:#466071;background:#ffffffeb;border-radius:999px;padding:7px 14px;font-size:15px;font-weight:900;position:absolute;bottom:20px;right:50%;transform:translate(50%);box-shadow:0 8px 20px #0f172a1f}@keyframes piecePlace{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.sort-card{background:#fff;border:1px solid #d9dee5;border-radius:12px;align-content:start;justify-items:stretch;gap:12px;min-height:220px;padding:16px;display:grid}.sort-card>.visual-cue{border-radius:20px;justify-self:center;width:88px;height:88px}.sort-card>strong{color:#18324a;text-align:center;min-height:52px;font-size:19px;line-height:1.45}.sort-card>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sort-card button{justify-content:center;min-height:58px;padding:8px}.locked-activity{color:#657282;background:linear-gradient(135deg,#aeb7c229,#0000 58%),#f8fafc;border-right-color:#aeb7c2;align-items:center;gap:16px;min-height:150px;display:flex}.locked-icon{color:#657282;background:#e5eaf0;border-radius:14px;flex:none;place-items:center;width:62px;height:62px;display:grid}.locked-activity h3{color:#657282;margin:0 0 6px}.locked-activity p{color:#7d8792;margin:0;font-weight:900;line-height:1.7}.teacher-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{border-radius:10px;padding:22px}.metric span{color:#1d5f73}.metric strong{margin:10px 0 2px;font-size:34px;display:block}.teacher-panel{border-radius:10px;padding:20px}.question-access-panel{background:#fff;border:2px solid #cfd8e3;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.question-access-panel.is-open{background:#eff9f4;border-color:#2f7d5f}.question-access-panel h3{color:#18324a;margin:5px 0;font-size:24px}.question-access-panel p{color:#657282;margin:0;font-weight:800;line-height:1.7}.question-access-button{color:#fff;cursor:pointer;background:#2f7d5f;border:0;border-radius:10px;flex:none;min-width:190px;min-height:52px;font-weight:900}.question-access-button.lock{background:#8b4350}@media (width<=720px){.question-access-panel{flex-direction:column;align-items:stretch}.question-access-button{width:100%}}.teacher-login{background:#fff;border:1px solid #d9dee5;border-radius:14px;max-width:560px;margin:clamp(42px,9vh,96px) auto;padding:clamp(22px,4vw,34px);box-shadow:0 12px 28px #0f172a14}.teacher-login-icon{color:#fff;background:#18324a;border-radius:12px;place-items:center;width:58px;height:58px;display:grid}.teacher-login h2{color:#18324a;margin:16px 0 8px;font-size:30px}.teacher-login p{color:#657282;margin:0 0 18px;font-weight:800;line-height:1.8}.teacher-login form{gap:10px;display:grid}.teacher-login label{color:#18324a;font-weight:900}.teacher-login input{color:#18324a;min-height:54px;font:inherit;background:#f8fafc;border:1px solid #cfd6df;border-radius:8px;padding:10px 14px;font-weight:900}.account-panel{margin-bottom:18px}.table-heading span{color:#657282;font-weight:800}.account-form{background:#f7f9fb;border:1px solid #e3e7ec;border-radius:10px;grid-template-columns:minmax(180px,1fr) minmax(160px,.7fr) auto auto;align-items:end;gap:12px;padding:16px;display:grid}.account-form label{gap:7px;display:grid}.accounts-list{gap:10px;margin-top:14px;display:grid}.account-message{color:#17412f;background:#eef7f2;border-radius:8px;margin-top:12px;padding:11px 12px;font-weight:900}.account-row{background:#fff;border:1px solid #e3e7ec;border-radius:8px;grid-template-columns:minmax(160px,1fr) 120px auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.account-row strong{color:#18324a}.account-row span{color:#4b5968;font-weight:900}.account-row button{color:#18324a;cursor:pointer;background:#fff;border:1px solid #cfd6df;border-radius:8px;min-height:40px;padding:8px 12px;font-weight:900}.reset-sessions-box{background:#fff8e8;border:1px solid #ead1b2;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.reset-sessions-box div{gap:4px;display:grid}.reset-sessions-box strong{color:#18324a;font-size:18px}.reset-sessions-box span{color:#643b22;font-weight:800;line-height:1.7}.reset-sessions-box button{color:#643b22;background:#fff;border-color:#c89b3c;flex:none;font-weight:900}.table-heading,.student-row{grid-template-columns:1fr auto;align-items:center;gap:14px;display:grid}.table-heading{margin-bottom:16px}.student-row{border-top:1px solid #19312f1a;grid-template-columns:110px 120px minmax(160px,1fr) 90px;padding:14px 0}.row-bar{background:#ebe7dd}.row-bar i{background:#1d5f73}.student-row em{font-style:normal;font-weight:900}.badge-wall{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.badge-wall span{color:#4f371e;background:#fff8e8;border-radius:999px;align-items:center;gap:8px;padding:12px 14px;font-weight:800;display:inline-flex}@media (width<=1120px){.hero,.landing,.video-box,.session-layout,.drag-activity,.time-practice,.prep-order-board,.missing-scene,.cartoon-dressing-stage,.realistic-dressing-stage,.wardrobe-sort-game{grid-template-columns:1fr}.unit-grid,.teacher-grid,.assessment-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.building-body{grid-template-columns:1fr}.building-elevator{grid-template-rows:auto;grid-template-columns:auto repeat(4,1fr);min-height:auto}.building-floor{grid-template-columns:1fr}.workday-scenes,.workday-map{overflow-x:auto}.scenario-board{min-width:1040px}.program-tracks{overflow-x:auto}.program-track{min-width:1080px}.path-row,.unit-lane-stops{min-width:1040px}.cards-scenes{grid-template-columns:repeat(3,minmax(160px,1fr))}.unit-lane{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.journey-map{min-height:1120px;overflow-x:auto}.map-nodes{min-width:1120px}.session-side{grid-template-columns:repeat(4,minmax(0,1fr));position:static}.session-side .back-home,.session-side .mini-profile,.session-side .complete-button,.session-side .graduated-support{grid-column:auto}.session-side .mini-profile,.session-side .back-home,.session-side .complete-button{grid-column:span 2}.sort-drop-area{grid-template-columns:1fr}}@media (width<=760px){.topbar{flex-direction:column;align-items:stretch}.nav-actions{grid-template-columns:1fr;display:grid}.session-side{grid-template-columns:1fr 1fr}.session-side .mini-profile,.session-side .back-home,.session-side .complete-button,.session-side .graduated-support{grid-column:1/-1}.hero,.landing{padding:22px}.landing-intro,.entry-card{padding:18px}.entry-card-header{align-items:flex-start}.summary-grid,.outfit-piece-board,.realistic-piece-board,.sort-items-bank>div{grid-template-columns:1fr}.cartoon-wardrobe,.sara-drop-zone,.realistic-reference-scene,.sort-bin{min-height:260px}.realistic-reference-scene>img{min-height:260px;padding:10px}.wardrobe-source-pieces{grid-template-columns:repeat(2,minmax(82px,1fr));gap:6px;bottom:64px;left:8%;right:8%}.wardrobe-source-piece{min-height:78px;padding:5px}.wardrobe-source-piece .ai-piece{width:58px;height:48px}.wardrobe-source-piece strong{font-size:10px}.realistic-piece-board{max-height:none}.realistic-piece-board .cartoon-piece{grid-template-columns:76px minmax(0,1fr)}.wardrobe-illustration{transform:scale(.86)}.summary-grid div,.summary-grid div:nth-child(odd){border-inline-start:0;border-top:1px solid #e3e7ec}.unit-grid,.teacher-grid,.account-form,.choice-grid,.outfit-grid,.prep-step-pool,.prep-sequence,.ready-look-grid,.tool-game-grid,.quick-eval-grid,.assessment-grid,.missing-options,.landing-features,.time-line,.landing-stats,.step-track,.drop-zones,.progress-strip{grid-template-columns:1fr}.building-roof,.workday-header,.building-body{padding:14px}.building-roof,.workday-header{flex-direction:column;align-items:flex-start}.workday-scenes{gap:14px;padding:14px;overflow-x:visible}.cards-scenes,.unit-journey,.scenario-board{padding:14px}.scenario-board{gap:12px;min-width:0;min-height:auto;display:grid}.scenario-board:before,.scenario-board:after,.scenario-route{display:none}.scenario-zone,.scenario-stop{width:100%;position:relative;inset:auto;transform:none;top:auto!important;left:auto!important}.scenario-zone{min-height:90px}.program-tracks{overflow-x:visible}.program-track{grid-template-columns:1fr;min-width:0}.track-sessions{grid-template-columns:1fr}.track-sessions:before{display:none}.timeline-stop{min-height:108px}.cards-scenes{grid-template-columns:1fr}.path-row{grid-template-columns:1fr;gap:12px;min-width:0}.unit-lane-stops{grid-template-columns:1fr;min-width:0}.unit-lane-stops:before{display:none}.unit-lane{padding:14px}.path-row:before,.path-row:after{display:none}.row-label{justify-self:start;position:static}.workday-stop{text-align:right;grid-template-columns:auto 1fr;justify-items:stretch;min-height:126px}.building-elevator,.room-grid{grid-template-columns:1fr}.training-room{text-align:right;grid-template-columns:auto 1fr;justify-items:stretch;min-height:120px}.training-room strong{align-self:center}.map-toolbar{align-items:stretch}.map-toolbar .primary.small{width:100%}.journey-map{min-height:auto;padding:18px;overflow:visible}.route-line{display:none}.map-nodes{gap:12px;min-width:0;display:grid;position:relative;inset:auto}.map-station{text-align:right;grid-template-columns:auto 1fr;place-items:center stretch;width:100%;min-height:104px;position:relative;transform:none;top:auto!important;left:auto!important}.station-label{min-width:0;max-width:none}.student-runner{top:6px;left:10px;right:auto}.drag-card{min-height:72px}.drop-zone{min-height:112px}.student-row,.account-row{grid-template-columns:1fr}}.time-phase-banner{border:1px solid #b9d0ad;color:#17334a;background:linear-gradient(135deg,#f7fbf3 0%,#eef6e9 55%,#fffaf0 100%);border-inline-start:8px solid #4c6a38;border-radius:24px;padding:clamp(20px,3vw,38px);box-shadow:0 18px 44px #2f4c261f}.time-phase-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.time-phase-header h3{margin:6px 0;font-size:clamp(1.55rem,3vw,2.45rem)}.time-phase-header p{color:#5d6f78;margin:0;font-size:clamp(1rem,1.6vw,1.25rem)}.visible-session-timer{aspect-ratio:1;color:#274a2a;background:#fff;border:8px solid #d7b44b;border-radius:50%;place-content:center;justify-items:center;min-width:140px;display:grid;box-shadow:0 12px 28px #4c6a3829}.visible-session-timer strong{margin-top:4px;font-size:2.25rem;line-height:1}.visible-session-timer span{font-weight:800}.independence-meter{grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:14px;margin:28px 0;font-weight:900;display:grid}.independence-meter>div{background:#dfe8dc;border-radius:999px;height:18px;overflow:hidden}.independence-meter i{border-radius:inherit;background:linear-gradient(90deg,#82a967,#3f7650);height:100%;transition:width .45s;display:block}.time-phase-track{grid-template-columns:repeat(3,1fr);gap:16px;display:grid;position:relative}.time-phase-track:before{content:"";top:25px;z-index:0;background:#cfdbca;height:5px;position:absolute;inset-inline:12%}.time-phase-track>div{z-index:1;text-align:center;color:#77847c;justify-items:center;gap:5px;padding:8px;display:grid;position:relative}.time-phase-track span{background:#e2e9df;border:5px solid #fff;border-radius:50%;place-items:center;width:52px;height:52px;font-weight:900;display:grid;box-shadow:0 5px 14px #203c2a1f}.time-phase-track .active span{color:#fff;background:#d7b44b}.time-phase-track .done span{color:#fff;background:#4c6a38}.time-phase-track .active,.time-phase-track .done{color:#244632}.time-phase-track small{font-weight:700}@media (width<=700px){.time-phase-header{align-items:flex-start}.visible-session-timer{min-width:100px}.time-phase-track{gap:4px}.time-phase-track strong{font-size:.9rem}.time-phase-track small{font-size:.72rem}.independence-meter{grid-template-columns:1fr auto}.independence-meter>span{grid-column:1/-1}}.work-skills-mark{filter:drop-shadow(0 13px 15px #51235c38);background:0 0;border-radius:0;flex:none;place-items:center;width:86px;height:86px;display:grid;position:relative}.work-skills-mark:after{content:none}.work-skills-mark img{object-fit:contain;width:100%;height:100%;display:block}.work-skills-mark.compact{width:58px;height:58px;box-shadow:none;filter:drop-shadow(0 8px 9px #51235c33);border-radius:0}.splash-screen .work-skills-mark{width:130px;height:130px}.brand{gap:12px}.brand>.work-skills-mark{order:0}.topbar{background:#fffffff0;border-bottom:1px solid #eadff2;box-shadow:0 7px 22px #4c316612}.landing{isolation:isolate;background:radial-gradient(circle at 87% 13%,#ffcad894 0 8%,#0000 28%),radial-gradient(circle at 8% 86%,#99dcd27a 0 8%,#0000 26%),linear-gradient(135deg,#fff9fc 0%,#f8f3ff 46%,#effaf8 100%);border-top:0;grid-template-columns:minmax(460px,.94fr) minmax(410px,.76fr);gap:clamp(26px,4vw,64px);padding:clamp(30px,5vw,76px) clamp(24px,6vw,100px);position:relative;overflow:hidden}.landing:before,.landing:after{content:"";z-index:-1;filter:blur(2px);opacity:.7;border-radius:50%;position:absolute}.landing:before{top:-160px;border:45px solid #704fa614;width:300px;height:300px;inset-inline-end:18%}.landing:after{bottom:-125px;border:35px solid #d9789517;width:220px;height:220px;inset-inline-start:38%}.landing-copy{gap:20px;max-width:900px}.landing-intro{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #7555a429;border-radius:34px 34px 18px;padding:clamp(26px,4vw,46px);position:relative;overflow:hidden;box-shadow:0 24px 60px #5b3f7e1c}.landing-intro:after{content:"";top:0;background:linear-gradient(#7957a7,#d77595,#3a9b91);width:9px;height:100%;position:absolute;inset-inline-start:0}.landing-title-lockup{align-items:center;gap:16px;display:flex}.landing-title-lockup .eyebrow{color:#784b8e;font-size:1.04rem;display:block}.landing-title-lockup small{color:#83728e;margin-top:4px;font-weight:800;display:block}.landing-copy h1{color:#302344;max-width:760px;margin:22px 0 16px;font-size:clamp(40px,5vw,70px);line-height:1.08}.landing-copy p{color:#685d73;max-width:720px;font-size:clamp(17px,1.65vw,21px);line-height:1.85}.landing-promise{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.landing-promise span{color:#5a466e;background:#f5ecfb;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-weight:900;display:inline-flex}.landing-promise span:nth-child(2){color:#8a5363;background:#fff0f4}.landing-promise span:nth-child(3){color:#26746a;background:#e9f8f5}.entry-card{background:linear-gradient(135deg,#fffffffa,#fff7faf7);border:1px solid #d9789540;border-right:0;border-radius:28px 28px 15px;gap:18px;padding:24px;position:relative;box-shadow:0 20px 45px #7246691f}.entry-card-header>span{background:linear-gradient(145deg,#dc7897,#a961a0);border-radius:19px;width:58px;height:58px;box-shadow:0 10px 22px #be5b8b38}.entry-card-header strong{color:#3b294d;font-size:25px}.entry-card-header small{color:#826f88}.student-entry label{color:#49385b}.student-entry>div{background:#fff;border:1px solid #eadde9;border-radius:18px;padding:6px;box-shadow:inset 0 1px 3px #4c32520d}.student-entry input{color:#3c2d4c;background:0 0;border:0;border-radius:13px;outline:none;min-height:58px}.student-entry input:focus{box-shadow:0 0 0 3px #7f55aa24}.start-button{color:#fff;background:linear-gradient(135deg,#7651a2,#a75d9d 56%,#d47591);border:0;border-radius:14px;min-height:58px;padding-inline:24px;box-shadow:0 11px 24px #77499742}.start-button:hover{transform:translateY(-2px);box-shadow:0 15px 28px #77499752}.landing-actions{margin:0 10px}.landing-actions span{color:#27776c}.landing-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #4a91892e;border-radius:36px 36px 20px;align-content:center;gap:18px;padding:24px;position:relative;box-shadow:0 25px 60px #3a706b1a}.landing-map-head{align-items:center;gap:13px;padding:5px 4px 4px;display:flex}.landing-map-head>span{color:#fff;background:linear-gradient(145deg,#319487,#62b7a7);border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.landing-map-head small{color:#5c8d87;font-weight:900;display:block}.landing-map-head strong{color:#342746;margin-top:2px;font-size:20px;display:block}.landing-features{box-shadow:none;background:0 0;border:0;border-radius:0;gap:12px;padding:0;position:relative}.landing-features:before{content:"";top:32px;bottom:32px;opacity:.35;background:linear-gradient(#8057aa,#d97996,#e4ae63,#3e9d91);border-radius:4px;width:3px;position:absolute;inset-inline-start:30px}.landing-features span{color:#3c304d;background:#fff;border:1px solid #7c5ca324;border-radius:22px 22px 12px;grid-template-rows:auto auto;grid-template-columns:34px 48px 1fr;align-items:center;column-gap:11px;min-height:82px;padding:13px 14px;display:grid;position:relative;box-shadow:0 10px 23px #4c375d12}.landing-features span:nth-child(2){border-color:#d7759433}.landing-features span:nth-child(3){border-color:#daa05338}.landing-features span:nth-child(4){border-color:#34968a33}.landing-features i{z-index:1;color:#fff;background:#7c57a3;border-radius:50%;grid-row:1/3;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.landing-features span:nth-child(2) i{background:#d67895}.landing-features span:nth-child(3) i{background:#d89a4f}.landing-features span:nth-child(4) i{background:#36978c}.landing-features b{color:#745296;background:#f2eafa;border-radius:15px;grid-row:1/3;place-items:center;width:46px;height:46px;display:grid}.landing-features span:nth-child(2) b{color:#ae5b75;background:#ffedf2}.landing-features span:nth-child(3) b{color:#a56e27;background:#fff4df}.landing-features span:nth-child(4) b{color:#277b71;background:#e7f7f4}.landing-features em{color:#93859b;align-self:end;font-size:.78rem;font-style:normal;font-weight:800}.landing-features strong{align-self:start;font-size:1rem}.landing-stats{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;overflow:visible}.landing-stats div,.landing-stats div:first-child{background:linear-gradient(145deg,#f1e9fa,#fbf8fe);border:0;border-radius:20px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;justify-items:start;column-gap:9px;min-height:112px;padding:14px;display:grid}.landing-stats div:nth-child(2){background:linear-gradient(145deg,#ffedf2,#fff9fb)}.landing-stats div:nth-child(3){background:linear-gradient(145deg,#e7f7f4,#f8fdfc)}.landing-stats div>span{color:#76509f;background:#fff;border-radius:13px;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.landing-stats div:nth-child(2)>span{color:#b65f7c}.landing-stats div:nth-child(3)>span{color:#287d73}.landing-stats strong{color:#342646;font-size:30px;line-height:1}.landing-stats small{color:#81748b;font-weight:800}@media (width<=1120px){.landing{grid-template-columns:1fr}.landing-copy{max-width:none}.landing-panel{grid-template-columns:minmax(0,1fr) minmax(330px,.8fr)}.landing-map-head,.landing-stats{grid-column:1/-1}}@media (width<=760px){.landing{gap:18px;padding:18px}.landing-intro,.landing-panel{border-radius:25px 25px 14px}.landing-title-lockup{align-items:flex-start}.landing-title-lockup .work-skills-mark{border-radius:19px;width:58px;height:58px}.landing-copy h1{font-size:clamp(34px,11vw,48px)}.entry-card{border-radius:23px 23px 13px;padding:18px}.student-entry>div{grid-template-columns:1fr;display:grid}.student-entry input{width:100%;min-width:0}.landing-panel{grid-template-columns:1fr;padding:16px;display:grid}.landing-map-head,.landing-stats{grid-column:auto}.landing-stats{grid-template-columns:1fr}.landing-stats div,.landing-stats div:first-child{min-height:82px}}.workspace-phase-banner{border:1px solid #b8ccb0;color:#17334a;background:linear-gradient(145deg,#f8fbf5,#eef5e8 58%,#fff8e6);border-inline-start:8px solid #4c6a38;border-radius:24px;padding:clamp(20px,3vw,38px);box-shadow:0 18px 44px #354e2821}.workspace-phase-head{justify-content:space-between;align-items:center;gap:24px;display:flex}.workspace-phase-head h3{margin:6px 0;font-size:clamp(1.55rem,3vw,2.45rem)}.workspace-phase-head p{color:#5d6f78;margin:0;font-size:clamp(1rem,1.6vw,1.25rem)}.workspace-round-timer{aspect-ratio:1;color:#315331;background:#fff;border:6px solid #d6ad46;border-radius:28px;place-content:center;justify-items:center;min-width:130px;display:grid;box-shadow:0 12px 28px #4c6a3829}.workspace-round-timer strong{margin-top:5px;font-size:2.2rem;line-height:1}.workspace-round-timer span{font-weight:800}.workspace-progress{grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:14px;margin:28px 0;font-weight:900;display:grid}.workspace-progress>div{background:#dfe9db;border-radius:999px;height:18px;overflow:hidden}.workspace-progress i{border-radius:inherit;background:linear-gradient(90deg,#d3aa42,#4c7a45);height:100%;transition:width .45s;display:block}.workspace-desk-zones{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.workspace-desk-zones>div{color:#6f7c74;text-align:center;background:#ffffffb8;border:2px dashed #b9c9b2;border-radius:18px;place-content:center;justify-items:center;gap:5px;min-height:112px;padding:14px;display:grid}.workspace-desk-zones span{background:#dfe7dc;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.workspace-desk-zones .active{color:#6b5524;background:#fff9e8;border-color:#d2a640}.workspace-desk-zones .active span{color:#fff;background:#d2a640}.workspace-desk-zones .done{color:#315a37;background:#eef8ed;border-style:solid;border-color:#6f9b69}.workspace-desk-zones .done span{color:#fff;background:#4f8151}.workspace-desk-zones small{font-weight:700}@media (width<=700px){.workspace-phase-head{align-items:flex-start}.workspace-round-timer{min-width:94px}.workspace-progress{grid-template-columns:1fr auto}.workspace-progress>span{grid-column:1/-1}.workspace-desk-zones{gap:6px}.workspace-desk-zones>div{min-height:96px;padding:8px 4px}.workspace-desk-zones strong{font-size:.85rem}.workspace-desk-zones small{font-size:.7rem}}