:root{--yellow: #ffd93b;--yellow-dark: #e8b100;--green: #3fae49;--green-dark: #2b8a34;--pink: #ff6fa8;--blue: #3fa6e0;--ink: #4a2f12;--card: #fffaf0}*{box-sizing:border-box}html{font-size:clamp(14px,calc(.55vw + .55vh + 6px),22px)}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;touch-action:manipulation;font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;color:var(--ink);background:linear-gradient(#5cc8ff,#9fe0ff 45%,#d9f5ff 70%,#eafbe0);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(4.25rem + env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));z-index:10;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen>.card{margin:auto}.screen.dim{background:#28507859;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card{background:var(--card);border-radius:1.75rem;padding:1.375rem 1.625rem 1.625rem;width:min(32.5rem,100%);text-align:center;box-shadow:0 .5rem #e0c99a,0 1.125rem 2.5rem #0003;border:4px solid #fff;animation:pop .35s cubic-bezier(.2,1.6,.5,1)}.small-card{width:min(21.25rem,100%);display:flex;flex-direction:column;align-items:center;gap:.9rem}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.logo{font-size:2.3rem;font-weight:800;color:var(--yellow-dark);line-height:1;text-shadow:0 3px 0 #fff,0 .3125rem 0 rgba(0,0,0,.08);margin-bottom:.375rem}.logo span{color:var(--green)}.logo.small{font-size:1.6rem}.ribbon{display:inline-block;background:var(--green);color:#fff;font-weight:800;padding:4px 1.125rem;border-radius:62.4375rem;margin:.375rem 0 .625rem;font-size:1.05rem;box-shadow:0 3px 0 var(--green-dark)}blockquote{margin:.5rem 0 2px;font-size:1.45rem;font-weight:700;line-height:1.3;color:#5a3a10;position:relative;padding:0 .625rem}blockquote:before{content:"“";color:var(--yellow-dark);font-size:2.2rem;line-height:0;vertical-align:-.4em;margin-right:2px}blockquote:after{content:"”";color:var(--yellow-dark);font-size:2.2rem;line-height:0;vertical-align:-.4em;margin-left:2px}.small-quote{font-size:1.05rem;opacity:.85}.source{font-size:.95rem;opacity:.7;margin-bottom:.625rem}.explain{background:#fff3c4;border-radius:1.125rem;padding:.625rem 1rem;margin:.625rem 0 1.125rem;text-align:left}.explain p{margin:2px 0 0;font-size:1.05rem;line-height:1.4}h1,h2,h3{margin:.375rem 0}h1{font-size:2.2rem;color:var(--green)}h3{margin-top:1rem}.sub{margin:0 0 .75rem;opacity:.8}.hint{font-size:.82rem;opacity:.65;margin:.875rem 0 0}.row{display:flex;gap:.625rem;justify-content:center;margin-top:.75rem;flex-wrap:wrap}.btn{font-family:inherit;font-weight:800;font-size:1.15rem;cursor:pointer;border:none;border-radius:1.125rem;padding:.625rem 1.375rem;color:#fff;background:var(--green);box-shadow:0 .3125rem 0 var(--green-dark);transition:transform .08s,box-shadow .08s}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--green-dark)}.btn.big{font-size:1.5rem;padding:.75rem 2.5rem}.btn.alt{background:var(--blue);box-shadow:0 .3125rem #2a7fb8}.btn.alt:active{box-shadow:0 1px #2a7fb8}.btn:disabled{background:#bbb;box-shadow:0 .3125rem #999;cursor:default;filter:none}.icon-btn{font-size:1.3rem;width:2.875rem;height:2.875rem;border-radius:50%;border:3px solid #fff;background:#ffffffd9;cursor:pointer;box-shadow:0 3px #0000001f}#topbar{position:fixed;top:calc(.75rem + env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));display:flex;gap:.5rem;z-index:30;align-items:center}.pill{display:flex;align-items:center;gap:.375rem;background:#fff;border-radius:62.4375rem;padding:4px .875rem 4px .625rem;font-size:1.2rem;box-shadow:0 3px #0000001f}.pill b{font-weight:800}.pill.gold{background:#fff3b0}.pill.bump{animation:bump .4s}@keyframes bump{50%{transform:scale(1.25)}}.level-badge{display:inline-block;font-size:2rem;font-weight:800;color:#fff;background:var(--pink);border-radius:1.25rem;padding:2px 1.625rem;margin:.5rem 0;box-shadow:0 .3125rem #c8467c}.goal{font-size:1.25rem;margin:.375rem 0 .75rem}.boss-warn{background:#3b3d5c;color:#fff;border-radius:.875rem;padding:.5rem .75rem;font-weight:700;margin:4px 0;animation:wobble 1.6s infinite}@keyframes wobble{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.level-path{display:flex;justify-content:center;gap:.375rem;margin:4px 0 1rem;flex-wrap:wrap}.level-path .dot{width:2.375rem;height:2.375rem;border-radius:50%;display:grid;place-items:center;background:#eee3c8;font-weight:800;color:#a08a5a;font-size:.95rem}.level-path .dot.done{background:var(--yellow);color:var(--ink)}.level-path .dot.current{background:var(--pink);color:#fff;transform:scale(1.18);box-shadow:0 3px #c8467c}.level-path .dot.boss{font-size:1.1rem}.practice-choices{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.375rem 0 .75rem}.choice{font-family:inherit;color:var(--ink);cursor:pointer;background:#fff;border:3px solid #f0dca8;border-radius:1.25rem;padding:.875rem .625rem;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 .3125rem #f0dca8;transition:transform .08s}.choice:hover{border-color:var(--yellow-dark)}.choice:active{transform:translateY(4px);box-shadow:0 1px #f0dca8}.choice .ico{font-size:2.6rem}.choice b{font-size:1.15rem}.choice small{font-size:.85rem;opacity:.75;line-height:1.25}@media(max-width:26.25rem){.practice-choices{grid-template-columns:1fr}}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.hud-top{position:absolute;top:calc(.625rem + env(safe-area-inset-top));left:max(.625rem,env(safe-area-inset-left));right:max(.625rem,env(safe-area-inset-right));display:flex;align-items:center;gap:.625rem;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-level{background:var(--pink);color:#fff;font-weight:800;border-radius:.875rem;padding:4px .75rem;font-size:1.1rem;white-space:nowrap;box-shadow:0 3px #c8467c}.hud-level.boss{background:#3b3d5c;box-shadow:0 3px #22233a}.progress{flex:1;max-width:26.25rem;position:relative}.bar{height:1.875rem;background:#fffc;border-radius:62.4375rem;overflow:hidden;border:3px solid #fff;box-shadow:0 3px #0000001a}.bar>div{height:100%;width:0;background:linear-gradient(90deg,#ffe45c,#ffc21a);border-radius:62.4375rem;transition:width .2s}.count{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem;gap:3px}.timer{background:#fff;border-radius:50%;width:3.125rem;height:3.125rem;display:grid;place-items:center;font-weight:800;font-size:1.35rem;box-shadow:0 3px #0000001f;border:3px solid var(--green)}.timer.low{border-color:#ff4d3d;color:#ff4d3d;animation:bump .5s infinite}.powers{position:absolute;top:50%;right:max(.75rem,env(safe-area-inset-right));transform:translateY(-50%);display:flex;flex-direction:column;gap:.625rem;pointer-events:auto}.power-btn{position:relative;width:4rem;height:4rem;border-radius:1.25rem;border:3px solid #fff;background:#ffffffe6;font-size:1.9rem;cursor:pointer;box-shadow:0 4px #00000026;font-family:inherit;padding:0}.power-btn .qty{position:absolute;top:-.5rem;right:-.5rem;background:var(--pink);color:#fff;border-radius:62.4375rem;font-size:.85rem;font-weight:800;min-width:1.5rem;height:1.5rem;display:grid;place-items:center;padding:0 .3125rem}.power-btn .key{position:absolute;bottom:1px;left:.3125rem;font-size:.65rem;opacity:.5;font-weight:800}.power-btn .left{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:1rem;background:#3fae49bf;color:#fff;font-size:1.3rem;font-weight:800}#hud.practice .powers{display:none}.power-btn:disabled{opacity:.45;cursor:default}.power-btn.active:disabled{opacity:1}.power-btn.active{border-color:var(--green)}#popups{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;overflow:hidden}.popup{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:1.6rem;color:#fff;-webkit-text-stroke:1.5px #a86a00;paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.2);animation:floatUp .9s ease-out forwards;white-space:nowrap}.popup.gold{color:#fff3a0;font-size:2rem}.popup.blue{color:#bff0ff;-webkit-text-stroke-color:#1c5a8a}.popup.red{color:#ffd0d4;-webkit-text-stroke-color:#a02030}.popup.green{color:#d8ffd0;-webkit-text-stroke-color:#2b8a34}.popup.boom{color:#ffdf5c;-webkit-text-stroke:2px #c0301e;font-size:3.2rem;animation:boomPop 1.1s ease-out forwards}.popup.big{color:#fff;-webkit-text-stroke:2px var(--green-dark);font-size:3rem;animation:bigPop 1.4s ease-out forwards}@keyframes floatUp{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-4.375rem}}@keyframes boomPop{0%{transform:translate(-50%,-50%) scale(.3)}25%{transform:translate(-50%,-50%) scale(1.3)}to{transform:translate(-50%,-80%) scale(1);opacity:0}}@keyframes bigPop{0%{transform:translate(-50%,-50%) scale(.3)}20%{transform:translate(-50%,-50%) scale(1.15)}80%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.options{display:flex;flex-direction:column;gap:.625rem;margin:.875rem 0}.option{font-family:inherit;font-size:1.15rem;font-weight:700;padding:.75rem 1rem;border-radius:1rem;cursor:pointer;border:3px solid #f0dca8;background:#fff;color:var(--ink);box-shadow:0 4px #f0dca8;text-align:left}.option:hover:not(:disabled){border-color:var(--yellow-dark)}.option.right{background:#d8f7cf;border-color:var(--green);box-shadow:0 4px 0 var(--green)}.option.wrong{background:#ffe0e0;border-color:#ff8a8a;box-shadow:0 4px #ff8a8a}.option:disabled{cursor:default}.feedback{font-size:1.15rem;font-weight:700;margin:.375rem 0 .75rem}.feedback .golden{font-size:3rem;display:block;animation:spinIn .8s}@keyframes spinIn{0%{transform:rotate(-360deg) scale(0)}to{transform:rotate(0) scale(1)}}.stars{font-size:2.6rem;letter-spacing:.375rem;margin:2px 0}.stars span{display:inline-block;animation:spinIn .6s backwards}.stars span.off{filter:grayscale(1) opacity(.35)}.earn{background:#fff3c4;border-radius:1rem;padding:.625rem;margin:.5rem 0 1rem;font-size:1.15rem;font-weight:700;line-height:1.6}.shop-card{width:min(38.75rem,100%)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.125rem,1fr));gap:.625rem}.shop-item{background:#fff;border-radius:1.125rem;padding:.625rem;border:3px solid #f0dca8;display:flex;flex-direction:column;align-items:center;gap:2px}.shop-item .ico{font-size:2.2rem}.shop-item .name{font-weight:800}.shop-item .desc{font-size:.82rem;opacity:.75;line-height:1.2;min-height:2.4em}.shop-item .own{font-size:.85rem;font-weight:700;color:var(--green-dark)}.shop-item .btn{font-size:.95rem;padding:.375rem .75rem;margin-top:4px}.shop-item.equipped{border-color:var(--green)}.swatch{width:3.375rem;height:2.25rem;border-radius:0 0 1.125rem 1.125rem;border-top:.375rem solid;margin:.375rem 0}#shopClose{margin-top:1rem}@media(max-width:40rem){.powers{top:calc(4.6rem + env(safe-area-inset-top));right:50%;transform:translate(50%);flex-direction:row}blockquote{font-size:1.2rem}.logo{font-size:1.9rem}.card{padding:1rem 1rem 1.25rem}.power-btn{width:3.5rem;height:3.5rem;font-size:1.6rem}}@media(max-width:400px){.row{gap:.5rem}.row .btn{flex:1 1 0;font-size:1rem;padding:.6rem .5rem;white-space:nowrap}.level-path{gap:.25rem}.level-path .dot{width:2rem;height:2rem;font-size:.85rem}.level-badge{font-size:1.7rem}.btn.big{font-size:1.35rem;padding:.65rem 2rem}}@media(max-height:520px)and (orientation:landscape){.screen{padding-top:calc(3.6rem + env(safe-area-inset-top));padding-bottom:.6rem}#topbar{top:calc(.5rem + env(safe-area-inset-top))}.pill{font-size:1rem;padding:.15rem .7rem .15rem .5rem}.icon-btn{width:2.4rem;height:2.4rem;font-size:1.05rem}.card{width:min(46rem,100%);padding:.7rem 1.4rem .9rem;border-radius:1.25rem}.small-card{width:min(21rem,100%)}.logo{font-size:1.5rem;margin-bottom:.1rem}.ribbon{margin:.2rem 0 .35rem;font-size:.95rem;padding:.15rem 1rem}blockquote{font-size:1.15rem;margin-top:.2rem}.source{margin-bottom:.3rem}.explain{margin:.4rem 0 .7rem;padding:.4rem .9rem}.explain p{font-size:.95rem}h1{font-size:1.6rem}h2{font-size:1.25rem;margin:.25rem 0}.btn.big{font-size:1.2rem;padding:.45rem 1.8rem}.row{margin-top:.5rem}.hint{display:none}.level-badge{font-size:1.4rem;margin:.2rem 0}.goal{margin:.2rem 0 .4rem}.level-path{margin:.2rem 0 .6rem}.level-path .dot{width:1.9rem;height:1.9rem}.boss-warn{padding:.3rem .8rem}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.5rem 0}.option{padding:.5rem .7rem;font-size:1rem;text-align:center}.feedback{margin:.2rem 0 .5rem;font-size:1rem}.feedback .golden{font-size:2rem}.stars{font-size:1.8rem}.earn{margin:.3rem 0 .6rem;padding:.4rem;line-height:1.4}.practice-choices{margin:.3rem 0 .4rem}.choice{padding:.5rem}.choice .ico{font-size:1.8rem}.shop-card{width:min(52rem,100%)}.shop-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.shop-item{padding:.4rem}.shop-item .ico{font-size:1.6rem}.shop-item .desc{min-height:0}.power-btn{width:3.3rem;height:3.3rem;font-size:1.5rem;border-radius:1rem}.powers{gap:.45rem}.timer{width:2.8rem;height:2.8rem;font-size:1.15rem}.bar{height:1.7rem}}