*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#2B2560;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;touch-action:manipulation}button{font:inherit}button:focus-visible{outline:4px solid #FFC93C;outline-offset:2px}#app{height:100dvh;min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column;background:radial-gradient(circle at 50% 10%,#433a83,#2B2560 52%)}header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;flex:none}.brand{text-align:center;font-weight:1000;letter-spacing:1px;color:#FFC93C;line-height:1}.brand small{display:block;color:#fff;font-size:10px;margin-top:4px;letter-spacing:.4px}.tools{display:flex;gap:4px}.icon{min-width:44px;height:44px;border:0;border-radius:14px;background:#ffffff18;color:#fff;font-weight:900;font-size:20px}.icon:hover{background:#ffffff26}main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px 10px 10px}.card{width:min(94vw,560px);max-height:100%;overflow:auto;background:#fff;color:#292451;border-radius:26px;padding:18px;box-shadow:0 16px 50px #15123380;text-align:center}.card h1,.card h2{margin:4px 0 8px}.tag{display:inline-block;background:#5ED6B033;padding:5px 10px;border-radius:999px;font-weight:800;color:#27765f}.teach{font-weight:750;margin:8px 0 14px}.primary,.secondary{min-height:48px;border:0;border-radius:16px;padding:10px 16px;font-weight:900;cursor:pointer}.primary{background:#6C5CE7;color:#fff;box-shadow:0 5px 0 #493bb2}.secondary{background:#eeeafd;color:#3B2F8F}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.mode{width:46%;min-width:135px}.mode b{font-size:20px;display:block}.mode small{display:block;margin-top:4px}.owl{width:116px;height:96px;margin:0 auto 6px;position:relative;animation:bob 2.4s ease-in-out infinite}.owl .body{position:absolute;left:18px;top:14px;width:80px;height:76px;border-radius:48% 48% 44% 44%;background:linear-gradient(145deg,#6C5CE7,#3B2F8F);border:4px solid #29205f}.owl .face{position:absolute;left:30px;top:23px;width:56px;height:42px;border-radius:50%;background:#fff2d2}.owl .eye{position:absolute;top:34px;width:18px;height:18px;background:#fff;border:3px solid #29205f;border-radius:50%}.owl .eye:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#29205f;left:3px;top:3px}.owl .e1{left:34px}.owl .e2{right:34px}.owl .beak{position:absolute;left:51px;top:53px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #FFC93C}.owl .wing{position:absolute;top:50px;width:26px;height:18px;border-radius:60%;background:#FFC93C;border:3px solid #29205f}.owl .w1{left:5px;transform:rotate(-24deg)}.owl .w2{right:5px;transform:rotate(24deg);background:#5ED6B0}.owl.happy{animation:hop .45s ease}.owl.think .e1:after,.owl.think .e2:after{transform:translateX(3px)}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes hop{50%{transform:translateY(-12px) rotate(3deg)}}
.game{width:min(100%,560px);height:100%;touch-action:none;display:flex;flex-direction:column;align-items:center;min-height:0}.status{height:46px;display:flex;align-items:center;gap:8px;width:100%;justify-content:center;flex:none}.miniowl{transform:scale(.42);width:52px;height:44px;margin:-20px 0}.speech{background:#fff;color:#342b70;border-radius:15px;padding:8px 12px;font-weight:800;font-size:13px;max-width:75%;box-shadow:0 4px 0 #17133c}.board{display:grid;gap:5px;flex:1;min-height:0;aspect-ratio:1/1.18;max-width:min(84vw,360px);width:auto;margin:auto}.tile{background:#ffffff16;border:2px solid #ffffff42;border-radius:10px;display:grid;place-items:center;font-size:clamp(20px,6vh,34px);font-weight:1000;text-transform:uppercase;position:relative;transform-style:preserve-3d}.tile.filled{border-color:#fff9;background:#fff;color:#2B2560}.tile.flip{animation:flip .55s}.tile.good{background:#5ED6B0;color:#173c32;border-color:#5ED6B0}.tile.maybe{background:#FFC93C;color:#493900;border-color:#FFC93C}.tile.no{background:#77748d;color:#fff;border-color:#77748d}.mark{position:absolute;right:4px;bottom:1px;font-size:11px;font-weight:1000}@keyframes flip{50%{transform:rotateX(90deg)}}.keyboard{width:min(100%,520px);flex:none;padding-top:6px}.krow{display:flex;justify-content:center;gap:4px;margin:4px 0}.key{height:44px;min-width:0;flex:1;max-width:46px;border:0;border-radius:8px;background:#f5f2ff;color:#292451;font-weight:900;font-size:13px;padding:0}.key.wide{flex:1.5;max-width:70px;font-size:11px}.key.good{background:#5ED6B0}.key.maybe{background:#FFC93C}.key.no{background:#77748d;color:#fff}.meta{font-size:11px;color:#ddd;margin-top:2px;min-height:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.stat{background:#f2efff;border-radius:12px;padding:8px 4px}.stat b{display:block;font-size:20px}.legend{text-align:left;background:#f6f4ff;border-radius:16px;padding:12px;margin:10px 0}.ex{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:7px;font-weight:1000;margin-right:5px}.overlay{position:fixed;inset:0;background:#17133cd9;display:grid;place-items:center;padding:18px;z-index:5}.overlay .card{max-height:90dvh}#toast{position:fixed;left:50%;top:68px;transform:translateX(-50%) translateY(-10px);background:#fff;color:#2B2560;border-radius:14px;padding:9px 14px;font-weight:900;opacity:0;pointer-events:none;transition:.2s;z-index:8;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-height:650px){header{height:48px}.icon{height:40px;min-width:40px}.status{height:38px}.key{height:40px}.board{max-width:min(70vw,310px)}.meta{display:none}}@media(orientation:landscape) and (max-height:520px){main{padding:2px 8px}.game{display:grid;grid-template-columns:minmax(220px,42vh) 1fr;grid-template-rows:36px 1fr;column-gap:12px}.status{grid-column:1;grid-row:1}.board{grid-column:1;grid-row:2;max-width:100%;height:100%;width:auto}.keyboard{grid-column:2;grid-row:1/3;align-self:center}.key{height:44px}.meta{display:block}.card{max-width:650px;padding:12px}.owl{transform:scale(.75);margin-top:-10px;margin-bottom:-8px}.start-card{padding:7px 10px 8px;overflow:hidden}.start-card .owl{height:46px;scale:.58;transform-origin:top center;margin:-2px auto -3px}.start-card .tag,.start-card h1{display:inline-block;vertical-align:middle}.start-card .tag{padding:3px 8px;font-size:12px}.start-card h1{margin:0 0 0 6px;font-size:24px;line-height:1.1}.start-card .teach{margin:4px 0 6px;font-size:13px;line-height:1.2}.start-card .row{gap:8px;flex-wrap:nowrap}.start-card .mode{min-height:44px;padding:5px 10px}.start-card .mode b{font-size:17px;line-height:1.05}.start-card .mode small{margin-top:1px;font-size:11px;line-height:1.1}.start-card p{margin:5px 0}.start-card #practice{min-height:44px;padding:6px 14px}.start-card #deviceHelp{margin:3px 0 0!important;font-size:12px!important;line-height:1.15}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}