:root{--paper:#fff6e3;--paper-deep:#f3e4c4;--ink:#2e3350;--ink-soft:#6a6f8e;--accent:#ff7a3d;--accent-ink:#fff8ef;--good:#3fb96b;--bad:#ef476f;--sky:#6cc6f5;--card:#fff;--shadow:#2e33502e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%}body{color:var(--ink);background-color:var(--paper);user-select:none;-webkit-user-select:none;background-image:linear-gradient(90deg,#0000 2.2rem,#ef476f38 2.2rem calc(2.2rem + 2px),#0000 calc(2.2rem + 2px)),repeating-linear-gradient(#0000 0 27px,#6ca0dc47 27px 29px);font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;font-family:inherit}.hidden{display:none!important}.screen{display:flex;padding:max(1rem,env(safe-area-inset-top))1rem max(1rem,env(safe-area-inset-bottom));flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto}.menu-head{text-align:center;padding:1.6rem 0 1.2rem}.logo{letter-spacing:.02em;color:var(--ink);font-family:Fredoka,sans-serif;font-size:clamp(2.85rem,13vw,4rem);font-weight:700}.logo-it{color:var(--accent);text-shadow:0 3px #78320a40}.menu-sub{color:var(--ink-soft);margin-top:.35rem;font-weight:700}.picker-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:.7rem;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;padding-bottom:1.5rem}.level-btn{position:relative;display:flex;background:var(--card);border:3px solid var(--ink);box-shadow:0 4px 0 var(--shadow);text-align:left;border-radius:18px;flex-direction:column;align-items: flex-start;gap:.15rem;padding:.7rem .85rem;transition:transform .12s}.level-btn:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(3px)}.level-btn.locked{opacity:.55;background:var(--paper-deep);cursor:default}.level-num{color:var(--accent-ink);background:var(--accent);border:2px solid var(--ink);display:inline-flex;border-radius:999px;justify-content:center;align-items: center;min-width:1.7rem;height:1.7rem;font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:700}.level-name{font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600}.level-stars{min-height:1.1rem;font-size:.8rem}.level-mode{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.hud{display:flex;align-items: center;gap:.7rem;padding-bottom:.6rem}.btn-back{border:3px solid var(--ink);background:var(--card);box-shadow:0 3px 0 var(--shadow);border-radius:14px;flex-shrink:0;width:2.5rem;height:2.5rem;font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:700;line-height:1}.hud-level{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600}.round-track{display:flex;flex-shrink:0;gap:.3rem;margin-left:auto}.round-dot{border:2px solid var(--ink);background:var(--card);border-radius:50%;width:.65rem;height:.65rem;transition:background .25s,transform .25s}.round-dot.found{background:var(--good);transform:scale(1.2)}.round-dot.found-retry{background:var(--sky);transform:scale(1.2)}.stage{display:flex;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:clamp(.9rem,3.5vh,1.6rem);padding-bottom:1rem}.count-card{position:relative;background:var(--card);border:4px solid var(--ink);box-shadow:0 6px 0 var(--shadow);display:flex;border-radius:28px;flex-direction:column;align-items: center;gap:.7rem;width:min(92vw,440px);padding:1rem 1rem 1.3rem}.count-card.pop{animation:.35s cubic-bezier(.34,1.56,.64,1) pop-in}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.prompt{text-align:center;font-family:Fredoka,sans-serif;font-size:clamp(1.15rem,5.5vw,1.5rem);font-weight:600}.sum{display:flex;align-items: center;gap:.4rem;font-family:Fredoka,sans-serif;font-size:clamp(2rem,10vw,2.8rem);font-weight:700;line-height:1}.sum .op{color:var(--accent)}.sum .answer{text-align:center;border:3px dashed var(--ink-soft);color:var(--ink-soft);border-radius:14px;min-width:1.6em;padding:.05em .2em}.sum .answer.solved{border-style:solid;border-color:var(--ink);background:var(--good);color:#fff;animation:.45s cheer}.group-field{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:1rem .9rem;max-width:100%;min-height:clamp(6rem,20dvh,11rem);padding:.7rem .2rem}.pod{position:relative;background:var(--pod,#ffd166);border:3px solid var(--ink);box-shadow:0 3px 0 var(--shadow);transform:rotate(var(--tilt,0deg));border-radius:18px;padding:.35rem .4rem;transition:transform .15s,filter .2s}.pod-items{display:grid;grid-template-columns:repeat(var(--cols,2),auto);justify-content:center;gap:.05rem .1rem}.item{font-size:var(--item,1.6rem);line-height:1.1}.pod:active{transform:rotate(var(--tilt,0deg))scale(.93)}.pod.counted{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--good);transform:rotate(0)scale(1.04)}.pod-badge{position:absolute;background:var(--accent);color:var(--accent-ink);border:3px solid var(--ink);display:none;border-radius:999px;justify-content:center;align-items: center;min-width:1.9rem;height:1.9rem;padding:0 .3rem;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:700;top:-.7rem;right:-.6rem}.pod.counted .pod-badge{display:inline-flex;animation:.25s cubic-bezier(.34,1.56,.64,1) badge-pop}@keyframes badge-pop{0%{transform:scale(.4)}to{transform:scale(1)}}.skip-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.skip-chip{display:inline-flex;border:2px dashed #2e335059;border-radius:10px;justify-content:center;align-items: center;min-width:2.1rem;height:2.1rem;padding:0 .3rem;font-family:Gaegu,Fredoka,sans-serif;font-size:1.45rem;font-weight:700}.skip-chip.filled{border:2px solid var(--ink);animation:.25s cubic-bezier(.34,1.56,.64,1) badge-pop;background:#fff3c4}.choices{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;max-width:420px}.choice{background:var(--card);border:3px solid var(--ink);box-shadow:0 4px 0 var(--shadow);border-radius:18px;min-width:clamp(3.6rem,17vw,4.4rem);padding:.35em .45em;transition:transform .12s,background .2s;font-family:Fredoka,sans-serif;font-size:clamp(1.7rem,8vw,2.3rem);font-weight:700}.choice:active:not(:disabled){box-shadow:0 1px 0 var(--shadow);transform:translateY(3px)}.choice.correct{background:var(--good);color:#fff;animation:.45s cheer}.choice.wrong{background:var(--paper-deep);color:var(--ink-soft);animation:.4s shake;opacity:.6}@keyframes cheer{0%,to{transform:scale(1)}40%{transform:scale(1.07)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.overlay{position:fixed;display:flex;z-index:10;background:#2e33508c;justify-content:center;align-items: center;padding:1.2rem;inset:0}.card-panel{position:relative;background:var(--paper);border:4px solid var(--ink);text-align:center;animation:.35s cubic-bezier(.34,1.56,.64,1) pop-in;border-radius:26px;width:min(100%,380px);padding:1.6rem 1.4rem;box-shadow:0 8px #00000040}.win-eyebrow{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700}.stars{margin:.4rem 0;font-size:2.4rem}.stars .dim{filter:grayscale(1);opacity:.35}.win-note{color:var(--ink-soft);margin-bottom:1.1rem;font-weight:700}.win-actions{display:flex;flex-direction:column;gap:.55rem}.btn-play{background:var(--accent);color:var(--accent-ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--shadow);border-radius:18px;padding:.7em 1.4em;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:700}.btn-play:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(3px)}.btn-ghost{background:var(--card);border:3px solid var(--ink);box-shadow:0 3px 0 var(--shadow);border-radius:18px;padding:.55em 1.2em;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600}.btn-ghost:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}.confetti{position:absolute;overflow:hidden;pointer-events:none;inset:0}.confetti span{position:absolute;animation:linear infinite fall;top:-2.5rem}@keyframes fall{to{transform:translateY(110vh)rotate(320deg)}}@media (prefers-reduced-motion:reduce){.count-card.pop,.card-panel,.pod.counted .pod-badge,.skip-chip.filled,.choice.correct,.choice.wrong,.sum .answer.solved{animation:none}}@media (orientation:landscape) and (max-height:500px){.stage{flex-direction:row;gap:1.6rem}.count-card{width:min(52vw,380px)}.group-field{min-height:6rem}.choices{gap:.45rem;max-width:300px}.choice{min-width:3.2rem;font-size:1.4rem}}.chart-cta{display:flex;background:var(--card);border:3px solid var(--ink);box-shadow:0 4px 0 var(--shadow);text-align:left;border-radius:20px;align-items: center;gap:.9rem;width:100%;margin-bottom:1.2rem;padding:.7rem .9rem}.chart-cta:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(3px)}.chart-cta-grid{display:grid;grid-template-columns:repeat(3,1.5rem);grid-auto-rows:1.5rem;border:2px solid var(--ink);overflow:hidden;background:#fffdf6;border-radius:8px;flex-shrink:0}.chart-cta-grid span{display:flex;border-bottom:1px solid #2e335059;border-right:1px solid #2e335059;justify-content:center;align-items: center;font-family:Gaegu,sans-serif;font-size:1.05rem;font-weight:700}.chart-cta-grid span:nth-child(-n+3),.chart-cta-grid span:nth-child(3n+1){background:#ffe1a8}.chart-cta-text{display:flex;flex-direction:column}.chart-cta-title{font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:700}.chart-cta-sub{color:var(--ink-soft);font-size:.85rem;font-weight:700}.chart-screen{max-width:720px}.chart-hint{color:var(--ink-soft);margin-bottom:.6rem;font-size:.9rem;font-weight:700}.chart-wrap{border:3px solid var(--ink);box-shadow:0 5px 0 var(--shadow);overflow:hidden;background:#fffdf6;border-radius:14px}.chart{display:grid;grid-template-columns:repeat(var(--n,13),1fr)}.chart-cell{aspect-ratio:1;display:flex;border-bottom:1px solid #2e33504d;border-right:1px solid #2e33504d;justify-content:center;align-items: center;transition:background .2s,transform .15s;font-family:Gaegu,Fredoka,sans-serif;font-size:clamp(.85rem,3.6vw,1.5rem);font-weight:700;line-height:1}.chart-cell.square{background:#ffd16647}.chart-cell.solved{background:#3fb96b47}.chart-head,.chart-corner{background:#ffe1a8;border-color:#2e33508c;border-bottom-width:2px;border-right-width:2px;font-size:clamp(.95rem,4vw,1.6rem)}.chart-corner{color:var(--accent)}.chart-cell:active{transform:scale(.9)}.chart-cell.chanted{background:var(--accent);color:#fff;position:relative;z-index:1;border-radius:6px;transform:scale(1.12)}.fact-panel{overflow-y:auto;display:flex;flex-direction:column;align-items: center;gap:.75rem;width:min(100%,460px);max-height:calc(100dvh - 2rem)}.fact-close{position:absolute;color:var(--ink-soft);font-family:Fredoka,sans-serif;font-size:2rem;line-height:1;top:.5rem;right:.7rem}.fact-eq{font-family:Fredoka,sans-serif;font-size:clamp(2rem,10vw,2.6rem);font-weight:700}.fact-eq b{color:var(--accent)}.fact-words{color:var(--ink-soft);margin-top:-.6rem;font-weight:800}.fact-field{min-height:0;padding:.6rem .3rem}