:root{--sky: #dff4ff;--sea: #1b9fb4;--sea-deep: #0e6f86;--sand: #fff4dc;--paper: #fffdf7;--ink: #1f2a37;--ink-soft: #4c5563;--leaf: #2f8f6b;--leaf-soft: #d8f0e4;--coral: #ef6c3a;--sun: #ffc23d;--berry: #c2255c;--line: #e6dcc6;--good: #2b8a3e;--bad: #d6336c;--radius: 18px;--shadow: 0 4px 0 rgba(31, 42, 55, .12), 0 10px 24px rgba(31, 42, 55, .08);--f-display: "Baloo Bhaijaan 2", "Tajawal", "Segoe UI", Tahoma, sans-serif;--f-body: "Tajawal", "Segoe UI", Tahoma, "Noto Sans Arabic", sans-serif;--theme: var(--leaf);--theme-soft: var(--leaf-soft);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--f-body);font-size:17px;line-height:1.6;color:var(--ink);background:linear-gradient(180deg,var(--sky) 0%,#eef9ff 40%,var(--sand) 100%);background-attachment:fixed;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--coral);outline-offset:2px}h1,h2,h3{font-family:var(--f-display);line-height:1.25;text-wrap:balance;margin:0}.icon{display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:1}.icon svg{width:100%;height:100%}.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.theme-green{--theme: #2f8f3a;--theme-soft: #e3f4dc}.theme-teal{--theme: #0b7285;--theme-soft: #dcf2f5}.theme-orange{--theme: #d9480f;--theme-soft: #ffe8d9}.app{min-height:100vh;display:flex;flex-direction:column}.main{width:100%;max-width:1080px;margin:0 auto;padding-block:12px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));flex:1}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:8px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:#fffdf7eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid var(--line)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--paper)}.brand{display:flex;align-items:center;gap:6px;border:0;background:none;font-family:var(--f-display);font-weight:700;font-size:19px;color:var(--sea-deep);padding:2px 4px}.top-actions{display:flex;gap:6px;align-items:center}.toggle{width:40px;height:40px;border-radius:12px;border:2px solid var(--line);background:#fff;font-size:18px;opacity:.55}.toggle.on{opacity:1;border-color:var(--sea)}.player-chip{border:2px solid var(--line);background:#fff;border-radius:999px;padding:4px 12px;font-weight:700;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{border:0;border-radius:14px;padding:10px 18px;font-weight:700;font-size:17px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .12s ease,box-shadow .12s ease}.btn:active{transform:translateY(2px)}.btn.primary{background:var(--coral);color:#fff;box-shadow:0 4px #b9461c}.btn.primary:active{box-shadow:0 2px #b9461c}.btn.big{font-size:20px;padding:12px 26px;min-height:56px}.btn.ghost{background:#fff;border:2px solid var(--line);color:var(--ink)}.btn.small{min-height:36px;padding:4px 12px;font-size:15px}.btn.danger{background:var(--bad);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.link{border:0;background:none;text-decoration:underline;color:var(--sea-deep);font-weight:700}.eyebrow{margin:0;font-size:14px;font-weight:700;color:var(--ink-soft);letter-spacing:.02em}.note{background:#fff8e1;border:2px dashed #f2c94c;border-radius:14px;padding:10px 14px;font-size:15px}.note.good{background:#e6f6ea;border-color:#8ccf9b}.welcome{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:8px}.welcome-sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.w-sun{position:absolute;top:10px;left:6%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#fff3b0 0 40%,var(--sun) 41% 100%);box-shadow:0 0 0 14px #ffc23d33}.w-cloud{position:absolute;width:120px;height:36px;background:#fff;border-radius:40px;opacity:.9;animation:drift 26s linear infinite}.w-cloud:after{content:"";position:absolute;width:60px;height:50px;background:#fff;border-radius:50%;top:-24px;right:22px}.c1{top:40px;right:-140px}.c2{top:140px;right:-140px;animation-delay:-13s;transform:scale(.7)}@keyframes drift{to{right:110%}}.welcome-card{position:relative;width:100%;max-width:560px;background:var(--paper);border-radius:28px;box-shadow:var(--shadow);padding:22px 20px 24px;border:3px solid var(--line);text-align:center}.title{font-size:clamp(38px,9vw,60px);color:var(--sea-deep);margin:4px 0 8px;line-height:1.05}.title span{display:block;font-size:.55em;color:var(--coral)}.hero-fahd{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:6px 0 12px}.hero-fahd>span{animation:bob 2.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px)}}.bubble{position:relative;background:var(--leaf-soft);border-radius:18px;padding:10px 14px;font-weight:700;max-width:230px;text-align:start;margin-bottom:60px}.bubble:after{content:"";position:absolute;bottom:-10px;right:24px;border:10px solid transparent;border-top-color:var(--leaf-soft);border-bottom:0}.name-form{display:grid;gap:10px}.name-form label{font-family:var(--f-display);font-size:22px;font-weight:700}.name-form input{border:3px solid var(--line);border-radius:16px;padding:12px 16px;font-size:22px;text-align:center;background:#fff}.name-form input:focus{border-color:var(--sea);outline:none}.btn.start{background:var(--leaf);color:#fff;font-size:24px;min-height:62px;box-shadow:0 5px #1f6a4e}.privacy{margin:0;font-size:13px;color:var(--ink-soft)}.welcome-foot{display:flex;gap:16px;align-items:center;font-size:14px;color:var(--ink-soft)}.map-head{display:flex;align-items:center;gap:12px;background:var(--paper);border-radius:var(--radius);padding:10px 14px;border:2px solid var(--line);box-shadow:var(--shadow)}.map-head h1{font-size:26px}.map-head p{margin:0;font-size:15px;color:var(--ink-soft)}.map-head>div:nth-child(2){flex:1;min-width:0}.star-total{display:grid;justify-items:center;background:#fff6d6;border-radius:14px;padding:4px 12px;line-height:1.1}.star-total b{font-size:24px;font-family:var(--f-display)}.star-total small{font-size:12px}.btn.resume{margin-top:12px;background:var(--sun);box-shadow:0 4px #c79400}.sea{list-style:none;margin:18px 0 0;padding:18px 10px;border-radius:28px;background:repeating-linear-gradient(170deg,transparent 0 22px,rgba(255,255,255,.12) 22px 26px),linear-gradient(180deg,var(--sea) 0%,var(--sea-deep) 100%);display:grid;gap:8px}.island-stop{display:flex;justify-content:flex-start;position:relative}.island-stop.alt{justify-content:flex-end}.island-stop+.island-stop:before{content:"";position:absolute;top:-22px;left:50%;height:34px;border-right:4px dashed rgba(255,255,255,.7)}.island{width:min(100%,470px);border:0;background:none;color:#fff;display:grid;justify-items:center;text-align:center;padding:6px;border-radius:24px;transition:transform .15s ease}.island:hover{transform:translateY(-3px)}.island-art{width:100%;max-width:340px;height:auto;filter:drop-shadow(0 6px 0 rgba(0,0,0,.15))}.unit-badge{background:var(--theme);color:#fff;padding:2px 14px;border-radius:999px;font-weight:800;font-size:15px;border:2px solid rgba(255,255,255,.8)}.island-title{font-family:var(--f-display);font-size:28px;text-shadow:0 2px 0 rgba(0,0,0,.25)}.island-tag{font-size:15px;opacity:.95}.progress{display:block;width:min(280px,90%);height:12px;background:#ffffff59;border-radius:999px;overflow:hidden;margin:6px 0 2px}.progress>span{display:block;height:100%;background:var(--sun);border-radius:999px;transition:width .4s ease}.progress.big{height:16px;width:100%;background:#fff;border:2px solid var(--line)}.island-meta{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px}.stars{display:inline-flex;gap:2px;vertical-align:middle}.star path{fill:#d7dbe0}.star.on path{fill:var(--sun);stroke:#d99a00;stroke-width:1}.unit-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;background:var(--theme-soft);border:3px solid var(--theme);border-radius:24px;padding:14px}.unit-hero .island-art{max-width:260px;justify-self:center}.unit-hero h1{color:var(--theme);font-size:34px}.unit-meta{margin:4px 0 10px;font-weight:700}.unit-actions,.done-actions,.intro-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.unit-actions{justify-content:flex-start}.chapter{margin-top:22px}.chapter h2{font-size:24px;color:var(--theme)}.chapter h2 span{background:var(--theme);color:#fff;border-radius:10px;padding:0 10px;font-size:.7em;vertical-align:middle}.lesson{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);padding:12px;margin-top:12px;box-shadow:var(--shadow)}.lesson-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.lesson-head h3{font-size:21px}.lesson-head h3 span{color:var(--ink-soft);font-size:.8em}.lesson-head small{color:var(--ink-soft)}.stations{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px}.station{width:100%;display:flex;align-items:center;gap:8px;text-align:start;background:#fff;border:2px solid var(--line);border-radius:14px;padding:8px 10px;min-height:62px}.station.done{background:var(--theme-soft);border-color:color-mix(in srgb,var(--theme) 45%,white)}.station.current{border-color:var(--coral);box-shadow:0 0 0 3px #ef6c3a40}.station-num{width:28px;height:28px;border-radius:50%;background:var(--theme);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}.station-kind{font-size:22px}.station-body{flex:1;min-width:0;display:grid;line-height:1.3}.station-body small{color:var(--ink-soft)}.station-stars .go{background:var(--coral);color:#fff;border-radius:999px;padding:2px 10px;font-weight:800;font-size:14px}.stage-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stage-title{flex:1;min-width:0}.stage-title small{color:var(--ink-soft);font-weight:700}.stage-title h1{font-size:clamp(22px,5vw,30px);color:var(--theme)}.kind-pill{background:var(--theme-soft);color:var(--theme);border-radius:999px;padding:4px 12px;font-weight:800;font-size:14px}.lesson-dots{display:flex;align-items:center;gap:6px;margin:8px 0 12px;flex-wrap:wrap}.ldot{width:28px;height:10px;border-radius:999px;background:#d7dbe0}.ldot.done{background:color-mix(in srgb,var(--theme) 55%,white)}.ldot.here{background:var(--coral);width:44px}.unit-step{font-size:13px;color:var(--ink-soft);margin-inline-start:auto}.intro-card,.done-card{position:relative;background:var(--paper);border:3px solid var(--line);border-radius:24px;padding:18px;display:flex;gap:16px;align-items:center;box-shadow:var(--shadow)}.intro-text{flex:1;min-width:0}.instruction{font-size:21px;font-weight:700;margin:0 0 14px}.intro-actions{justify-content:flex-start}.source{display:block;margin-top:10px;color:var(--ink-soft)}.mini-instruction{margin:0 0 10px;font-weight:700;color:var(--ink-soft);font-size:15px}.done-card{flex-direction:column;text-align:center;overflow:hidden}.done-card h2{font-size:32px;color:var(--theme)}.done-card p{margin:0}.done-stats{font-size:15px;color:var(--ink-soft)}.pool{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px;min-height:70px;background:#fff9;border:2px dashed var(--line);border-radius:var(--radius)}.pool-done{margin:0;font-weight:700;color:var(--good)}.card-tile{display:inline-flex;align-items:center;gap:8px;background:#fff;border:3px solid #ffd166;border-radius:14px;padding:8px 12px;font-weight:700;font-size:16px;line-height:1.35;box-shadow:0 3px #e2b84a;user-select:none;-webkit-user-select:none;cursor:grab;max-width:100%}.card-tile.wide{width:100%;max-width:520px}.card-tile[data-selected=true]{border-color:var(--coral);box-shadow:0 0 0 4px #ef6c3a4d;transform:translateY(-2px)}.card-tile[data-dragging=true]{opacity:.35}.card-tile.lifted{transform:rotate(-3deg) scale(1.05);box-shadow:0 12px 24px #0003;cursor:grabbing}.drag-ghost{position:fixed;z-index:100;pointer-events:none}.drag-ghost>*{width:100%}[data-drop][data-armed=true]{outline:3px dashed var(--coral);outline-offset:2px}[data-drop][data-hover=true]{background:#fff3e0!important;outline:3px solid var(--coral)}.classify{display:grid;gap:14px}.bins{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.bin{background:var(--theme-soft);border:3px solid color-mix(in srgb,var(--theme) 50%,white);border-radius:18px;padding:10px;min-height:130px;cursor:pointer}.bin-head{display:flex;align-items:center;gap:6px;font-family:var(--f-display);font-size:18px;color:var(--theme);justify-content:center;text-align:center}.bin-body{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;justify-content:center}.mini{display:inline-flex;align-items:center;gap:4px;background:#fff;border-radius:999px;padding:2px 10px 2px 8px;font-size:14px;font-weight:700}.order{display:grid;gap:14px}.order-slots{list-style:none;margin:0;padding:0;display:grid;gap:8px}.order-slot{display:flex;align-items:center;gap:10px;min-height:58px;border:3px dashed color-mix(in srgb,var(--theme) 45%,white);border-radius:14px;padding:6px 10px;background:#ffffffb3;cursor:pointer}.order-slot.filled{border-style:solid;background:var(--theme-soft);cursor:default}.order-slot .num{width:34px;height:34px;border-radius:50%;background:var(--theme);color:#fff;font-weight:800;display:grid;place-items:center;flex:none;font-size:18px}.order-text{display:flex;align-items:center;gap:8px;font-weight:700}.placeholder{color:var(--ink-soft);font-size:15px}.cycle-note{text-align:center;font-weight:800;color:var(--theme)}.label-game{display:grid;gap:12px}.diagram-wrap{position:relative;width:100%;max-width:720px;margin:0 auto;aspect-ratio:4 / 3;max-width:min(720px,100%,max(320px,calc((100svh - 380px) * 4 / 3)))}.diagram-svg{width:100%;height:100%;border-radius:18px;border:3px solid var(--line);background:#fff;display:block}.slot{position:absolute;display:flex;align-items:center;justify-content:center;gap:4px;border:3px dashed var(--coral);background:#ffffffeb;border-radius:12px;font-weight:800;font-size:clamp(11px,2.6vw,16px);line-height:1.2;text-align:center;padding:2px 4px;cursor:pointer}.slot .q{color:var(--coral);font-size:1.3em}.slot.filled{border-style:solid;border-color:var(--good);background:#ebfbee;cursor:default;flex-direction:column}.phase-prompt{font-weight:800;font-size:18px;background:#fff6d6;border-radius:14px;padding:8px 12px;margin:0 0 10px;text-align:center}.match{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px 34px}.match-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.draw-line{stroke-dasharray:600;stroke-dashoffset:600;animation:draw .45s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.match-col{display:grid;gap:8px;align-content:start;min-width:0}.match-col h3{font-size:17px;text-align:center;color:var(--theme)}.match-item{position:relative;display:flex;align-items:center;gap:8px;text-align:start;background:#fff;border:3px solid var(--line);border-radius:14px;padding:8px 10px;min-height:58px;font-weight:700;font-size:15px;line-height:1.35;touch-action:none}.match-item.left{border-color:#ffd166}.match-item.active{border-color:var(--coral);box-shadow:0 0 0 4px #ef6c3a40}.match-item.armed{border-style:dashed}.match-item.ok{background:#f4fbf5;opacity:.95;cursor:default}.match-item .dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--coral);border:3px solid #fff;top:50%;translate:0 -50%}.match-item.left .dot{left:-10px}.match-item.right .dot{right:-10px;background:var(--sea)}.memory{display:grid;gap:10px;max-width:820px;margin:0 auto}.memory.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.memory.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width: 560px){.memory.cols-4,.memory.cols-5{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mem-card{aspect-ratio:3 / 4}.mem-front{font-size:12.5px;padding:5px}}.mem-card{aspect-ratio:3 / 3.4;border:0;padding:0;background:none;perspective:800px}.mem-inner{position:relative;display:block;width:100%;height:100%;transition:transform .4s ease;transform-style:preserve-3d}.mem-card.open .mem-inner{transform:rotateY(180deg)}.mem-back,.mem-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:3px solid var(--line)}.mem-back{background:repeating-linear-gradient(45deg,var(--theme) 0 12px,color-mix(in srgb,var(--theme) 80%,white) 12px 24px);color:#fff}.mem-front{transform:rotateY(180deg);background:#fff;padding:8px;align-content:center;gap:4px;font-weight:700;font-size:14px;line-height:1.35}.mem-front.side-a{background:#fff8e6}.mem-card.found .mem-front{border-color:var(--good);background:#ebfbee}.mem-star{position:absolute;top:4px;left:8px;color:var(--sun);font-size:20px}.mem-text{text-align:center}.sound-game{display:grid;gap:14px}.sound-panel{display:flex;gap:14px;align-items:center;background:var(--paper);border:3px solid var(--line);border-radius:20px;padding:12px}.sound-btn{flex:none;width:104px;height:104px;border-radius:50%;border:0;background:var(--sea);color:#fff;display:grid;place-items:center;align-content:center;font-weight:800;box-shadow:0 5px 0 var(--sea-deep)}.sound-btn.playing{animation:pulse .9s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 5px 0 var(--sea-deep),0 0 0 12px #1b9fb440}}.clue{flex:1;min-width:0}.clue small{color:var(--ink-soft);font-weight:700}.clue p{margin:0;font-size:19px;font-weight:700}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}.option{display:grid;justify-items:center;gap:6px;padding:14px 8px;background:#fff;border:3px solid var(--line);border-radius:18px;font-family:var(--f-display);font-size:22px;font-weight:700;box-shadow:var(--shadow)}.option.correct{border-color:var(--good);background:#ebfbee}.option.tried{opacity:.5}.explain{background:#ebfbee;border:2px solid #8ccf9b;border-radius:16px;padding:12px 14px;display:grid;gap:10px;justify-items:center;text-align:center;font-weight:700}.explain p{margin:0}.spot{display:grid;gap:10px}.spot-hud{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-weight:700}.spot-scene{max-width:900px;margin:0 auto;width:100%;height:auto;border-radius:18px;border:3px solid #d1a75e;touch-action:manipulation;cursor:crosshair}.critter.found{opacity:.85}.ripple{animation:ripple .6s ease-out forwards}@keyframes ripple{to{r:26;opacity:0}}.spot-tip{text-align:center;margin:0;color:var(--ink-soft);font-weight:700}.platformer{display:grid;gap:8px}.plat-hud{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;background:var(--paper);border:2px solid var(--line);border-radius:14px;padding:6px 10px}.plat-bag{display:flex;gap:6px;flex-wrap:wrap}.bag-slot{width:40px;height:40px;border-radius:12px;border:2px dashed #c9bfa7;display:grid;place-items:center;color:var(--ink-soft);background:#fff}.bag-slot.full{border:2px solid var(--good);background:#ebfbee}.bag-slot.next{border-color:var(--coral);border-style:solid}.plat-stage{position:relative;width:100%;max-width:max(320px,min(100%,calc((100svh - 330px) * 16 / 9)));margin:0 auto;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;border:3px solid var(--line);background:#bfe6ff}.plat-canvas,.plat-canvas canvas{width:100%!important;height:100%!important;display:block}.plat-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:800;font-size:20px;background:#fff9}.plat-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;user-select:none;-webkit-user-select:none}.pad{display:flex;gap:10px}.ctl{width:72px;height:64px;border-radius:18px;border:0;background:var(--sea);color:#fff;font-size:26px;box-shadow:0 5px 0 var(--sea-deep);touch-action:none}.ctl:active{transform:translateY(3px);box-shadow:0 2px 0 var(--sea-deep)}.ctl.jump{width:auto;padding:0 22px;background:var(--coral);box-shadow:0 5px #b9461c;font-family:var(--f-display);font-size:22px}.kbd-hint{font-size:13px;color:var(--ink-soft);text-align:center;direction:rtl}@media (hover: none){.kbd-hint{display:none}}.toast{pointer-events:none;position:fixed;z-index:60;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;translate:-50% 0;width:min(520px,calc(100% - 32px));display:flex;gap:10px;align-items:center;border-radius:18px;padding:10px 14px;background:#fff;border:3px solid var(--good);box-shadow:0 10px 30px #0000002e;animation:rise .25s ease}.toast.bad{border-color:#f59f00;background:#fff9e6}.toast strong{font-family:var(--f-display);font-size:19px}.toast p{margin:0;font-size:15px}@keyframes rise{0%{transform:translateY(20px);opacity:0}}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#1f2a3773;display:grid;place-items:center;padding:16px}.help-card{background:var(--paper);border-radius:24px;border:3px solid var(--sun);padding:18px;max-width:460px;display:grid;justify-items:center;text-align:center;gap:8px}.help-card h2{color:var(--sea-deep)}.help-card p{margin:0;font-size:18px;font-weight:700}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.cf{position:absolute;top:-20px;width:10px;height:14px;animation:fall linear forwards}.cf.s1{border-radius:50%;width:10px;height:10px}.cf.s2{width:6px;height:18px}@keyframes fall{to{top:105%;transform:rotate(720deg) translate(30px)}}.pop-in{animation:pop .35s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.7);opacity:0}}.shake{animation:shake .4s ease}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.summary-card{background:var(--paper);border:3px solid var(--theme);border-radius:26px;padding:18px;display:grid;gap:14px;box-shadow:var(--shadow)}.summary-top{display:flex;align-items:center;gap:12px}.summary-top>div{flex:1;min-width:0}.summary-top h1{color:var(--theme);font-size:32px}.who{margin:0;font-size:18px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;margin:0}.stats div{background:var(--theme-soft);border-radius:16px;padding:10px;text-align:center}.stats dt{font-size:14px;font-weight:700;color:var(--ink-soft)}.stats dd{margin:0;font-family:var(--f-display);font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.stage-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:4px 16px}.stage-list li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed var(--line);padding:4px 0;font-size:15px}.stage-list small{color:var(--ink-soft)}.certificate{display:grid;gap:14px;justify-items:center}.cert-frame{width:100%;max-width:900px}.cert-img{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow)}.teacher{display:grid;gap:12px}.pin-card{max-width:380px;margin:30px auto;background:var(--paper);border:3px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:10px}.pin-card input{border:3px solid var(--line);border-radius:14px;padding:10px;font-size:22px;text-align:center;letter-spacing:.3em}.error{color:var(--bad);margin:0;font-weight:700;font-size:14px}.teacher-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.table-wrap{overflow-x:auto;background:var(--paper);border-radius:16px;border:2px solid var(--line)}.results{width:100%;border-collapse:collapse;font-size:15px;min-width:620px}.results th,.results td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle}.results thead th{background:var(--leaf-soft);font-size:14px}.results th small,.results td small{display:block;color:var(--ink-soft);font-weight:400;font-size:12px}.cell-main{font-weight:800;font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.empty,.legend{color:var(--ink-soft);font-size:14px}@media (min-width: 900px){.sea{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.island-stop,.island-stop.alt{justify-content:center}.island-stop.alt{margin-top:60px}.island-stop+.island-stop:before{top:40%;left:auto;right:-14px;width:28px;height:0;border-right:0;border-top:4px dashed rgba(255,255,255,.7)}}@media (min-width: 720px){.unit-hero{grid-template-columns:260px minmax(0,1fr);align-items:center}.sea{padding:24px 30px}.island{width:470px}}@media (max-width: 560px){body{font-size:16px}.intro-card{flex-direction:column;text-align:center}.intro-actions{justify-content:center}.match{gap:8px 20px}.match-item{font-size:13.5px;padding:6px 8px;gap:4px}.match-item .icon{display:none}.map-head h1{font-size:21px}.map-head p{display:none}.ctl{width:64px;height:58px}.card-tile{font-size:15px;padding:6px 10px}.sound-btn{width:84px;height:84px}.clue p{font-size:17px}.plat-stage{aspect-ratio:10 / 9;max-width:100%}.kind-pill{display:none}.stage-title h1{font-size:22px}.island-art{max-width:230px}.sea{gap:26px}.island-title{font-size:24px}}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media print{.topbar,.no-print,.toast{display:none!important}body{background:#fff}.main{padding:0}.cert-img{box-shadow:none;border-radius:0}@page{size:A4 landscape;margin:8mm}}.fahd-pic{display:inline-block;flex:none;border-radius:50%;overflow:hidden;background:#fffaf0;border:3px solid var(--sun);box-shadow:0 3px #1f2a371f;line-height:0}.fahd-pic img{width:100%;height:100%;object-fit:cover;display:block}.fahd-pic.hero-pic{border-width:6px;border-color:#fff;box-shadow:0 0 0 5px var(--sun),0 12px 26px #0e6f8640}.fahd-pic.mood-wow{animation:hop .9s ease 2}.fahd-pic.mood-think{transform:rotate(-4deg)}@keyframes hop{40%{transform:translateY(-8px) rotate(3deg)}}.brand{gap:8px;text-align:start;min-width:0}.brand .logo{border-width:2px}.brand-text{display:grid;line-height:1.15;min-width:0}.brand-text b{font-size:18px}.brand-text small{font-family:var(--f-body);font-size:11.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}.topbar .moe{height:40px;width:auto;margin-inline:auto}.school{margin:0 0 4px;font-weight:800;color:var(--leaf);font-size:15px}.settings-wrap{position:relative}.toggle.active{background:var(--sky)}.settings-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:40;width:min(300px,calc(100vw - 32px));background:var(--paper);border:3px solid var(--line);border-radius:18px;padding:12px;display:grid;gap:10px;box-shadow:0 14px 34px #0000002e}.settings-panel h3{font-size:17px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}.seg button{border:3px solid var(--line);background:#fff;border-radius:14px;padding:10px 6px;font-weight:800;font-size:16px}.seg button.sel{border-color:var(--leaf);background:var(--leaf-soft)}.voice-info{color:var(--ink-soft);font-size:12.5px;line-height:1.4}.switch{display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}.switch input{width:22px;height:22px;accent-color:var(--leaf)}@media (max-width: 560px){.brand-text{display:none}.topbar .moe{height:34px}}@media (min-width: 561px) and (max-width: 860px){.topbar .moe{height:34px}}html,body{overflow-x:hidden}.name-form input,.name-form .btn{width:100%;min-width:0}.welcome-card{min-width:0}.topbar .moe{height:46px}@media (hover: hover) and (pointer: fine){.plat-controls .pad,.plat-controls .ctl.jump{display:none}.plat-controls{justify-content:center}.plat-stage{max-width:max(320px,min(100%,calc((100svh - 345px) * 16 / 9)))}}.kbd-hint{font-weight:700}@media (max-width: 560px){.hero-fahd{flex-direction:column-reverse;align-items:center}.bubble{margin-bottom:0;max-width:100%;text-align:center}.bubble:after{display:none}.welcome-card{padding:16px 14px 18px}.topbar .moe{height:36px}}@media (max-height: 500px) and (orientation: landscape){.topbar{padding-block:4px}.stage-head,.lesson-dots,.mini-instruction{display:none}.plat-stage{aspect-ratio:16 / 9;max-width:calc((100svh - 150px) * 16 / 9)}.plat-controls{position:fixed;inset:auto 0 0 0;padding:0 max(12px,env(safe-area-inset-left,0px)) calc(8px + env(safe-area-inset-bottom,0px));pointer-events:none;z-index:30}.plat-controls .ctl{pointer-events:auto;opacity:.85}}.credit-note{position:absolute;top:18px;right:max(12px,calc(50% - 575px));width:250px;z-index:2;background:linear-gradient(160deg,#fff9e6,#fff 70%);border:3px solid #ffc23d;border-inline-start:10px solid #ef6c3a;border-radius:20px;padding:14px 16px 16px;box-shadow:0 6px #ef6c3a40,0 14px 30px #1f2a371f;text-align:start}.cn-head{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:20px;color:#c2410c;border-bottom:2px dashed #ffd877;padding-bottom:6px;margin-bottom:8px}.cn-icon{font-size:26px;animation:ring 2.8s ease-in-out infinite;transform-origin:70% 70%}@keyframes ring{0%,70%,to{transform:rotate(0)}75%{transform:rotate(-14deg)}85%{transform:rotate(12deg)}92%{transform:rotate(-6deg)}}.cn-body{margin:0;font-size:16px;font-weight:700;line-height:1.7;color:var(--ink)}.cn-body strong{display:block;font-family:var(--f-display);font-size:26px;color:var(--sea-deep);line-height:1.3}.cn-grade{display:inline-block;margin-top:4px;background:var(--leaf);color:#fff;border-radius:999px;padding:2px 12px;font-size:15px}.cn-face{position:absolute;bottom:-14px;left:-14px;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px #00000026}.welcome-foot{flex-direction:column;gap:4px;text-align:center;padding:6px 12px 10px}.wf-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;font-size:15px;font-weight:700;color:var(--ink)}.wf-sep{color:var(--line)}.wf-source{margin:0;font-size:14px;color:var(--ink-soft);background:#ffffffb3;border-radius:999px;padding:4px 14px}@media (max-width: 1240px){.credit-note{position:relative;top:0;right:0;width:100%;max-width:560px;padding-inline-end:76px}.cn-face{bottom:auto;top:50%;left:12px;transform:translateY(-50%)}.cn-body strong{display:inline;font-size:22px}.cn-grade{display:block;width:fit-content}}.theme-green{--theme: #1f9e45;--theme-soft: #dcf7d2;--theme-2: #ffc21a}.theme-teal{--theme: #0796b5;--theme-soft: #d3f4fb;--theme-2: #ff7ab0}.theme-orange{--theme: #ec5f12;--theme-soft: #ffe6d0;--theme-2: #8f5bff}section.stage{position:relative;padding:14px;border-radius:28px;background:radial-gradient(circle at 8% 12%,color-mix(in srgb,var(--theme-2, #ffc21a) 22%,transparent) 0 70px,transparent 71px),radial-gradient(circle at 94% 88%,color-mix(in srgb,var(--theme) 16%,transparent) 0 110px,transparent 111px),radial-gradient(color-mix(in srgb,var(--theme) 14%,transparent) 1.6px,transparent 2px) 0 0 / 22px 22px,linear-gradient(160deg,color-mix(in srgb,var(--theme) 12%,white),color-mix(in srgb,var(--theme-2, #ffc21a) 10%,white));border:3px solid color-mix(in srgb,var(--theme) 30%,white);box-shadow:0 6px color-mix(in srgb,var(--theme) 22%,transparent)}.stage-title h1{text-shadow:0 2px 0 color-mix(in srgb,var(--theme) 20%,white)}.intro-card{overflow:hidden;background:linear-gradient(135deg,#fffef8 0%,#fffef8 55%,var(--theme-soft) 100%);border:4px solid var(--theme);box-shadow:0 6px color-mix(in srgb,var(--theme) 45%,black),0 16px 34px #1f2a3724;padding-top:24px}.intro-card:before{content:"";position:absolute;inset:0 0 auto 0;height:8px;background:linear-gradient(90deg,#ff5c8a,#ff9a1f,#ffc21a,#14c79a,#3d8bff,#8f5bff)}.lets-go{margin:0 0 6px;font-family:var(--f-display);font-size:clamp(28px,5vw,40px);line-height:1.2;color:#ff6a13;text-shadow:0 3px 0 #ffd43b,0 5px 10px rgba(255,106,19,.25);animation:lets-go-pop .6s cubic-bezier(.2,1.6,.4,1) both}@keyframes lets-go-pop{0%{transform:scale(.6);opacity:0}}@media (prefers-reduced-motion: reduce){.lets-go{animation:none}}.intro-card .instruction{font-size:clamp(18px,2.6vw,23px);line-height:1.9;color:var(--ink)}.mini-instruction{display:inline-block;background:#ffffffd9;border:2px solid color-mix(in srgb,var(--theme) 35%,white);border-radius:14px;padding:6px 12px;color:var(--ink);line-height:1.8}.done-card{background:linear-gradient(160deg,#fffef8 40%,var(--theme-soft));border:4px solid var(--theme)}.plat-stage{border:4px solid #fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 55%,white),0 10px 24px #1f2a372e}.plat-hud{background:linear-gradient(90deg,#fffef8,var(--theme-soft));border-color:color-mix(in srgb,var(--theme) 40%,white)}