:root{--ink:#26313d;--cream:#fff6e0;--cream-deep:#ffe9c2;--sky-top:#78c6f0;--sky-bottom:#e2f5ff;--green:#8bd65a;--green-light:#a6e57a;--green-dark:#5fb63f;--orange:#ff9636;--orange-light:#ffb85c;--pink:#ff7096;--yellow:#ffc93c;--red:#ff5a5a;--font:"Fredoka Variable", "Fredoka", ui-rounded, system-ui, sans-serif;--safe-top:max(14px, env(safe-area-inset-top));--safe-bottom:max(14px, env(safe-area-inset-bottom));--safe-left:max(14px, env(safe-area-inset-left));--safe-right:max(14px, env(safe-area-inset-right));--border:3px solid var(--ink);--drop:0 5px 0 var(--ink);--drop-sm:0 3px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--font);color:var(--ink);background:#bfe6fb;overflow:hidden}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}h1,h2,p{margin:0}.desk{place-items:center;display:grid;position:fixed;inset:0}.device{isolation:isolate;background:var(--sky-bottom);width:100%;height:100%;font-size:clamp(13px,4.2cqw,19px);position:relative;overflow:hidden;container-type:size}@media (min-width:700px) and (min-height:600px) and (hover:hover) and (pointer:fine){.desk{background:radial-gradient(#26313d12 1.6px,#0000 1.8px) 0 0/24px 24px,radial-gradient(circle at 18% 22%,#dff3ff 0,#0000 42%),radial-gradient(circle at 82% 78%,#e3f7d4 0,#0000 46%),#c4e7fa}.device{aspect-ratio:9/19.5;border-radius:46px;width:auto;height:min(100dvh - 56px,920px);box-shadow:0 0 0 10px #1f2836,0 0 0 13px #3b475b,0 40px 90px -20px #1f466e8c}}.game-host{position:absolute;inset:0}.game-canvas{touch-action:none;display:block}.ui-layer{z-index:1;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.corner{top:var(--safe-top);pointer-events:auto;position:absolute}.corner--right{right:var(--safe-right)}.title-screen{padding-top:calc(var(--safe-top) + 10cqh);gap:.9em}.logo{letter-spacing:-.01em;font-size:clamp(60px,24cqw,112px);font-weight:700;line-height:1;display:flex}.logo__letter{display:inline-block}.logo__letter>span{-webkit-text-stroke:.085em var(--ink);paint-order:stroke fill;text-shadow:0 .075em 0 var(--ink);animation:2.8s ease-in-out infinite letter-bob;display:inline-block}@keyframes letter-bob{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-7%)rotate(-3deg)}60%{transform:translateY(2%)rotate(1.5deg)}}.tagline{background:#ffffffa6;border-radius:999px;padding:.35em 1em;font-size:1.05em;font-weight:600;box-shadow:0 2px #26313d26}.title-actions{pointer-events:auto;flex-direction:column;align-items:center;gap:1em;margin-top:5cqh;display:flex}.breathe{animation:1.8s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.chip{border:var(--border);background:var(--cream);box-shadow:var(--drop-sm);border-radius:999px;align-items:center;gap:.35em;padding:.25em .9em .25em .45em;font-weight:600;display:inline-flex}.chip strong{font-variant-numeric:tabular-nums;font-weight:700}.chip__icon{width:1.6em;height:1.6em}.update-pill{bottom:calc(var(--safe-bottom) + 4px);pointer-events:auto;border:var(--border);background:var(--yellow);box-shadow:var(--drop-sm);cursor:pointer;border-radius:999px;padding:.4em 1em;font-size:.85em;font-weight:600;position:absolute}.btn{border:var(--border);cursor:pointer;pointer-events:auto;white-space:nowrap;color:#fff;text-shadow:0 2px #26313d59;background:linear-gradient(var(--orange-light), var(--orange));box-shadow:var(--drop), inset 0 -4px 0 #0000001f, inset 0 3px 0 #fff6;border-radius:999px;justify-content:center;align-items:center;gap:.45em;padding:.6em 1.4em;font-weight:700;line-height:1;display:inline-flex;position:relative}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink), inset 0 -2px 0 #0000001f, inset 0 3px 0 #fff6}.btn:disabled{filter:saturate(.4)brightness(.95);cursor:default}.btn--lg{padding:.55em 1.6em;font-size:1.55em}.btn--md{font-size:1.05em}.btn--secondary{color:var(--ink);text-shadow:none;background:linear-gradient(#fffdf6, var(--cream-deep))}.btn--green{background:linear-gradient(var(--green-light), var(--green-dark))}.btn__icon{display:inline-flex}.btn__icon svg{filter:drop-shadow(0 2px #26313d4d);width:1.1em;height:1.1em}.btn--secondary .btn__icon svg{filter:none}.btn__badge{border:2.5px solid var(--ink);background:var(--yellow);color:var(--ink);text-shadow:none;border-radius:8px;padding:.25em .5em;font-size:.62em;position:absolute;top:-.7em;right:-.5em;transform:rotate(8deg)}.icon-btn{border:var(--border);background:var(--cream);width:2.9em;height:2.9em;color:var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;pointer-events:auto;border-radius:50%;place-items:center;padding:0;display:grid}.icon-btn:active{box-shadow:0 1px 0 var(--ink)}.icon-btn svg{width:1.45em;height:1.45em}.icon-btn[aria-pressed=false]{color:#8a96a3}.toggles{justify-content:center;gap:.6em;display:flex}.hud{padding:var(--safe-top) var(--safe-right) 0 var(--safe-left);justify-content:space-between;align-items:center;gap:.7em;display:flex;position:absolute;top:0;left:0;right:0}.hud__right{align-items:center;gap:.55em;display:flex}.hunger{--hunger:1;--trail:1;--hunger-color:var(--green);transform-origin:0;flex:1;align-items:center;max-width:15em;display:flex}.hunger__face{z-index:1;width:3.1em;filter:drop-shadow(0 3px 0 var(--ink));flex:none;margin-right:-1.1em;position:relative}.hunger__track{border:var(--border);background:var(--cream);height:1.35em;box-shadow:var(--drop-sm), inset 0 3px 0 #26313d1f;border-radius:999px;flex:1;position:relative;overflow:hidden}.hunger__fill,.hunger__trail,.hunger__shine{border-radius:999px;position:absolute;inset:0 0 0 1em}.hunger__trail{clip-path:inset(0 calc((1 - var(--trail)) * 100%) 0 0 round 999px);background:#fff}.hunger__fill{background:var(--hunger-color);clip-path:inset(0 calc((1 - var(--hunger)) * 100%) 0 0 round 999px);box-shadow:inset 0 -4px #0000001f,inset 0 3px #ffffff73}.hunger__shine{background:#ffffff8c;height:3px;inset:3px 10px auto 1.6em}.hunger.is-critical .hunger__track{animation:.55s ease-in-out infinite alternate critical}@keyframes critical{0%{background:var(--cream)}to{box-shadow:var(--drop-sm), 0 0 0 4px #ff5a5a59;background:#ffd0d0}}.score{border:var(--border);background:var(--cream);min-width:3.6em;box-shadow:var(--drop-sm);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.2em;padding:.1em .7em .1em .3em;font-size:1.35em;font-weight:700;display:inline-flex}.score__icon{width:1.45em;height:1.45em}.overlay{z-index:2;pointer-events:auto;position:absolute;inset:0}.overlay__dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#26313d61;position:absolute;inset:0}.overlay__dim--soft{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#26313d6b,#26313d1f 70%,#0000)}.sheet{left:var(--safe-left);right:var(--safe-right);bottom:calc(var(--safe-bottom) + 8px);border:var(--border);background:var(--cream);box-shadow:0 6px 0 var(--ink);border-radius:30px;position:absolute}.sheet__body,.card__body{flex-direction:column;align-items:center;gap:1em;padding:1.3em 1.1em 1.4em;display:flex}.sheet__title,.card__title{color:#fff;-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);font-size:1.9em;font-weight:700}.sheet__row{gap:.7em;display:flex}.card{top:calc(var(--safe-top) + 8cqh);border:var(--border);background:var(--cream);width:min(88%,22em);box-shadow:0 6px 0 var(--ink);border-radius:30px;margin-left:calc(min(88%,22em)/-2);position:absolute;left:50%}.result{flex-direction:column;align-items:center;gap:.1em;display:flex;position:relative}.result__label{opacity:.75;font-weight:600}.result__value{font-variant-numeric:tabular-nums;align-items:center;gap:.15em;font-size:3.4em;font-weight:700;line-height:1.05;display:inline-flex}.result__icon{width:.85em;height:.85em}.result__best{opacity:.7;font-weight:600}.new-best{border:var(--border);background:var(--yellow);box-shadow:var(--drop-sm);white-space:nowrap;border-radius:12px;padding:.3em .7em;font-weight:700;position:absolute;top:-.4em;right:-3.2em}.spark{background:var(--yellow);border:2px solid var(--ink);opacity:0;border-radius:50%;width:8px;height:8px;margin:-4px;animation:.75s ease-out forwards spark;position:absolute;top:50%;left:50%}.spark:nth-child(3n){background:var(--pink)}.spark:nth-child(3n+1){background:#fff}@keyframes spark{0%{opacity:1;transform:translate(0)scale(.4)}to{opacity:0;transform:translate(var(--x), var(--y)) scale(1.1)}}.card__actions{flex-direction:column;align-items:center;gap:.9em;display:flex}.splash{z-index:5;background:linear-gradient(var(--sky-top), var(--sky-bottom));pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.splash__face{filter:drop-shadow(0 6px #26313d33);width:34%;max-width:160px;animation:.9s cubic-bezier(.3,0,.3,1) infinite splash-bounce}@keyframes splash-bounce{0%,to{transform:translateY(0)scale(1.06,.94)}45%{transform:translateY(-18%)scale(.95,1.06)}}.rotate{z-index:50;background:linear-gradient(var(--sky-top), var(--sky-bottom));text-align:center;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:24px;font-size:18px;font-weight:700;display:none;position:fixed;inset:0}.rotate__phone{width:72px;animation:1.8s ease-in-out infinite rotate-phone}@keyframes rotate-phone{0%,20%{transform:rotate(-90deg)}55%,to{transform:rotate(0)}}@media (orientation:landscape) and (pointer:coarse) and (max-height:540px){.rotate{display:flex}}.mock-ad{z-index:20;pointer-events:auto;background:#141820eb;place-items:center;display:grid;position:absolute;inset:0}.mock-ad__box{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:.8em;display:flex}.mock-ad__kind{font-size:1.5em;font-weight:700}.mock-ad__note{opacity:.7}.mock-ad__count{border:4px solid #fff;border-radius:50%;place-items:center;width:3.4em;height:3.4em;font-size:1.6em;font-weight:700;display:grid}