@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2)format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2)format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff)format("woff")}:root{--ink:#1d2433;--paper:#fff8ec;--card:#fff;--go:#2e7d4f;--go-ink:#fff;--focus:#1a5fb4;--shadow:0 3px 0 #1d24331f, 0 8px 20px #1d243314;--radius:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);color:var(--ink);overscroll-behavior:none;margin:0;font-family:Andika,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:clamp(1.05rem,.6vw + .95rem,1.3rem);line-height:1.35}h1{overflow-wrap:break-word;margin:0}button,a.primary{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.kiosk{min-height:100vh;background:var(--paper);background:color-mix(in srgb, var(--topic) 34%, #fffdf8);flex-direction:column;min-height:100dvh;transition:background-color .3s;display:flex}.bar{z-index:2;padding:.5rem 1rem 0;padding-top:max(.5rem, env(safe-area-inset-top));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffbf;border-bottom:3px solid #1d243314;align-items:flex-end;gap:.5rem;display:flex;position:sticky;top:0}.bar-title{flex:1;padding:.6rem 0;font-size:1.4rem;font-weight:700}.tabs{scrollbar-width:none;flex:1;gap:.3rem;min-width:0;display:flex;overflow-x:auto}.tab-slot{opacity:.85;border-radius:18px 18px 0 0;flex:none;align-items:center;transition:transform .15s,opacity .15s;display:flex;transform:translateY(6px)}.tab-slot.active{opacity:1;transform:none;box-shadow:inset 0 -3px #1d243326}.tab{background:0 0;border:0;border-radius:18px 0 0;align-items:center;gap:.3rem;min-height:60px;padding:.4rem .3rem .4rem .6rem;font-weight:700;display:flex;position:relative}.tab-name{text-align:left;max-width:7.5em;line-height:1.1}.tab-icon{font-size:1.5rem}.tab-check{background:var(--card);width:1.4rem;height:1.4rem;color:var(--go);border-radius:50%;place-items:center;font-size:.85rem;display:grid;position:absolute;top:3px;left:3px}.bye{background:var(--card);border:2px solid #1d243333;border-radius:999px;flex:none;min-height:52px;margin-bottom:.45rem;padding:.4rem .8rem;font-weight:700}.stage{padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));flex:1;place-items:center;display:grid}.stage>*{width:100%;min-width:0;max-width:1040px}.center{text-align:center;flex-direction:column;align-items:center;gap:1.2rem;display:flex}.title{font-size:clamp(2.6rem,8vw,5rem);line-height:1.05}.prompt-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.prompt{text-align:center;font-size:clamp(1.5rem,3.4vw,2.3rem)}.hello{margin:0;font-size:clamp(3.5rem,10vw,6rem);line-height:1}.hint{margin:0;font-size:1.3rem}.speak{background:var(--card);width:56px;height:56px;box-shadow:var(--shadow);border:0;border-radius:50%;flex:none;place-items:center;font-size:1.6rem;display:inline-grid}.speak:disabled{opacity:.45}.speak-corner{z-index:1;width:48px;height:48px;font-size:1.3rem;position:absolute;top:6px;left:6px}.speak-tab{width:40px;height:40px;margin-right:.4rem;font-size:1.1rem}.primary{background:var(--go);min-height:60px;color:var(--go-ink);box-shadow:var(--shadow);border:0;border-radius:999px;padding:.8rem 2rem;font-weight:700;text-decoration:none;display:inline-block}.primary.huge{padding:1.1rem 3rem;font-size:clamp(1.6rem,4vw,2.4rem)}.primary:active,.tile:active{transform:scale(.96)}.notice{text-align:center;background:#fff1b8;border-radius:14px;max-width:40rem;margin:0 auto;padding:.8rem 1.2rem;font-weight:700}.loading{text-align:center;font-size:1.4rem}.grid{gap:.8rem;margin:1rem auto 0;display:grid}.tile{border-radius:var(--radius);background:var(--card);min-width:0;min-height:112px;box-shadow:var(--shadow);border:0;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.8rem .5rem;transition:transform .1s;display:flex;position:relative}.tile:disabled{opacity:.6}.tile-slot{min-width:0;display:flex;position:relative}.tile-slot>.tile{flex:1}.tile .label{overflow-wrap:anywhere;font-weight:700}.big{font-size:clamp(2.6rem,7vw,4.2rem);line-height:1.1}.pictures,.colours{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.grades{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));max-width:820px}.grade .big{font-weight:700}.dot{border:3px solid #1d243340;border-radius:50%;width:44px;height:44px;display:inline-block}.big-dot{width:72px;height:72px}.slots{justify-content:center;gap:.6rem;margin-bottom:.8rem;display:flex}.slot{color:#1d243373;background:#ffffffb3;border:3px dashed #1d243340;border-radius:18px;place-items:center;width:72px;height:72px;font-size:2.4rem;font-weight:700;display:grid}.slot.filled{border:3px solid var(--go);background:var(--card);color:var(--ink)}.back{background:var(--card);border:2px solid #1d243333;border-radius:999px;min-height:52px;margin:1.2rem auto 0;padding:.4rem 1.4rem;font-weight:700;display:block}.two{grid-template-columns:1fr;gap:1rem;width:100%;max-width:760px;display:grid}.choice-card{min-height:180px;font-size:1.4rem}.code-card{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:center;gap:1rem;padding:1.2rem 1.6rem;display:flex}.code-part{flex-direction:column;align-items:center;gap:.3rem;min-width:96px;font-size:1.3rem;font-weight:700;display:flex}.topics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.topic-tile{min-height:150px;font-size:1.4rem}.check{background:var(--go);width:2.2rem;height:2.2rem;color:var(--go-ink);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:.5rem;right:.5rem}.adult .hint{max-width:34rem;font-size:1.1rem}.question{flex-direction:column;align-items:center;gap:.9rem;display:flex}.progress{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.progress li{background:#1d24332e;border-radius:50%;width:16px;height:16px}.progress .dot-done{background:var(--go)}.progress .dot-now{background:var(--ink);transform:scale(1.25)}.emoji{font-size:clamp(4.5rem,13vw,7.5rem);line-height:1.05}.emoji.small{font-size:clamp(2.4rem,6vw,3.4rem)}.pic{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);width:clamp(120px,22vw,180px);height:auto}.pic.small{width:72px}.question-text{text-align:center;max-width:820px;font-size:clamp(1.5rem,3.4vw,2.4rem)}.answers{gap:.8rem;width:100%;display:grid}.faces-5,.faces-3{grid-template-columns:repeat(3,1fr)}.faces-2{grid-template-columns:repeat(2,1fr);max-width:560px}.face{min-height:140px}.options{grid-template-columns:repeat(2,1fr)}.tile.picked{outline:5px solid var(--go);outline-offset:-5px}.tile.picked:disabled{opacity:1}.question-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:.4rem;display:flex}.done-button{background:var(--go);min-height:64px;color:var(--go-ink);box-shadow:var(--shadow);border:0;border-radius:999px;padding:.6rem 2.4rem;font-size:1.4rem;font-weight:700}.done-button:disabled{opacity:.45}.action-slot{align-items:center;gap:.5rem;display:inline-flex}.skip{background:#fffc;border:2px solid #1d243333;border-radius:999px;min-height:52px;padding:.4rem 1.2rem}.confetti{gap:.6rem;font-size:clamp(2.4rem,7vw,4rem);display:flex}.confetti span{animation:.9s ease-out both hop}@keyframes hop{0%{opacity:0;transform:translateY(40px)scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.confetti span,.tab-slot,.kiosk{transition:none;animation:none}}@media (min-width:700px){.stage{padding:1.5rem 2rem}.two{grid-template-columns:1fr 1fr}.faces-5{grid-template-columns:repeat(5,1fr)}.face{min-height:170px}.tile{min-height:130px}.animals{grid-template-columns:repeat(6,1fr)}.fruits,.colours{grid-template-columns:repeat(4,1fr);max-width:760px}.options{grid-template-columns:repeat(var(--cols,4), 1fr)}.code-card{gap:2rem;padding:1.6rem 2.4rem}.code-part .big,.code-part .big-dot{font-size:5rem}.tab{min-height:68px;font-size:1.1rem}}@media (min-width:700px) and (max-height:820px) and (orientation:landscape){.emoji{font-size:5.5rem}.face{min-height:140px}}