:root{color-scheme:light;--ink:#253053;--purple:#754ddd;--blue:#267cc8;--pink:#ff669f;--gold:#ffc84a;--mint:#63d8b4;--line:#dee3f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);min-height:100vh;background:radial-gradient(circle at 14% 9%,#fff2ad 0 8%,transparent 9%),radial-gradient(circle at 90% 24%,#dbdcff 0 10%,transparent 11%),linear-gradient(140deg,#d9f4ff,#ffe9fa 63%,#e7ffe8);line-height:1.45}
button,a{touch-action:manipulation}button{font:inherit}button:focus-visible,a:focus-visible{outline:4px solid #163eae;outline-offset:3px}button:disabled{opacity:.52;cursor:not-allowed}.lw-wrap{max-width:1140px;padding:17px;margin:auto}.lw-top{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 0 14px}.lw-home{padding:10px 16px;border-radius:999px;background:#fff;text-decoration:none;font-weight:800;color:#345a9e;border:2px solid #b9c4ff}.lw-brand{font-weight:900;letter-spacing:.02em}.lw-panel{border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 16px 32px #2b37772b;border:3px solid #fff;overflow:hidden}.lw-hero{padding:24px 25px 8px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:16px;background:linear-gradient(115deg,#fff3aa,#ffd7f0 48%,#d4ecff)}.lw-hero h1{font-size:clamp(1.7rem,4.5vw,3.3rem);line-height:1.08;margin:0 0 12px;color:#334395}.lw-hero p{font-size:1.08rem;margin:0 0 14px}.lw-hero img{width:100%;max-height:240px;object-fit:contain;filter:drop-shadow(0 12px 8px #3942631a)}.lw-body{padding:20px;min-height:390px}.lw-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.lw-between{justify-content:space-between}.lw-label{font-size:.87rem;font-weight:900;letter-spacing:.08em;color:#6764a7;text-transform:uppercase}.lw-pill{display:inline-block;border-radius:100px;background:#e9f4ff;border:2px solid #d4e7ff;padding:8px 12px;font-size:.93rem;font-weight:800}.lw-btn{cursor:pointer;border:none;border-bottom:4px solid #9a6f19;padding:13px 20px;background:#ffcf56;border-radius:18px;color:#33275d;font-weight:900;min-height:48px;transition:transform .14s,filter .14s}.lw-btn:hover{filter:brightness(1.04);transform:translateY(-2px)}.lw-btn:active{transform:translateY(1px)}.lw-btn.purple{background:#7961ef;color:#fff;border-color:#4832b1}.lw-btn.blue{background:#55b9ed;border-color:#27759f}.lw-btn.green{background:#74dcad;border-color:#2b9867}.lw-btn.ghost{background:#fff;border:2px solid #cdd5eb;box-shadow:none}.lw-btn.small{padding:8px 13px;min-height:38px;border-radius:12px}.lw-btn[hidden]{display:none}.lw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.lw-world{display:block;width:100%;text-align:left;border:2px solid #dcdcf9;border-radius:22px;padding:15px;background:linear-gradient(145deg,#fff,#f4f3ff);cursor:pointer;min-height:118px;color:inherit;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.lw-world:hover{transform:translateY(-3px);box-shadow:0 8px 17px #3d2b8530}.lw-world .number{font-size:2rem;display:inline-block;margin-right:10px}.lw-world h3{margin:5px 0;font-size:1.15rem}.lw-world p{font-size:.93rem;opacity:.85;margin:5px 0}.lw-world .status{position:absolute;top:9px;right:13px;font-size:1.15rem}.lw-world.done{background:linear-gradient(145deg,#effff5,#d6fae5);border-color:#69d49b}.lw-story{border-radius:22px;background:#f6f8ff;border:2px solid #e4e7ff;padding:18px;margin:14px 0}.lw-story p{font-size:1.1rem;margin:7px 0}.lw-question{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:900;margin:16px 0}.lw-options{display:grid;gap:11px;grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.lw-option{min-height:100px;border:3px solid #c5d9f9;border-radius:20px;padding:15px;background:#f6faff;text-align:left;font-weight:800;color:#2f3a65;cursor:pointer;transition:transform .15s}.lw-option:hover{transform:scale(1.02);background:#e8f7ff}.lw-option.selected{border-color:#7754da;background:#efe7ff}.lw-option.correct{border-color:#36b27a;background:#e0f9ed}.lw-option.wrong{border-color:#f2aa3e;background:#fff6df}.lw-feedback{margin:14px 0;border-radius:16px;padding:13px 16px;background:#fff0c4;border:2px solid #f6ce78;font-weight:750}.lw-feedback.good{background:#e1fbe9;border-color:#82d9a8}.lw-feedback[hidden]{display:none}.lw-progress{height:15px;background:#e4eaf5;border-radius:20px;overflow:hidden;flex:1;min-width:110px}.lw-progress>span{display:block;height:100%;background:linear-gradient(90deg,#6f78fb,#ff91ac,#ffc34d);transition:width .4s;width:0}.lw-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:10px;margin-top:14px}.lw-letter-item{font-size:2rem;font-weight:900;border:2px solid #becbef;background:#fff;border-radius:15px;padding:12px 8px;cursor:pointer;min-height:71px}.lw-letter-item.unseen{opacity:.55}.lw-letter-item.current{background:#fff3bf;border-color:#f4b94c}.lw-letter-item.learned{background:#dff9eb;border-color:#53d095}.lw-draw{border:3px dashed #8e78e2;border-radius:22px;position:relative;background:#fff9e7;touch-action:none;max-width:520px;width:100%;margin:auto;overflow:hidden}.lw-draw svg{width:100%;display:block;aspect-ratio:1.35 / 1}.lw-draw text{font-weight:900;font-family:Arial,sans-serif;paint-order:stroke;user-select:none}.lw-draw path.user-stroke{stroke:#e64f92;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;fill:none}.lw-big-letter{font-size:clamp(7rem,30vw,14rem);line-height:1;font-family:Arial,sans-serif;font-weight:900;text-align:center;color:#6253bd;text-shadow:8px 8px 0 #f7c856}.lw-find-grid{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:15px;max-width:560px;margin:20px auto}.lw-find-grid button{min-height:135px;font-weight:900;font-size:5rem;border-radius:26px;border:4px solid #b7c3f6;background:#fff;cursor:pointer;color:#524f9b}.lw-find-grid button:active{transform:scale(.97)}.lw-icon-card{border:2px solid #d7d9f3;border-radius:24px;padding:17px;background:#f6f4ff;text-align:center;display:flex;flex-direction:column;justify-content:space-around;min-height:145px}.lw-icon-card .emoji{font-size:3.4rem}.lw-stamp{font-size:1.5rem;font-weight:900;padding:8px 13px;background:#fcf0ba;border-radius:15px;display:inline-block}.lw-mission{font-size:1.03rem;padding:16px;border-left:5px solid #ffbd52;background:#fff7dc;border-radius:12px}.lw-note{background:#f2f7ff;padding:12px;border-radius:15px;border:1px solid #d1e5f8;font-size:.92rem}.lw-sign-word{font-size:clamp(2.6rem,7vw,4.9rem);color:#5b4fba;font-weight:900;text-align:center}.lw-sign-scene{display:flex;align-items:center;gap:15px;padding:17px;border-radius:24px;background:linear-gradient(115deg,#daffed,#e1e5ff);margin:15px 0}.lw-sign-scene .emoji{font-size:4.2rem}.lw-sign-scene .speech{font-weight:850;font-size:1.2rem}.lw-sign-choices{display:flex;gap:10px;flex-wrap:wrap}.lw-sign-choices button{flex:1 1 150px}.lw-end{text-align:center;padding:30px 10px}.lw-end h2{font-size:clamp(1.8rem,4vw,2.9rem)}.lw-end .stars{font-size:3.4rem;letter-spacing:10px}.lw-footer{text-align:center;color:#5b5f88;font-size:.85rem;padding:18px}.lw-scene{font-size:4rem;line-height:1.4;text-align:center;border-radius:15px;background:linear-gradient(90deg,#ebedff,#fff4dc);padding:10px;margin:12px 0}.lw-rocket{display:inline-block;animation:float 3s ease-in-out infinite}.lw-spark{display:inline-block;animation:bob 2s ease-in-out infinite;position:relative}@keyframes float{50%{transform:translateY(-11px) rotate(4deg)}}@keyframes bob{50%{transform:translateY(-7px)}}.lw-confetti{position:fixed;pointer-events:none;width:14px;height:14px;animation:confetti .9s linear forwards;z-index:1000}@keyframes confetti{to{transform:translate(var(--dx),var(--dy)) rotate(680deg);opacity:0}}@media (max-width:620px){.lw-wrap{padding:8px}.lw-hero{padding:16px;grid-template-columns:1fr}.lw-hero img{max-height:170px}.lw-body{padding:14px}.lw-option{min-height:85px}.lw-find-grid button{min-height:110px}.lw-sign-scene .emoji{font-size:3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.robo-sound-toggle{position:fixed;z-index:4000;top:7px;right:8px;bottom:auto;border:2px solid #8bd3f5;border-radius:20px;padding:6px 9px;background:#fffef4;color:#174e78;box-shadow:0 2px 6px #0b4a8655;font-size:.8rem;font-weight:800}