.experience{background:var(--page);min-height:100vh}.experience:fullscreen{overflow:auto}.site-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:94px;padding:0 max(5%,50vw - 660px);display:flex}.brand{align-items:center;gap:12px;font-size:23px;font-weight:700;line-height:1.4;display:flex}.brand small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.brand-mark{background:var(--teal);color:#fff;border-radius:15px 15px 5px;place-items:center;width:47px;height:47px;display:grid;transform:rotate(-5deg)}.brand-mark svg{transform:rotate(5deg)}.header-tools{align-items:center;gap:26px;display:flex}.language{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:9px;padding:9px 14px;font-size:12px;font-weight:600;display:flex}main{max-width:1320px;margin:auto;padding:25px 0 42px}.breadcrumb{color:#82918b;gap:13px;font-size:11px;display:flex}.breadcrumb strong{color:#5e7269;font-weight:500}.page-heading{justify-content:space-between;align-items:center;margin:29px 0 28px;display:flex}.eyebrow{color:var(--teal);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}h1{letter-spacing:-1px;margin:7px 0 6px;font-size:35px;font-weight:600;line-height:1.5}.page-heading p{color:var(--muted);margin:0;font-size:14px}.help-button{color:#53685e;background:0 0;border:1px solid #d9e2da;border-radius:9px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex}.game-layout{grid-template-columns:minmax(0,1fr) 284px;align-items:start;gap:24px;display:grid}.game-panel{background:#fff;border:1px solid #dde6df;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px #284d3b04}.game-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:17px 23px;display:flex}.track-title{align-items:center;gap:11px;display:flex}.track-icon{color:#68846e;background:#f1f5ef;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.track-title strong{font-size:14px;font-weight:600;display:block}.track-title small{color:#8a958d;margin-top:3px;font-size:10px;display:block}.icon-tools{gap:7px;display:flex}.icon-tools button{color:#6f8177;background:#fff;border:1px solid #e9eeea;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-tools button:hover,.help-button:hover{background:#eaf3ec}.scene-wrap{background:#dff1ee;position:relative}.race-canvas{aspect-ratio:1200/520;direction:ltr;width:100%;position:relative;overflow:hidden}.race-canvas canvas{display:block!important}.loading{color:var(--teal);place-items:center;font-size:13px;display:grid}.location-tag{top:20px;color:#50776b;background:#ffffffd9;border-radius:20px;align-items:center;gap:6px;padding:6px 11px;font-size:10px;display:flex;position:absolute;inset-inline-start:22px}.location-tag>span{background:#6c9683;border-radius:50%;width:5px;height:5px}.scene-caption{text-align:center;color:#786d55;font-size:9px;position:absolute;bottom:3px;left:0;right:0}.race-legend{border-bottom:1px solid #edf0ea;align-items:center;gap:23px;padding:12px 25px;font-size:11px;display:flex}.race-legend>span{align-items:center;gap:7px;display:flex}.race-legend b{margin-inline-start:6px;font-size:11px}.dot{border-radius:3px;width:9px;height:9px;display:inline-block}.teal{background:var(--teal)}.coral{background:var(--coral)}.race-legend small{color:#93a094;align-items:center;gap:7px;margin-inline-start:auto;font-size:10px;display:flex}.question-area{min-height:280px;padding:24px 28px}.welcome{text-align:center;padding:0 10px 5px}.welcome-icon{display:none}.welcome h2{margin:6px 0 7px;font-size:23px;font-weight:600}.welcome p{color:var(--muted);margin:0 0 20px;font-size:13px}.primary{background:var(--teal);color:#fff;min-height:45px;box-shadow:var(--sh-btn);border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:10px 26px;font-size:14px;font-weight:600;display:inline-flex}.primary:hover{background:var(--teal-hover)}.welcome>.primary{min-width:210px}.welcome>small{color:#94a097;margin-top:17px;font-size:10px;display:block}.section-label{color:var(--teal);align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:23px 22px}.lesson-card h2{margin:13px 0 4px;font-size:23px;font-weight:600}.lesson-card>p{color:#8b978e;margin:0 0 21px;font-size:11px}.lesson-card label{margin-bottom:8px;font-size:11px;font-weight:500;display:block}.select-wrap{position:relative}.select-wrap select{appearance:none;color:#425b4d;padding:10px 12px;background:#fafcf9;border:1px solid #dce5dd;border-radius:7px;width:100%;padding-inline-end:30px;font-size:12px}.select-wrap>svg{inset-inline-end:10px;pointer-events:none;color:#6b8170;position:absolute;top:13px}.select-wrap select:disabled{opacity:.65}.lesson-card>small{color:var(--muted);font-size:10px}.lesson-facts{border-top:1px solid #edf0e9;gap:14px;margin-top:21px;padding-top:16px;display:grid}.lesson-facts>span{color:#8b988d;justify-content:space-between;font-size:11px;display:flex}.lesson-facts b{color:#4e6656;font-weight:500}.lesson-facts>span.fact-types{display:block}.lesson-facts>span.fact-types b{color:var(--teal);margin-top:5px;font-weight:600;line-height:1.9;display:block}.progress-card{border-bottom:1px solid #e1e8df;margin:0 20px;padding:24px 1px 21px}.progress-heading{justify-content:space-between;align-items:center;display:flex}.progress-heading h3{margin:0;font-size:12px;font-weight:600}.progress-heading>span{color:#839482;font-size:11px}.progress-bar{background:#e3e9df;border-radius:3px;height:6px;margin:17px 0 12px;overflow:hidden}.progress-bar>span{background:var(--teal);border-radius:3px;height:100%;transition:width .4s;display:block}.milestones{justify-content:space-between;gap:5px;display:flex}.milestones>span{color:#99a48f;border:1px solid #dde5d9;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.milestones>.passed{background:var(--teal);color:#fff;border-color:var(--teal)}.progress-card p{color:#90a088;margin:14px 0 0;font-size:10px}.tip{background:#edf2e7;border-radius:11px;align-items:flex-start;gap:11px;margin:22px 12px 0;padding:16px;display:flex}.tip-star{color:#8f9e5f;margin-top:3px}.tip h3{color:#607344;margin:0 0 6px;font-size:12px;font-weight:600}.tip p{color:#899575;margin:0;font-size:11px;line-height:1.9}.sample-note{text-align:center;color:#98a28f;margin:17px 23px;font-size:10px;line-height:1.9}.question-meta{justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.muted-text{color:#9aa69e;font-weight:400}.subject-chip{color:#85916e;background:#f1f5ec;border-radius:5px;padding:4px 9px;font-size:10px;font-weight:400}.question-title{margin:12px 0 18px;font-size:22px;font-weight:600}.answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answer{text-align:start;color:#41594b;background:#fff;border:1px solid #e2e9e0;border-radius:9px;align-items:center;gap:12px;min-height:51px;padding:10px 13px;font-size:14px;display:flex}.answer>svg{margin-inline-start:auto}.answer-letter{color:#839278;background:#f2f5ee;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.answer:hover:not(:disabled){border-color:color-mix(in srgb,var(--teal) 45%,#fff);background:#f1f8f4}.answer.correct{background:#eaf8ef;border-color:#5ba884}.answer.incorrect{background:#fff0ec;border-color:#df9a83}.answer:disabled{opacity:1}.feedback-row{justify-content:space-between;align-items:center;gap:12px;min-height:55px;margin-top:12px;display:flex}.feedback-row p{margin:0;font-size:12px;line-height:1.8}.answer-hint{color:#95a18e}.success-text{color:#33846a}.retry-text{color:#b26e50}.compact{white-space:nowrap;min-height:38px;padding:7px 13px;font-size:11px}.results{text-align:center}.trophy{color:#bc9643;margin:0 auto 7px}.results h2{margin:0;font-size:23px}.results p{color:#87977f;margin:8px 0;font-size:13px}.stars{color:#dbb054;justify-content:center;gap:6px;margin:14px;display:flex}.results .primary{min-height:39px;font-size:12px}footer{color:#95a18d;border-top:1px solid #dfe6dc;justify-content:space-between;align-items:center;gap:14px;max-width:1320px;margin:auto;padding:22px 0 30px;font-size:10px;display:flex}.footer-brand{color:#5e7a68;font-size:14px;font-weight:800}.footer-brand>span{color:#96a38e;margin-inline-start:7px;font-size:10px;font-weight:400}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#183c3866;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-dialog{width:100%;max-width:480px;color:var(--ink);background:#fff;border-radius:18px;padding:35px;position:relative}.help-dialog>svg{color:var(--teal)}.help-dialog h2{margin:12px 0;font-size:25px}.help-dialog ol{padding-inline-start:23px;font-size:14px;line-height:2.2}.help-dialog p{color:var(--muted);font-size:12px}.modal-close{top:15px;width:32px;height:32px;color:var(--ink);background:#f2f5ee;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:15px}.notice{background:#fff4dc;justify-content:space-between;padding:12px;font-size:12px;display:flex}.notice button{background:0 0;border:0}.scene-error{text-align:center;padding:30px}[dir=ltr] h1{letter-spacing:-1.2px;font-size:33px;font-weight:800}[dir=ltr] .brand{font-size:20px}[dir=ltr] .question-title{font-size:21px}@media (min-width:1600px){main{padding-top:32px}.page-heading{margin:34px 0}.question-area{min-height:290px}}@media (max-width:1400px){main,footer{margin-inline:5%}}@media (max-width:1000px){.game-layout{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.lesson-card{padding:18px}.question-area{padding:20px}.page-heading h1{font-size:30px}.brand{font-size:20px}.race-legend{padding:10px 18px}.sidebar .tip{margin-inline:0}.progress-card{margin-inline:10px}}@media (max-width:760px){.site-header{height:80px;padding-inline:5%}.brand{font-size:19px}.brand small{font-size:9px}.brand-mark{border-radius:11px;width:38px;height:38px}.header-tools{gap:8px}.language{padding:8px 10px}.game-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;gap:14px;display:grid}.lesson-card{grid-row:span 2}.progress-card{margin:0;padding:17px 4px}.tip{padding:12px;margin:0!important}.sample-note{grid-column:1/-1;margin:0}.page-heading{align-items:flex-start;gap:10px;margin:22px 0}.page-heading h1,[dir=ltr] h1{font-size:27px}.page-heading p{font-size:12px}.help-button{gap:0;margin-top:20px;padding:10px;font-size:0}.eyebrow{font-size:11px}.question-area{min-height:265px}.game-toolbar{padding:13px 17px}.track-title strong{font-size:12px}.scene-caption{font-size:8px}.location-tag{top:10px;padding:4px 8px;font-size:8px;inset-inline-start:12px}.welcome h2{font-size:21px}.welcome p{font-size:12px}.feedback-row{align-items:flex-start}.question-title{font-size:21px}footer{text-align:center;flex-wrap:wrap;justify-content:center}.footer-brand{width:100%}}@media (max-width:440px){.brand{font-size:17px}.brand small{font-size:8px}[dir=ltr] .brand{font-size:15px}.language{font-size:10px}.brand-mark{width:32px;height:36px}.page-heading h1,[dir=ltr] h1{font-size:24px}.race-legend small{display:none}.game-toolbar{padding:11px}.track-icon{width:30px;height:34px}.icon-tools{gap:4px}.icon-tools button{width:30px;height:30px}.question-area{padding:18px 15px}.question-title,[dir=ltr] .question-title{font-size:19px}.answer{gap:7px;padding:9px;font-size:12px}.answer-letter{width:23px;height:25px}.feedback-row{flex-direction:column}.compact{align-self:flex-end}.sidebar{gap:12px}.lesson-card{padding:15px}.lesson-card h2{font-size:19px}.lesson-facts>span{font-size:10px}.tip{display:block}.tip-star{display:none}.progress-heading h3{font-size:11px}.milestones{gap:2px}.milestones>span{width:17px;height:17px;font-size:8px}.lesson-facts{gap:11px}.scene-caption{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.music-strip{color:#618271;background:#f4f9f5;border-bottom:1px solid #e4eee4;justify-content:space-between;align-items:center;gap:12px;padding:10px 25px;font-size:11px;display:flex}.music-strip>span,.music-strip label{align-items:center;gap:8px;display:flex}.music-strip input{width:85px;height:5px;accent-color:var(--teal);cursor:pointer}.car-picker{justify-content:center;align-items:center;gap:10px;margin:16px 0 20px;display:flex}.car-picker>span{color:#6e8078;margin-inline-end:4px;font-size:12px}.car-picker button{color:var(--car-color);background:#f7faf5;border:2px solid #e4eae5;border-radius:13px;place-items:center;width:64px;height:46px;display:grid;position:relative}.car-picker .chosen{border-color:var(--car-color);background:#edf7ed;box-shadow:0 3px #d2e5d3}.car-picker button>svg:last-child:not(:first-child){top:-5px;background:var(--car-color);color:#fff;border-radius:50%;width:18px;height:18px;padding:2px;position:absolute;inset-inline-end:-5px}.car-picker button:hover{transform:translateY(-3px)}.scene-wrap{border-top:3px solid #e7cf96}.scene-caption{color:#735f3c;background:#fff4d7d9;border-radius:12px;padding:2px;bottom:4px;left:30%;right:30%}.location-tag{background:#fffdf1ed;font-size:11px;font-weight:600;box-shadow:0 3px 10px #6f68431a}.game-panel{border:2px solid #dde8df;box-shadow:0 8px #e8eee4}.game-toolbar{background:#fffef9}.question-title{font-size:26px}.answer{border-width:2px;min-height:58px;font-size:16px;box-shadow:0 3px #edf0e8}.answer-letter{color:#7b88b0;background:#edf1fd}.answer:nth-child(2) .answer-letter{color:#b99a4c;background:#fff1d8}.answer:nth-child(3) .answer-letter{color:#9a79bd;background:#f5eafd}.answer:nth-child(4) .answer-letter{color:#63988a;background:#e0f4ee}.answer.correct{animation:.35s ease-out answer-pop;box-shadow:0 3px #a2d4b5}.answer.incorrect{box-shadow:0 3px #eac5b6}.primary{box-shadow:0 5px 0 var(--teal-shadow);border-radius:13px;min-height:48px}.welcome h2{font-size:25px}.welcome p{font-size:14px}.celebration{padding:8px 0 18px;position:relative;overflow:hidden}.celebration .trophy{background:#fff3cb;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:17px;display:grid;box-shadow:0 0 0 8px #fffae9}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{border-radius:2px;width:7px;height:11px;animation:2.4s ease-out both confetti-fall;position:absolute;top:-15px}.lesson-card{border-top:4px solid #d9b879}.tip{background:#f2ecfc}.tip h3{color:#7c6499}.tip p{color:#92819d}.tip-star{color:#a98ac5}.site-header{border-bottom:3px solid #e9eee1}.scene-wrap canvas{cursor:default}@keyframes answer-pop{50%{transform:scale(1.02)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(280px)rotate(400deg)}}@media (max-width:760px){.question-title{font-size:22px}.music-strip{padding:10px 15px;font-size:10px}.music-strip label{font-size:0}.music-strip input{width:70px}.car-picker{gap:8px}.car-picker button{width:55px}.car-picker>span{font-size:11px}.scene-caption{display:none}.answer{min-height:55px;font-size:14px}.location-tag{font-size:9px}.welcome h2{font-size:21px}.welcome p{font-size:12px}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.car-picker button:hover{transform:none}}.question-timer{background:var(--teal-tint);color:color-mix(in srgb,var(--teal) 82%,#000);font-variant-numeric:tabular-nums;border-radius:20px;align-items:center;gap:6px;margin-inline:auto 12px;padding:5px 10px;display:inline-flex}.question-timer.urgent{color:#ad4b30;background:#fff0e7}.timer-track{background:#edf1e9;border-radius:4px;height:4px;margin-top:12px;overflow:hidden}.timer-track span{background:color-mix(in srgb,var(--teal) 72%,#fff);height:100%;transition:width .15s linear;display:block}.auto-next{color:#7d9085;white-space:nowrap;font-size:11px}.lesson-card .time-label{margin-top:16px}.player-names{gap:8px;margin-top:12px;display:grid}.player-names label{align-items:center;gap:8px;margin:0;display:flex}.player-names input{width:100%;min-width:0;font:inherit;color:var(--ink);background:#fafcf9;border:1px solid #dce5dd;border-radius:7px;padding:8px 10px;font-size:12px}.player-names input:focus-visible{outline-offset:2px;outline:3px solid #d0a637}.multiplayer-note{line-height:1.8;margin:12px 0 18px!important;font-size:11px!important}.turn-banner{background:#f0f7ef;border-inline-start:4px solid;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.turn-banner strong{overflow-wrap:anywhere;font-size:17px}.turn-banner>span{white-space:nowrap;color:#698472;margin-inline-start:auto;font-size:11px}.race-legend{flex-wrap:wrap;gap:8px 16px}.race-legend>span{border-radius:7px;min-width:0;padding:5px 8px}.race-legend>span>span{overflow-wrap:anywhere;max-width:155px}.race-legend .active-racer{background:#e7f4e8;box-shadow:inset 0 0 0 1px #b9d7bf}.leaderboard{text-align:start;gap:8px;max-width:420px;margin:18px auto 22px;padding:0;list-style:none;display:grid}.leaderboard li{background:#f4f7ef;border-radius:9px;align-items:center;gap:10px;padding:10px 14px;display:flex}.leaderboard li>span:not(.rank){overflow-wrap:anywhere;min-width:0}.leaderboard strong{white-space:nowrap;margin-inline-start:auto}.leaderboard .rank{background:#fff0c7;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.milestones{flex-wrap:wrap;row-gap:7px}.results h2{overflow-wrap:anywhere}@media (max-width:440px){.turn-banner{flex-wrap:wrap;gap:7px}.turn-banner strong{font-size:15px}.race-legend{gap:4px;font-size:10px}.auto-next{white-space:normal;overflow-wrap:anywhere}.player-names input{padding:8px 6px;font-size:11px}}@media (max-width:760px){.sidebar{align-items:start}.sidebar .tip,.sidebar .progress-card{align-self:start}.sidebar .lesson-facts>span{gap:10px}.sidebar .lesson-facts b{text-align:end}}.content-selection{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:24px;padding:18px 22px}.content-mode{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.content-mode button{color:var(--ink);background:#f8faf6;border:1px solid #dce5dd;border-radius:8px;padding:8px 16px;font-size:13px}.content-mode button[aria-pressed=true]{background:var(--teal);color:#fff;border-color:var(--teal)}.content-mode button:disabled{opacity:.7}.curriculum-picker{border:0;min-width:0;margin:0;padding:0}.curriculum-picker legend{margin-bottom:12px;font-size:13px;font-weight:600}.curriculum-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.curriculum-fields label{margin-bottom:7px;font-size:12px;display:block}.curriculum-fields select{min-height:42px}.curriculum-source{color:#806a3d;background:#fff9e9;border-radius:6px;margin:14px 0 0;padding:9px 12px;font-size:11px;line-height:1.8}.curriculum-picker small{color:var(--muted);font-size:11px}.selected-curriculum{line-height:1.8;color:#567567!important;font-size:12px!important}.content-selection .select-wrap select:disabled,.curriculum-picker:disabled select{opacity:.7}@media (max-width:760px){.curriculum-fields{grid-template-columns:1fr 1fr;gap:12px}.content-selection{padding:15px}.content-mode button{padding:8px 11px;font-size:11px}.curriculum-source{font-size:10px}}.feedback-message{align-items:center;gap:12px;min-width:0;display:flex}.answer-reaction{border-radius:18px;flex-shrink:0;place-items:center;width:62px;height:62px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:43px;line-height:1;animation:.3s ease-out both reaction-arrive;display:inline-grid}.reaction-correct{background:#e8f7d9}.reaction-retry{background:#fff2df}@keyframes reaction-arrive{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (max-width:440px){.answer-reaction{width:52px;height:52px;font-size:36px}.feedback-message{gap:10px}}@media (prefers-reduced-motion:reduce){.answer-reaction{animation:none}}.template-picker{margin:0 0 24px}.template-picker-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.template-picker-heading h2{margin:0;font-size:17px;font-weight:600}.template-picker-heading p{color:var(--muted);margin:0;font-size:11px}.template-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}.template-option{text-align:start;min-height:100px;color:var(--ink);background:#fff;border:2px solid #dfe8df;border-radius:13px;align-items:center;gap:16px;padding:0 0 0 14px;display:flex;position:relative;overflow:hidden}[dir=rtl] .template-option{padding:0 0 0 14px}[dir=ltr] .template-option{padding:0 14px 0 0}.template-art{background-position:50%;background-size:cover;flex-shrink:0;align-self:stretch;width:145px}.template-option.selected{background:#f5fcf5;border-color:#278778}.template-option:hover:not(:disabled){border-color:#79b6a5}.template-option:disabled{cursor:default}.template-copy{flex:1;min-width:0;padding-block:14px}.template-title{align-items:center;gap:8px;display:flex}.template-title strong{font-size:15px;font-weight:600}.template-copy small{color:#7e9184;margin-top:5px;font-size:11px;line-height:1.7;display:block}.template-check{border:1px solid #d6e0d6;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;margin-inline-end:2px;display:grid}.selected .template-check{color:#fff;background:#278778;border-color:#278778}.adventure-theme{--teal:#147e75;--page:#f0f5f2}.adventure-theme .page-heading h1{font-size:33px}.adventure-theme .game-panel{border-color:#c8dcd4;box-shadow:0 7px #dce9e1}.adventure-theme .game-toolbar{background:#fbfdf9}.adventure-canvas{aspect-ratio:1200/650;direction:ltr;background:#e2efd9;width:100%;position:relative;overflow:hidden}.adventure-canvas canvas{display:block!important}.map-frame{border-block:1px solid #c4d7c7;position:relative}.map-label{inset-inline-start:20px;color:#3d695c;pointer-events:none;background:#fffdf1f2;border:1px solid #e1dbbd;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;max-width:65%;padding:10px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;top:18px;box-shadow:0 3px 12px #27433616}.map-label small{color:#8c967b;width:100%;font-size:9px;font-weight:400;display:block}.map-score{bottom:15px;color:#fff;pointer-events:none;background:#174e48ed;border:1px solid #d3e9d2;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 13px;font-size:15px;font-weight:600;display:flex;position:absolute;inset-inline-end:18px}.map-score span{font-size:10px;font-weight:400}.journey-passport{background:#fffdf5;border-bottom:1px solid #e4e5d4;padding:18px 23px 20px}.passport-heading{color:#557367;align-items:center;gap:8px;margin-bottom:15px;display:flex}.passport-heading strong{font-size:13px;font-weight:600}.passport-heading>span{color:#98a089;margin-inline-start:auto;font-size:10px}.passport-stamps{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.passport-stamp{color:#a09f8b;background:#f8f6ed;border:1px dashed #d7d6c3;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:126px;padding:13px 8px;display:flex}.passport-stamp:hover{background:#f1f3e5}.stamp-icon{opacity:.8;border:2px solid;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.passport-stamp strong{font-size:12px;font-weight:600}.passport-stamp small{align-items:center;gap:5px;font-size:10px;display:flex}.passport-stamp.unlocked{color:#498167;background:#edf8e9;border-style:solid;border-color:#a9cda1}.passport-stamp.unlocked .stamp-icon{opacity:1;background:#d8eccb;box-shadow:0 0 0 4px #e2f0d9}.stage-fact{color:#627e64;background:#f1f4e6;border-radius:7px;margin:15px 0 0;padding:10px 13px;font-size:12px;line-height:1.8}.map-error{bottom:15px;z-index:20;background:#fff;max-width:60%;padding:10px;font-size:12px;position:absolute;inset-inline-start:15px}.adventure-theme .lesson-card{border-top-color:#79a597}.adventure-theme .tip{background:#e4eee6}.adventure-theme .tip h3{color:#4e7661}.adventure-theme .tip p{color:#74937f}@media (max-width:1000px){.template-art{width:100px}.template-option{gap:10px}.template-title strong{font-size:13px}.template-title>svg{display:none}.map-label{top:12px;padding:8px 10px;font-size:11px;inset-inline-start:12px}.adventure-theme .page-heading h1{font-size:28px}}@media (max-width:760px){.template-picker-heading{display:block}.template-picker-heading p{margin-top:5px}.template-option{flex-direction:column;align-items:stretch;gap:0;padding:0!important}.template-art{width:100%;height:78px}.template-copy{padding:11px}.template-check{top:8px;background:#fff;position:absolute;inset-inline-end:8px}.template-copy small{font-size:10px}.template-options{gap:10px}.template-title strong{font-size:12px}.journey-passport{padding:13px 12px}.passport-stamps{gap:6px}.passport-stamp{min-height:115px;padding:10px 4px}.passport-stamp strong{font-size:10px}.passport-stamp small,.passport-heading>span{font-size:8px}.map-label{top:8px;gap:4px;max-width:72%;padding:5px 8px;font-size:9px;inset-inline-start:8px}.map-label small{font-size:7px}.map-label svg{width:13px;height:13px}.map-score{bottom:8px;gap:5px;padding:4px 8px;font-size:11px;inset-inline-end:8px}.map-score span{font-size:8px}.map-score svg{width:12px}.adventure-theme .page-heading h1{font-size:24px}.stamp-icon{width:35px;height:35px}.stamp-icon svg{width:21px}.stage-fact{font-size:11px}}.progress-card .milestones>span{border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;width:34px;height:26px;display:flex}.milestones>.failed{color:#fff;background:#c84938;border-color:#c84938}.milestones>span>svg{flex-shrink:0}.template-options{grid-template-columns:repeat(3,minmax(0,1fr))}.template-option{gap:10px}.template-art{width:90px}.template-title strong{font-size:13px}.template-title svg{display:none}.template-art-matching{color:#6861a8;background:#e5e4f6;justify-content:center;align-items:center;gap:5px;display:flex}.template-art-matching>span{background:#fff;border:1px solid #cbc6e5;border-radius:7px;padding:5px;font-size:20px;transform:rotate(-8deg);box-shadow:0 3px #cdc9e7}.template-art-matching>span:last-child{transform:rotate(9deg)}.matching-theme{--teal:#6458a0;--page:#f4f5fa;--line:#e2e2ed}.matching-theme .question-area{background:#fff;padding:26px 30px}.matching-intro{background:#eae7f5;border-block:1px solid #d8d1e9;justify-content:space-between;align-items:center;gap:30px;padding:28px 34px;display:flex;position:relative;overflow:hidden}.matching-kicker{color:#7865a4;align-items:center;gap:8px;font-size:11px;display:flex}.matching-intro h2{color:#483d70;margin:9px 0;font-size:26px;font-weight:600}.matching-intro p{color:#827697;max-width:350px;margin:0;font-size:12px;line-height:1.9}.matching-sample{direction:rtl;flex-shrink:0;align-items:center;gap:9px;display:flex}.matching-sample>span{color:#6b589b;background:#fffdf6;border:1px solid #d1c6ac;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:75px;height:92px;font-size:25px;display:flex;transform:rotate(6deg);box-shadow:0 5px #d8cee4}.matching-sample>span:last-child{background:#fff;font-size:42px;transform:rotate(-7deg)}.matching-sample small{font-size:32px}.matching-sample>i{border-top:2px dashed #9f90be;width:25px}.matching-board{background-color:#f8f7fc;background-image:radial-gradient(#dcd6e9 .7px,#0000 .7px);background-size:14px 14px;border:1px solid #e7e1ef;border-radius:14px;margin-top:18px;padding:20px 22px 24px}.matching-instruction{color:#80768e;justify-content:center;align-items:flex-start;gap:7px;margin:0 0 20px;font-size:11px;line-height:1.8;display:flex}.matching-instruction svg{flex-shrink:0;margin-top:3px}.match-source{color:#514074;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #bca9d7;border-radius:13px;flex-direction:column;align-items:center;gap:12px;width:min(100%,450px);margin:auto;padding:17px 24px 13px;display:flex;box-shadow:0 5px #e0d6ee}.match-source:active{cursor:grabbing}.match-source[aria-pressed=true]{outline-offset:4px;background:#faf6ff;border-color:#735da0;outline:3px solid #e2d8f1}.match-source.dragging{opacity:.5}.match-source-label{color:#9d8bb5;align-items:center;gap:8px;font-size:10px;display:flex}.match-source strong{font-size:21px;font-weight:600;line-height:1.8}.match-source-hint{color:#8b7e9b;font-size:10px}.match-connector{color:#ac9fc0;justify-content:center;align-items:center;gap:10px;height:48px;display:flex}.match-connector>span{border-top:1px dashed #c3b6d3;width:50px}.match-targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.match-target{color:#73644b;background:#fffefa;border:2px dashed #d5cbb8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:127px;padding:17px 12px;display:flex;position:relative}.match-target strong{overflow-wrap:anywhere;max-width:100%;font-size:23px;font-weight:600;line-height:1.4}.match-target small{color:#a49985;font-size:10px}.match-slot{inset-inline-start:10px;color:#c6baa2;position:absolute;top:10px}.match-target.matched{color:#44763b;background:#edf7e8;border:2px solid #74a969}.match-target.matched small,.match-target.matched .match-slot{color:#65945b}.match-target.mismatched{color:#a14d41;background:#fff0ec;border:2px solid #cd8577}.match-target.mismatched small,.match-target.mismatched .match-slot{color:#ad6354}.match-ghost{color:#604785;pointer-events:none;z-index:100;background:#fff;border:2px solid #9272b9;border-radius:13px;align-items:center;gap:10px;width:260px;padding:20px;font-size:19px;display:flex;position:fixed;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:0 12px 28px #49355740}@media (max-width:1000px){.template-options{gap:10px}.template-option{flex-direction:column;padding:0!important}.template-art{width:100%;height:80px}.template-copy{padding:12px}.template-check{top:8px;background:#fff;position:absolute;inset-inline-end:8px}.template-art-matching>span{padding:3px 12px}.matching-intro{gap:18px;padding:24px}.matching-sample>span{width:55px;height:76px}.matching-sample>i{width:10px}.matching-intro h2{font-size:23px}}@media (max-width:760px){.template-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.template-copy{padding:10px 7px}.template-title strong{font-size:10px}.template-copy small{font-size:9px}.template-art-matching>span{padding:4px;font-size:17px}.template-art-matching>svg{width:19px}.matching-intro{padding:20px;display:block}.matching-intro h2{font-size:23px}.matching-sample{display:none}.matching-theme .question-area{padding:20px 14px}.matching-board{padding:16px 12px}.matching-instruction{text-align:start;font-size:10px}.match-source{padding:13px 14px}.match-source strong{font-size:18px}.match-targets{gap:10px}.match-target{min-height:117px;padding:26px 8px 13px}.match-target strong{font-size:20px}.match-target small{font-size:8px}.match-slot{top:7px;inset-inline-start:7px}.match-slot svg{width:16px}.match-ghost{width:210px;font-size:15px}}.matching-theme .milestones>.passed{background:var(--teal);border-color:var(--teal);color:#fff}.matching-theme{--teal:var(--brand-primary,#087f78);--teal-hover:color-mix(in srgb,var(--teal) 88%,#000);--teal-shadow:color-mix(in srgb,var(--teal) 74%,#000);--teal-tint:color-mix(in srgb,var(--teal) 11%,#fff);--sh-btn:0 3px 0 var(--teal-shadow);--page:#f1f7f4;--line:#e3eae5}.matching-theme .game-panel{border-color:#c7ddd2;box-shadow:0 5px #dbe9df}.matching-theme .lesson-card{border-top-color:#e0b766}.matching-theme .template-option.selected{background:#f0faf6;border-color:#329389}.matching-theme .selected .template-check{background:#168779;border-color:#168779}.matching-theme .track-icon{color:#268779;background:#e6f3ed}.matching-intro.illustrated-intro{background:#e8f3eb;border-block:1px solid #ccdece;min-height:365px;padding:0;display:block;overflow:hidden}.matching-garden{object-fit:cover;object-position:50% 48%;width:100%;height:365px;display:block}.matching-hero-copy{width:38%;direction:inherit;background:#fffdf1ed;border:1px solid #e0d6b5;border-radius:18px 18px 4px;padding:19px 22px;position:absolute;top:23px;right:24px;box-shadow:0 6px #51462e12}.matching-hero-copy .matching-kicker{color:#478577;font-size:11px}.matching-hero-copy h2{color:#285f55;margin:8px 0;font-size:27px;line-height:1.5}.matching-hero-copy p{color:#6f8370;font-size:12px;line-height:1.9}.matching-art-ribbon{direction:rtl;gap:9px;display:flex;position:absolute;bottom:20px;right:24px}.matching-art-ribbon>span{background:#fffdf6;border:2px solid #ead5a7;border-radius:12px;place-items:center;width:67px;height:73px;display:grid;transform:rotate(-4deg);box-shadow:0 4px #8d73522e}.matching-art-ribbon>span:nth-child(2n){transform:rotate(5deg)}.matching-word-art{pointer-events:none;background-image:url(/art/matching-words.png);background-repeat:no-repeat;background-size:400% 300%;flex-shrink:0;width:148px;height:148px;display:block}.matching-art-ribbon .matching-word-art{width:58px;height:58px}.matching-theme .question-area{background:#fffef8}.matching-board{background-color:#ecf5ed;background-image:radial-gradient(#bfcfbd .8px,#0000 .8px);border:1px solid #cfdccb;padding:23px 24px}.matching-instruction{color:#5a7968}.match-source{color:#355d51;background:#fffefb;border-color:#dbbc79;width:min(100%,560px);padding:12px 20px;box-shadow:0 6px #e8d8b4}.match-source[aria-pressed=true]{background:#fffdf3;border-color:#caa34c;outline-color:#f1deb0}.match-source-label,.match-source-hint{color:#937c50}.match-source-content{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.match-source-content strong{text-align:start;font-size:22px}.match-connector{color:#87a28e}.match-connector>span{border-color:#a6bca6}.match-target{background:#fffdf5;border:2px solid #cfbb90;border-bottom:5px solid #c6a970;border-radius:18px 18px 9px 9px;min-height:126px;box-shadow:0 3px #d5dccc}.match-target strong{color:#407566;font-size:32px}.match-target:hover:not(:disabled),.match-target.drop-hover{color:#876f38;background:#fef2cc;border-color:#cca847}.match-target.drop-hover{box-shadow:inset 0 0 0 3px #eed18a}.match-target.matched strong{color:#44763b}.match-target.mismatched strong{color:#a14d41}.match-ghost{color:#355d51;background:#fffef8;border-color:#caa34c;width:310px}.match-ghost .matching-word-art{width:72px;height:72px}.matching-theme .music-strip{background:#f0f7ef}.matching-theme .tip{background:#e7f0de}.matching-theme .tip h3{color:#628048}.matching-theme .tip p{color:#7c9068}.matching-theme .welcome-icon{color:#b09040;background:#f9edce}@media (max-width:1000px){.matching-hero-copy{width:43%;padding:14px;right:16px}.matching-hero-copy h2{font-size:23px}.matching-art-ribbon{gap:6px;right:18px}.matching-art-ribbon>span{width:53px;height:58px}.matching-art-ribbon .matching-word-art{width:48px;height:48px}}@media (max-width:760px){.matching-intro.illustrated-intro{flex-direction:column;min-height:0;display:flex}.matching-hero-copy{width:100%;box-shadow:none;background:#fff9e9;border:0;border-radius:0;order:-1;padding:17px 20px;position:static}.matching-hero-copy h2{margin:5px 0;font-size:23px}.matching-hero-copy p{font-size:11px}.matching-garden{object-position:30% 50%;height:240px}.matching-art-ribbon{gap:6px;bottom:12px;right:12px}.matching-art-ribbon>span{border-radius:8px;width:43px;height:47px}.matching-art-ribbon .matching-word-art{width:39px;height:39px}.matching-board{padding:16px 12px}.match-source{gap:8px;padding:10px 12px}.match-source-content{gap:8px}.match-source-content .matching-word-art{width:96px;height:96px}.match-source-content strong{font-size:17px;line-height:1.9}.match-target strong{font-size:27px}.match-ghost{width:260px}.match-ghost .matching-word-art{width:58px;height:58px}}.interactive-garden .garden-picture{position:relative}.interactive-garden .garden-status{z-index:2}.garden-status h2{overflow-wrap:anywhere;font-size:25px}.garden-message{min-height:48px}.garden-friend{z-index:3;color:#846634;background:#fff8e4e8;border:2px solid #fff5d7;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;box-shadow:0 3px #77644330}.garden-friend:hover,.garden-friend[aria-pressed=true]{background:#f8d57b;transform:scale(1.1)}.garden-boy{top:32%;left:10%}.garden-girl{top:46%;left:43%}.garden-held-card{pointer-events:none;color:#d9a429;place-items:center;width:64px;height:53px;display:grid;position:absolute;top:52%;left:19%;transform:rotate(-10deg)}.garden-held-card .matching-word-art{width:57px;height:57px}.garden-collection{z-index:2;background:#fffdf3f5;border:2px solid;border-radius:13px;max-width:42%;padding:11px 15px;position:absolute;bottom:19px;right:24px;box-shadow:0 4px #7f694623}.garden-collection>div:first-child{color:#5f7756;justify-content:space-between;align-items:center;gap:18px;font-size:12px;display:flex}.garden-collection bdi{color:#866928;font-weight:600}.garden-stars{color:#d7ceb3;flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.garden-stars .earned{color:#dca52e;filter:drop-shadow(0 2px #e9cc79)}.garden-sparkles{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.garden-sparkles>span{color:#ffe58b;text-shadow:0 1px 3px #846525;font-size:30px;animation:.85s ease-out both garden-star-rise;position:absolute}@keyframes garden-star-rise{0%{opacity:0;transform:translateY(0)scale(.4)}25%{opacity:1}to{opacity:0;transform:translateY(-80px)rotate(45deg)scale(1.2)}}@media (max-width:1000px){.garden-collection{padding:9px 11px;right:16px}.garden-stars{gap:3px}.garden-stars svg{width:20px}}@media (max-width:760px){.interactive-garden .garden-status{order:-1}.interactive-garden{gap:0}.garden-message{min-height:42px}.garden-boy{top:29%;left:8%}.garden-girl{top:44%;left:45%}.garden-held-card{width:35px;height:35px;top:51%;left:21%}.garden-held-card .matching-word-art{width:32px;height:32px}.garden-collection{max-width:none;box-shadow:none;border-width:0 0 2px;border-radius:0;margin:0;padding:12px 18px;position:static}.garden-stars{justify-content:center;gap:9px}.garden-stars svg{width:22px}.garden-friend{width:30px;height:30px}.garden-friend svg{width:15px}}@media (prefers-reduced-motion:reduce){.garden-sparkles>span{animation:none;display:none}.garden-friend{transition:none}.garden-friend:hover,.garden-friend[aria-pressed=true]{transform:none}}.screen-step{color:var(--teal);margin:5px 0 20px;font-size:13px;font-weight:600}.setup-options{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.setup-options .lesson-card{border:1px solid var(--line);background:#fff;border-top:3px solid #d3b66b;border-radius:16px;margin:0;padding:28px}.setup-launch{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px}.setup-launch>h2{margin:0 0 18px;font-size:20px}.setup-launch .music-strip{border-radius:10px;flex-wrap:wrap;gap:12px;padding:14px}.setup-toggle{align-items:center;gap:10px;margin:18px 0;font-size:14px;display:flex}.setup-toggle input{width:18px;height:18px;accent-color:var(--teal)}.setup-launch .welcome{border-top:1px solid var(--line);margin-top:22px;padding:18px 0 0}.setup-launch .welcome .primary{width:100%;max-width:none}.setup-screen .page-heading{margin:18px 0 24px}.setup-screen .page-heading h1{font-size:29px}.student-screen{min-height:100dvh}.student-screen .student-main{width:100%;max-width:none;min-height:100dvh;padding:14px}.student-screen .game-panel{min-height:calc(100dvh - 28px);box-shadow:none;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1.1fr) minmax(370px,1fr);align-items:start;display:grid;overflow:hidden}.student-screen .game-toolbar{border-bottom:1px solid var(--line);grid-column:1/-1;align-self:start;width:100%;padding:12px 18px}.student-screen .settings-return{width:auto;padding:0 12px;font-size:12px}.student-screen .student-scene{align-self:center;min-width:0}.student-screen .question-area{border-inline-start:1px solid var(--line);align-self:center;min-width:0;max-height:none;padding:22px}.student-screen .student-progress{border-top:1px solid var(--line);background:#f9fbf6;grid-column:1/-1;align-self:end;padding:12px 20px}.student-progress .progress-card{margin:0;padding:0}.student-progress .progress-heading{margin:0 0 8px}.student-progress .progress-card>p,.student-progress .progress-bar{display:none}.student-progress .milestones{justify-content:center;gap:8px}.student-screen .race-legend{justify-content:center}.student-screen .interactive-garden .matching-garden{height:370px}.student-screen .garden-status{width:43%;padding:12px;top:12px;right:12px}.student-screen .garden-status h2{font-size:20px}.student-screen .garden-message{min-height:0;font-size:11px}.student-screen .garden-collection{max-width:48%;padding:8px 10px;right:12px}.student-screen .garden-collection>div:first-child{gap:8px;font-size:10px}.student-screen .garden-stars{gap:2px}.student-screen .garden-stars svg{width:18px}.student-screen .matching-board{margin-top:10px;padding:12px}.student-screen .matching-instruction{margin-bottom:12px;font-size:10px}.student-screen .match-source{gap:7px;padding:9px 12px}.student-screen .match-source-content .matching-word-art{width:95px;height:95px}.student-screen .match-source-content strong{font-size:18px}.student-screen .match-target{min-height:96px;padding:12px 8px}.student-screen .match-connector{height:32px}.student-screen .match-target strong{font-size:26px}.student-screen .feedback-row{margin-top:10px}.student-screen .feedback-row p{font-size:12px}.student-screen .auto-next{white-space:normal;font-size:10px}.student-screen .journey-passport{padding:12px}.student-screen .passport-stamp{min-height:95px}.student-screen .passport-heading>span{display:none}.student-screen .results{padding:25px 8px}@media (max-width:1000px){.student-screen .game-panel{grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}.student-screen .question-area{padding:15px}.student-screen .track-title small{display:none}.student-screen .garden-status{border:0;border-radius:0;order:-1;width:100%;position:static}.student-screen .interactive-garden{flex-direction:column;gap:0;display:flex}.student-screen .interactive-garden .matching-garden{height:300px}.student-screen .garden-collection{border-radius:0;max-width:none;position:static}.student-screen .garden-stars{justify-content:center}.student-screen .garden-message{min-height:36px}.student-screen .garden-status h2{margin:4px 0;font-size:19px}}@media (max-width:760px){.setup-options{grid-template-columns:1fr}.setup-options .lesson-card,.setup-launch{padding:20px}.student-screen .student-main{padding:0}.student-screen .game-panel{border:0;border-radius:0;flex-direction:column;min-height:100dvh;display:flex}.student-screen .game-toolbar{z-index:10;background:#fffef9;gap:8px;padding:9px;position:sticky;top:0}.student-screen .track-title{gap:6px}.student-screen .track-title strong{font-size:12px}.student-screen .track-icon{display:none}.student-screen .settings-return{padding:0 7px;font-size:10px}.student-screen .student-scene,.student-screen .question-area,.student-screen .student-progress{width:100%}.student-screen .question-area{border-inline-start:0;border-top:1px solid var(--line);padding:17px 14px}.student-screen .student-progress{margin-top:auto}.student-screen .interactive-garden .matching-garden{height:210px}.student-screen .garden-status{padding:12px 16px}.student-screen .garden-status h2{font-size:18px}.student-screen .garden-message{min-height:0;margin:0}.student-screen .garden-collection{padding:8px 14px}.student-screen .garden-stars{gap:8px;margin-top:5px}.student-screen .garden-stars svg{width:20px}.student-screen .race-legend{padding:8px}.student-screen .answer{min-height:54px}.student-screen .results{padding:20px 5px}.student-screen .student-progress .milestones{gap:6px}}@media (min-width:761px) and (max-height:760px){.student-screen .student-main{padding:6px}.student-screen .game-panel{min-height:calc(100dvh - 12px)}.student-screen .interactive-garden .matching-garden{height:300px}.student-screen .question-area{padding:12px}.student-screen .turn-banner{margin-bottom:8px;padding:7px}.student-screen .match-source-content .matching-word-art{width:72px;height:72px}.student-screen .match-target{min-height:79px}.student-screen .match-source-content strong{font-size:16px}.student-screen .matching-instruction{margin-bottom:7px}.student-screen .feedback-row{min-height:48px}.student-screen .answer-reaction{width:43px;height:43px;font-size:32px}}.student-screen .student-main{margin:0}.student-screen .track-title{min-width:0}.student-screen .track-title strong{overflow-wrap:anywhere}.student-screen .icon-tools{flex-shrink:0}.template-option.locked{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}.template-option.locked:after{content:"🔒";inset-inline-end:10px;font-size:15px;position:absolute;top:10px}.template-option{position:relative}.match-source-image{aspect-ratio:1;object-fit:contain;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;flex-shrink:0;width:clamp(72px,18vw,148px);display:block}.match-ghost .match-source-image{width:72px}.match-listen{justify-content:center;margin:-8px 0 14px;display:flex}.match-listen>button{margin-top:0}.match-target-image{object-fit:contain;pointer-events:none;border-radius:8px;max-width:80%;max-height:64px;display:block}.matching-theme.student-screen .game-panel{grid-template-columns:minmax(0,1.75fr) minmax(330px,1fr)}.matching-theme.student-screen .student-scene,.matching-theme.student-screen .question-area{align-self:start}@media (max-width:1100px){.matching-theme.student-screen .game-panel{grid-template-columns:minmax(0,1fr)}.matching-theme.student-screen .question-area{border-inline-start:0;border-top:1px solid var(--line)}}.sorting-theme{--teal:var(--brand-primary,#087f78);--teal-hover:color-mix(in srgb,var(--teal) 88%,#000);--teal-shadow:color-mix(in srgb,var(--teal) 74%,#000);--teal-tint:color-mix(in srgb,var(--teal) 11%,#fff);--sh-btn:0 3px 0 var(--teal-shadow);--page:#f8f1e6;--line:#ecdcc2}.sorting-theme .game-panel{border-color:#e4cfab;box-shadow:0 5px #eedfc6}.sorting-theme .lesson-card{border-top-color:#c8743f}.sorting-theme .template-option.selected{background:#fdf6ec;border-color:#c8743f}.sorting-theme .selected .template-check{background:#b5562f;border-color:#b5562f}.sorting-theme .track-icon{color:#b5562f;background:#fbeede}.sorting-theme .question-area{background:#fffaf1}.sorting-theme .music-strip{background:#fbf1e2}.sorting-theme .welcome-icon{color:#b5562f;background:#fbe3c8}.sorting-theme .milestones>.passed{color:#fff;background:#b5562f;border-color:#b5562f}.sorting-theme.student-screen .game-panel{grid-template-columns:minmax(0,1.75fr) minmax(330px,1fr)}.sorting-theme.student-screen .student-scene,.sorting-theme.student-screen .question-area{align-self:start}@media (max-width:1100px){.sorting-theme.student-screen .game-panel{grid-template-columns:minmax(0,1fr)}.sorting-theme.student-screen .question-area{border-inline-start:0;border-top:1px solid var(--line)}}.sequence-theme{--teal:var(--brand-primary,#087f78);--teal-hover:color-mix(in srgb,var(--teal) 88%,#000);--teal-shadow:color-mix(in srgb,var(--teal) 74%,#000);--teal-tint:color-mix(in srgb,var(--teal) 11%,#fff);--sh-btn:0 3px 0 var(--teal-shadow);--page:#eef7f4;--line:#d3e7e2}.sequence-theme .game-panel{border-color:#c4e0da;box-shadow:0 5px #d8ebe6}.sequence-theme .lesson-card{border-top-color:#2a9d9a}.sequence-theme .template-option.selected{background:#f0faf8;border-color:#2a9d9a}.sequence-theme .selected .template-check{background:#1f8c8f;border-color:#1f8c8f}.sequence-theme .track-icon{color:#1f7f82;background:#e2f4f1}.sequence-theme .question-area{background:#fbfefd}.sequence-theme .music-strip{background:#eaf6f3}.sequence-theme .welcome-icon{color:#1f7f82;background:#dcf1ed}.sequence-theme .milestones>.passed{color:#fff;background:#1f8c8f;border-color:#1f8c8f}.sequence-theme.student-screen .game-panel{grid-template-columns:minmax(0,1.75fr) minmax(330px,1fr)}.sequence-theme.student-screen .student-scene,.sequence-theme.student-screen .question-area{align-self:start}@media (max-width:1100px){.sequence-theme.student-screen .game-panel{grid-template-columns:minmax(0,1fr)}.sequence-theme.student-screen .question-area{border-inline-start:0;border-top:1px solid var(--line)}}.memory-theme{--teal:var(--brand-primary,#087f78);--teal-hover:color-mix(in srgb,var(--teal) 88%,#000);--teal-shadow:color-mix(in srgb,var(--teal) 74%,#000);--teal-tint:color-mix(in srgb,var(--teal) 11%,#fff);--sh-btn:0 3px 0 var(--teal-shadow);--page:#eef0f8;--line:#d5d9ec}.memory-theme .game-panel{border-color:#c9cfeb;box-shadow:0 5px #dadef0}.memory-theme .lesson-card{border-top-color:#4a55a2}.memory-theme .template-option.selected{background:#f1f2fb;border-color:#4a55a2}.memory-theme .selected .template-check{background:#3b4690;border-color:#3b4690}.memory-theme .track-icon{color:#3b4690;background:#e4e7f7}.memory-theme .question-area{background:#fbfbfe}.memory-theme .music-strip{background:#eceef9}.memory-theme .welcome-icon{color:#3b4690;background:#e1e5f7}.memory-theme .milestones>.passed{color:#fff;background:#3b4690;border-color:#3b4690}.memory-theme.student-screen .game-panel{grid-template-columns:minmax(0,1.75fr) minmax(330px,1fr)}.memory-theme.student-screen .student-scene,.memory-theme.student-screen .question-area{align-self:start}@media (max-width:1100px){.memory-theme.student-screen .game-panel{grid-template-columns:minmax(0,1fr)}.memory-theme.student-screen .question-area{border-inline-start:0;border-top:1px solid var(--line)}}.mscene{background:#e8f3eb;position:relative}.mscene-art{aspect-ratio:1536/1024;isolation:isolate;-webkit-user-select:none;user-select:none;background:#d9ebe0;position:relative;overflow:hidden;container-type:inline-size}.mscene-art img{-webkit-user-drag:none}.mscene-base{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.mscene-dusk{z-index:1;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(#ff8a4a66,#ffc47a2e 60%,#0000);transition:opacity 1s linear;position:absolute;inset:0 0 38%}.mscene-sun{z-index:1;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 40% 38%,#fffbe0 0,#ffe27a 40%,#ffc93c 72%);border-radius:50%;width:5.5%;transition:left 1s linear,top 1s linear;position:absolute;translate:-50% -50%;box-shadow:0 0 0 .6cqw #ffe9a255,0 0 3cqw 1.2cqw #ffd76a88}.mscene-sun.is-late{background:radial-gradient(circle at 40% 38%,#fff0d0 0,#ffb05a 42%,#f0763a 76%);animation:.9s ease-in-out infinite mscene-sun-pulse;box-shadow:0 0 0 .6cqw #ffb07a55,0 0 3.5cqw 1.5cqw #ff8a4a88}@keyframes mscene-sun-pulse{50%{scale:1.14}}.mscene-spot{z-index:2;aspect-ratio:1;pointer-events:none;opacity:0;transition:opacity .9s;position:absolute;translate:-50% -50%}.mscene-spot.is-lit{opacity:1}.mscene-spot.is-fresh{animation:1.1s ease-out mscene-spot-pop}@keyframes mscene-spot-pop{0%{scale:.2}40%{scale:1.7}to{scale:1}}.mscene-spot-lantern{mix-blend-mode:screen;background:radial-gradient(circle,#fff6c7 0,#ffd46bcc 22%,#ffb13a55 46%,#0000 70%);border-radius:50%}.mscene-spot-lantern.is-lit:not(.is-fresh){animation:2.8s ease-in-out infinite mscene-flicker}@keyframes mscene-flicker{0%,to{opacity:1;scale:1}45%{opacity:.82;scale:1.08}70%{opacity:.94;scale:.96}}.mscene-spot-water{aspect-ratio:2;mix-blend-mode:screen;background:radial-gradient(#e6fffbcc 0,#9ff2ec66 36%,#0000 70%);border-radius:50%}.mscene-spot-water i{aspect-ratio:1;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#fff;width:7%;animation:1.8s ease-in-out infinite mscene-glint;position:absolute}@keyframes mscene-glint{0%,to{opacity:0;scale:.2}50%{opacity:1;scale:1}}.mscene-spot-bloom{mix-blend-mode:screen;background:radial-gradient(circle,#ffd6ec 0,#ff8fc866 36%,#0000 70%);border-radius:50%}.mscene-spot-bloom i{aspect-ratio:1;opacity:0;background:#ff7fbf;border-radius:50% 0;width:12%;position:absolute;top:44%;left:44%}.mscene-spot-bloom.is-fresh i{animation:1.3s ease-out both mscene-petal}@keyframes mscene-petal{0%{transform:rotate(var(--a)) translateY(0) scale(.3);opacity:1}to{transform:rotate(var(--a)) translateY(-300%) scale(1);opacity:0}}.mscene-spot-flag{aspect-ratio:2/3;opacity:1;translate:-50% -100%}.mscene-spot-flag svg{transform-origin:50% 100%;width:100%;height:100%;transition:scale 1s cubic-bezier(.3,1.4,.5,1);display:block;scale:1 0}.mscene-spot-flag.is-lit svg{scale:1}.mscene-flag-cloth{transform-box:fill-box;transform-origin:0;animation:1.4s ease-in-out infinite mscene-flag-wave}@keyframes mscene-flag-wave{50%{transform:skewY(7deg)scaleX(.92)}}.mscene-spot-rainbow{aspect-ratio:2;transition:opacity 1.8s}.mscene-spot-rainbow.is-lit{opacity:.78}.mscene-spot-rainbow svg{width:100%;height:100%;display:block}.mscene-kid{z-index:3;pointer-events:none;will-change:transform;position:absolute;inset:0}.mscene-kid-art{width:100%;height:100%;display:block;position:absolute;inset:0}.mscene-kid[data-mood=idle]{animation:3.6s ease-in-out infinite mscene-breathe}.mscene-girl[data-mood=idle]{animation-delay:-1.8s}.mscene-kid[data-mood=cheer]{animation:.9s cubic-bezier(.3,1.6,.5,1) 2 mscene-cheer}.mscene-girl[data-mood=cheer]{animation-delay:.12s}.mscene-kid[data-mood=oops]{animation:.5s ease-in-out mscene-oops}.mscene-kid[data-mood=think]{animation:1.6s ease-in-out both mscene-think}.mscene-kid[data-mood=celebrate]{animation:.9s cubic-bezier(.3,1.6,.5,1) infinite mscene-cheer}.mscene-girl[data-mood=celebrate]{animation-delay:.3s}.mscene-kid[data-mood=wave]{animation:1.8s ease-in-out infinite mscene-breathe}@keyframes mscene-breathe{50%{transform:translateY(-.35%)scale(1.004)}}@keyframes mscene-cheer{0%,to{transform:none}35%{transform:translateY(-3.2%)scale(1.035)}60%{transform:translateY(0)scale(1.01,.99)}}@keyframes mscene-oops{20%{transform:translate(-.45%)}40%{transform:translate(.45%)}60%{transform:translate(-.3%)}80%{transform:translate(.2%)}}@keyframes mscene-think{30%,70%{transform:translateY(-.6%)rotate(-.8deg)}}.mscene-board{color:#6b4520;text-shadow:0 1px #f7e3bb;font-variant-numeric:tabular-nums;white-space:nowrap;place-items:center;font-size:3.2cqw;font-weight:800;line-height:1;display:grid;position:absolute;translate:-50% -50%}.mscene-board-girl{font-size:2.5cqw}.mscene-count,.mscene-sign-mark{animation:.6s ease-out mscene-bump}@keyframes mscene-bump{40%{scale:1.4}}.mscene-friend{z-index:5;aspect-ratio:1;color:#846634;cursor:pointer;background:#fff8e4e8;border:2px solid #fff5d7;border-radius:50%;place-items:center;width:clamp(28px,3.6cqw,44px);padding:0;animation:2.6s ease-in-out infinite mscene-ping;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 3px #77644330}.mscene-friend:hover,.mscene-friend[aria-pressed=true]{background:#f8d57b;animation:none;scale:1.1}@keyframes mscene-ping{0%,to{box-shadow:0 3px #77644330,0 0 #fff5d7cc}60%{box-shadow:0 3px #77644330,0 0 0 1cqw #fff5d700}}.mscene-bubble{z-index:7;color:#355d51;background:#fffdf3;border:2px solid #e8d7a9;border-radius:1.6cqw;max-width:28%;margin:0;padding:1cqw 1.4cqw;font-size:clamp(11px,1.45cqw,18px);font-weight:600;line-height:1.6;animation:.35s cubic-bezier(.3,1.5,.5,1) both mscene-bubble-in;position:absolute;box-shadow:0 .6cqw #51462e22}.mscene-bubble:after{content:"";background:#fffdf3;border-bottom:2px solid #e8d7a9;border-right:2px solid #e8d7a9;width:1.8cqw;height:1.8cqw;position:absolute;bottom:-1cqw;rotate:45deg}.mscene-bubble-boy{top:7%;left:2.5%}.mscene-bubble-boy:after{left:48%}.mscene-bubble-girl{max-width:24%;top:19%;left:28%}.mscene-bubble-girl:after{left:40%}@keyframes mscene-bubble-in{0%{opacity:0;translate:0 1cqw;scale:.6}to{opacity:1;translate:0;scale:1}}.mscene-stars{z-index:6;border:2px solid var(--player,#d9b36a);color:#d7ceb3;background:#fffdf3eb;border-radius:99px;flex-wrap:wrap;gap:.4cqw;max-width:34%;padding:.7cqw 1cqw;display:flex;position:absolute;bottom:2.5%;right:1.5%;box-shadow:0 .5cqw #51462e22}.mscene-stars svg{width:clamp(13px,2cqw,26px);height:auto}.mscene-stars .earned{color:#dca52e;filter:drop-shadow(0 1px #e9cc79);animation:.6s cubic-bezier(.3,1.7,.5,1) mscene-bump}.mscene-slot{z-index:6;pointer-events:none;position:absolute;inset:0}.mscene-play{position:absolute;inset:0}.mscene-play>*{pointer-events:auto}.mscene-sign.match-target{color:#5b3d17;cursor:pointer;transform-origin:50% -2.6cqw;min-height:0;animation:4.2s ease-in-out infinite mscene-sway;animation-delay:var(--sway-delay,0s);translate:var(--pull-x,0) var(--pull-y,0);scale:calc(1 + var(--pull,0)*.06);background:linear-gradient(#f6dfb1,#e8c68c);border:.25cqw solid #9c7440;border-bottom-width:.6cqw;border-radius:1.2cqw;gap:.35cqw;padding:1.2cqw .9cqw .9cqw;transition:translate .12s ease-out,scale .12s ease-out,filter .3s,opacity .3s;position:absolute;box-shadow:0 .7cqw #6b4a2244,inset 0 0 0 .2cqw #fff3d6aa}.mscene-sign.match-target strong{color:#4d3312;font-size:clamp(13px,2.5cqw,34px);line-height:1.35}.mscene-sign.is-long strong{font-size:clamp(11px,1.75cqw,24px)}.mscene-sign.is-longer strong{font-size:clamp(10px,1.35cqw,18px)}.mscene-sign.match-target small{color:#8a6a3d;font-size:clamp(8px,1cqw,13px)}.mscene-sign .match-slot{top:.6cqw;color:#a98653;inset-inline-start:.6cqw}.mscene-sign .match-slot svg{width:clamp(12px,1.8cqw,22px);height:auto}.mscene-sign .match-target-image{max-height:7cqw}.mscene-rope{pointer-events:none;border:.22cqw solid #7a5a32;border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;width:62%;height:3.2cqw;position:absolute;top:-3cqw;left:50%;translate:-50%}.mscene-rope:after{content:"";background:#5b3d17;border-radius:50%;width:1cqw;height:1cqw;position:absolute;top:-.7cqw;left:50%;translate:-50%}.mscene-sign.match-target:hover:not(:disabled),.mscene-sign.drop-hover{filter:brightness(1.04);background:linear-gradient(#fff0c4,#f3d48f);border-color:#c9922e;box-shadow:0 .9cqw #6b4a2255,0 0 0 .5cqw #ffe7a0aa}.mscene-sign.match-target:focus-visible{outline-offset:.3cqw;outline:.4cqw solid #1f6f5f}.mscene-sign.matched{color:#2f6524;background:linear-gradient(#dff5cf,#bfe3a6);border-color:#4f8f3e;animation:.7s cubic-bezier(.3,1.7,.5,1) mscene-snap}.mscene-sign.matched strong{color:#2f6524}.mscene-sign.mismatched{background:linear-gradient(#ffd9cf,#f4b5a4);border-color:#b8513e;animation:.5s ease-in-out mscene-shake}.mscene-sign.mismatched strong{color:#8f2f20}.mscene-sign.is-revealed{animation:.7s cubic-bezier(.3,1.7,.5,1) mscene-snap,1.2s ease-in-out .7s infinite mscene-glow}.mscene-sign.is-dim{opacity:.55;filter:saturate(.6)}@keyframes mscene-sway{0%,to{rotate:-1.6deg}50%{rotate:1.6deg}}@keyframes mscene-snap{0%{scale:1}35%{rotate:-4deg;scale:1.16}65%{rotate:3deg;scale:.95}to{rotate:none;scale:1}}@keyframes mscene-shake{20%{rotate:-7deg}40%{rotate:6deg}60%{rotate:-4deg}80%{rotate:2deg}}@keyframes mscene-glow{50%{box-shadow:0 .7cqw #6b4a2244,0 0 0 .9cqw #b7f09a99}}.mscene-card.match-source{color:#355d51;background:#fffdf5;border:.3cqw solid #d9b36a;border-radius:1.4cqw;gap:.5cqw;margin:0;padding:1cqw 1.4cqw .9cqw;transition:opacity .35s,scale .35s;animation:.6s cubic-bezier(.3,1.4,.5,1) both mscene-card-arrive;position:absolute;rotate:-2deg;box-shadow:0 1cqw #6b4a2240,0 1.6cqw 3cqw #3b2a1233}.mscene-card .match-source-content{gap:1.2cqw}.mscene-card .match-source-content strong{font-size:clamp(13px,2.2cqw,30px);line-height:1.5}.mscene-card.is-long .match-source-content strong{font-size:clamp(11px,1.7cqw,22px)}.mscene-card.is-longer .match-source-content strong{font-size:clamp(10px,1.35cqw,18px)}.mscene-card .match-source-label,.mscene-card .match-source-hint{font-size:clamp(8px,1cqw,13px)}.mscene-card .match-source-image{width:9cqw}.mscene-card .matching-word-art{width:9cqw;height:9cqw}.mscene-card.is-sent{opacity:0;pointer-events:none;scale:.6}.match-source.is-hinting{animation:1.1s ease-in-out 3 mscene-wiggle}@keyframes mscene-card-arrive{0%{opacity:0;translate:0 40%;rotate:8deg}to{opacity:1;translate:0;rotate:-2deg}}@keyframes mscene-wiggle{0%,to{rotate:-2deg}25%{rotate:3deg}50%{rotate:-4deg}75%{rotate:2deg}}.mscene-hint-hand{z-index:2;color:#fff;filter:drop-shadow(0 2px 3px #0008);animation:2.2s ease-in-out infinite mscene-hint-hand;position:absolute;bottom:14%;left:31%;pointer-events:none!important}.mscene-hint-hand svg{width:4.5cqw;height:4.5cqw}@keyframes mscene-hint-hand{0%{opacity:0;translate:0}15%{opacity:1}70%{opacity:1;translate:34cqw -36cqw}to{opacity:0;translate:34cqw -36cqw}}.matching-board.matching-board-scene{background:#f6faf4;border:1px dashed #cfdccb;margin-top:8px;padding:10px 12px}.matching-board-scene .matching-instruction{margin:0}.matching-board-scene .match-listen{margin:10px 0 0}.match-ghost{transform:translate(-50%,-50%) rotate(var(--tilt,-3deg))}.match-target{translate:var(--pull-x,0) var(--pull-y,0);scale:calc(1 + var(--pull,0)*.04);transition:translate .12s ease-out,scale .12s ease-out}.match-flight{z-index:1000;pointer-events:none;color:#355d51;text-align:center;overflow-wrap:anywhere;background:#fffdf5;border:2px solid #d9b36a;border-radius:13px;max-width:260px;padding:12px 18px;font-size:20px;font-weight:700;line-height:1.5;position:fixed;box-shadow:0 12px 26px #3b2a1240}.match-flight-win{color:#2f6524;background:#effae6;border-color:#74a969}.mscene-sparkles{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mscene-sparkles span{color:#ffe58b;text-shadow:0 1px 3px #846525;font-size:2.6cqw;animation:.85s ease-out both garden-star-rise;position:absolute}.mscene-fx{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mscene-firework{width:0;height:0;position:absolute}.mscene-firework i{background:var(--c);width:.8cqw;height:.8cqw;box-shadow:0 0 1cqw var(--c);animation:mscene-spark 1.3s ease-out var(--d,0s) both;border-radius:50%;position:absolute;top:0;left:0}@keyframes mscene-spark{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:1}70%{opacity:1}to{transform:rotate(var(--a)) translateY(-9cqw) scale(1);opacity:0}}.mscene-bird{color:#3f4b55;width:6cqw;animation:3.2s linear both mscene-bird-fly;position:absolute;top:7%;left:104%}.mscene-bird path{transform-box:fill-box;transform-origin:50% 100%;animation:.35s ease-in-out infinite alternate mscene-flap}@keyframes mscene-bird-fly{to{top:3%;left:-10%}}@keyframes mscene-flap{to{scale:1 .35}}.mscene-banner{color:#7a4b09;white-space:nowrap;background:linear-gradient(#fff3c4,#ffd86b);border:.3cqw solid #d39a2a;border-radius:99px;padding:1.2cqw 2.6cqw;font-size:clamp(16px,3.2cqw,42px);font-weight:800;animation:2.4s cubic-bezier(.3,1.5,.5,1) both mscene-banner;position:absolute;top:44%;left:50%;translate:-50% -50%;box-shadow:0 1cqw #8a5a1433}@keyframes mscene-banner{0%{opacity:0;scale:.3}18%{opacity:1;scale:1.1}28%{scale:1}82%{opacity:1;scale:1}to{opacity:0;scale:.9}}.mscene-finale .mscene-banner{animation:.8s cubic-bezier(.3,1.5,.5,1) both mscene-banner-stay}@keyframes mscene-banner-stay{0%{opacity:0;scale:.3}60%{opacity:1;scale:1.1}to{opacity:1;scale:1}}.mscene-shower i{aspect-ratio:1;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:2.2cqw;animation:mscene-star-fall 2.8s ease-in var(--d,0s) infinite both;background:#ffd24a;position:absolute;top:-6%}@keyframes mscene-star-fall{0%{opacity:0;translate:0;rotate:none}10%{opacity:1}to{opacity:.2;translate:0 75cqw;rotate:320deg}}.match-collection{background:#fffdf5;border:1px dashed #d8c9a0;border-radius:12px;margin-top:14px;padding:12px 14px}.match-collection h3{color:#6b5528;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;display:flex}.match-collection h3 bdi{color:#7a5b16;background:#f6e7bf;border-radius:99px;margin-inline-start:auto;padding:1px 9px;font-size:12px}.match-collection ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.match-collection li{max-width:100%;rotate:var(--r,0deg);background:#effae6;border:1px solid #bfe0ad;border-radius:10px;flex-direction:column;gap:2px;padding:7px 11px;display:flex;box-shadow:0 2px #cfe6c2}.match-collection li span{color:#6f8a68;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.match-collection li b{color:#2f6524;overflow-wrap:anywhere;font-size:14px}.match-collection li.is-new{animation:.6s cubic-bezier(.3,1.6,.5,1) .55s both mscene-collect}@keyframes mscene-collect{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.match-collection p{color:#9a8a62;margin:0;font-size:11px}@media (prefers-reduced-motion:reduce){.mscene-fx,.mscene-sparkles,.mscene-hint-hand{display:none}.mscene-sun{transition:none}}.mscene-note{color:#355d51;background:#fffdf5;border:.3cqw solid #d9b36a;border-radius:1.4cqw;flex-direction:column;align-items:center;gap:.5cqw;padding:1cqw 1.4cqw;transition:opacity .35s,scale .35s;animation:.6s cubic-bezier(.3,1.4,.5,1) both mscene-card-arrive;display:flex;position:absolute;rotate:-2deg;box-shadow:0 1cqw #6b4a2240,0 1.6cqw 3cqw #3b2a1233}.mscene-note .match-source-label{color:#937c50;align-items:center;gap:.6cqw;font-size:clamp(8px,1cqw,13px);display:flex}.mscene-note .match-source-content{justify-content:center;align-items:center;gap:1.2cqw;width:100%;display:flex}.mscene-note .match-source-content strong{text-align:center;font-size:clamp(13px,2cqw,28px);font-weight:600;line-height:1.5}.mscene-note .match-source-image,.mscene-note .matching-word-art{width:8cqw;height:8cqw}.mscene-note.is-sent{opacity:0;scale:.6}.mscene-panel{overscroll-behavior:contain;color:#4d3312;background:linear-gradient(#fffaf0f5,#f8ebcff5);border:.35cqw solid #9c7440;border-bottom-width:.7cqw;border-radius:1.6cqw;width:46.5%;max-height:70%;padding:2.6cqw 1.6cqw 1.4cqw;animation:.55s cubic-bezier(.3,1.4,.5,1) both mscene-panel-arrive;position:absolute;top:15%;left:51%;overflow:auto;box-shadow:0 1cqw #6b4a2244,inset 0 0 0 .25cqw #fff6dfaa;container:mscene-panel/inline-size}.mscene-panel-title{color:#fff6df;white-space:nowrap;background:#9c7440;border-radius:99px;padding:.2cqw 1.2cqw;font-size:clamp(9px,1.1cqw,14px);font-weight:700;position:absolute;top:.5cqw;left:50%;translate:-50%}@keyframes mscene-panel-arrive{0%{opacity:0;translate:0 -10%}to{opacity:1;translate:0}}.lesson-card .setup-toggle{margin:14px 0 0;font-size:12px;display:flex}.lesson-card .setup-toggle input{width:16px;height:16px}.lesson-card .setup-note{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.8;display:block}.setup-launch .welcome .primary:disabled{opacity:.5;cursor:not-allowed;background:var(--teal)}.welcome>small.setup-blocked{color:#b26e50;font-size:12px}.class-seats .player-names{gap:10px}.class-seats .seat{gap:6px;min-width:0;display:grid}.class-seats .seat label{align-items:center;gap:8px;margin:0;display:flex}.class-seats .seat .select-wrap{flex:1;min-width:0;display:block}.class-seats .seat input,.class-seats .seat-meta{margin-inline-start:17px}.class-seats .seat input{width:calc(100% - 17px)}.class-seats .seat-meta{color:var(--muted);font-size:10px}.seat-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.seat-pick{color:var(--ink);background:#f8faf6;border:1px solid #dce5dd;border-radius:8px;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:600;display:inline-flex}.seat-pick:hover:not(:disabled){background:var(--teal-tint);border-color:color-mix(in srgb,var(--teal) 45%,#fff)}.seat-pick:disabled{opacity:.55;cursor:not-allowed}.seat-pick:focus-visible{outline-offset:2px;outline:3px solid #d0a637}.setup-warning{color:#8a4b2a;background:#fff1e3;border-radius:8px;margin:0 0 14px;padding:10px 13px;font-size:12px;line-height:1.8}
