@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2")}.ui-root{pointer-events:none;-webkit-user-select:none;user-select:none;--gold:#f6b93b;--cream:#fff1b8;--ink:#5a3a1c;--carrot:#ff8a3d;--red:#c8402e;--shadow:0 .8cqmin 0 #78461438;--hud-top:max(2.5cqmin, env(safe-area-inset-top));--hud-left:max(3cqmin, env(safe-area-inset-left));--hud-right:max(3cqmin, env(safe-area-inset-right));--hud-btn:clamp(72px, 11cqmin, 130px);--hud-font:clamp(34px, 7cqmin, 84px);--hud-head:clamp(52px, 10cqmin, 120px);--hud-picnic:clamp(48px, 9cqmin, 108px);--hud-track-h:clamp(48px, 9cqmin, 108px);--pause-btn:clamp(112px, 17cqmin, 200px);--circle-btn:clamp(120px, 18cqmin, 220px);--finish-star:clamp(80px, 15cqmin, 190px);font-family:Fredoka,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden;container-type:size}.ui-root [hidden]{display:none!important}.ui-screen{justify-content:center;align-items:center;animation:.2s ease-out both ui-fade;display:flex;position:absolute;inset:0}button{pointer-events:auto;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button svg{width:100%;height:100%;display:block}.portrait{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.coin-disc{box-sizing:border-box;background:var(--gold);border:.45cqmin solid var(--cream);color:var(--cream);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 .4cqmin #78461440}.coin-disc svg{width:72%;height:72%}.cover{pointer-events:none;opacity:0;background:linear-gradient(#7fb8f0,#d6e9f5);transition:opacity .22s ease-out;position:fixed;inset:0;overflow:hidden}.cover[data-mode=cover],.cover[data-mode=title]{opacity:.84}.cover[data-mode=pause]{opacity:.85}.cover-img{object-fit:cover;object-position:center bottom;filter:blur(12px);transform-origin:50% 100%;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.08)}.cover:after{content:"";background:linear-gradient(#ffffff38,#ffffff1a);position:absolute;inset:0}.ui-title{flex-direction:column;gap:5cqmin}.title-text{z-index:2;text-align:center;white-space:nowrap;filter:drop-shadow(0 1.2cqmin .8cqmin #5a320f59);flex-direction:column;align-items:center;font-size:15cqmin;font-weight:700;line-height:1.02;animation:3.4s ease-in-out infinite title-bob;display:flex;position:relative}.title-names{gap:.28em;display:flex}.title-line{background:linear-gradient(#ffe27a 20%,#f6b93b 85%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:block;position:relative}.title-line:before{content:attr(data-text);z-index:-1;-webkit-text-fill-color:#7a4a1e;-webkit-text-stroke:2.4cqmin #7a4a1e;stroke-linejoin:round;background:0 0;position:absolute;inset:0}.btn-start{z-index:2;box-sizing:border-box;border:1.1cqmin solid var(--cream);color:#fff;background:#d43f2a;border-radius:50%;width:clamp(160px,24cqmin,340px);height:clamp(160px,24cqmin,340px);padding:5.5cqmin;transition:transform .12s;animation:1.6s ease-in-out infinite sun-bob;position:relative;box-shadow:0 1cqmin #6e1e0f59,0 0 0 .6cqmin #7a4a1e59}.btn-start:active{transform:scale(.92)}.peeks{pointer-events:none;animation:.22s ease-out both ui-fade;position:fixed;inset:0;overflow:hidden}.peeks[hidden]{display:none}.peek{filter:drop-shadow(0 1vmin .6vmin #3c281440);width:clamp(200px,min(40vh,22.5vw),520px);height:clamp(200px,min(40vh,22.5vw),520px);position:absolute;bottom:-2vmin}.peek-feriha{transform-origin:50% 100%;animation:3.2s ease-in-out infinite peek-wave-l;left:2vw}.peek-yusuf,.peek-yunus{transform-origin:50% 100%;width:clamp(150px,min(32vh,18vw),420px);height:clamp(150px,min(32vh,18vw),420px)}.peek-yusuf{animation:2.9s ease-in-out infinite peek-wave-r;left:25vw}.peek-yunus{animation:3.4s ease-in-out infinite peek-wave-l;right:25vw}.peek-yahya{transform-origin:50% 100%;animation:3.6s ease-in-out infinite peek-wave-r;right:2vw}.hud-btn{top:var(--hud-top);right:var(--hud-right);width:var(--hud-btn);height:var(--hud-btn);box-sizing:border-box;color:var(--carrot);box-shadow:var(--shadow);background:#ffffffeb;border-radius:50%;padding:2.2cqmin;transition:transform .12s;position:absolute}.hud-btn:active{transform:scale(.92)}.hud-btn.is-off{color:#a8a8a8}.ui-select{align-items:center;gap:2.4cqmin}.ui-select[data-layout=grid]{grid-template-columns:repeat(2,auto);place-content:center;display:grid}.card-slot{flex-direction:column;align-items:center;gap:1cqmin;display:flex}.card-name{box-sizing:border-box;color:var(--name-color,#5a3a1c);background:#fff6dc;border-radius:999px;padding:.3em .9em .4em;font-size:clamp(22px,4.6cqmin,56px);font-weight:700;line-height:1.1;box-shadow:0 .5cqmin #7846142e}.char-card{box-sizing:border-box;width:clamp(160px,min(21.5cqw,38cqmin),480px);height:clamp(160px,min(21.5cqw,38cqmin),480px);box-shadow:var(--shadow);background:linear-gradient(160deg, var(--tint-a,#fff), var(--tint-b,#ddd));border:.9cqmin solid #fffc;border-radius:14%;padding:2cqmin;transition:transform .15s,box-shadow .15s;transform:scale(.86)}.char-card.is-selected{border-color:var(--gold);box-shadow:0 0 0 1.1cqmin var(--gold), 0 0 4cqmin #f6b93bbf, var(--shadow);animation:.9s ease-in-out infinite card-bounce;transform:scale(1)}.ready-sun{width:clamp(160px,34cqmin,440px);height:clamp(160px,34cqmin,440px);animation:sun-pulse var(--ready-dur,1.2s) ease-in-out 1 both}.ui-finish{padding:max(3cqmin, env(safe-area-inset-top)) max(4cqmin, env(safe-area-inset-right)) max(3cqmin, env(safe-area-inset-bottom)) max(4cqmin, env(safe-area-inset-left));box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:stretch}.finish-top{flex-direction:column;align-items:center;gap:1.5cqmin;display:flex}.finish-stars{height:var(--finish-star);gap:1.5cqmin;display:flex}.finish-star{width:var(--finish-star);height:100%;color:var(--gold);opacity:0;filter:drop-shadow(0 .7cqmin #78461447);animation:.5s cubic-bezier(.3,1.6,.5,1) forwards star-pop;transform:scale(0)}.finish-star svg{overflow:visible}.finish-star svg path{stroke:var(--cream);stroke-width:44px;stroke-linejoin:round;paint-order:stroke}.finish-star.still{opacity:1;animation:none;transform:none}.finish-coins{box-shadow:var(--shadow);color:var(--ink);background:#ffffffd1;border-radius:99px;align-items:center;gap:1.5cqmin;padding:.8cqmin 3cqmin .8cqmin 1cqmin;font-size:clamp(44px,9cqmin,112px);font-weight:700;line-height:1;display:flex}.finish-coins .coin-disc{width:1.15em;height:1.15em}.finish-count{text-align:left;font-variant-numeric:tabular-nums;min-width:2.2ch;display:inline-block}.finish-coins.done{animation:.35s ease-out count-tick}.finish-bottom{justify-content:space-between;align-items:flex-end;display:flex}.btn-circle{box-sizing:border-box;width:var(--circle-btn);height:var(--circle-btn);box-shadow:var(--shadow);border-radius:50%;transition:transform .12s}.btn-circle:active{transform:scale(.94)}.btn-again{background:var(--gold);border:.8cqmin solid var(--cream);color:#fff;padding:3.4cqmin}.btn-change{border:.8cqmin solid var(--cream);background:#fffffff0;position:relative}.btn-change span{width:41%;height:41%;position:absolute}.btn-change span:first-child{top:8%;left:8%}.btn-change span:nth-child(2){top:8%;right:8%}.btn-change span:nth-child(3){bottom:8%;left:8%}.btn-change span:nth-child(4){bottom:8%;right:8%}.hud{pointer-events:none;display:none;position:absolute;inset:0}.ui-root[data-state=Ready] .hud,.ui-root[data-state=Run] .hud{display:block}.hud-coins{top:var(--hud-top);left:var(--hud-left);box-shadow:var(--shadow);font-weight:700;font-size:var(--hud-font);color:var(--ink);background:#ffffffd1;border-radius:99px;align-items:center;gap:1.4cqmin;padding:.8cqmin 2.4cqmin .8cqmin .8cqmin;line-height:1;display:flex;position:absolute}.hud-coins .coin-disc{width:1.3em;height:1.3em}.hud-count{transform-origin:0;font-variant-numeric:tabular-nums;min-width:2ch;display:inline-block}.hud-count.tick{animation:.25s ease-out count-tick}.hud-track{width:34cqw;height:var(--hud-track-h);position:absolute;top:3.5cqmin;left:50%;transform:translate(-50%)}.hud-line{background:#ffffffe0;border-radius:99px;height:clamp(12px,2.2cqmin,26px);margin-top:calc(clamp(12px,2.2cqmin,26px)/-2);position:absolute;inset:50% 0 auto;box-shadow:inset 0 2px #5a3a1c2e,0 3px #5a3a1c38}.hud-fill{background:linear-gradient(90deg, #ffd96a, var(--gold));border-radius:99px;width:0;height:clamp(12px,2.2cqmin,26px);margin-top:calc(clamp(12px,2.2cqmin,26px)/-2);position:absolute;top:50%;left:0}.hud-flower{color:#ff8fb1;filter:drop-shadow(0 1px #ffffffe6);width:clamp(20px,3.4cqmin,40px);height:clamp(20px,3.4cqmin,40px);position:absolute;top:50%;transform:translate(-50%,-50%)}.hud-head{width:var(--hud-head);height:var(--hud-head);box-sizing:border-box;background:#ffe9c2;border:clamp(3px,.6cqmin,7px) solid #fff;border-radius:50%;transition:box-shadow .2s;position:absolute;top:50%;left:0;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 .7cqmin 1cqmin #3c281459}.hud-who{top:calc(50% + var(--hud-head) / 2 + .2cqmin);color:#4a4a4a;white-space:nowrap;text-shadow:0 0 .5em #ffffffd9;pointer-events:none;font-size:clamp(13px,2.3cqmin,26px);font-weight:600;line-height:1.1;position:absolute;left:0;transform:translate(-50%)}.hud-head img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block;transform:scale(1.1)}.hud-head.magnet{box-shadow:0 0 0 .7cqmin var(--carrot), 0 0 2.6cqmin .8cqmin #ff8a3de6}.hud-picnic{width:var(--hud-picnic);height:var(--hud-picnic);color:var(--red);filter:drop-shadow(0 3px #5a3a1c40);position:absolute;top:50%;right:0;transform:translate(62%,-50%)}.hud-buttons{top:var(--hud-top);right:var(--hud-right);pointer-events:none;gap:2cqmin;display:flex;position:absolute}.hud-buttons .hud-btn{position:static}.hud-pause{color:var(--gold)}.ui-pause{pointer-events:auto;justify-content:center;align-items:center;animation:.2s ease-out both ui-fade;display:flex;position:absolute;inset:0}.pause-panel{flex-direction:column;align-items:center;gap:4cqmin;display:flex}.pause-resume{box-sizing:border-box;background:var(--gold);border:1cqmin solid var(--cream);color:#fff;border-radius:50%;width:clamp(160px,28cqmin,320px);height:clamp(160px,28cqmin,320px);padding:6cqmin;animation:1.8s ease-in-out infinite sun-bob;box-shadow:0 1.2cqmin #7846144d}.pause-resume:active{transform:scale(.94)}.pause-row{gap:5cqmin;display:flex}.pause-btn{width:var(--pause-btn);height:var(--pause-btn);box-sizing:border-box;color:var(--carrot);box-shadow:var(--shadow);background:#fffffff0;border-radius:50%;position:relative}.pause-btn .glyph{position:absolute;inset:24%}.pause-sound{color:var(--gold);padding:4.2cqmin}.pause-sound.is-off{color:#a8a8a8}.pause-btn .ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.ring-bg,.ring-fg{fill:none;stroke-width:7px;stroke-linecap:round}.ring-bg{stroke:#5a3a1c24}.ring-fg{stroke:var(--carrot)}.pause-btn.is-holding{transform:scale(1.06)}.pause-btn.wiggle{animation:.45s ease-in-out wiggle}.pause-grown{box-sizing:border-box;max-width:94cqw;color:var(--ink);background:#ffffffd9;border-radius:4cqmin;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2cqmin 3cqmin;padding:1.2cqmin 3cqmin;font-size:clamp(18px,3cqmin,34px);font-weight:600;line-height:1;display:flex}.grown-title{opacity:.7}.grown-toggle{align-items:center;gap:1.2cqmin;display:flex}.switch{background:#c9c4bb;border-radius:99px;width:clamp(52px,8cqmin,90px);height:clamp(30px,4.6cqmin,52px);transition:background .15s;position:relative}.switch:after{content:"";position:absolute;inset:-10px -6px}.segmented{background:#c9c4bb;border-radius:99px;gap:2px;padding:3px;display:flex}.seg-btn{min-height:34px;color:var(--ink);font-weight:600;font-size:inherit;border-radius:99px;padding:0 clamp(8px,1.6cqmin,18px);line-height:1;position:relative}.seg-btn:after{content:"";position:absolute;inset:-8px -2px}.seg-btn.is-on{color:#fff;background:#6cc24a}.switch .knob{background:#fff;border-radius:50%;width:38%;height:76%;transition:transform .15s;position:absolute;top:12%;left:7%;box-shadow:0 2px #0003}.switch.is-on{background:#6cc24a}.switch.is-on .knob{transform:translate(145%)}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}@keyframes title-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2cqmin)}}@keyframes sun-bob{0%,to{transform:scale(1)}50%{transform:scale(1.07)rotate(3deg)}}@keyframes peek-wave-l{0%,to{transform:rotate(-4deg)translateY(2%)}50%{transform:rotate(3deg)translateY(-1%)}}@keyframes peek-wave-r{0%,to{transform:rotate(4deg)translateY(2%)}50%{transform:rotate(-3deg)translateY(-1%)}}@keyframes card-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2cqmin)scale(1.04)}}@keyframes sun-pulse{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.1)}70%{transform:scale(.95)}to{opacity:0;transform:scale(1.25)}}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes count-tick{0%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}50%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.ui-screen,.ui-pause,.btn-start,.title-text,.peeks,.pause-resume,.peek,.char-card.is-selected,.hud-count.tick,.finish-coins.done,.pause-btn.wiggle{animation:none}.ready-sun{opacity:1;animation:none}.finish-star{opacity:1;animation:none;transform:none}.btn-start,.cover,.btn-circle,.hud-btn,.char-card,.switch,.switch .knob{transition:none}}.ui-root.is-paused .hud{visibility:hidden}#stage[data-mode=portrait] .hud-track{top:calc(var(--hud-top) + var(--hud-btn) + 3cqmin);left:calc(var(--hud-head) / 2 + var(--hud-left));right:calc(var(--hud-picnic) * .62 + var(--hud-right));width:auto;transform:none}#stage[data-mode=portrait] .title-text{font-size:24cqw}#stage[data-mode=portrait] .title-names{flex-direction:column;align-items:center;gap:0}#stage[data-mode=portrait] .ui-title{gap:7cqw}#stage[data-mode=portrait] .ui-select{grid-template-columns:repeat(2,auto);place-content:center;gap:5cqw;display:grid}#stage[data-mode=portrait] .char-card{width:clamp(120px,41cqw,420px);height:clamp(120px,41cqw,420px)}#stage[data-mode=portrait] .pause-grown{gap:1cqw 3cqw;max-width:96cqw}#stage[data-mode=portrait] .grown-title{text-align:center;flex:0 0 100%}#stage[data-mode=portrait] .pause-row{gap:4cqw}@media (max-aspect-ratio:1){.peek{width:25vw;height:25vw}.peek-feriha{left:0}.peek-yusuf{left:25vw}.peek-yunus{right:25vw}.peek-yahya{right:0}.peek-yusuf,.peek-yunus{width:25vw;height:25vw}}#stage[data-compact=true] .ui-root{--hud-btn:clamp(56px, 8.6cqmin, 100px);--hud-font:clamp(26px, 5.4cqmin, 64px);--hud-head:clamp(42px, 7.8cqmin, 92px);--hud-picnic:clamp(38px, 7cqmin, 84px);--hud-track-h:clamp(40px, 7cqmin, 84px);--pause-btn:clamp(84px, 13.2cqmin, 156px);--circle-btn:clamp(92px, 14cqmin, 170px);--finish-star:clamp(60px, 11.6cqmin, 148px)}#stage[data-compact=true] .pause-resume{width:clamp(128px,22cqmin,250px);height:clamp(128px,22cqmin,250px)}#stage[data-compact=true] .pause-panel{gap:2.4cqmin}#stage[data-compact=true][data-mode=portrait] .pause-panel{gap:4cqmin}#stage[data-compact=true] .btn-start{width:clamp(128px,24cqmin,340px);height:clamp(128px,24cqmin,340px)}