.game{max-width:840px;margin:0 auto}.topbar{align-items:center;gap:14px;max-width:880px;margin:0 auto;padding:14px 16px 4px;display:flex}.topbar .progress{background:var(--parchment);box-shadow:var(--shadow-soft);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:16px;padding:8px 18px;display:flex}.level-pill{font-family:var(--font-display);color:#fff;background:var(--hundreds-berry);box-shadow:0 3px 0 var(--hundreds-berry-deep);border-radius:999px;padding:6px 16px;font-weight:700}.goal-dots{gap:7px;display:flex}.goal-dots .dot{background:var(--cream-deep);width:15px;height:15px;transition:transform .2s var(--ease-bounce);border-radius:50%;box-shadow:inset 0 0 0 2px #7a563840}.goal-dots .dot.done{background:var(--leaf);transform:scale(1.12);box-shadow:0 2px #3f9b73}.stars{font-family:var(--font-display);color:var(--cocoa);align-items:center;gap:6px;font-size:1.3rem;font-weight:700;display:flex}.mute{width:48px;height:48px;min-height:48px;padding:0;font-size:1.25rem}@media (width<=620px){.topbar .progress{gap:10px;padding:8px 12px}}.modes{max-width:720px;margin:0 auto}@media (width<=620px){.modebtn{padding:9px 11px;font-size:.92rem}}.pip-row{align-items:center;gap:14px;margin:0;display:flex}.pip-row .pip{width:92px;height:92px}.pip-bubble.pip-bubble{align-items:center;min-height:60px;font-size:1.3rem;display:flex}.pip-bubble.good{background:#eafaf2}.pip-bubble.oops{background:#fff0ec}.ticket{max-width:480px}.equation{font-family:var(--font-display);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:2.1rem;font-weight:700;line-height:1.1;display:flex}.equation .op{color:var(--cocoa-soft);font-size:1.2rem;font-weight:600}.equation .qm,.equation .rows{color:var(--frosting-deep)}.equation .cols{color:var(--ones-gold-deep)}.equation .big{color:var(--cocoa);font-size:2.6rem}.equation .ans{color:var(--leaf)}.mat{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:18px;display:flex}.mat--plates{gap:18px}.plate-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.plate{width:130px;height:130px;box-shadow:var(--shadow-soft), inset 0 0 0 6px #ffffffb3, inset 0 0 0 9px #c98a4b40;cursor:pointer;transition:transform .14s var(--ease-bounce);background:radial-gradient(circle at 50% 42%,#fffdf8 0 60%,#f3e6d2 100%);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.plate:hover{transform:translateY(-3px)rotate(-1deg)}.plate:active{transform:translateY(1px)}.plate:after{content:"tap";font-family:var(--font-display);color:var(--cocoa-soft);opacity:.55;pointer-events:none;font-size:.8rem;font-weight:700;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.plate.full{cursor:default}.plate.full:after{content:none}.plate.full:hover{transform:none}.plate.pulse{animation:plate-pop .36s var(--ease-bounce)}@keyframes plate-pop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}.plate--share{width:116px;height:116px}.plate-cookies{grid-template-columns:repeat(5,max-content);place-content:center;gap:4px;max-width:100px;display:grid}.pile{border-radius:var(--r-md);background:#ffffff80;flex-wrap:wrap;justify-content:center;gap:5px;max-width:460px;min-height:56px;padding:12px 16px;display:flex;box-shadow:inset 0 0 0 3px #7a563824}.mat--sheet{padding-top:26px}.sheet{border-radius:var(--r-md);background:linear-gradient(180deg, #ffffff59, #c98a4b1f), var(--cream-deep);box-shadow:inset 0 0 0 5px #ffffff8c, inset 0 0 0 9px #9c643140, var(--shadow-soft);transition:transform .42s var(--ease-bounce), opacity .42s ease;flex-direction:column;gap:8px;padding:16px;display:flex}.sheet.flip{opacity:.25;transform:rotate(90deg)scale(.86)}.sheet.flip-in{animation:sheet-in .6s var(--ease-bounce)}@keyframes sheet-in{0%{opacity:.25;transform:rotate(-90deg)scale(.86)}to{opacity:1;transform:none}}.sheet-row{grid-template-columns:repeat(var(--cols), 1fr);cursor:pointer;transition:transform .14s var(--ease-bounce);border-radius:12px;gap:8px;padding:6px;display:grid}.sheet-row:hover{transform:translateY(-2px)}.sheet-row.full{cursor:default}.sheet-row.full:hover{transform:none}.sheet-row.sweep{animation:row-sweep .5s var(--ease-bounce)}@keyframes row-sweep{0%{box-shadow:0 0 #7fd1ae00}40%{box-shadow:0 0 0 4px var(--leaf), 0 0 20px #7fd1aeb3}to{box-shadow:0 0 #7fd1ae00}}.slot{background:#ffffff52;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:inset 0 0 0 2px #7a56382e}.slot .cookie{animation:block-pop .3s var(--ease-bounce) both}.cookie{background:radial-gradient(circle at 35% 30%, #f0c078, var(--ones-gold) 60%, var(--ones-gold-deep));width:34px;height:34px;animation:block-pop .32s var(--ease-bounce) both;border-radius:50%;position:relative;box-shadow:0 2px 3px #7a56384d,inset 0 -3px 4px #7a563840}.cookie:before{content:"";opacity:.7;background:radial-gradient(circle at 30% 35%,#5a3a1c 0 2px,#0000 2px),radial-gradient(circle at 64% 30%,#5a3a1c 0 1.6px,#0000 1.6px),radial-gradient(circle at 50% 62%,#5a3a1c 0 2px,#0000 2px),radial-gradient(circle at 72% 66%,#5a3a1c 0 1.6px,#0000 1.6px);border-radius:50%;position:absolute;inset:0}@keyframes block-pop{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.countstrip{max-width:560px;min-height:0;font-family:var(--font-display);color:var(--cocoa);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:4px auto 0;font-weight:700;display:none}.countstrip.show{display:flex}.countstrip.bump{animation:cs-bump .3s var(--ease-bounce)}@keyframes cs-bump{0%{transform:scale(.94)}60%{transform:scale(1.05)}to{transform:scale(1)}}.countstrip .cs-sum{color:var(--tens-mint-deep);background:#4fbf9629;border-radius:999px;padding:2px 16px;font-size:2rem}.countstrip .cs-eq{color:var(--cocoa-soft);font-size:1.5rem}.countstrip .cs-add{color:var(--ones-gold-deep);font-size:1.5rem}.actionbar{flex-direction:column;align-items:center;gap:14px;margin:0;display:flex}.choices{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.choice{font-family:var(--font-display);color:var(--cocoa);border-radius:var(--r-md);min-width:130px;min-height:64px;box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .12s var(--ease-bounce);background:#fff;border:none;padding:18px 30px;font-size:2rem;font-weight:700}.choice:hover{transform:translateY(-4px)rotate(-1deg)}.choice:active{transform:translateY(2px)}.choice.wrong{box-shadow:0 4px 0 #e8523f59, var(--shadow-soft);background:#fff0ec;animation:.5s wobble}@keyframes wobble{0%,to{transform:translate(0)}20%{transform:translate(-9px)rotate(-3deg)}40%{transform:translate(9px)rotate(3deg)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.choice.right{background:var(--leaf);color:#1f6b4e;animation:block-pop .4s var(--ease-bounce)}.choice[disabled]{opacity:.5}@media (width<=540px){.equation{font-size:1.7rem}.equation .big{font-size:2.1rem}.plate{width:108px;height:108px}.plate--share{width:96px;height:96px}.cookie{width:28px;height:28px}.slot{width:34px;height:34px}.choice{min-width:100px;font-size:1.6rem}.countstrip .cs-sum{font-size:1.6rem}.countstrip .cs-add,.countstrip .cs-eq{font-size:1.2rem}}@media (height<=860px){.mat{gap:10px;padding:10px}.mat--plates,.plate-row{gap:10px}.plate{width:clamp(74px,11vh,104px);height:clamp(74px,11vh,104px)}.plate--share{width:clamp(70px,10vh,96px);height:clamp(70px,10vh,96px)}.plate-cookies{gap:3px;max-width:78px}.cookie{width:clamp(18px,2.6vh,28px);height:clamp(18px,2.6vh,28px)}.slot{width:clamp(24px,3.4vh,38px);height:clamp(24px,3.4vh,38px)}.sheet{gap:4px;padding:10px}.sheet-row{gap:4px;padding:3px}.pile{min-height:44px;padding:8px 12px}.ticket{padding-top:6px;padding-bottom:8px}.ticket-label{font-size:.72rem}.equation{font-size:1.7rem}.equation .big{font-size:2.1rem}.countstrip .cs-sum{font-size:1.6rem}.countstrip .cs-add,.countstrip .cs-eq{font-size:1.2rem}.choice{min-height:52px;padding:12px 24px;font-size:1.6rem}.pip-bubble.pip-bubble{min-height:0;font-size:1.05rem}}@media (height<=740px){.plate{width:clamp(64px,9.5vh,88px);height:clamp(64px,9.5vh,88px)}.plate--share{width:clamp(60px,9vh,84px);height:clamp(60px,9vh,84px)}.plate-cookies{gap:2px;max-width:68px}.cookie{width:clamp(15px,2.3vh,24px);height:clamp(15px,2.3vh,24px)}.slot{width:clamp(20px,2.7vh,34px);height:clamp(20px,2.7vh,34px)}.pip-bubble.pip-bubble{padding:6px 12px;font-size:.98rem}.pip-row{gap:10px}}