@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-bhaijaan-2-arabic-500-normal-DVWcP2gZ.woff2)format("woff2"),url(/assets/baloo-bhaijaan-2-arabic-500-normal-CRlLJqg_.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-bhaijaan-2-vietnamese-500-normal-CHEtkPIf.woff2)format("woff2"),url(/assets/baloo-bhaijaan-2-vietnamese-500-normal-L6tYpJgz.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-bhaijaan-2-latin-ext-500-normal-XihNZZ9M.woff2)format("woff2"),url(/assets/baloo-bhaijaan-2-latin-ext-500-normal-BLZIDAYj.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-bhaijaan-2-latin-500-normal-Mq1uELV5.woff2)format("woff2"),url(/assets/baloo-bhaijaan-2-latin-500-normal-7_hp6lt2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-bhaijaan-2-arabic-700-normal-BuUEWU-Z.woff2)format("woff2"),url(/assets/baloo-bhaijaan-2-arabic-700-normal-C3qElwAX.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-bhaijaan-2-vietnamese-700-normal-CxWeZztf.woff2)format("woff2"),url(/assets/baloo-bhaijaan-2-vietnamese-700-normal-CYvrZc_o.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-bhaijaan-2-latin-ext-700-normal-B1tLM8Qb.woff2)format("woff2"),url(/assets/baloo-bhaijaan-2-latin-ext-700-normal-CEI6CUW4.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo Bhaijaan 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-bhaijaan-2-latin-700-normal-BcS7CKzU.woff2)format("woff2"),url(/assets/baloo-bhaijaan-2-latin-700-normal-DkTl8DJ7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--nile:#1f6fa8;--nile-dark:#174f7a;--sun:#f6c431;--terracotta:#c8553d;--palm:#3f8f4a;--palm-dark:#2e6b37;--limestone:#f3e6c8;--cream:#fbf5e8;--ink:#2b2a33;--radius:18px;--font:"Baloo Bhaijaan 2", system-ui, sans-serif;--khayamiya:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='%231f6fa8'/%3E%3Cpath d='M12 1 23 12 12 23 1 12Z' fill='%23f6c431'/%3E%3Cpath d='M12 6 18 12 12 18 6 12Z' fill='%23c8553d'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23fbf5e8'/%3E%3Cpath d='M0 0h5L0 5zM24 0h-5l5 5zM0 24h5l-5-5zM24 24h-5l5-5z' fill='%233f8f4a'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--cream);-webkit-tap-highlight-color:transparent}button{font-family:inherit}.app{flex-direction:column;height:100dvh;display:flex}.topbar{background:var(--nile);color:#fff;z-index:10;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.lang-switch{background:var(--sun);min-height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:4px 18px;font-size:1.1rem;font-weight:700;box-shadow:0 3px #c99a14}.lang-switch:active{transform:translateY(2px);box-shadow:0 1px #c99a14}.khayamiya-strip{background:var(--khayamiya);background-size:12px 12px;flex:none;height:12px}.puzzle{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0;padding:12px;display:grid}.stage,.editor{flex-direction:column;gap:10px;min-height:0;display:flex}.mission{border-radius:var(--radius);border:3px solid var(--limestone);background:#fff;align-items:center;gap:12px;padding:10px 12px;display:flex}.badge{flex:none}.mission-text{flex:1;min-width:0}.mission-text p{margin:0;font-size:1.15rem;font-weight:700;line-height:1.5}.mission-label{color:var(--terracotta);gap:12px;font-size:.9rem;font-weight:700;display:flex}.hint{border-radius:var(--radius);border:2px dashed var(--sun);background:#fff6d6;margin:0;padding:10px 14px;font-size:1.05rem;line-height:1.6}.scene-wrap{border-radius:var(--radius);border:3px solid var(--limestone);flex:1;min-height:200px;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.scene canvas{touch-action:none;display:block}.feedback{inset-inline:12px;background:var(--cream);border:3px solid var(--terracotta);border-radius:var(--radius);text-align:center;padding:10px 14px;font-size:1.1rem;font-weight:700;position:absolute;bottom:12px}.controls{gap:10px;display:flex}.btn{cursor:pointer;border:0;border-radius:999px;min-height:52px;padding:6px 22px;font-size:1.25rem;font-weight:700;transition:transform 80ms}.btn:active:not(:disabled){transform:translateY(3px)}.btn:disabled{opacity:.6;cursor:default}.btn:focus-visible,.lang-switch:focus-visible{outline:4px solid var(--nile-dark);outline-offset:3px}.btn-run{background:var(--palm);color:#fff;box-shadow:0 4px 0 var(--palm-dark);flex:1}.btn-reset{color:var(--terracotta);box-shadow:inset 0 0 0 3px var(--terracotta), 0 4px 0 #a84530;background:#fff}.btn-hint{background:var(--sun);min-height:44px;color:var(--ink);flex:none;padding:4px 14px;font-size:1rem;box-shadow:0 3px #c99a14}.counter{border:2px solid var(--limestone);background:#fff;border-radius:999px;align-self:flex-start;padding:4px 14px;font-weight:700}.counter.over{border-color:var(--terracotta);color:var(--terracotta)}.editor-wrap{border-radius:var(--radius);border:3px solid var(--limestone);flex:1;min-height:0;position:relative;overflow:hidden}.blockly{position:absolute;inset:0}.editor-lock{z-index:5;position:absolute;inset:0}.modal-backdrop{z-index:50;background:#1f6fa873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.khayamiya-frame{background:var(--khayamiya);background-size:24px 24px;border-radius:24px;padding:12px}.modal{width:min(520px,100%);animation:.3s ease-out pop}.modal-body{background:var(--cream);text-align:center;border-radius:14px;max-height:calc(100dvh - 64px);padding:20px;overflow-y:auto}.modal-body h2{color:var(--nile);margin:6px 0 0}.speech{font-size:1.25rem;font-weight:700;line-height:1.6}.modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.modal,.btn-hint.glow{animation:none}}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;width:44px;height:44px;font-size:1.3rem}.btn{white-space:nowrap;justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.btn-small{min-height:40px;color:var(--ink);box-shadow:inset 0 0 0 2px var(--limestone), 0 3px 0 #d9c79f;background:#fff;padding:4px 14px;font-size:1rem}.btn-danger{background:var(--terracotta);color:#fff;box-shadow:0 3px #a84530}.btn-big{min-height:60px;padding:8px 32px;font-size:1.5rem}.btn-hint.glow{animation:1.2s ease-in-out infinite alternate glow}@keyframes glow{to{transform:scale(1.06);box-shadow:0 0 0 6px #f6c43173,0 3px #c99a14}}.stars{vertical-align:middle;gap:2px;display:inline-flex}.editor-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.nudge{color:var(--terracotta);margin:0 0 12px;font-weight:700}.home,.map,.cert-screen{flex:1;width:min(960px,100%);margin:0 auto;padding:16px}.hero-body{background:var(--cream);text-align:center;border-radius:14px;padding:28px 20px}.hero h1{color:var(--nile);margin:0;font-size:clamp(2.4rem,8vw,3.6rem);line-height:1.2}.tagline{color:var(--terracotta);margin:4px 0 20px;font-size:1.3rem;font-weight:700}.cast{justify-content:center;gap:clamp(20px,8vw,72px);margin-bottom:12px;display:flex}.cast figure{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.cast figcaption{flex-direction:column;line-height:1.3;display:flex}.cast strong{font-size:1.4rem}.hero h2{margin:12px 0 0;font-size:1.6rem}.details{margin:4px 0 20px;font-weight:500}.home-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.privacy{text-align:center;color:#6b6458;font-size:.95rem}.map-head{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:8px;display:flex}.map-head h1{color:var(--nile);margin:0}.map-total{font-size:1.1rem;font-weight:700}.map-head .btn{flex:none;margin-inline-start:auto}.map-section{border-radius:var(--radius);border:3px solid var(--limestone);background:#fff;margin:16px 0;padding:12px 16px 16px}.map-section h2{margin:0 0 10px;font-size:1.3rem}.map-sequencing h2{color:var(--nile)}.map-loops h2{color:#8f5e18}.map-conditions h2{color:#5e3b7d}.map-path{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.map-path:before{content:"";inset-inline:12%;background:repeating-linear-gradient(90deg, var(--limestone) 0 14px, transparent 14px 22px);border-radius:3px;height:6px;position:absolute;top:50%}.map-stop{border-radius:var(--radius);background:var(--cream);border:3px solid var(--limestone);color:var(--ink);flex-direction:column;align-items:center;gap:4px;padding:10px 6px;text-decoration:none;transition:transform .1s;display:flex;position:relative}.map-stop:hover,.map-stop:focus-visible{border-color:var(--nile);outline:none;transform:translateY(-3px)}.map-stop.done{background:#f4fae9;border-color:#b9dc98}.map-stop.next{border-color:var(--sun);box-shadow:0 0 0 4px #f6c43159}.map-num{font-size:1.4rem;font-weight:700;line-height:1}.map-foot{justify-content:center;margin:20px 0;display:flex}.confirm{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-weight:700;display:flex}.lesson-head{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 12px 0;display:flex}.lesson-title{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:1.15rem;display:flex}.lesson-num{color:var(--terracotta);font-size:.95rem;font-weight:700}.chip{border:2px solid var(--limestone);white-space:nowrap;background:#fff;border-radius:999px;padding:2px 10px;font-size:.9rem;font-weight:700}.step-dots{flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.step-dots a{border:3px solid var(--limestone);width:40px;height:40px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-weight:700;text-decoration:none;display:grid}.step-dots a.done{background:#f4fae9;border-color:#9ccc78}.step-dots a.challenge{border-color:var(--sun);color:#8f5e18}.step-dots a.current{border-color:var(--nile);box-shadow:0 0 0 3px #1f6fa840}.challenge-tag{color:#8f5e18}.story,.badge-step{flex-direction:column;flex:1;gap:12px;width:min(960px,100%);margin:0 auto;padding:12px;display:flex}.story-scene{border-radius:var(--radius);border:3px solid var(--limestone);flex:1;min-height:240px;position:relative;overflow:hidden}.story-card{border-radius:var(--radius);border:3px solid var(--sun);background:#fff;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.story-text{flex:1}.story-text strong{color:var(--nile);font-size:1.15rem}.story-text p{margin:2px 0 8px;font-size:1.25rem;font-weight:700;line-height:1.6}.story-dots{gap:6px;display:flex}.story-dots span{background:var(--limestone);border-radius:50%;width:10px;height:10px}.story-dots span.on{background:var(--terracotta)}.badge-step{justify-content:center}.badge-hero{width:min(560px,100%);margin:0 auto}.badge-hero .modal-body{max-height:none}.badge-svg.earned{animation:.5s ease-out pop}.facts-heading{margin:12px 0 6px;font-size:1.05rem}.fact-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.fact-chips li{border:2px solid var(--sun);background:#fff8dc;border-radius:999px;padding:4px 12px;font-weight:700}.map-lesson-head{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:10px;display:flex}.map-lesson-head h2{margin:0}.map-lesson-head .btn{margin-inline-start:auto}.map-stop.challenge{border-color:var(--sun)}.home-heading{color:var(--nile);margin:20px 0 10px}.activity-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.activity-card{border-radius:var(--radius);border:3px solid var(--limestone);border-top:8px solid var(--nile);background:#fff;flex-direction:column;gap:8px;padding:16px;display:flex}.activity-card.subject-science{border-top-color:var(--terracotta)}.activity-card h3{margin:0;font-size:1.35rem}.activity-card p{margin:0;line-height:1.5}.activity-top{justify-content:space-between;align-items:center;display:flex}.activity-icon{font-size:2.2rem}.activity-chips{flex-wrap:wrap;gap:6px;display:flex}.activity-card .home-actions{justify-content:flex-start;margin-top:auto}.lang-note{border:2px dashed var(--sun);background:#fff8dc;border-radius:12px;margin:8px 12px 0;padding:6px 12px;font-size:.95rem;font-weight:700}.map-icon{font-size:1.8rem;line-height:1}.map-title{text-align:center;font-weight:700;line-height:1.3}.lab,.sort,.quiz{flex:1;gap:12px;width:min(1200px,100%);margin:0 auto;padding:12px;display:grid}.sort,.quiz{grid-template-columns:minmax(0,1fr);align-content:start;width:min(860px,100%)}.lab{grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-areas:"task task""fanous bench";align-items:start}.lab>.lab-task{grid-area:task}.lab-task{border-radius:var(--radius);border:3px solid var(--limestone);background:#fff;padding:12px 16px}.lab-task h2{color:var(--nile);margin:0 0 4px}.lab-task p{margin:0 0 8px;font-size:1.1rem;line-height:1.55}.lab-fanous{flex-direction:column;grid-area:fanous;gap:8px;display:flex}.story-scene .fanous-canvas{border:0;height:auto;position:absolute;inset:0}.fanous-canvas{border-radius:var(--radius);border:3px solid var(--limestone);height:340px;position:relative;overflow:hidden}.lab-status{border:3px solid var(--limestone);background:#fff;border-radius:12px;margin:0;padding:8px 12px;font-weight:700;line-height:1.45}.lab-status.flowing{background:#f4fae9;border-color:#9ccc78}.lab-status.short{border-color:var(--red,#d6453d);background:#fdecea}.lab-bench{flex-direction:column;grid-area:bench;gap:8px;display:flex}.view-toggle{border:2px solid var(--limestone);background:#fff;border-radius:999px;align-self:flex-start;padding:3px;display:inline-flex}.view-toggle button{min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:2px 16px;font-weight:700}.view-toggle button.on{background:var(--nile);color:#fff}.circuit{border-radius:var(--radius);border:3px solid var(--limestone);-webkit-user-select:none;user-select:none;background:#fffaf0;width:100%}.circuit .wire{fill:none;stroke:#b06a2c;stroke-width:5px;stroke-linejoin:round}.circuit .lead{stroke:#b06a2c;stroke-width:5px}.circuit .slot-bg{fill:#fffaf0}.circuit .electrons{fill:none;stroke:#1f6fa8;stroke-width:7px;stroke-linecap:round;stroke-dasharray:0 24;pointer-events:none}.circuit .electrons.moving{animation:linear infinite electron-flow}@keyframes electron-flow{to{stroke-dashoffset:24px}}.circuit .hit{fill:#0000}.circuit .interactive,.circuit .droppable{cursor:pointer}.circuit .slot:focus{outline:none}.circuit .slot:focus-visible .hit{stroke:var(--nile);stroke-width:3px;stroke-dasharray:5 4}.circuit .empty-box{fill:#c8553d0f;stroke:var(--terracotta);stroke-width:2.5px;stroke-dasharray:5 4}.circuit .droppable .empty-box{fill:#1f6fa81f;stroke:var(--nile);animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{fill:#1f6fa84d}}.cell-body{fill:#2b3a55}.cell-band{fill:#f6c431}.cell-nub{fill:#9aa3ad}.cell-sign{fill:#fff;text-anchor:middle;font-size:13px;font-weight:700}.cell-sign.dark{fill:#2b3a55}.lamp-base{fill:#9aa3ad}.bulb{fill:#fdfbf6;stroke:#9aa3ad;stroke-width:2px}.bulb.on{fill:#fff3b0;stroke:#f6c431}.filament{fill:none;stroke:#8a5a32;stroke-width:1.5px}.filament.on{stroke:#f08a24;stroke-width:2px}.switch-base{fill:#b9824f}.contact{fill:#6f7882}.switch-lever{stroke:#1f6fa8;stroke-width:4.5px;stroke-linecap:round}.buzzer-body{fill:#2a2a30}.buzzer-hole{fill:#6f7882}.buzz-waves{fill:none;stroke:var(--terracotta);stroke-width:2.5px;stroke-linecap:round}.ammeter-body{fill:#fff;stroke:#2b3a55;stroke-width:3px}.ammeter-reading{text-anchor:middle;font-size:10px;font-weight:700}.ammeter-unit{text-anchor:middle;font-size:8px}.clip{fill:var(--terracotta)}.material-icon{text-anchor:middle;font-size:22px}.circuit-diagram{background:#fff}.circuit-diagram .wire,.circuit-diagram .lead{stroke:#1d1d1d;stroke-width:2.5px}.circuit-diagram .slot-bg{fill:#fff}.circuit .sym{fill:#fff;stroke:#1d1d1d;stroke-width:2.5px}.circuit .sym.thick{stroke-width:5px}.circuit .sym.lit{fill:#fff3b0}.circuit .dot{fill:#1d1d1d}.circuit .sym-text{text-anchor:middle;font-size:13px;font-weight:700}.tray{flex-wrap:wrap;gap:8px;display:flex}.tray-item{border:3px solid var(--limestone);min-height:52px;font:inherit;cursor:grab;touch-action:none;background:#fff;border-radius:14px;align-items:center;gap:8px;padding:6px 14px;font-weight:700;display:flex}.tray-item.selected{border-color:var(--nile);box-shadow:0 0 0 4px #1f6fa840}.tray-item:disabled{opacity:.45;cursor:default}.tray-icon{font-size:1.5rem}.tray-count{color:#6b6458;font-size:.85rem;font-weight:500}.lab-help{color:#6b6458;margin:0;font-weight:700}.drag-ghost{z-index:60;pointer-events:none;font-size:2.2rem;position:fixed;transform:translate(-50%,-50%)}.sort-pile{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.sort-card,.quiz-option{border:3px solid var(--limestone);width:100%;min-height:56px;font:inherit;text-align:start;cursor:pointer;background:#fff;border-radius:14px;padding:10px 14px;font-size:1.05rem;font-weight:700;line-height:1.45}.sort-card.selected{border-color:var(--nile);box-shadow:0 0 0 4px #1f6fa840}.sort-feedback{border-radius:12px;margin:0;padding:8px 12px;font-weight:700;line-height:1.5}.sort-feedback.ok{background:#f4fae9;border:2px solid #9ccc78}.sort-feedback.no{background:#fdecea;border:2px solid #e8a49c}.sort-groups{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.sort-group{border-radius:var(--radius);border:3px dashed var(--limestone);background:#fff;padding:10px}.sort-group.droppable{border-color:var(--nile)}.sort-group-head{background:var(--nile);color:#fff;width:100%;min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:12px;font-size:1.1rem;font-weight:700}.sort-group-head:disabled{opacity:.6;cursor:default}.sort-group ul{margin:8px 0 0;padding-inline-start:20px;line-height:1.5}.quiz-card{border-radius:var(--radius);border:3px solid var(--sun);background:#fff;flex-direction:column;gap:10px;padding:16px;display:flex}.quiz-count{color:var(--terracotta);font-weight:700}.quiz-card h3{margin:0;font-size:1.3rem}.quiz-circuit{max-width:420px}.quiz-options{gap:8px;display:grid}.quiz-option.wrong{background:#fdecea;border-color:#e8a49c;text-decoration:line-through}.quiz-option.right{background:#f4fae9;border-color:#9ccc78}.quiz-card .btn{flex:none;align-self:flex-start}.fact-card{border:3px solid var(--sun);box-shadow:4px 4px 0 var(--terracotta);text-align:start;color:var(--ink);background:#fff8dc;border-radius:14px;align-items:flex-start;gap:12px;margin:0 0 8px;padding:12px 14px;text-decoration:none;display:flex}.fact-icon{border:3px solid var(--terracotta);background:#fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:1.6rem;display:grid}.fact-content{min-width:0}.fact-kicker{color:var(--terracotta);flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-weight:700;display:flex}.fact-kind{color:var(--nile);background:#fff;border-radius:999px;padding:0 8px;font-size:.8rem}.fact-card h3{color:var(--nile);margin:2px 0;font-size:1.25rem}.fact-card p{margin:0;font-size:1.05rem;line-height:1.65}.fact-card.locked{background:var(--cream);border-color:var(--limestone);box-shadow:none;color:#6b6458;border-style:dashed;align-items:center;height:100%;font-weight:700}.fact-added{color:var(--palm-dark);margin:0 0 12px;font-size:.95rem;font-weight:700}.facts{flex:1;width:min(1100px,100%);margin:0 auto;padding:16px}.facts-intro{margin:0 0 14px;font-size:1.1rem;font-weight:700}.facts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.facts-grid .fact-card{margin:0}.cert-controls{border-radius:var(--radius);border:3px solid var(--limestone);background:#fff;flex-direction:column;gap:6px;margin-bottom:16px;padding:14px;font-weight:700;display:flex}.cert-controls label{flex-direction:column;gap:6px;display:flex}.cert-controls input{font:inherit;border:3px solid var(--limestone);border-radius:12px;padding:8px 14px;font-size:1.3rem}.cert-controls input:focus{border-color:var(--nile);outline:none}.cert-controls small{color:#6b6458;font-weight:500}.cert-buttons{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.certificate{aspect-ratio:297/210;background-size:36px 36px;padding:18px}.cert-body{background:var(--cream);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;padding:16px 24px;display:flex}.cert-cast{align-items:center;gap:24px;display:flex}.cert-brand{color:var(--nile);font-size:2rem;font-weight:700}.certificate h1{color:var(--terracotta);margin:4px 0;font-size:clamp(1.6rem,4.5vw,2.6rem)}.cert-small{margin:0;font-size:clamp(.9rem,2vw,1.15rem)}.cert-name{border-bottom:3px dotted var(--nile);min-width:60%;color:var(--nile);margin:2px 0 6px;padding-bottom:2px;font-size:clamp(1.8rem,5vw,3rem);font-weight:700;line-height:1.3}.cert-text{max-width:34em;margin:0 0 4px;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:700;line-height:1.5}.cert-foot{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:8px;font-size:.95rem;display:flex}@media print{@page{size:A4 landscape;margin:8mm}.no-print{display:none!important}html,body,.app{background:#fff;height:auto}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.cert-screen{width:100%;padding:0}.certificate{aspect-ratio:auto;width:100%;height:190mm}.cert-body{gap:10px}.cert-cast .badge{width:130px;height:130px}.cert-brand{font-size:30pt}.cert-name{font-size:50pt}.cert-text{font-size:19pt}.cert-small,.cert-foot{font-size:14pt}.certificate h1{font-size:44pt}}@media (width<=820px),(orientation:portrait) and (width<=1100px){.app{height:auto;min-height:100dvh}.puzzle{grid-template-columns:minmax(0,1fr);padding:8px}.scene-wrap{flex:none;height:40vh;min-height:220px}.editor-wrap{flex:none;height:60vh;min-height:340px}.mission-text p{font-size:1.05rem}.brand span{font-size:1.25rem}.map-path{grid-template-columns:repeat(2,minmax(0,1fr))}.step-dots a{width:34px;height:34px}.lab{grid-template-columns:minmax(0,1fr);grid-template-areas:"task""fanous""bench"}.fanous-canvas{height:30vh;min-height:200px}.story-scene{flex:none;height:38vh}.story-text p{font-size:1.1rem}.map-path:before{display:none}.cert-cast .badge{width:56px;height:56px}}
