:root{--dp:"Chalkboard SE","Comic Sans MS","Baloo 2",system-ui,sans-serif;--bd:"Chalkboard SE","Andika",-apple-system,"Segoe UI",system-ui,sans-serif;--ink:#17162b;--sky:#6fd6e8;--sky-2:#a8e9f3;--paper:#fffcf2;--tangerine:#ff7a2f;--grape:#7b5ce6;--leaf:#34c77b;--cherry:#ff4d6d;--sun:#ffc93c;--line:4px solid var(--ink);--pop:0 6px 0 var(--ink);--pop-sm:0 4px 0 var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--sky);background-image:linear-gradient(180deg,var(--sky-2) 0%,var(--sky) 46%,#9be3b4 100%);font-family:var(--bd);color:var(--ink);background-attachment:fixed;overflow-x:hidden}h1,h2,h3{font-family:var(--dp);margin:0;font-weight:700}.cloud{pointer-events:none;opacity:.8;z-index:0;position:fixed;top:0}.cloud i{background:#fff;border-radius:50%;display:block;position:absolute}.c1{animation:46s linear infinite drift}.c2{animation:68s linear -20s infinite drift}.c3{animation:84s linear -52s infinite drift}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}.wrap{z-index:1;max-width:560px;margin:0 auto;padding:14px 16px 60px;position:relative}.topbar{justify-content:space-between;align-items:center;display:flex}.badge{background:var(--tangerine);color:#fff;border:var(--line);font-family:var(--dp);box-shadow:var(--pop-sm);border-radius:14px;padding:5px 11px;font-size:15px;font-weight:700;transform:rotate(-2.5deg)}.jar{background:var(--paper);border:var(--line);font-family:var(--dp);box-shadow:var(--pop-sm);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.monsterbox{justify-content:center;display:flex}.monster{transform-origin:50% 100%;width:160px;height:146px;animation:3.4s ease-in-out infinite idlebob}@keyframes idlebob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)rotate(-1.2deg)}}.monster .mouth{transform-box:fill-box;transform-origin:50%}.monster.talking .mouth{animation:.26s ease-in-out infinite alternate chomp}@keyframes chomp{0%{transform:scaleY(.35)}to{transform:scaleY(1.12)}}.monster.happy{animation:.5s cubic-bezier(.3,1.6,.5,1) 2 jump}@keyframes jump{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-28px)scale(.94,1.08)}70%{transform:translateY(0)scale(1.07,.93)}}.monster.oops{animation:.42s shake}@keyframes shake{10%,90%{transform:translate(-6px)rotate(-3deg)}30%,70%{transform:translate(7px)rotate(3deg)}}.monster .lid{transform-box:fill-box;transform-origin:top;animation:5.5s infinite blink}@keyframes blink{0%,95%,to{transform:scaleY(0)}97%{transform:scaleY(1)}}.monster.small{width:100px;height:92px}.bubble{background:var(--paper);border:var(--line);box-shadow:var(--pop);font-family:var(--dp);text-align:center;border-radius:20px;margin:14px 0 16px;padding:12px 15px;font-size:17px;font-weight:600;animation:.28s cubic-bezier(.3,1.7,.5,1) popin;position:relative}.bubble:after{content:"";background:var(--paper);clip-path:polygon(50% 0,100% 100%,0 100%);width:20px;height:14px;margin-left:-11px;position:absolute;top:-13px;left:50%}.bubble:before{content:"";background:var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%);width:26px;height:18px;margin-left:-14px;position:absolute;top:-18px;left:50%}@keyframes popin{0%{opacity:0;transform:scale(.84)}}.bubble.good{background:var(--leaf);color:#fff}.bubble.good:after{background:var(--leaf)}.bubble.bad{background:var(--cherry);color:#fff}.bubble.bad:after{background:var(--cherry)}.bubble .sub{font-family:var(--bd);opacity:.92;margin-top:3px;font-size:14px;font-weight:400;display:block}button{font-family:var(--dp);cursor:pointer;color:var(--ink)}.btn{border:var(--line);background:var(--tangerine);color:#fff;width:100%;box-shadow:var(--pop);border-radius:22px;margin-bottom:12px;padding:15px 18px;font-size:21px;font-weight:700;display:block}.btn small{font-family:var(--bd);opacity:.95;margin-top:2px;font-size:13px;font-weight:400;display:block}.btn.grape{background:var(--grape)}.btn.leaf{background:var(--leaf)}.btn.cherry{background:var(--cherry)}.btn.paper{background:var(--paper);color:var(--ink)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(6px)}.pill{background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:9px 13px;font-size:14.5px;font-weight:600}.pill:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.pill.used{opacity:.7;background:#e7e2d4}.pill.off{opacity:.35}.row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.back{font-family:var(--bd);opacity:.75;background:0 0;border:0;width:100%;padding:12px;font-size:15px;text-decoration:underline}.sectlabel{font-family:var(--dp);text-align:center;opacity:.85;margin:22px 0 11px;font-size:15px;font-weight:600}.strip{background:var(--paper);border:var(--line);box-shadow:var(--pop-sm);border-radius:18px;align-items:center;margin-bottom:14px;padding:9px 12px;display:flex}.strip .nm{font-family:var(--dp);font-size:16px;font-weight:700}.strip .ct{opacity:.7;font-size:12.5px;display:block}.strip button{background:var(--sun);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;margin-left:auto;padding:7px 13px;font-size:14px;font-weight:700}.grid{flex-wrap:wrap;gap:12px;display:flex}.mode{background:var(--paper);border:var(--line);box-shadow:var(--pop-sm);text-align:center;border-radius:20px;width:calc(50% - 6px);padding:13px 11px}.mode[data-wide]{width:100%}.mode:active{box-shadow:0 0 0 var(--ink);transform:translateY(4px)}.mode .em{font-size:30px;line-height:1.2;display:block}.mode .nm{font-family:var(--dp);margin-top:3px;font-size:15.5px;font-weight:700}.mode .ds{font-family:var(--bd);opacity:.7;margin-top:3px;font-size:12px;line-height:1.35;display:block}.rulecard{background:var(--paper);border:var(--line);box-shadow:var(--pop-sm);border-radius:20px;margin-bottom:12px;padding:13px}.eyebrow{background:var(--sun);border:3px solid var(--ink);font-family:var(--dp);border-radius:999px;margin-bottom:9px;padding:3px 11px;font-size:12.5px;font-weight:700;display:inline-block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--sky-2);border:3px solid var(--ink);font-family:var(--bd);box-shadow:0 3px 0 var(--ink);border-radius:12px;padding:8px 12px;font-size:17px;font-weight:700}.chip:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.chip.done{background:var(--leaf);color:#fff}.lessonbtn{text-align:left;background:var(--paper);border:var(--line);width:100%;box-shadow:var(--pop-sm);border-radius:20px;align-items:center;margin-bottom:11px;padding:12px;display:flex}.lessonbtn:active{box-shadow:0 0 0 var(--ink);transform:translateY(4px)}.lessonbtn .no{border:3px solid var(--ink);background:var(--sun);width:38px;height:38px;font-family:var(--dp);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-right:11px;font-size:17px;font-weight:700;display:flex}.lessonbtn.done .no{background:var(--leaf);color:#fff}.lessonbtn .lt{font-family:var(--dp);font-size:16px;font-weight:700}.lessonbtn .ls{font-family:var(--bd);opacity:.7;font-size:12.5px;display:block}.lesson{background:var(--paper);border:var(--line);box-shadow:var(--pop);border-radius:22px;margin-bottom:14px;padding:16px}.lesson h2{margin-bottom:8px;font-size:21px}.lesson p{margin:0 0 11px;font-size:15.5px;line-height:1.55}.lesson b{background:var(--sun);border-radius:4px;padding:0 3px}.exrow{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.ex{background:var(--leaf);color:#fff;border:3px solid var(--ink);font-family:var(--bd);border-radius:11px;padding:6px 10px;font-size:15px;font-weight:700}.watch{border:3px dashed var(--ink);background:#fff0d6;border-radius:14px;padding:10px 12px;font-size:14.5px;line-height:1.5}.qbox{border-top:3px dashed #17162b40;margin-top:14px;padding-top:12px}.qtext{font-family:var(--dp);text-align:center;margin-bottom:10px;font-size:17px;font-weight:600}.opt{background:var(--sky-2);border:3px solid var(--ink);width:100%;font-family:var(--bd);box-shadow:0 3px 0 var(--ink);border-radius:14px;margin-bottom:8px;padding:11px;font-size:18px;font-weight:700;display:block}.opt:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.opt.right{background:var(--leaf);color:#fff}.opt.wrong{background:var(--cherry);color:#fff}.listcard{background:var(--paper);border:var(--line);box-shadow:var(--pop-sm);border-radius:20px;margin-bottom:12px;padding:13px}.listcard.active{border-color:var(--leaf);box-shadow:0 6px 0 var(--leaf);background:#eafbf1}.listcard .hd{align-items:center;margin-bottom:8px;display:flex}.listcard .nm{font-family:var(--dp);font-size:17px;font-weight:700}.listcard .ct{opacity:.7;font-size:12.5px;display:block}.listcard .tick{margin-left:auto;font-size:22px}.listcard .peek{opacity:.75;word-break:break-word;margin-bottom:10px;font-size:13.5px;line-height:1.5}.listcard .acts{flex-wrap:wrap;gap:4px;display:flex}.listcard .acts button{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:var(--paper);border-radius:999px;padding:7px 13px;font-size:13.5px;font-weight:700}.listcard .acts button.use{background:var(--leaf);color:#fff}.listcard .acts button:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.fld{border:var(--line);width:100%;font-family:var(--bd);background:var(--paper);color:var(--ink);-webkit-appearance:none;border-radius:16px;margin-bottom:12px;padding:12px;font-size:16px}textarea.fld{min-height:190px;line-height:1.7}.help{border:3px dashed var(--ink);background:#fff0d6;border-radius:14px;margin-bottom:12px;padding:10px 12px;font-size:13.5px;line-height:1.5}.gems{flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:2px;display:flex}.gem{border:3px solid var(--ink);background:var(--paper);border-radius:5px;width:16px;height:16px;transform:rotate(45deg)}.gem.on{background:var(--sun)}.gem.hit{background:var(--leaf)}.gem.miss{background:var(--cherry)}.tilezone{justify-content:center;align-items:center;min-height:74px;display:flex;position:relative}.tiles{flex-wrap:wrap;justify-content:center;gap:6px;padding:5px 2px;display:flex}.tile{border:var(--line);background:var(--paper);width:44px;height:56px;font-family:var(--bd);text-align:center;box-shadow:var(--pop-sm);border-radius:12px;font-size:29px;font-weight:700;line-height:50px;animation:.18s cubic-bezier(.3,1.7,.5,1) pop}@keyframes pop{0%{opacity:0;transform:translateY(-14px)scale(.7)}}.tile.blank{box-shadow:none;background:#ffffff80;border-style:dashed}.tile.fixed{background:#e9e4d6}.tile.ok{background:var(--leaf);color:#fff}.tile.bad{background:var(--cherry);color:#fff;animation:.34s wob}@keyframes wob{25%{transform:translate(-5px)rotate(-6deg)}75%{transform:translate(5px)rotate(6deg)}}.tile.eaten{animation:.55s cubic-bezier(.5,-.3,.7,.4) forwards eat}@keyframes eat{to{opacity:0;transform:translateY(-280px)scale(.15)rotate(140deg)}}.tile.tray{background:var(--sun)}.tile.gone{visibility:hidden}.tile.sm{width:34px;height:42px;box-shadow:0 3px 0 var(--ink);border-width:3px;font-size:22px;line-height:36px}.caret{background:var(--ink);border-radius:4px;align-self:center;width:6px;height:40px;animation:1s step-end infinite blinkc}@keyframes blinkc{50%{opacity:0}}#hiddenInput{opacity:0;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.taphint{text-align:center;opacity:.75;min-height:19px;font-size:13.5px;font-family:var(--dp);margin-bottom:12px;font-weight:500}.pyramid{flex-direction:column;align-items:center;margin-bottom:8px;display:flex}.prow{gap:4px;display:flex}.bigword{font-family:var(--bd);text-align:center;letter-spacing:.06em;word-break:break-word;background:var(--paper);border:var(--line);box-shadow:var(--pop);border-radius:20px;margin-bottom:6px;padding:16px;font-size:38px;font-weight:700}.countdown{font-family:var(--dp);text-align:center;margin-bottom:12px;font-size:20px;font-weight:700}.teach{background:var(--paper);border:var(--line);box-shadow:var(--pop);text-align:left;border-radius:20px;margin-bottom:14px;padding:14px;font-size:15px;line-height:1.5}.teach .syl{text-align:center;font-family:var(--dp);color:var(--grape);margin-bottom:8px;font-size:20px;font-weight:700;display:block}.teach .big{text-align:center;font-family:var(--bd);letter-spacing:.05em;word-break:break-word;margin-bottom:11px;font-size:30px;font-weight:700;display:block}.teach .big u{color:var(--cherry);border-bottom:5px solid var(--cherry);text-decoration:none}.teach .sent{opacity:.75;margin-top:9px;font-size:14px;font-style:italic;display:block}.teach .rulechip{background:var(--sun);border:3px solid var(--ink);font-family:var(--dp);border-radius:999px;margin-bottom:9px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.scorecard{background:var(--paper);border:var(--line);box-shadow:var(--pop);text-align:center;border-radius:26px;margin-bottom:16px;padding:18px}.score{font-family:var(--dp);color:var(--tangerine);font-size:62px;font-weight:700;line-height:1}.resline{background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:14px;align-items:center;margin-bottom:8px;padding:9px 12px;display:flex}.mark{border:3px solid var(--ink);width:26px;height:26px;font-size:14px;font-family:var(--dp);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-right:10px;font-weight:700;display:flex}.mark.y{background:var(--leaf)}.mark.n{background:var(--cherry)}.resline .w{font-family:var(--bd);font-size:17px;font-weight:700}.resline .t{opacity:.6;margin-left:auto;font-size:13px;text-decoration:line-through}#confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.conf{border:2px solid var(--ink);border-radius:3px;width:11px;height:15px;animation:1.5s ease-in forwards fall;position:absolute}@keyframes fall{to{opacity:.2;transform:translateY(105vh)rotate(760deg)}}#gate{z-index:99;background:linear-gradient(180deg,var(--sky-2),var(--sky) 60%,#9be3b4);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.gatecard{background:var(--paper);border:var(--line);box-shadow:var(--pop);text-align:center;max-width:340px;font-family:var(--dp);border-radius:28px;padding:26px 22px}:focus{outline:none}@media (prefers-reduced-motion:reduce){*{animation:none!important}}@media (width<=370px){.tile{width:38px;height:50px;font-size:25px;line-height:44px}.monster{width:140px;height:128px}}