@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,700&display=swap";:root{--cream:#fff3df;--cream-deep:#fbe7c6;--parchment:#fffbf2;--wood:#c98a4b;--wood-deep:#9c6431;--cocoa:#4a2e18;--cocoa-soft:#7a5638;--ones-gold:#e3a13c;--ones-gold-deep:#c5811f;--tens-mint:#4fbf96;--tens-mint-deep:#2f9c76;--hundreds-berry:#9a6fd0;--hundreds-berry-deep:#774fb0;--thousands-blue:#4f90c4;--thousands-blue-deep:#2e6e9e;--tenk-caramel:#ef8a4c;--tenk-caramel-deep:#cc6a2e;--frosting:#f2789b;--frosting-deep:#e0517e;--leaf:#7fd1ae;--cherry:#e8523f;--r-sm:14px;--r-md:20px;--r-lg:28px;--shadow-soft:0 6px 0 #9c64312e, 0 12px 26px #4a2e1829;--shadow-lift:0 10px 0 #9c64312e, 0 20px 40px #4a2e1838;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--font-display:"Fredoka", "Baloo 2", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);color:var(--cocoa);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}.bakery-page{background-color:var(--cream);background-image:radial-gradient(circle at 50% -10%, #fffaf0 0%, #fffaf000 55%), radial-gradient(#c98a4b1a 1.5px, transparent 1.6px), linear-gradient(180deg, var(--cream) 0%, var(--cream-deep) 100%);background-size:auto,26px 26px,auto;background-attachment:fixed;min-height:100%}.bakery-page.is-game{min-height:100dvh}.bakery-page.is-game .game{flex-direction:column;justify-content:center;gap:clamp(3px,1.05vh,12px);min-height:100dvh;padding:clamp(6px,1.5vh,12px) 16px clamp(8px,2vh,16px);display:flex}.bakery-page.is-game .game-stage{flex-direction:column;flex:0 auto;justify-content:center;align-items:center;min-height:0;display:flex;overflow:clip}@media (height<=820px){.bakery-page.is-game .pip-row .pip,.bakery-page.is-game .pip-row .pip svg{width:64px;height:64px}.bakery-page.is-game .pip-row{margin:clamp(4px,1vh,10px) 0 clamp(6px,1.2vh,12px)}.bakery-page.is-game .pip-bubble{min-height:0}}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.2px;font-weight:700}.btn{font-family:var(--font-display);color:var(--cocoa);cursor:pointer;min-height:56px;box-shadow:var(--shadow-soft);transition:transform .12s var(--ease-bounce), box-shadow .12s ease, filter .12s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#fff;border:none;border-radius:999px;padding:14px 28px;font-size:1.25rem;font-weight:600}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(3px);box-shadow:0 2px #9c64312e,0 6px 14px #4a2e1829}.btn:focus-visible{outline:4px solid var(--frosting);outline-offset:3px}.btn[disabled]{opacity:.45;cursor:default;filter:grayscale(.3);transform:none}.btn--primary{background:var(--frosting);color:#fff;box-shadow:0 6px 0 var(--frosting-deep), 0 14px 26px #e0517e59}.btn--primary:active{box-shadow:0 2px 0 var(--frosting-deep), 0 6px 14px #e0517e4d}.btn--mint{background:var(--tens-mint);color:#fff;box-shadow:0 6px 0 var(--tens-mint-deep), 0 14px 26px #2f9c764d}.btn--mint:active{box-shadow:0 2px 0 var(--tens-mint-deep)}.btn--ghost{background:#ffffffb3}.btn--lg{min-height:68px;padding:18px 38px;font-size:1.5rem}.card{background:var(--parchment);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);padding:24px}.counter{background:linear-gradient(180deg, #ffffff2e, #0000000f), repeating-linear-gradient(90deg, var(--wood) 0 38px, #c28247 38px 76px);border-radius:var(--r-lg);box-shadow:inset 0 3px 0 #ffffff40, inset 0 -10px 24px #78491e59, var(--shadow-soft);border-bottom:10px solid var(--wood-deep)}.pip{flex:none;width:96px;height:96px;animation:3.4s ease-in-out infinite pip-breathe;position:relative}@keyframes pip-breathe{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}.pip.is-cheer{animation:pip-cheer .6s var(--ease-bounce)}@keyframes pip-cheer{0%{transform:scale(1)}40%{transform:scale(1.18)rotate(-6deg)}70%{transform:scale(.96)rotate(4deg)}to{transform:scale(1)}}.pip-bubble{color:var(--cocoa);box-shadow:var(--shadow-soft);background:#fff;border-radius:22px;max-width:520px;padding:14px 20px;font-size:1.25rem;font-weight:700;line-height:1.3;position:relative}.pip-bubble:after{content:"";filter:drop-shadow(-3px 2px 2px #4a2e1814);border:12px solid #0000;border-right-color:#fff;position:absolute;top:26px;left:-14px}.star{color:var(--ones-gold);filter:drop-shadow(0 2px 1px #c5811f80)}.star--empty{color:#4a2e182e;filter:none}.cookie{background:radial-gradient(circle at 32% 30%, #f0c078 0 18%, var(--ones-gold) 45%, var(--ones-gold-deep) 100%);border-radius:50%;width:26px;height:26px;position:relative;box-shadow:inset 0 -3px 4px #78491e73,0 2px 3px #4a2e1840}.cookie:before,.cookie:after{content:"";background:#5a3415;border-radius:50%;width:4px;height:4px;position:absolute}.cookie:before{top:6px;left:14px;box-shadow:7px 9px #5a3415,-4px 8px #5a3415}.cookie:after{top:14px;left:6px}.tray{background:linear-gradient(180deg, #65cda6, var(--tens-mint) 30%, var(--tens-mint-deep));border-radius:9px;grid-template-rows:repeat(10,1fr);gap:2px;width:34px;padding:4px;display:grid;box-shadow:inset 0 2px #fff6,0 3px 5px #2f9c7666}.tray i{background:radial-gradient(circle at 35% 30%, #f0c078, var(--ones-gold) 60%, var(--ones-gold-deep));border-radius:50%;height:9px;display:block;box-shadow:inset 0 -1px 1px #78491e80}.crate{background:linear-gradient(180deg, #b693e0, var(--hundreds-berry) 35%, var(--hundreds-berry-deep));border-radius:12px;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);gap:1.5px;width:78px;height:78px;padding:5px;display:grid;box-shadow:inset 0 2px #ffffff59,0 4px 7px #774fb066}.crate i{background:radial-gradient(circle at 35% 30%, #f0c078, var(--ones-gold) 65%, var(--ones-gold-deep));border-radius:50%;display:block}.d-ones{color:var(--ones-gold-deep)}.d-tens{color:var(--tens-mint-deep)}.d-hundreds{color:var(--hundreds-berry-deep)}.d-thousands{color:var(--thousands-blue-deep)}.sprinkle{pointer-events:none;z-index:9999;border-radius:3px;width:12px;height:12px;animation:linear forwards sprinkle-fall;position:fixed;top:-20px}@keyframes sprinkle-fall{to{opacity:.9;transform:translateY(105vh)rotate(640deg)}}.row{align-items:center;display:flex}.center{justify-content:center;align-items:center;display:flex}.hidden,[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.baker-avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;box-shadow:inset 0 -3px 6px #4a2e1838,inset 0 2px #ffffff73,0 2px 4px #4a2e1833}.baker-avatar--add{background:var(--cream-deep);color:var(--cocoa-soft);box-shadow:none}.baker-nav{align-items:center;gap:8px;display:inline-flex}.baker-nav--float{z-index:60;top:calc(16px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));position:fixed}.baker-up{min-height:46px;font-family:var(--font-display);color:var(--cocoa);align-items:center;gap:8px;padding:6px 16px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.baker-up__icon{font-size:1.2rem;line-height:1}.baker-chip{background:var(--parchment);color:var(--cocoa);cursor:pointer;font-family:var(--font-display);box-shadow:var(--shadow-soft);transition:transform .12s var(--ease-bounce);-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;align-items:center;gap:9px;padding:6px 16px 6px 6px;font-size:1.1rem;font-weight:600;display:inline-flex}.baker-chip:hover{transform:translateY(-2px)}.baker-chip:active{transform:translateY(1px)}.baker-chip:focus-visible{outline:4px solid var(--frosting);outline-offset:3px}.baker-chip__name{padding-right:2px}.baker-chip--empty{border:2px dashed var(--wood);color:var(--cocoa-soft);background:#ffffffb3}.site-footer{text-align:center;color:var(--cocoa-soft);font-family:var(--font-display);margin:48px auto 10px;padding:14px 16px;font-size:.98rem;font-weight:600}.site-footer a{color:var(--frosting-deep);text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer a:focus-visible{outline:3px solid var(--frosting);outline-offset:2px;border-radius:6px}.about-game{background:var(--parchment);border-radius:var(--r-md);max-width:640px;box-shadow:var(--shadow-soft);color:var(--cocoa-soft);font-family:var(--font-body);text-align:center;margin:clamp(16px,3vh,44px) auto 0;padding:18px 24px 20px;font-size:1rem;line-height:1.55}.about-game .label{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--wood-deep);margin-bottom:4px;font-size:.78rem;font-weight:600;display:inline-block}.about-game p{margin:0}.about-game strong{color:var(--cocoa)}@media (width<=600px){.baker-up__lbl,.topbar .baker-chip__name{display:none}.topbar .baker-chip{padding:6px}}.baker-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#4a2e188c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.baker-modal{text-align:center;width:min(560px,100%);animation:baker-pop .35s var(--ease-bounce)}@keyframes baker-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.baker-modal__pip{justify-content:center;margin-top:-6px;display:flex}.baker-modal__pip svg{animation:3.4s ease-in-out infinite pip-breathe}.baker-modal__title{color:var(--cocoa);margin:6px 0 18px;font-size:1.8rem}.baker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;display:grid}.baker-card{background:var(--cream);border-radius:var(--r-md);box-shadow:var(--shadow-soft);color:var(--cocoa);cursor:pointer;font-family:var(--font-body);transition:transform .12s var(--ease-bounce);border:none;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;display:flex;position:relative}.baker-card:hover{transform:translateY(-4px)rotate(-1deg)}.baker-card.is-active{outline:4px solid var(--leaf);outline-offset:2px}.baker-card--add{border:3px dashed var(--wood);background:var(--parchment)}.baker-card__pick{cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.baker-card__name{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.baker-card__edit{gap:6px;margin-top:2px;display:flex}.baker-mini{cursor:pointer;background:var(--parchment);width:34px;height:34px;box-shadow:var(--shadow-soft);color:var(--cocoa-soft);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;font-size:1rem;line-height:1}.baker-mini:hover{transform:translateY(-1px)}.baker-mini:focus-visible,.baker-treat:focus-visible,.baker-swatch:focus-visible{outline:3px solid var(--frosting);outline-offset:2px}.baker-form{text-align:left;flex-direction:column;gap:18px;display:flex}.baker-field{flex-direction:column;gap:8px;display:flex}.baker-field>span{font-family:var(--font-display);color:var(--cocoa-soft);font-size:1.1rem;font-weight:600}.baker-name-input{font-family:var(--font-display);color:var(--cocoa);background:var(--cream);border:3px solid var(--cream-deep);border-radius:var(--r-sm);width:100%;min-height:56px;padding:12px 16px;font-size:1.4rem;font-weight:600}.baker-name-input:focus{border-color:var(--frosting);outline:none}.baker-treats,.baker-swatches{flex-wrap:wrap;gap:10px;display:flex}.baker-treat{background:var(--cream);cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-soft);transition:transform .12s var(--ease-bounce);-webkit-tap-highlight-color:transparent;border:3px solid #0000;border-radius:16px;font-size:1.7rem;line-height:1}.baker-treat:hover{transform:translateY(-2px)}.baker-treat.is-on{border-color:var(--frosting);transform:translateY(-2px)scale(1.05)}.baker-swatch{cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-soft);transition:transform .12s var(--ease-bounce);-webkit-tap-highlight-color:transparent;border:4px solid #fff;border-radius:50%}.baker-swatch:hover{transform:translateY(-2px)}.baker-swatch.is-on{border-color:var(--cocoa);transform:translateY(-2px)scale(1.08)}.baker-form__actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.baker-field__opt{color:var(--wood);font-size:.9rem;font-style:normal;font-weight:600}.baker-bands{flex-wrap:wrap;gap:10px;display:flex}.baker-band{border-radius:var(--r-sm);background:var(--cream);cursor:pointer;min-width:88px;box-shadow:var(--shadow-soft);transition:transform .12s var(--ease-bounce);font-family:var(--font-body);color:var(--cocoa);-webkit-tap-highlight-color:transparent;border:3px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;display:flex}.baker-band:hover{transform:translateY(-2px)}.baker-band.is-on{border-color:var(--frosting);transform:translateY(-2px)scale(1.04)}.baker-band:focus-visible{outline:3px solid var(--frosting);outline-offset:2px}.baker-band__emoji{font-size:1.7rem;line-height:1}.baker-band__label{font-family:var(--font-display);font-size:.98rem;font-weight:600}.baker-band__age{color:var(--cocoa-soft);font-size:.8rem;font-weight:700}.is-fit{outline:3px solid var(--frosting);outline-offset:-3px}.is-hard{outline:3px dashed var(--ones-gold);outline-offset:-3px}.fit-badge{z-index:2;font-family:var(--font-display);background:var(--frosting);color:var(--cocoa);box-shadow:var(--shadow-soft);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700;position:absolute;top:10px;right:10px}.fit-badge--hard{background:var(--ones-gold);color:var(--cocoa)}.install-spot{justify-content:center;margin:4px 0 26px;display:flex}.install-spot:empty{margin:0;display:none}.install-cta{background:var(--parchment);color:var(--cocoa-soft);box-shadow:var(--shadow-soft);align-items:center;gap:8px;font-size:1rem;display:inline-flex}.install-cta:hover{color:var(--cocoa)}.install-cta span{font-size:1.2rem;line-height:1}.install-sheet{width:min(440px,100%)}.install-sheet__emoji{font-size:3rem;line-height:1}.install-steps{counter-reset:step;text-align:left;flex-direction:column;gap:14px;margin:0 0 22px;padding:0;list-style:none;display:flex}.install-steps li{counter-increment:step;background:var(--cream);border-radius:var(--r-md);box-shadow:var(--shadow-soft);color:var(--cocoa);align-items:center;gap:12px;padding:14px 16px;font-weight:600;line-height:1.35;display:flex}.install-steps li:before{content:counter(step);background:var(--frosting);color:#fff;width:30px;height:30px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.install-step__icon{background:var(--parchment);width:32px;height:32px;color:var(--cocoa);box-shadow:var(--shadow-soft);border-radius:9px;flex:none;place-items:center;font-size:1.2rem;line-height:1;display:inline-grid}.keys{grid-template-columns:repeat(3,1fr);gap:12px;width:min(320px,86vw);margin:0 auto;display:grid}.key{font-family:var(--font-display);color:var(--cocoa);border-radius:var(--r-md);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:64px;transition:transform .1s var(--ease-bounce), box-shadow .1s ease;background:#fff;border:none;font-size:1.8rem;font-weight:700;box-shadow:0 5px #4a2e1829}.key:active{transform:translateY(3px);box-shadow:0 2px #4a2e1829}.key:disabled{opacity:.5;cursor:default}.key--del{background:var(--cream-deep)}.key--ok{background:var(--frosting);color:#fff;box-shadow:0 5px 0 var(--frosting-deep)}.key--ok:active{box-shadow:0 2px 0 var(--frosting-deep)}.keys.key-wobble{animation:.5s key-wobble}@keyframes key-wobble{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.celebrate{z-index:500;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#4a2e1859;justify-content:center;align-items:center;padding:20px;animation:.25s both fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.celebrate-card{text-align:center;max-width:420px;animation:pop-up .45s var(--ease-bounce) both}@keyframes pop-up{0%{opacity:0;transform:scale(.6)translateY(30px)}to{opacity:1;transform:none}}.celebrate-card .big-emoji{font-size:4.5rem;line-height:1}.celebrate-card h2{color:var(--cocoa);margin:6px 0 4px;font-size:2.2rem}.celebrate-card p{color:var(--cocoa-soft);margin:0 0 18px;font-size:1.2rem;font-weight:700}#mainBtn.glow{animation:1.1s ease-in-out infinite btn-glow}@keyframes btn-glow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.04)}}.ticket{text-align:center;max-width:460px;box-shadow:var(--shadow-soft);border-top:5px dashed var(--cream-deep);background:#fff repeating-linear-gradient(#fff 0 30px,#fffaf0 30px 31px);border-radius:12px 12px 16px 16px;margin:0 auto 18px;padding:14px 22px 18px;position:relative;transform:rotate(-1deg)}.ticket-pin{background:radial-gradient(circle at 35% 30%, #ff8aa8, var(--frosting) 60%, var(--frosting-deep));border-radius:50%;width:18px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 3px 5px #e0517e80}.ticket-label{font-family:var(--font-display);color:var(--cocoa-soft);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;font-size:.85rem;font-weight:600}.modes{background:var(--parchment);max-width:880px;box-shadow:var(--shadow-soft);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:4px;margin:8px auto 2px;padding:6px;display:flex}.modebtn{font-family:var(--font-display);color:var(--cocoa-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px;transition:transform .1s var(--ease-bounce);background:0 0;border:none;border-radius:999px;padding:9px 16px;font-size:1.02rem;font-weight:600}.modebtn.is-on{background:var(--frosting);color:#fff;box-shadow:0 3px 0 var(--frosting-deep)}.modebtn:active{transform:translateY(2px)}@media (width<=680px){.modebtn{padding:9px 11px;font-size:.92rem}}.sizerow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 auto 12px;display:flex}.sizebtns{background:var(--parchment);box-shadow:var(--shadow-soft);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;display:flex}.sizebtn{font-family:var(--font-display);color:var(--cocoa-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:42px;transition:transform .1s var(--ease-bounce);background:0 0;border:none;border-radius:999px;padding:8px 15px;font-size:1rem;font-weight:600}.sizebtn.is-on{background:var(--tens-mint);color:#fff;box-shadow:0 3px 0 var(--tens-mint-deep)}.sizebtn:active{transform:translateY(2px)}.inputmode{background:var(--parchment);width:max-content;box-shadow:var(--shadow-soft);border-radius:999px;gap:4px;padding:5px;display:flex}.imbtn{font-family:var(--font-display);color:var(--cocoa-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px;transition:transform .1s var(--ease-bounce);background:0 0;border:none;border-radius:999px;padding:8px 20px;font-size:1rem;font-weight:700}.imbtn.is-on{background:var(--frosting);color:#fff;box-shadow:0 3px 0 var(--frosting-deep)}.imbtn:active{transform:translateY(2px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}