@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream:#fdf6e3;--paper:#fffaf0;--sand:#f0d9a8;--sand-dark:#e2c48f;--ink:#3a2e1f;--ink-soft:#7b6a52;--water:#4fa3e0;--water-light:#9fd3f5;--water-deep:#2c5282;--accent:#ed8936;--accent-soft:#fff3d6;--success:#38a169;--success-soft:#c6f6d5;--pink:#f7a8c8;--pink-deep:#d53f8c;--raincoat:#f6c343;--radius:18px;--tap:56px;--font:"Nunito Variable", ui-rounded, system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:18px;overflow:hidden}#app{flex-direction:column;height:100%;display:flex;position:relative}.screen-host,.screen{flex-direction:column;flex:1;min-height:0;display:flex}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.race-char{touch-action:manipulation}.btn{min-height:var(--tap);min-width:var(--tap);border:3px solid var(--sand-dark);border-radius:var(--radius);touch-action:manipulation;background:#fff;padding:10px 20px;font-size:20px;font-weight:800}.btn.primary{background:var(--success);border-color:var(--success);color:#fff}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled,.btn.disabled{opacity:.45;cursor:default}.pour-scene{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px 14px 14px;display:flex}.pour-stage{background:linear-gradient(var(--paper), #fdf0d5);border:3px solid var(--sand);border-radius:22px;flex:1;min-height:160px;position:relative;overflow:hidden}.pour-stage svg{touch-action:none;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.shelf-board{fill:#e9d3a6}.vessel .v-back{fill:#fff}.vessel.glass .v-back{fill:#dbeaf7b8}.vessel .v-outline{fill:#ffffff0f;stroke:#4a5568;stroke-width:4px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.vessel .v-extra{fill:none;stroke:#4a5568;stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.v-kova .v-outline,.v-kova .v-extra{stroke:var(--water-deep)}.v-cezve .v-outline,.v-cezve .v-extra,.v-cayBardagi .v-outline{stroke:#b7791f}.v-kepce .v-outline,.v-kepce .v-extra{stroke:#718096}.unit-line line{stroke:var(--water-deep);stroke-width:2px;stroke-dasharray:7 6;opacity:.55}.unit-line text{fill:var(--water-deep);font-size:17px;font-weight:900}.unit-line.glow line{stroke:var(--accent);stroke-width:4px;stroke-dasharray:none;opacity:1}.unit-line.glow text{fill:var(--accent)}.badge{transform-box:fill-box;transform-origin:50%;transition:transform .4s cubic-bezier(.3,1.7,.5,1);transform:scale(0)}.badge.show{transform:scale(1)}.badge circle{fill:var(--success);stroke:#fff;stroke-width:3px}.badge text{fill:#fff;font-size:18px;font-weight:900}.stream{fill:none;stroke:#5aaee8;stroke-linecap:round;opacity:0}.stream.on{opacity:.95}.splash{fill:#7cc4f2;opacity:0}.splash.on{opacity:.8}.pour-hud{grid-template-columns:1fr 1.4fr 2.4fr;gap:10px;display:grid}.pour-scene.compact .pour-hud{grid-template-columns:1fr 2fr}.pour-scene.compact .pour-hud .hud-card:nth-child(2){display:none}.hud-card{border:3px solid var(--sand);background:#fff;border-radius:16px;min-height:74px;padding:6px 12px}.hud-label{color:var(--ink-soft);font-size:13px;font-weight:800}.pour-count{color:var(--water-deep);font-size:34px;font-weight:900;line-height:1.1}.pour-left-icons{flex-wrap:wrap;align-items:flex-end;gap:2px;min-height:30px;display:flex}.pour-left-text{color:var(--water-deep);font-size:15px;font-weight:800}.mini path{vector-effect:non-scaling-stroke;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.mini .mini-body{fill:#fff;stroke:#718096}.mini .mini-extra{fill:none;stroke:#718096}.mini.full .mini-body{fill:#7cc4f2;stroke:#4a5568}.shelf-row{align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.pour-equation{color:#c05621;font-size:26px;font-weight:900}.hud-buttons{flex-wrap:wrap;gap:10px;display:flex}.hud-buttons .btn[hidden]{display:none}.vessel.spent{opacity:.55}.topbar{align-items:center;gap:12px;min-height:92px;padding:8px 14px 0;display:flex}.guide{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.guide-damla{flex:none;width:72px;height:92px}.guide-bubble{border:3px solid var(--accent);background:#fff;border-radius:18px;max-width:760px;padding:8px 16px;font-size:20px;font-weight:800;line-height:1.3;position:relative}.guide-bubble:before{content:"";border:9px solid #0000;border-right-color:var(--accent);border-left:0;margin-top:-9px;position:absolute;top:50%;left:-12px}.guide-bubble[hidden],.guide-replay[hidden]{display:none}.guide-replay{width:var(--tap);height:var(--tap);border:3px solid var(--sand-dark);background:#fff;border-radius:50%;flex:none;font-size:24px}.damla .arms-up,.damla .arms-think,.damla .mouth-talk,.damla .mouth-cheer,.damla .mouth-think,.damla.mood-talk .mouth-smile,.damla.mood-cheer .mouth-smile,.damla.mood-think .mouth-smile,.damla.mood-cheer .arms-down,.damla.mood-think .arms-down{display:none}.damla.mood-talk .mouth-talk,.damla.mood-cheer .mouth-cheer,.damla.mood-cheer .arms-up,.damla.mood-think .mouth-think,.damla.mood-think .arms-think{display:inline}.damla-body{transform-box:fill-box;transform-origin:50% 100%;animation:3s ease-in-out infinite breathe}.damla.mood-talk .mouth-talk{transform-box:fill-box;transform-origin:50%;animation:.28s ease-in-out infinite alternate talk}.damla.mood-cheer .damla-body{animation:.5s ease-in-out infinite alternate hop}@keyframes breathe{50%{transform:scaleY(1.015)}}@keyframes talk{to{transform:scaleY(.35)}}@keyframes hop{to{transform:translateY(-10px)}}.bear-body{transform-box:fill-box;transform-origin:50% 100%;animation:4s ease-in-out infinite breathe}.bear .eye-wide,.bear .bear-drops{display:none}.bear.act-slip .eye-wide,.bear.act-shake .eye-wide{display:inline}.bear.act-slip .eye-calm,.bear.act-shake .eye-calm{display:none}.bear.act-slip .bear-drops,.bear.act-shake .bear-drops{animation:drops var(--dur,1s) ease-out;display:inline}.bear.act-carry .bear-body{animation:sway var(--dur,1s) ease-in-out}.bear.act-pour .bear-body{animation:lean var(--dur,1s) ease-in-out}.bear.act-drink .bear-head{transform-box:fill-box;transform-origin:50% 100%;animation:gulp var(--dur,1s) ease-in-out}.bear.act-slip .bear-body{animation:slip var(--dur,1s) ease-in-out}.bear.act-shake .bear-body{animation:shake var(--dur,1s) linear}.bear.act-cheer .bear-body{animation:jump var(--dur,1s) ease-in-out}@keyframes sway{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes lean{40%,70%{transform:rotate(10deg)}}@keyframes gulp{30%,70%{transform:rotate(-14deg)translateY(-4px)}}@keyframes slip{20%{transform:rotate(-6deg)}45%{transform:rotate(18deg)translateY(10px)}70%{transform:rotate(-8deg)translateY(4px)}}@keyframes shake{10%,30%,50%,70%,90%{transform:rotate(-6deg)}20%,40%,60%,80%{transform:rotate(6deg)}}@keyframes jump{40%{transform:translateY(-36px)}60%{transform:translateY(-36px)rotate(3deg)}}@keyframes drops{0%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-30px)}}.pofuduk .pupil{transform-box:fill-box;transform-origin:50%;animation:5s infinite blink}@keyframes blink{95%{transform:scaleY(1)}97%{transform:scaleY(.1)}}.gallery{gap:10px;padding:10px}.gallery-stage{flex:1;width:100%;min-height:0}.gallery-buttons{flex-wrap:wrap;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.vessel.drunk{opacity:.45;transition:opacity .6s}.box-overlay{z-index:20;background:#fdf6e3db;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.box-card{border:4px solid var(--pink-deep);background:#fff;border-radius:28px;flex-direction:column;align-items:center;gap:12px;padding:18px 28px 22px;display:flex;box-shadow:0 12px 30px #0000001f}.box-card .btn[hidden]{display:none}.box-svg{width:min(320px,60vw);height:auto}.gift{cursor:pointer;transform-box:fill-box;transform-origin:50% 100%}.gift.shaking{animation:1.2s ease-in-out infinite gift-shake}.gift-lid{transform-box:fill-box;transform-origin:0 100%;transition:transform .5s ease-out}.gift.open .gift-lid{transform:translate(-40px,-50px)rotate(-35deg)}.box-friend{opacity:0;transition:opacity .4s .2s}.box-friend.show{opacity:1}.box-friend .pofuduk{transform-box:fill-box;transform-origin:50% 100%;animation:.6s cubic-bezier(.3,1.7,.5,1) pop}@keyframes gift-shake{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}90%{transform:rotate(-3deg)}}@keyframes pop{0%{transform:scale(.2)translateY(60px)}to{transform:scale(1)translateY(0)}}.hud-slot{flex:none}.hud{align-items:center;gap:10px;display:flex}.hud-star-box{min-height:var(--tap);border:3px solid var(--raincoat);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:24px;font-weight:900;display:flex}.hud-btn{width:var(--tap);height:var(--tap);border:3px solid var(--sand-dark);background:#fff;border-radius:50%;font-size:24px}.hud-btn.off{background:var(--sand)}.home{gap:12px;padding:8px 14px 10px}.home-top{flex:1;gap:14px;min-height:0;display:flex}.aquarium{flex:1;min-width:0;display:flex;position:relative}.aquarium-svg{width:100%;height:100%}.aquarium-empty{text-align:center;background:#ffffffd9;border-radius:16px;max-width:80%;padding:10px 18px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.swim{animation:7s ease-in-out infinite alternate swim}.swim-1{animation-duration:9s;animation-delay:-3s}.swim-2{animation-duration:6s;animation-delay:-1s}@keyframes swim{0%{transform:translate(-18px)}50%{transform:translate(8px,-10px)}to{transform:translate(22px,4px)}}.bubble{animation:4s linear infinite rise}.bubble.b1\.3{animation-delay:-1.3s}.bubble.b2\.4{animation-delay:-2.4s}@keyframes rise{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(-210px)}}.seaweed{transform-box:fill-box;transform-origin:50% 100%;animation:4s ease-in-out infinite sway}.home-side{flex-direction:column;gap:12px;width:200px;display:flex}.home-stars-box{border:3px solid var(--raincoat);background:#fff;border-radius:20px;justify-content:center;align-items:center;min-height:70px;font-size:34px;font-weight:900;display:flex}.box-btn{border:3px dashed var(--pink-deep);color:var(--pink-deep);background:#fff;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:18px;font-weight:800;display:flex}.box-emoji{font-size:54px;line-height:1}.box-btn.ready{background:#fff0f6;border-style:solid;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.04)}}.section-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.section-card{text-align:left;border:4px solid var(--sand);background:#fff;border-radius:22px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;min-height:96px;padding:10px 16px;display:grid;position:relative}.section-icon{grid-row:span 2;font-size:48px}.section-title{font-size:22px;font-weight:900}.section-text{color:var(--ink-soft);font-size:16px;font-weight:700}.section-card.recommended{border-color:var(--success);background:#f0fff4}.section-card.recommended:after{content:"Sıradaki";background:var(--success);color:#fff;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:900;position:absolute;top:-12px;right:14px}.parent-link{color:var(--ink-soft);opacity:.6;background:0 0;border:0;align-self:flex-end;min-height:32px;font-size:14px}.onboarding,.parent{justify-content:center;align-items:center;padding:16px}.onboarding-card,.parent-gate,.parent-panel{border:4px solid var(--sand);background:#fff;border-radius:26px;flex-direction:column;align-items:stretch;gap:14px;min-width:min(440px,90vw);padding:22px 28px;display:flex}.parent-panel{max-height:100%;font-size:16px;overflow:auto}.parent-panel h2,.parent-panel h3{margin:0}.onboarding-label,.gate-question{margin:0;font-size:26px;font-weight:900}.name-input{font:inherit;border:3px solid var(--sand-dark);-webkit-user-select:text;user-select:text;border-radius:16px;min-height:64px;padding:0 16px;font-size:28px;font-weight:800}.onboarding-buttons,.parent-buttons{gap:12px;display:flex}.stats{border-collapse:collapse}.stats td,.stats th{border-bottom:1px solid var(--sand);text-align:left;padding:4px 10px}@media (aspect-ratio<=1){.home-top{flex-direction:column}.home-side{flex-direction:row;width:auto}.home-stars-box{padding:0 24px}.box-btn{flex-direction:row;min-height:80px}.box-emoji{font-size:40px}}.lab{padding:8px 14px 0}.lab-pick{flex:1;justify-content:center;align-items:center;display:flex}.lab-shelf{grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;width:min(900px,100%);display:grid}.lab-card{border:4px solid var(--sand);background:#fff;border-radius:22px;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-height:150px;padding:12px;font-size:18px;font-weight:800;display:flex}.lab-card .mini{max-width:100%}.lab-card.chosen{border-color:var(--water);background:#ebf8ff}.lab-card.disabled{opacity:.4}.lab-pour{flex-direction:column;flex:1;min-height:0;display:flex}.lab-bar{align-items:center;gap:14px;display:flex}.lab-pair{color:var(--water-deep);font-size:20px;font-weight:900}.lab-card.chosen.disabled{opacity:1}.race{padding:8px 14px 10px}.race-wrap,.race-scene{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.race-floor{fill:#e9d3a6}.tank-back{fill:#ebf8ffd9}.tank-water{fill:#6fb6ea;opacity:.85}.tank-glass{fill:none;stroke:var(--water-deep);stroke-width:6px}.faucet{fill:none;stroke:#718096;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}.faucet-head{fill:#4a5568}.race-char{cursor:pointer}.race-scene.waiting .race-char{filter:drop-shadow(0 0 10px #ed8936e6)}.race-hud{grid-template-columns:1fr 1fr;gap:10px;display:grid}.race-card{align-items:center;gap:14px;display:flex}.race-card .btn[hidden]{display:none}.race-count{color:var(--water-deep);font-size:36px;font-weight:900}.race-panel:empty{display:none}.race-panel{border:3px solid var(--success);background:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:8px 16px;display:flex}.race-result,.race-question{margin:0;font-size:19px;font-weight:900}.race-answers{gap:10px;display:flex}.quiz{gap:8px;padding:6px 14px 10px}.quiz-card{border:3px solid var(--sand);background:#fff;border-radius:20px;padding:8px 16px 10px}.quiz-head{align-items:center;gap:12px;display:flex}.quiz-no{color:#fff;background:var(--accent);border-radius:999px;padding:2px 12px;font-size:15px;font-weight:900}.quiz-pictures{flex:1;align-items:flex-end;gap:10px;display:flex}.quiz-card .hud-btn{width:48px;height:48px;font-size:20px}.quiz-text{margin:4px 0 0;font-size:23px;font-weight:800;line-height:1.35}.quiz-options{align-items:center;gap:12px;display:flex}.quiz-option{text-align:left;border:4px solid var(--sand-dark);background:#fff;border-radius:18px;flex:1;align-items:center;gap:10px;min-height:60px;padding:8px 16px;font-size:21px;font-weight:800;display:flex}.quiz-option:disabled{cursor:default}.quiz-letter{color:var(--accent);font-weight:900}.quiz-option.picked{border-color:var(--water);background:#ebf8ff}.quiz-option.tried{opacity:.5;border-style:dashed}.quiz-option.reveal{border-color:var(--success);background:var(--success-soft);box-shadow:0 0 0 4px #38a16940}.quiz-bear{flex:none;width:70px;height:84px}.quiz-next[hidden]{display:none}.quiz-stage{flex-direction:column;flex:1;min-height:0;display:flex}.quiz-stage>*{flex:1;min-height:0}.explain-placeholder{border:3px dashed var(--sand-dark);border-radius:20px;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.pour-scene.compact{padding:0}.pour-scene.compact .hud-card{min-height:0}.pour-scene.compact .pour-equation{font-size:22px}.race-scene.compact .race-count{font-size:28px}.explain-curtain,.explain-compare,.explain-standard{flex-direction:column;flex:1;min-height:0;display:flex}.curtain rect{fill:#b83280;stroke:#702459;stroke-width:4px}.curtain line{stroke:#702459;stroke-width:3px;opacity:.4}.curtain text{fill:#fff;font-size:34px;font-weight:900}.curtain{cursor:pointer;transition:transform .6s ease-in,opacity .6s}.curtain.open{opacity:0;pointer-events:none;transform:translateY(-460px)}.curtain-name{fill:var(--ink);font-size:30px;font-weight:900}.curtain-divider{stroke:var(--sand-dark);stroke-width:3px;stroke-dasharray:10 8}.pour-pair{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid}.pour-pair-side{flex-direction:column;min-height:0;display:flex}.pour-pair-label{text-align:center;font-size:18px;font-weight:900}.milk .v-water{fill:#fdfbf3;stroke:#d9cfb6;stroke-width:1.5px}.milk .stream{stroke:#f4efe2}.standard-row{flex:1;align-items:center;gap:20px;min-height:0;display:flex}.litre-box{flex-direction:column;align-items:center;height:100%;display:flex}.litre-svg{flex:1;height:100%;min-height:0}.litre-label{color:var(--success);font-size:24px;font-weight:900}.standard-tags{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.tag-card{border:3px solid var(--sand);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px;font-size:16px;animation:.5s cubic-bezier(.3,1.7,.5,1) pop;display:flex}.tag-card.same{border-color:var(--success);background:#f0fff4}.tag-card.varies span{color:#c05621;font-weight:800}.tag-card.same span{color:var(--success);font-weight:800}