:root{--sky:#8fd2f7;--sky-light:#aadcf7;--sand:#f7d98b;--blue:#3a8fc4;--blue-text:#3a6a8c;--blue-hover:#2c6f9e;--cup-a:#ff8a5c;--cup-b:#f4602e;--cup-wrong-a:#c9d4dc;--cup-wrong-b:#9fb0bc;--penny-a:#ffd98a;--penny-b:#e09b3d;--penny-text:#8a5a14;--penny-shadow:#a0641459;--gold:#ffd23e;--gold-alt:#ffb01e;--amber-shadow:#d68a2e;--amber-text:#a3641c;--cream:#ffe9b8;--orange-title:#f4a422;--green-a:#5ecf70;--green-b:#38a84e;--green-shadow:#237a35;--fox-border:#ffb35c;--muted:#8fa8ba;--light-bg:#eef6fb;--danger:#c0402a;--shadow-control:0 3px 0 #3a8fc480;--shadow-bubble:0 3px 0 #3a8fc459;--shadow-card:0 4px 0 #3a8fc466;--shadow-overlay:0 8px 0 #3a8fc466;--radius-pill:100px;--radius-card:18px;--radius-overlay:26px;--radius-cup:8px;--radius-bubble:14px 14px 14px 3px;--font:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-shuffle:cubic-bezier(.45, 0, .25, 1)}[data-cup-theme=teal]{--cup-a:#5ad0c8;--cup-b:#1f9e94}[data-cup-theme=purple]{--cup-a:#b58cf0;--cup-b:#7e4fd0}@keyframes ph-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes ph-fall{0%{opacity:0;transform:translateY(-30px)rotate(-10deg)}15%{opacity:1}to{opacity:0;transform:translateY(160px)rotate(25deg)}}@keyframes ph-bounce{0%,to{transform:rotate(12deg)translateY(0)}50%{transform:rotate(12deg)translateY(-8px)}}@keyframes ph-idle{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-4px)rotate(2deg)}}@keyframes ph-wiggle{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes ph-excite{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-14px)scale(1.08)rotate(-6deg)}60%{transform:translateY(0)scale(.96)}80%{transform:translateY(-7px)scale(1.04)rotate(5deg)}}@keyframes ph-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)rotate(-4deg)}40%{transform:translate(5px)rotate(4deg)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--sky);font-family:var(--font);color:var(--blue-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}a{color:var(--blue)}a:hover{color:var(--blue-hover)}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}button:focus-visible{outline-offset:2px;outline:3px solid #fff}.app{background:linear-gradient(var(--sky) var(--sand-stop,62%), var(--sand) var(--sand-stop,62%));flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.screen-pop{animation:.35s ph-pop}@media (prefers-reduced-motion:reduce){.motion-idle,.motion-confetti{animation:none!important}}.round-btn{width:44px;height:44px;box-shadow:var(--shadow-control);color:var(--blue);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:900;transition:transform .15s;display:flex}.round-btn:hover{transform:translateY(-2px)}.round-btn--42{width:42px;height:42px}.round-btn--40{width:40px;height:40px;font-size:15px}.round-btn--36{width:36px;height:36px;box-shadow:none}.pill{border-radius:var(--radius-pill);box-shadow:var(--shadow-control);white-space:nowrap;padding:5px 12px;font-size:13px;font-weight:900;line-height:1.2}.pill--stars{color:var(--amber-text);background:var(--cream);border:3px solid #fff}.pill--streak{color:var(--blue);background:#fff}.cta{color:#fff;background:linear-gradient(var(--green-a), var(--green-b));border-radius:var(--radius-pill);box-shadow:0 6px 0 var(--green-shadow);white-space:nowrap;padding:16px 64px;font-size:21px;font-weight:900;line-height:1.2;transition:transform .12s,box-shadow .12s}.cta:hover{transform:translateY(-2px)}.cta:active{box-shadow:0 2px 0 var(--green-shadow);transform:translateY(3px)}.cta--md{box-shadow:0 5px 0 var(--green-shadow);padding:13px 44px;font-size:17px}.btn-secondary{color:var(--blue);background:var(--light-bg);border-radius:var(--radius-pill);padding:10px 24px;font-size:13px;font-weight:900}.bubble{border-radius:var(--radius-bubble);color:var(--blue-text);box-shadow:var(--shadow-bubble);background:#fff;padding:9px 13px;font-size:13px;font-weight:700}.bubble--lg{padding:10px 14px;font-size:14px}.fox-avatar{border:4px solid var(--fox-border);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:62px;height:62px;display:flex;overflow:hidden}.fox-avatar--60{width:60px;height:60px}.fox-avatar img{flex:none;width:160%;height:160%;margin-top:8%;animation:2.6s ease-in-out infinite ph-idle}.fox-avatar[data-mood=shuffle] img{animation:.35s ease-in-out infinite ph-wiggle}.fox-avatar[data-mood=startled] img{animation:.6s ease-in-out infinite ph-shake}.fox-avatar[data-mood=gloat] img{animation:.9s ease-in-out infinite ph-excite}.fox-row{align-items:flex-end;gap:8px;display:flex}.penny{background:radial-gradient(circle at 35% 30%, var(--penny-a), var(--penny-b));box-shadow:0 4px 0 var(--penny-shadow);color:var(--penny-text);border:4px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:900;display:flex}.scrim{-webkit-backdrop-filter:blur(3px);z-index:10;background:#8fd2f78c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scrim--dark{z-index:20;background:#1e3c5066}.card{border-radius:var(--radius-overlay);box-shadow:var(--shadow-overlay);background:#fff;flex-direction:column;align-items:center;gap:12px;max-width:82%;padding:30px 38px;animation:.35s ph-pop;display:flex;position:relative;overflow:hidden}.title{flex-direction:column;flex:1;align-items:center;padding:34px 26px;display:flex;position:relative}.title__controls{gap:8px;display:flex;position:absolute;top:18px;right:18px}.title__wordmark{color:#fff;text-shadow:0 4px 0 var(--blue);text-align:center;margin:40px 0 0;font-size:min(56px,13vw);font-weight:900;line-height:1;transform:rotate(-3deg)}.title__penny{margin-top:22px;animation:2.4s infinite ph-bounce;transform:rotate(12deg)}.title__fox{align-items:flex-start;gap:2px;margin-top:10px;display:flex}.title__fox-img{transform-origin:50% 90%;width:auto;height:min(300px,38vh);animation:3s ease-in-out infinite ph-idle}.title__footer{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:16px;width:100%;padding-top:16px;display:flex}.title__stats{color:var(--amber-text);font-size:14px;font-weight:700}.levels{--sand-stop:70%;flex-direction:column;flex:1;width:100%;max-width:560px;margin:0 auto;padding:22px 24px 28px;display:flex}.levels__header{justify-content:space-between;align-items:center;display:flex}.levels__title{color:#fff;text-shadow:0 3px 0 var(--blue);margin:0;font-size:22px;font-weight:900}.levels__grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;display:grid}.level-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 10px;transition:transform .15s;display:flex}.level-card:hover{transform:translateY(-3px)}.level-card--locked{box-shadow:none;cursor:default;background:#ffffff8c}.level-card--locked:hover{transform:none}.level-card__num{color:var(--blue);font-size:26px;font-weight:900;line-height:1.2}.level-card--locked .level-card__num{color:var(--muted)}.level-card__stars{letter-spacing:1px;color:var(--gold-alt);min-height:17px;font-size:13px}.level-card__sub{color:var(--muted);text-align:center;font-size:11px;font-weight:700}.levels__spacer{flex:1}.levels__fox{margin-top:24px}.game{flex-direction:column;flex:1;width:100%;max-width:760px;margin:0 auto;padding:18px 22px 24px;display:flex;position:relative}.game__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.game__header-left,.game__header-right{align-items:center;gap:10px;display:flex}.game__header-right{gap:8px}.game__title{color:#fff;text-shadow:0 2px 0 var(--blue);white-space:nowrap;margin:0;font-size:18px;font-weight:900}.arena{--move:.4s;height:min(300px,42vh);margin-top:10px;position:relative}.arena__penny{z-index:1;transition:left var(--move) var(--ease-shuffle), opacity .25s;position:absolute;bottom:14px;transform:translate(-50%)}.cup{aspect-ratio:.94;background:linear-gradient(var(--cup-a), var(--cup-b));clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);border-radius:var(--radius-cup);transition:left var(--move) var(--ease-shuffle), transform .3s ease, background .3s;cursor:default;z-index:2;position:absolute;bottom:22px;transform:translate(-50%)translateY(0)}.cup:not(:disabled){cursor:pointer}.cup:not(:disabled):hover{filter:brightness(1.06)}.cup[data-lifted]{transform:translate(-50%)translateY(-78px)}.cup[data-wrong]{background:linear-gradient(var(--cup-wrong-a), var(--cup-wrong-b))}.cup:focus-visible{outline:none;box-shadow:inset 0 0 0 4px #fff}.game__status{text-align:center;color:#fff;text-shadow:0 2px 0 var(--amber-shadow);min-height:26px;margin:0;padding:4px 0 12px;font-size:18px;font-weight:900}.game__fox{min-height:70px}.confetti{pointer-events:none;animation:1.6s ease-out infinite ph-fall;position:absolute;top:0}.card__title{margin:0;font-size:28px;font-weight:900;line-height:1.2}.card__title--win{color:var(--orange-title);text-shadow:0 2px #d68a2e4d}.card__title--miss{color:var(--blue)}.card__stars{color:var(--gold);text-shadow:0 3px 0 var(--amber-shadow);letter-spacing:8px;gap:8px;font-size:32px;line-height:1.2;display:flex}.card__meta{color:var(--amber-text);font-size:14px;font-weight:900}.card__line{color:var(--blue-text);text-align:center;margin:0;font-size:14px;font-weight:700}.settings{background:linear-gradient(var(--sky), var(--sky-light));border-radius:var(--radius-overlay);flex-direction:column;gap:14px;width:min(340px,86vw);padding:24px;animation:.3s ph-pop;display:flex;box-shadow:0 8px #1e3c504d}.settings__header{justify-content:space-between;align-items:center;display:flex}.settings__title{color:#fff;text-shadow:0 2px 0 var(--blue);margin:0;font-size:20px;font-weight:900}.settings__row{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.settings__row--col{flex-direction:column;align-items:stretch;gap:10px}.settings__label{color:var(--blue-text);white-space:nowrap;font-size:15px;font-weight:900}.toggle{border-radius:var(--radius-pill);background:var(--cup-wrong-a);flex:none;width:58px;height:32px;transition:background .2s;position:relative}.toggle[data-on]{background:var(--green-a)}.toggle__knob{background:#fff;border-radius:50%;width:26px;height:26px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 3px #0003}.toggle[data-on] .toggle__knob{left:29px}.seg{gap:8px;display:flex}.seg__opt{text-align:center;border-radius:var(--radius-pill);background:var(--light-bg);color:var(--muted);flex:1;padding:9px 0;font-size:13px;font-weight:900;transition:all .15s}.seg__opt[data-selected]{background:linear-gradient(var(--fox-border), var(--cup-b));color:#fff}.btn-danger{color:var(--danger);border:2px solid var(--danger);border-radius:var(--radius-pill);padding:6px 14px;font-size:12px;font-weight:900;transition:background .15s,color .15s}.btn-danger:hover{background:var(--danger);color:#fff}