@font-face{font-family:Fredoka;font-weight:400;src:url(/assets/fredoka-400-BUalsvoo.woff2)format("woff2")}@font-face{font-family:Fredoka;font-weight:500;src:url(/assets/fredoka-500-B4oIQmp8.woff2)format("woff2")}@font-face{font-family:Fredoka;font-weight:600;src:url(/assets/fredoka-600-RXwrXwlx.woff2)format("woff2")}@font-face{font-family:Fredoka;font-weight:700;src:url(/assets/fredoka-700-Bf9xGdyU.woff2)format("woff2")}:root{--bg:#eaf6fc;--card:#fff;--ink:#22364a;--sky:#3fa9e0;--grass:#5fbf6b;--sun:#ffc93c;--coral:#f26d5f;--line:#2e4358;--sky-dark:#2b86b8;--grass-dark:#3f9b4e;--sun-dark:#d9a41b;--coral-dark:#ce4e41;--radius-card:28px;--radius-card-mid:32px;--radius-card-lg:36px;--radius-pill:999px;--outline-w:3px;--outline:var(--outline-w) solid var(--line);--sticker-offset:6px;--sticker-color:#2e43581a;--sticker:0 var(--sticker-offset) 0 var(--sticker-color);--icon-btn-size:72px;--primary-btn-height:88px;--press-max:.1s;--shake-dur:.4s;--wrong-dwell:.8s;--hold-clean:.6s;--hold-struggled:1.2s;--font-content:"Fredoka", ui-rounded, -apple-system, sans-serif;--text-chrome:30px;--text-title:34px;--text-headline:58px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--dim-opacity:.4;--dim-saturate:30%;--pop-dur:.32s;--pop-scale:1.05;--shake-tilt:4deg;--glow-pulse:1.1s;--glow-ring:10px;--sun-ring:#ffc93c73;--grass-ring:#5fbf6b66;--badge-size:72px;--ink-wrong-ring:#22364a73;--wrong-saturate:60%;--ghost-opacity:.45;--ghost-stroke:3px;--option-img:58%;--shelf-card-w:340px;--stimulus-hero-h:216px;--tap-min:60px;--shelf-label-ratio:10;--ref-width:1180px;--ref-height:820px;--chrome-height:96px;--tile-size:104px;--radius-tile:24px;--tile-letter:48px;--slot-line:#afc8da;--drop-forgive:20px;--lift-scale:1.12;--lift-tilt:7deg;--snap-dur:.22s;--sticker-lift:#2e435840;--sky-ring:#3fa9e059;--sky-dark-ring:#2b86b859;--ground-h:120px;--cloud-w:230px;--cloud-h:60px;--cloud-w-s:190px;--cloud-h-s:50px;--avatar-size:216px;--avatar-min:160px;--picked-scale:1.03;--desk-width:536px;--keypad-width:440px;--text-key:40px;--pass-dot:28px;--err-line-h:40px;--text-headline-sm:48px;--pip-size:22px;--corner-avatar:56px;--scrim:#2e435880;--ink-soft:#22364a9e}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-content);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.app-root{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg);color:var(--ink);flex-direction:column;display:flex}.chrome{height:var(--chrome-height);padding:0 var(--space-8);flex:none;align-items:center;display:flex;position:relative}.icon-btn{width:var(--icon-btn-size);height:var(--icon-btn-size);background:var(--card);border:var(--outline);box-shadow:var(--sticker);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.icon-btn svg{width:38px;height:38px}.stage{flex:1;grid-template-rows:minmax(0,1fr);place-items:center;min-height:0;display:grid}.pressable{transition:transform var(--press-max) ease}.pressable:active{transform:scale(.96)}.boot-stage{width:100%;height:100%}.preview-chip{top:var(--space-2);right:var(--space-2);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--card);border:var(--outline);border-radius:var(--radius-pill);box-shadow:var(--sticker);font-size:var(--text-chrome);color:var(--ink);z-index:10;display:flex;position:fixed}.preview-chip-fact{white-space:nowrap}.preview-chip-btn{background:var(--sky);color:var(--card);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);font-family:var(--font-content);font-size:var(--text-chrome);border:none}.preview-error{align-items:center;gap:var(--space-4);padding:var(--space-8);background:var(--card);border:var(--outline);border-radius:var(--radius-card);box-shadow:var(--sticker);font-size:var(--text-title);color:var(--ink);flex-direction:column;margin:auto;display:flex}.scene{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{background:var(--card);border-radius:var(--radius-pill);position:absolute}.cloud:before{content:"";background:var(--card);border-radius:var(--radius-pill);position:absolute}.cloud-a{width:var(--cloud-w);height:var(--cloud-h)}.cloud-a:before{width:52%;height:100%;top:-50%;left:22%}.cloud-b{width:var(--cloud-w-s);height:var(--cloud-h-s)}.cloud-b:before{width:53%;height:100%;top:-50%;left:21%}.place-who .cloud-a{top:12%;left:30%}.place-who .cloud-b{top:29%;left:7%}.place-solo .cloud-a{top:13%;left:10%}.place-solo .cloud-b{top:26%;left:74%}.place-shelf .cloud-a{top:11%;left:8%}.place-shelf .cloud-b{top:21%;left:74%}.ground{height:var(--ground-h);background:var(--grass);border-top:var(--outline-w) solid var(--grass-dark);position:absolute;bottom:0;left:0;right:0}.key-btn{height:var(--primary-btn-height);border:var(--outline);border-radius:var(--radius-tile);background:var(--card);box-shadow:var(--sticker);font-family:var(--font-content);font-size:var(--text-key);color:var(--ink);cursor:pointer;place-items:center;padding:0;font-weight:600;display:grid}.key-btn svg{width:44px;height:44px}.key-confirm{background:var(--sky);border-color:var(--sky-dark);color:var(--card);box-shadow:0 var(--sticker-offset) 0 var(--sky-dark-ring)}.keypad{gap:var(--space-4);width:var(--keypad-width);grid-template-columns:repeat(3,1fr);display:grid}.pass-dots{justify-content:center;gap:var(--space-6);display:flex}.pass-dot{width:var(--pass-dot);height:var(--pass-dot);border:var(--outline);background:var(--card);border-radius:50%}.pass-dot.filled{background:var(--sky);border-color:var(--sky-dark)}.pass-dots.nudge{animation:nudge var(--shake-dur) ease}@keyframes nudge{0%{transform:rotate(0)}25%{transform:rotate(var(--shake-tilt))}55%{transform:rotate(calc(-1 * var(--shake-tilt) / 2))}to{transform:rotate(0)}}.login-board{justify-content:center;align-items:flex-end;gap:var(--space-12);width:100%;height:100%;padding:var(--space-12) var(--space-8) calc(var(--ground-h) + var(--space-2));display:flex;position:relative}.login-board.single{flex-direction:column;justify-content:flex-end;align-items:center}.login-who{z-index:1;align-items:center;gap:var(--space-12);--avatar-fit:min(var(--avatar-size), max(var(--avatar-min), calc((100cqi - (var(--kids-n) - 1) * var(--space-12) - var(--kids-n) * (2 * var(--space-4) + 2 * var(--outline-w))) / var(--kids-n))));flex-direction:column;flex:1;min-width:0;display:flex;container-type:inline-size}.login-title{font-size:var(--text-headline);color:var(--ink);margin:0;font-weight:700}.login-kids{justify-content:center;align-items:flex-end;gap:var(--space-12);display:flex}.login-kid{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--card);border:var(--outline);border-radius:var(--radius-card-lg);box-shadow:var(--sticker);cursor:pointer;font-family:var(--font-content);flex-direction:column;display:flex;position:relative}.login-kid.picked{border-color:var(--sky-dark);box-shadow:0 var(--sticker-offset) 0 var(--sky-ring);scale:var(--picked-scale);animation:pick-pop var(--pop-dur) ease}@keyframes pick-pop{0%{transform:scale(1)}55%{transform:scale(var(--pop-scale))}to{transform:scale(1)}}.login-avatar{width:var(--avatar-fit);height:var(--avatar-fit);object-fit:cover;border-radius:var(--radius-card-mid)}.login-name{font-size:var(--text-title);color:var(--ink);font-weight:600}.login-badge{top:calc(-1 * var(--space-4));right:calc(-1 * var(--space-4));width:var(--badge-size);height:var(--badge-size);background:var(--grass);border:var(--outline-w) solid var(--grass-dark);color:var(--card);border-radius:50%;place-items:center;display:grid;position:absolute}.login-badge svg{width:60%;height:60%}.login-desk{z-index:1;width:var(--desk-width);padding:var(--space-8) var(--space-12);background:var(--card);border:var(--outline);border-radius:var(--radius-card-lg);box-shadow:var(--sticker);flex-direction:column;align-items:center;display:flex;position:relative}.login-desk-head{align-items:center;gap:var(--space-4);min-height:var(--corner-avatar);margin-bottom:var(--space-6);display:flex}.login-chip{width:var(--corner-avatar);height:var(--corner-avatar);object-fit:cover;border:var(--outline);border-radius:50%}.login-hint{font-size:var(--text-title);color:var(--ink);margin:0;font-weight:600}.login-desk-title{margin:0 0 var(--space-2);font-size:var(--text-headline-sm);color:var(--ink);font-weight:700;line-height:1}.login-board.single .login-desk{padding-top:var(--space-6)}.login-pips{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.login-pip{width:var(--pip-size);height:var(--pip-size);border:var(--outline);background:var(--card);border-radius:50%}.login-pip.done{background:var(--grass);border-color:var(--grass-dark)}.login-pip.now{background:var(--sky);border-color:var(--sky-dark)}.login-desk .pass-dots{margin-bottom:var(--space-3)}.login-desk .keypad{margin-top:var(--space-2)}.login-error{height:var(--err-line-h);font-size:var(--text-chrome);color:var(--ink);place-items:center;margin:0;font-weight:600;display:grid}.identity-anchor{top:var(--space-2);right:var(--space-2);z-index:10;align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.identity-corner{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--card);border:var(--outline);border-radius:var(--radius-pill);box-shadow:var(--sticker);cursor:pointer;font-family:var(--font-content);display:flex}.identity-avatar{width:var(--corner-avatar);height:var(--corner-avatar);object-fit:cover;border:var(--outline);border-radius:50%}.identity-name{font-size:var(--text-chrome);color:var(--ink);font-weight:600}.identity-backdrop{z-index:9;position:fixed;inset:0}.identity-panel{gap:var(--space-3);padding:var(--space-4);background:var(--card);border:var(--outline);border-radius:var(--radius-card);box-shadow:var(--sticker);flex-direction:column;display:flex}.identity-action{height:var(--primary-btn-height);padding:0 var(--space-8);border:var(--outline);border-radius:var(--radius-pill);background:var(--card);box-shadow:var(--sticker);font-family:var(--font-content);font-size:var(--text-title);color:var(--ink);cursor:pointer;font-weight:600}.identity-scrim{z-index:12;background:var(--scrim);place-items:center;display:grid;position:fixed;inset:0}.shelf-stage{z-index:1;width:100%;height:100%;position:relative}.shelf{--shelf-n:1;width:100%;height:100%;padding:var(--space-12) var(--space-12) calc(var(--ground-h) + var(--space-2));-webkit-overflow-scrolling:touch;align-items:flex-end;display:flex;overflow-x:auto;container-type:inline-size}.shelf-empty-card{align-self:flex-end;align-items:center;gap:var(--space-4);padding:var(--space-12);background:var(--card);border:var(--outline);border-radius:var(--radius-card-lg);box-shadow:var(--sticker);flex-direction:column;margin:0 auto;display:flex}.shelf-empty-title{font-size:var(--text-headline);color:var(--ink);margin:0;font-weight:600}.shelf-row{align-items:flex-end;gap:var(--space-12);width:max-content;margin:0 auto;display:flex}.shelf-card{width:min(var(--shelf-card-w), max(calc((100cqi - (var(--shelf-n) - 1) * var(--space-12)) / var(--shelf-n)), var(--tap-min)));aspect-ratio:2/3;background:var(--card);border:var(--outline);border-radius:var(--radius-card-lg);box-shadow:var(--sticker);justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6);cursor:pointer;flex-direction:column;display:flex}.shelf-card .shelf-cover{object-fit:cover;background:var(--card);border:var(--outline);border-radius:var(--radius-card-mid);pointer-events:none;flex:1;width:100%;min-height:0}.shelf-card .option-label{font-size:calc(min(var(--shelf-card-w), max(calc((100cqi - (var(--shelf-n) - 1) * var(--space-12)) / var(--shelf-n)), var(--tap-min))) / var(--shelf-label-ratio));font-weight:600}.stimulus{height:var(--primary-btn-height);min-width:240px;padding:0 var(--space-12);border-radius:var(--radius-pill);background:var(--sky);border:var(--outline);border-color:var(--sky-dark);box-shadow:0 var(--sticker-offset) 0 var(--sky-dark-ring);color:var(--card);justify-content:center;align-items:center;gap:var(--space-4);cursor:pointer;font-family:var(--font-content);display:flex;position:absolute;left:50%;transform:translate(-50%)}.stimulus svg{width:44px;height:44px}.stimulus-label{font-size:var(--text-title);font-weight:600}.stimulus.pressable:active{transform:translate(-50%)scale(.96)}.stimulus.audio-locked{background:var(--card);border-color:var(--line);color:var(--sky);box-shadow:var(--sticker)}.stimulus.stimulus-empty{opacity:var(--dim-opacity);pointer-events:none}.face-correct,.face-wrong,.scaffold-glow{border-radius:var(--radius-card-mid);width:100%;height:100%;position:relative}.face-correct{animation:pop var(--pop-dur) ease}.face-correct .option-card{border-color:var(--grass-dark);box-shadow:0 var(--sticker-offset) 0 var(--grass-ring)}.check-badge{top:calc(-1 * var(--space-3));right:calc(-1 * var(--space-3));width:var(--badge-size);height:var(--badge-size);background:var(--grass);border:var(--outline);border-color:var(--grass-dark);z-index:1;border-radius:50%;place-items:center;display:grid;position:absolute}.check-badge svg{width:60%;height:60%}@keyframes pop{0%{transform:scale(1)}55%{transform:scale(var(--pop-scale))}to{transform:scale(1)}}.face-wrong{animation:shake var(--shake-dur) ease}.face-wrong .option-card,.link-cell.paired .face-wrong .option-card,.slot-row.face-wrong .tile{border-color:var(--line);background:var(--card);box-shadow:0 var(--sticker-offset) 0 var(--ink-wrong-ring);filter:saturate(var(--wrong-saturate))}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(var(--shake-tilt))}55%{transform:rotate(calc(-1 * var(--shake-tilt) / 2))}to{transform:rotate(0)}}.scaffold-glow .option-card{border-color:var(--sun-dark)}.glow-pulse{animation:glow var(--glow-pulse) ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 0 var(--glow-ring) var(--sun-ring)}50%{box-shadow:0 0 0 calc(var(--glow-ring) / 2) var(--sun)}}.option-card{background:var(--card);border:var(--outline);border-radius:var(--radius-card-mid);width:100%;height:100%;box-shadow:var(--sticker);justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6);cursor:pointer;font-family:var(--font-content);flex-direction:column;display:flex}.option-art{width:var(--option-img);object-fit:contain;pointer-events:none;max-height:80%}.option-label{font-size:var(--text-title);color:var(--ink);font-weight:600}.assembly{justify-content:center;align-items:center;gap:var(--space-12);touch-action:none;flex-direction:column;width:100%;height:100%;display:flex}.slot-row{justify-content:center;align-items:center;gap:var(--space-3);display:flex;position:relative}.slot-row.face-correct .tile{border-color:var(--grass-dark);box-shadow:0 var(--sticker-offset) 0 var(--grass-ring)}.assembly .slot-row,.assembly>.scaffold-glow{width:auto;height:auto}.assembly-slot{width:var(--tile-size);height:var(--tile-size);border:3px dashed var(--slot-line);border-radius:var(--radius-tile);background:var(--card);place-items:center;display:grid}.assembly-slot.filled{background:0 0;border-color:#0000}.tile{width:var(--tile-size);height:var(--tile-size);border:var(--outline);border-radius:var(--radius-tile);background:var(--card);box-shadow:var(--sticker);font-family:var(--font-content);font-size:var(--tile-letter);color:var(--ink);cursor:grab;touch-action:none;place-items:center;padding:0;font-weight:600;display:grid}.tile-floating{transform:scale(var(--lift-scale));box-shadow:0 var(--sticker-offset) 0 var(--sticker-lift);pointer-events:none;z-index:10;transition:transform var(--press-max) ease;position:fixed}.tile-floating.dragging{transform:scale(var(--lift-scale)) rotate(var(--lift-tilt))}.tile-snap{animation:snap var(--snap-dur) ease}@keyframes snap{0%{transform:translate(var(--snap-dx,0), var(--snap-dy,0)) scale(var(--lift-scale))}to{transform:translate(0)scale(1)}}.slot-ghost{font-family:var(--font-content);font-size:var(--tile-letter);color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:var(--ghost-stroke) var(--sun-dark);opacity:var(--ghost-opacity);font-weight:600}.tray{justify-content:center;align-items:center;gap:var(--space-3);min-height:calc(var(--tile-size) + var(--space-4) * 2);min-width:calc(var(--tile-size) * 2 + var(--space-8));padding:var(--space-4) var(--space-6);background:var(--card);border:var(--outline);border-radius:var(--radius-card-lg);box-shadow:var(--sticker);flex-wrap:wrap;display:flex}.tray-hole{width:var(--tile-size);height:var(--tile-size);border-radius:var(--radius-tile);background:var(--sticker-color);place-items:center;display:grid}.link{justify-content:center;align-items:center;gap:var(--space-6);touch-action:none;flex-direction:column;width:100%;height:100%;display:flex}.link-board{gap:var(--space-12);flex:1;grid-template-columns:1fr 1fr;width:100%;min-height:0;display:grid}.link-col{gap:var(--space-6);grid-template-rows:repeat(3,1fr);min-height:0;display:grid}.link-cell{min-height:0;position:relative}.link-cell.paired .option-card{border-color:var(--sky-dark);background:var(--bg);box-shadow:0 var(--sticker-offset) 0 var(--sky-ring)}.link-cell.lifted .option-card{border-color:var(--sky-dark);transform:scale(var(--lift-scale));box-shadow:0 var(--sticker-offset) 0 var(--sticker-lift)}.link-ghost{transform:translate(-50%, -50%) scale(var(--lift-scale)) rotate(var(--lift-tilt));border:var(--outline);border-color:var(--sky-dark);border-radius:var(--radius-card-mid);background:var(--card);box-shadow:0 var(--sticker-offset) 0 var(--sticker-lift);height:var(--tile-size);min-width:var(--tile-size);padding:0 var(--space-6);font-family:var(--font-content);font-size:var(--text-title);color:var(--ink);pointer-events:none;z-index:10;place-items:center;font-weight:600;display:grid;position:fixed}.link-ghost img{height:80%;max-width:calc(var(--tile-size) * 1.5);object-fit:contain;border-radius:var(--radius-card-mid)}.update-card{background:var(--card);border:var(--outline);border-radius:var(--radius-card-lg);box-shadow:var(--sticker);padding:var(--space-12);align-items:center;gap:var(--space-6);flex-direction:column;max-width:720px;display:flex}.update-card h1{font-size:var(--text-headline);margin:0;font-weight:700}.update-card p{font-size:var(--text-title);color:var(--ink);margin:0;font-weight:500}.play-stage{width:min(92%,1000px);height:100%;padding:var(--space-6) 0 var(--space-8)}.play-stage.has-hero{flex-direction:column;display:flex}.play-stage.has-hero .option-grid{flex:1;height:auto;min-height:0}.play-stage.has-hero .assembly{flex:1;min-height:0}.stimulus-hero{margin-bottom:var(--space-6);flex:none;justify-content:center;display:flex}.hero-word{padding:var(--space-3) var(--space-8);background:var(--card);border:var(--outline);border-radius:var(--radius-card-mid);box-shadow:var(--sticker);font-size:var(--text-headline);color:var(--ink);align-items:center;font-weight:600;display:flex}.hero-picture{height:var(--stimulus-hero-h);padding:var(--space-3);background:var(--card);border:var(--outline);border-radius:var(--radius-card-mid);box-shadow:var(--sticker);object-fit:contain;display:block}.hero-cue{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);background:var(--card);border:var(--outline);border-radius:var(--radius-card-mid);box-shadow:var(--sticker);flex-direction:column;display:flex}.hero-cue-lead{font-size:var(--text-title);color:var(--ink-soft);font-weight:500}.hero-cue-core{font-size:var(--text-headline);color:var(--ink);font-weight:600}.option-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;grid-auto-rows:1fr;width:100%;height:100%;display:grid}.cell{min-height:0;position:relative}.dimmed{opacity:var(--dim-opacity);filter:saturate(var(--dim-saturate))}