.bake-game{user-select:none;-webkit-user-select:none;position:relative;display:flex;flex-direction:column;align-items:center;height:100%;overflow:hidden;padding:.5rem .75rem .75rem;gap:.5rem}.bake-game .bake-header{width:100%;display:flex;flex-direction:column;align-items:center;gap:.25rem}.bake-game .bake-equation{display:flex;align-items:center;gap:.35rem;background:#fff;border:3px solid #D4A574;border-radius:var(--radius);padding:.4rem .75rem;font-size:1.75rem;font-weight:900;color:var(--color-text)}.bake-game .bake-equation .op{color:var(--color-primary)}.bake-game .bake-equation .total{color:var(--color-primary);min-width:1.5rem;text-align:center}.bake-game .bake-equation .total.reveal{color:var(--color-success);animation:pop-in .4s ease-out}.bake-game .speaker-btn{min-width:40px;min-height:40px;padding:.25rem .6rem;margin-left:.25rem;background:var(--color-accent);color:var(--color-text);border-radius:var(--radius-full);font-size:1rem;border:none;box-shadow:0 2px #d4a51a;touch-action:manipulation;cursor:pointer}.bake-game .bake-score{font-size:.9rem;font-weight:800;color:var(--color-text)}.bake-game .bake-score span{color:var(--color-accent);font-size:1.1rem}.bake-game .plates-row{width:100%;display:flex;justify-content:space-around;gap:.75rem}.bake-game .plate{flex:1;background:linear-gradient(180deg,#f5e6d3,#e8d5bf);border:3px solid #D4A574;border-radius:var(--radius);padding:.4rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-height:120px}.bake-game .plate-a{border-color:#e76f51}.bake-game .plate-b{border-color:#f4a261}.bake-game .plate-label{font-size:1.25rem;font-weight:900;color:var(--color-text);background:#fff;border-radius:var(--radius-full);padding:.05rem .75rem}.bake-game .plate-cookies{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;min-height:52px}.bake-game .cookie-btn{width:46px;height:46px;font-size:1.9rem;background:none;border:none;padding:0;cursor:pointer;touch-action:none;display:flex;align-items:center;justify-content:center;transition:transform .1s,opacity .2s}.bake-game .cookie-btn:active{transform:scale(.9)}.bake-game .cookie-btn.hiding{opacity:.2;transform:scale(.6)}.bake-game .oven{width:100%;max-width:360px;background:linear-gradient(180deg,#444,#2c2c2c);border:4px solid #1A1A1A;border-radius:var(--radius);padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;transition:box-shadow .2s,transform .15s;box-shadow:0 4px 10px #00000040}.bake-game .oven.hot{box-shadow:0 0 28px #ff8c32b3,0 4px 10px #00000040;transform:scale(1.03)}.bake-game .oven.done{box-shadow:0 0 36px #6bcb77cc,0 4px 10px #00000040;animation:oven-done .6s ease-out}.bake-game .oven-top{color:#bdc3c7;font-size:.9rem;letter-spacing:.12em}.bake-game .oven-window{width:100%;background:radial-gradient(ellipse at center,#ff8e53,#e76f51 60%,#9c3d2a);border:3px solid #1A1A1A;border-radius:10px;padding:.6rem .5rem;display:flex;flex-direction:column;align-items:center;color:#fff;font-weight:900;min-height:92px;justify-content:center}.bake-game .oven.hot .oven-window{background:radial-gradient(ellipse at center,#ffd93d,#ff8e53,#e76f51)}.bake-game .oven-count{font-size:3rem;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.4)}.bake-game .oven-label{font-size:.9rem;opacity:.9}.bake-game .hint{font-size:.9rem;font-weight:800;color:var(--color-text);text-align:center;opacity:.7}.bake-game .next-btn{padding:.9rem 2.5rem;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-full);font-size:1.4rem;font-weight:900;font-family:var(--font-family);cursor:pointer;box-shadow:0 4px #388e3c;touch-action:manipulation;animation:bounce-in .3s ease-out}.bake-game .next-btn:active{transform:translateY(3px);box-shadow:0 1px #388e3c}.bake-game .cookie-ghost{position:fixed;width:56px;height:56px;font-size:2.4rem;display:flex;align-items:center;justify-content:center;pointer-events:none;transform:translate(-50%,-50%);z-index:100;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}@keyframes pop-in{0%{transform:scale(.4)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes oven-done{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes bounce-in{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media(min-width:768px){.bake-game{gap:1rem;padding:1rem}.bake-game .cookie-btn{width:56px;height:56px;font-size:2.25rem}.bake-game .oven-count{font-size:4rem}.bake-game .bake-equation{font-size:2rem}}