@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--ink:#5a3a22;--cream:#fff6e3;--red:#e85d5d;--gold:#ffc93c;--gold-dark:#d99a14;--green:#6cc04a;--green-dark:#4a9a2c;--sky:#a8dcf5;--wood:#d9a066;--tap:max(84px, min(16vmin, 150px));--font:"Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}html{background:linear-gradient(#a8dcf5 50%,#b87a45 50%)}#game{inset:var(--sat) var(--sar) var(--sab) var(--sal);touch-action:none;position:fixed}#game canvas{touch-action:none}#ui{pointer-events:none;z-index:10;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}.screen{padding:calc(var(--sat) + 12px) calc(var(--sar) + 16px) calc(var(--sab) + 12px) calc(var(--sal) + 16px);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.btn{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;cursor:pointer;width:var(--tap);height:var(--tap);touch-action:manipulation;background:#fff;border:0;border-radius:50%;place-items:center;transition:transform 80ms;display:grid;box-shadow:0 8px #0000002e}.btn:active{transform:translateY(4px)scale(.96);box-shadow:0 4px #0000002e}.btn svg{width:55%;height:55%}.btn.green{background:var(--green);color:#fff;box-shadow:0 10px 0 var(--green-dark)}.btn.gold{background:var(--gold);box-shadow:0 10px 0 var(--gold-dark)}.btn.huge{width:calc(var(--tap) * 1.9);height:calc(var(--tap) * 1.9)}.btn img{object-fit:contain;pointer-events:none;width:80%;height:80%}.boot{background:var(--sky);z-index:100;flex-direction:column;gap:6vmin}.boot-fruit{background:radial-gradient(circle at 35% 35%, #ff8a80, var(--red) 60%);border-radius:50%;width:30vmin;height:30vmin;animation:.9s ease-in-out infinite alternate bounce}.bar{background:#fff;border-radius:18px;width:min(70vw,600px);height:36px;overflow:hidden;box-shadow:inset 0 4px #00000014}.bar-fill{background:var(--green);border-radius:18px;width:0;height:100%;transition:width .2s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5vmin)}}.home{background:url(../img/scenery.webp) center / cover no-repeat, var(--sky);flex-direction:column}.awning{background:repeating-linear-gradient(90deg, var(--red) 0 10vmin, var(--cream) 10vmin 20vmin);height:14vmin;position:absolute;top:0;left:0;right:0}.awning:after{content:"";background:radial-gradient(circle at 5vmin 0, var(--red) 5vmin, transparent 5.1vmin) 0 0 / 20vmin 10vmin repeat-x, radial-gradient(circle at 5vmin 0, var(--cream) 5vmin, transparent 5.1vmin) 10vmin 0 / 20vmin 10vmin repeat-x;height:10vmin;position:absolute;bottom:-5vmin;left:0;right:0}.home-stage{justify-content:center;align-items:center;gap:6vmin;margin-top:8vmin;display:flex;position:relative}.home-level{z-index:1;background:#ffffffe0;border-radius:999px;gap:1.2vmin;margin-top:3vmin;padding:1.2vmin 2.4vmin;display:flex;position:relative;box-shadow:0 6px #5a3a222e}.home-level span{color:#e8dccb;width:min(7vmin,64px);height:min(7vmin,64px);display:block}.home-level span.on{color:var(--gold)}.home-level svg{width:100%;height:100%;display:block}.home-friends{bottom:calc(var(--sab) + 0px);pointer-events:none;justify-content:center;gap:2vmin;display:flex;position:absolute;left:0;right:0}.home-friends img{transform-origin:bottom;height:22vmin;animation:2.4s ease-in-out infinite alternate sway}.home-friends img:nth-child(2){animation-delay:-.8s}.home-friends img:nth-child(3){animation-delay:-1.6s}@keyframes sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.piggy-btn,.stickers-btn{width:calc(var(--tap) * 1.35);height:calc(var(--tap) * 1.35);border-radius:32px;position:relative}.count-badge{background:var(--gold);min-width:56px;height:56px;color:var(--ink);box-shadow:0 4px 0 var(--gold-dark);border-radius:28px;place-items:center;padding:0 12px;font-size:34px;font-weight:700;display:grid;position:absolute;top:-10px;right:-10px}.parent-btn{right:calc(var(--sar) + 16px);bottom:calc(var(--sab) + 16px);opacity:.85;width:84px;height:84px;position:absolute}.parent-btn .ring{background:conic-gradient(var(--green) var(--p,0%), transparent 0);z-index:-1;border-radius:50%;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.update-btn{left:calc(var(--sal) + 16px);bottom:calc(var(--sab) + 16px);background:var(--gold);width:84px;height:84px;position:absolute}.overlay{z-index:20;background:#3c28148c}.card{background:var(--cream);border-radius:40px;flex-direction:column;align-items:center;gap:3vmin;max-width:100%;max-height:100%;padding:4vmin;display:flex;position:relative;box-shadow:0 14px #0003}.card .close{position:absolute;top:-16px;right:-16px}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:5vmin;display:flex}.big-number{align-items:center;gap:2vmin;font-size:min(22vmin,180px);font-weight:700;line-height:1;display:flex}.coin{background:var(--gold);width:1em;height:1em;box-shadow:inset 0 -.08em 0 var(--gold-dark), 0 0 0 .06em #ffe9a8 inset;color:#8a5a00;border-radius:50%;place-items:center;font-size:1em;font-weight:700;line-height:1;display:inline-grid}.coin span{font-size:.6em}.piggy-img{width:min(45vmin,380px)}.coin-pile{flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(80vw,700px);font-size:34px;display:flex}.sticker-grid{grid-template-columns:repeat(5,1fr);gap:2.4vmin;width:min(86vw,120vmin);padding:1vmin;display:grid;overflow:auto}.slot{aspect-ratio:1;background:#f1e3c6;border-radius:24px;place-items:center;display:grid;box-shadow:inset 0 4px #00000014}.slot img{object-fit:contain;filter:drop-shadow(0 0 #fff)drop-shadow(3px 0 #fff)drop-shadow(-3px 0 #fff)drop-shadow(0 3px #fff)drop-shadow(0 -3px #fff)drop-shadow(0 4px 3px #00000040);width:82%;height:82%}.slot.empty:after{content:"";border:6px dashed #d8c39b;border-radius:50%;width:40%;height:40%}.slot.new{background:#fff3b0;animation:.7s cubic-bezier(.3,1.6,.5,1) both pop}.reward{z-index:20;background:radial-gradient(circle at 50% 40%,#fff7c2,#ffd36b 60%,#f5a742);flex-direction:column;gap:3vmin}.reward .btn.huge{width:calc(var(--tap) * 1.4);height:calc(var(--tap) * 1.4)}.reward .sticker-big{object-fit:contain;filter:drop-shadow(0 0 #fff)drop-shadow(6px 0 #fff)drop-shadow(-6px 0 #fff)drop-shadow(0 6px #fff)drop-shadow(0 -6px #fff)drop-shadow(0 10px 8px #00000040);width:min(36vmin,340px);height:min(36vmin,340px);animation:.9s cubic-bezier(.3,1.6,.5,1) both pop}.burst{background:repeating-conic-gradient(#ffffff73 0 10deg, transparent 10deg 20deg);pointer-events:none;border-radius:50%;width:90vmin;height:90vmin;animation:18s linear infinite spin;position:absolute;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}.reward-piggy{align-items:flex-end;gap:3vmin;display:flex;position:relative}.reward-piggy img{width:min(20vmin,200px)}.falling-coin{font-size:44px;animation:.7s ease-in both drop;position:absolute}.reward .actions{opacity:0;gap:8vmin;animation:.4s ease-out forwards fadein;display:flex}@keyframes pop{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drop{0%{opacity:0;transform:translateY(-40vmin)}20%{opacity:1}to{opacity:0;transform:translateY(0)scale(.6)}}@keyframes fadein{to{opacity:1}}.confetti{pointer-events:none;z-index:30;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{border-radius:6px;width:18px;height:26px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.parent{background:var(--cream);z-index:40;color:#3b2a1c;-webkit-user-select:text;user-select:text;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:17px;display:block;overflow:auto}.parent header{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 8px;display:flex}.parent h1{font-family:var(--font);margin:0;font-size:30px}.parent section{background:#fff;border-radius:20px;max-width:900px;margin:14px auto;padding:18px 22px;box-shadow:0 3px #0000000f}.parent h2{font-family:var(--font);margin:0 0 12px;font-size:21px}.parent label{align-items:center;gap:12px;min-height:48px;display:flex}.parent select,.parent input[type=range]{min-height:44px;font-size:17px}.parent input[type=checkbox]{width:28px;height:28px}.parent .seg{border:2px solid #d9c7a4;border-radius:12px;display:inline-flex;overflow:hidden}.parent .seg button{font:inherit;cursor:pointer;background:#fff;border:0;min-height:46px;padding:10px 18px}.parent .seg button[aria-pressed=true]{background:var(--green);color:#fff}.parent .seg button:disabled{color:#aaa;cursor:not-allowed}.parent table{border-collapse:collapse;width:100%}.parent td,.parent th{text-align:left;border-bottom:1px solid #eee3cf;padding:6px 8px}.parent .muted{color:#8b7a66;font-size:15px}.parent .actions{flex-wrap:wrap;gap:10px;display:flex}.parent .actions button,.parent .text-btn{font:inherit;cursor:pointer;background:#f1e3c6;border:0;border-radius:12px;min-height:46px;padding:12px 18px}.parent .danger{background:#f8d0c8!important}.parent .bars{align-items:flex-end;gap:6px;height:120px;display:flex}.parent .bars div{background:var(--green);border-radius:6px 6px 0 0;flex:1;min-height:2px;position:relative}.parent .bars span{color:#8b7a66;font-size:12px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.gate{z-index:45}@media (max-height:520px),(max-width:760px){:root{--tap:max(76px, min(19vmin, 120px))}.home-friends img{height:26vmin}.card{border-radius:28px;padding:3vmin}.sticker-grid{grid-template-columns:repeat(7,1fr);gap:1.5vmin}.parent{font-size:16px}}@media (orientation:portrait) and (max-width:760px){.sticker-grid{grid-template-columns:repeat(4,1fr)}.home-stage{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
