.game{width:100%;max-width:900px;margin:0 auto}.topbar{flex-wrap:nowrap;align-items:center;gap:12px;max-width:940px;height:60px;margin:0 auto;padding:6px 16px 0;display:flex;overflow:hidden}.progress{align-items:center;gap:12px;min-width:0;display:flex}.level-pill{font-family:var(--font-display);background:var(--parchment);color:var(--cocoa-soft);box-shadow:var(--shadow-soft);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:8px 16px;font-size:1rem;font-weight:600;overflow:hidden}.goal-dots{gap:6px;display:flex}.goal-dots .dot{width:13px;height:13px;transition:transform .2s var(--ease-bounce), background .2s ease;background:#4a2e1829;border-radius:50%}.goal-dots .dot.is-on{background:var(--frosting);transform:scale(1.15)}.stars{font-family:var(--font-display);align-items:center;gap:6px;font-size:1.3rem;font-weight:700;display:flex}.mute{width:48px;height:48px;min-height:48px;margin-left:auto;padding:0;font-size:1.25rem}.sizerow-label{font-family:var(--font-display);color:var(--cocoa-soft);font-size:.95rem;font-weight:600}.sizerow,.modes{margin:0 auto}.sizebtn.is-on{background:var(--hundreds-berry);box-shadow:0 3px 0 var(--hundreds-berry-deep)}.pip-row{align-items:center;gap:12px;margin:0;display:flex}.pip-row .pip{flex:none;width:78px;height:78px}.pip-bubble.pip-bubble{align-items:center;min-height:54px;font-size:1.1rem;display:flex}.pip-bubble.good{background:#eafaf2}.pip-bubble.oops{background:#fff4e0}.stage{box-shadow:none;background:0 0;border:none;gap:clamp(10px,2.4vh,22px);width:100%;padding:0}.bakery-page.is-game .game{min-height:0;max-height:calc(100dvh - var(--chrome-h,0px));justify-content:flex-start}.bakery-page.is-game .stage.game-stage{flex:0 auto;justify-content:flex-start}.wordcard{background:radial-gradient(circle at 50% 0%, #9a6fd02e 0%, #9a6fd000 70%), var(--parchment);border-radius:var(--r-lg);width:min(100%,760px);min-height:0;box-shadow:var(--shadow-soft);border-bottom:7px solid var(--wood);flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:clamp(6px,2vh,22px);max-width:100%;padding:clamp(12px,2.4vh,24px) clamp(18px,3vw,36px) clamp(14px,2.6vh,26px);display:flex}.wordemoji{font-size:clamp(2.2rem,9vh,4.6rem);line-height:1}.word{flex-wrap:wrap;justify-content:center;gap:clamp(5px,1.2vw,10px);display:flex}.tile{font-family:var(--font-display);color:var(--cocoa);border-radius:var(--r-sm);min-width:clamp(44px,min(8.5vw,9vh),88px);min-height:clamp(52px,9vh,98px);transition:transform .12s var(--ease-bounce), background .2s ease, color .2s ease;background:#fff;border:none;justify-content:center;align-items:center;padding:6px 8px;font-size:clamp(1.6rem,5.6vh,3.2rem);font-weight:700;line-height:1;display:inline-flex;position:relative;box-shadow:0 5px #4a2e1829}button.tile{cursor:pointer;-webkit-tap-highlight-color:transparent}button.tile:hover{transform:translateY(-3px)}button.tile:active{transform:translateY(2px)}button.tile:disabled{cursor:default}.tile:focus-visible{outline:4px solid var(--frosting);outline-offset:3px}.tile--gap{color:var(--frosting-deep);box-shadow:0 5px 0 var(--frosting-deep);background:#fbd9e4;animation:1.2s ease-in-out infinite gap-pulse}@keyframes gap-pulse{0%,to{box-shadow:0 5px 0 var(--frosting-deep);transform:translateY(0)}50%{box-shadow:0 8px 0 var(--frosting-deep);transform:translateY(-3px)}}.tile.is-asleep{color:var(--hundreds-berry-deep);background:#ede4f6;transform:rotate(-7deg);box-shadow:0 5px #774fb059}.tile.is-asleep:after{content:"💤";font-size:.8rem;line-height:1;animation:2.4s ease-in-out infinite zzz;position:absolute;top:-14px;right:-10px}@keyframes zzz{0%,to{opacity:.75;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-5px)scale(1.15)}}.tile.just-slept{animation:tuck-in .5s var(--ease-bounce)}@keyframes tuck-in{0%{transform:scale(1.25)rotate(0)}60%{transform:scale(.94)rotate(-10deg)}to{transform:scale(1)rotate(-7deg)}}button.tile.wobble,.choice.wobble,.bin.wobble{animation:.5s wob}@keyframes wob{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.bins{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.6vw,16px);width:100%;display:flex}.bin{border-radius:var(--r-md);cursor:pointer;background:linear-gradient(180deg, #fff 0 42%, var(--cream) 42% 100%);-webkit-tap-highlight-color:transparent;min-width:clamp(92px,22vw,140px);min-height:72px;transition:transform .12s var(--ease-bounce);border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 12px 10px;display:flex;box-shadow:0 6px #9c643147,0 12px 20px #4a2e1824}.bin:hover{transform:translateY(-3px)}.bin:active{transform:translateY(2px)}.bin:disabled{cursor:default}.bin:focus-visible{outline:4px solid var(--frosting);outline-offset:3px}.bin-lbl{font-family:var(--font-display);color:var(--hundreds-berry-deep);font-size:clamp(1.05rem,3.4vh,1.4rem);font-weight:700}.bin-words{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.bin-words i{font-style:normal;font-family:var(--font-body);color:var(--cocoa-soft);background:var(--parchment);animation:pop-in .35s var(--ease-bounce) both;border-radius:999px;padding:2px 8px;font-size:.82rem;font-weight:700}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.actionbar{flex-direction:column;align-items:center;gap:10px;display:flex}.choices{flex-wrap:wrap;justify-content:center;gap:clamp(8px,2vw,16px);max-width:660px;margin:0 auto;display:flex}.choice{font-family:var(--font-display);color:var(--cocoa);border-radius:var(--r-md);cursor:pointer;border:none;border-bottom:6px solid var(--frosting);-webkit-tap-highlight-color:transparent;min-width:92px;min-height:64px;transition:transform .12s var(--ease-bounce);background:#fff;padding:10px 22px;font-size:clamp(1.4rem,4.4vh,2rem);font-weight:700;box-shadow:0 6px #4a2e1829}.choice--wide{min-width:190px;font-size:clamp(1rem,2.6vh,1.25rem)}.choice:hover{transform:translateY(-2px)}.choice:active{transform:translateY(3px)}.choice:disabled{cursor:default;opacity:.55}.choice.is-right{background:var(--leaf);color:#fff;opacity:1;animation:pop-in .4s var(--ease-bounce);border-bottom-color:#4ca383}#sayBtn{min-height:48px;padding:10px 22px;font-size:1.05rem}.celebrate-card{max-width:440px}.celebrate-card h2{font-size:2.1rem}.celebrate-card p{font-size:1.15rem}@media (height<=760px){.wordemoji{font-size:clamp(1.8rem,7vh,2.6rem)}.sizerow-label{display:none}#sayBtn{min-height:44px;font-size:.98rem}}
