@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-card.wide{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.hud-card.wide .pour-shelf{flex:100%}.hud-card.wide .pour-shelf:empty{display:none}.hud-card.wide .hud-buttons{margin-left:auto}.hud-label{color:var(--ink-soft);font-size:clamp(15px,2.4vmin,22px);font-weight:800}.pour-count{color:var(--water-deep);font-size:clamp(34px,6vmin,56px);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:clamp(15px,2.6vmin,24px);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:clamp(15px,2.6vmin,24px);font-weight:700;display:flex}.pour-equation{color:#c05621;font-size:clamp(26px,4.6vmin,44px);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(4,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){.section-cards{grid-template-columns:repeat(2,1fr)}.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:clamp(36px,6.5vmin,60px);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:clamp(19px,3.2vmin,28px);font-weight:900}.race-answers{flex:100%;gap:12px;display:flex}.race-answers .btn{flex:1;min-height:clamp(56px,9vmin,84px);font-size:clamp(22px,4vmin,34px)}.quiz{gap:8px;padding:6px 14px 10px}.quiz-card{border:3px solid var(--sand);background:#fff;border-radius:20px;padding:8px 16px 10px}.quiz-progress{color:var(--ink-soft);font-size:15px;font-weight:900}.quiz-end{text-align:center;flex-direction:column;align-items:center;gap:14px;margin:auto 0;padding:28px 20px;display:flex}.quiz-end-title{margin:0;font-size:clamp(24px,4.4vmin,40px);font-weight:900}.quiz-end-score{color:var(--water-deep);margin:0;font-size:clamp(20px,3.4vmin,30px);font-weight:800}.quiz-end-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.quiz-end-buttons .btn{min-height:clamp(60px,9vmin,84px);font-size:clamp(22px,3.8vmin,32px)}.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:clamp(60px,9vmin,84px);padding:8px 16px;font-size:clamp(21px,3.8vmin,34px);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:clamp(22px,4.4vmin,38px)}.race-scene.compact .race-count{font-size:clamp(28px,5vmin,44px)}.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}.arcade{padding:10px 14px;overflow:auto}.arcade-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.arcade-tile{border:4px solid var(--sand);touch-action:manipulation;background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:4px;min-height:160px;padding:14px 10px;display:flex;position:relative}.arcade-tile.recommended{border-color:var(--success);background:#f0fff4}.arcade-tile.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}.arcade-icon{font-size:clamp(44px,8vmin,72px)}.arcade-title{font-size:clamp(20px,3.2vmin,28px);font-weight:900}.arcade-blurb{color:var(--ink-soft);text-align:center;font-size:clamp(14px,2.2vmin,18px);font-weight:700}.arcade-level{color:var(--ink-soft);font-size:15px;font-weight:800}.arcade-stars{color:#e8a33a;letter-spacing:1px}@media (aspect-ratio<=1){.arcade-grid{grid-template-columns:repeat(2,1fr)}}.game{gap:8px;padding:6px 14px 10px;position:relative}.game-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.game-title{font-size:clamp(20px,3.2vmin,28px);font-weight:900}.game-level{color:#fff;background:var(--accent);border-radius:999px;padding:2px 12px;font-size:16px;font-weight:900}.game-dots{gap:8px;margin-left:auto;display:flex}.game-dots .dot{border:3px solid var(--sand-dark);background:#fff;border-radius:50%;width:18px;height:18px}.game-dots .dot.on{background:var(--success);border-color:var(--success)}.game-stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.game-end{z-index:5;background:#fdf6e3bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-end[hidden]{display:none}.game-end-card{border:4px solid var(--success);text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:26px 34px;display:flex}.game-end-card p{margin:0}.game-end-title{font-size:clamp(28px,5vmin,44px);font-weight:900}.game-end-stars{color:#c05621;font-size:clamp(22px,3.6vmin,32px);font-weight:900}.game-end-level{color:var(--success);font-size:clamp(20px,3.2vmin,28px);font-weight:900}.game-end-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.game-end-buttons .btn{min-height:clamp(60px,9vmin,84px);font-size:clamp(22px,3.6vmin,30px)}.sayac{gap:12px;margin:auto;display:flex}.nl-band-a{fill:#f6e3c5}.nl-band-b{fill:#fbd38d}.nl-line,.nl-tick{stroke:var(--ink);stroke-width:3px}.nl-tick{stroke-width:2px}.nl-tick.big{stroke-width:3px}.nl-label{fill:var(--ink);font-size:22px;font-weight:900}.ten-rod rect,.one-cube{fill:#68d391;stroke:#276749;stroke-width:2px}.ten-rod line{stroke:#276749;stroke-width:1.5px}.ten-rod.ghost rect,.one-cube.ghost{fill:none;stroke:#718096;stroke-dasharray:4 3}.ten-rod.ghost line{stroke:#a0aec0;stroke-dasharray:2 3}.gallery-shapes{width:100%;max-height:200px}.balon-scene{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.balon-target-box{z-index:2;background:#fff;border:4px solid #e8a33a;border-radius:999px;align-self:center;align-items:center;gap:12px;padding:4px 22px;display:flex}.balon-target-label{color:var(--ink-soft);font-size:clamp(18px,3vmin,26px);font-weight:800}.balon-target{color:#c05621;font-size:clamp(34px,6vmin,56px);font-weight:900}.balon-field{background:linear-gradient(#cfe9fb,#fdf6e3);border-radius:22px;flex:1;min-height:0;position:relative;overflow:hidden}.balon{--size:clamp(96px, 15vmin, 130px);left:calc(4% + var(--col) * 16%);width:var(--size);height:calc(var(--size) * 1.15);font-size:calc(var(--size) * .36);color:#fff;text-shadow:0 2px #00000040;touch-action:manipulation;animation:balon-rise var(--rise) linear var(--delay) infinite;border:4px solid #0000002e;border-radius:50% 50% 48% 48%;font-weight:900;position:absolute;top:100%}.balon:after{content:"";background:#718096;width:2px;height:30px;position:absolute;top:100%;left:50%}.balon.c0{background:#e53e3e}.balon.c1{background:#3182ce}.balon.c2{background:#38a169}.balon.c3{background:#d69e2e}.balon.c4{background:#805ad5}.balon.c5{background:#dd6b20}.balon.picked{outline:6px solid #fff;animation-play-state:paused;box-shadow:0 0 0 10px #f6ad55}.balon.hint{animation-play-state:paused;box-shadow:0 0 0 8px #68d391}.balon.shake{animation-play-state:paused;translate:0;rotate:8deg}.balon.pop{opacity:0;transition:scale .4s,opacity .4s;scale:1.4}@keyframes balon-rise{0%{top:100%}to{top:-28%}}.balon-hint{border:4px solid var(--success);z-index:3;background:#fff;border-radius:18px;align-items:center;gap:14px;padding:8px 18px;display:flex;position:absolute;bottom:10px;left:50%;translate:-50%}.balon-hint[hidden]{display:none}.balon-hint-blocks{width:auto;height:clamp(70px,12vmin,110px)}.balon-hint-text{font-size:clamp(24px,4vmin,36px);font-weight:900}@media (prefers-reduced-motion:reduce){.balon{top:calc(12% + mod(var(--col), 2) * 40%);animation:none!important}}.zip-scene{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.zip-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.zip-task{font-size:clamp(22px,3.6vmin,32px);font-weight:900}.zip-count{color:var(--water-deep);border:3px solid var(--sand);background:#fff;border-radius:14px;padding:4px 14px;font-size:clamp(20px,3.2vmin,28px);font-weight:900}.zip-svg{background:linear-gradient(#bfe3fb 70%,#9c6b3b 70%);border-radius:22px;flex:1;width:100%;min-height:0}.zip-hill{fill:#c6f6d5}.zip-ground{fill:#9c6b3b}.zip-coin{fill:#f6e05e;stroke:#b7791f;stroke-width:3px}.zip-coin.got{opacity:0;transition:opacity .3s}.zip-start{fill:#4a5568}.zip-flag line{stroke:#4a5568;stroke-width:5px}.zip-flag path{fill:#e53e3e}.zip-flag text{fill:#c53030;font-size:28px;font-weight:900}.zip-tag rect{fill:#fff;stroke:var(--water-deep);stroke-width:3px}.zip-tag text{fill:var(--water-deep);font-size:28px;font-weight:900}.zip-ghost{fill:none;stroke:#2c5282;stroke-width:4px;stroke-dasharray:8 6}.zip-controls{justify-content:center;gap:16px;display:flex}.zip-btn{min-height:clamp(64px,10vmin,92px);font-size:clamp(26px,4.4vmin,40px);font-weight:900}.zip-btn.big{background:var(--water);border-color:var(--water-deep);color:#fff;min-width:clamp(140px,22vmin,200px)}.zip-btn.small{color:#fff;background:#f6ad55;border-color:#c05621;min-width:clamp(96px,14vmin,130px)}.zip-btn.back{font-size:clamp(18px,3vmin,24px)}.kule-scene{flex:1;justify-content:center;gap:18px;min-height:0;display:flex}.kule-board{max-width:60%;height:100%}.kule-well{fill:#2d3748}.kule-grid{stroke:#4a5568;stroke-width:1px}.kule-cell{stroke:#00000040;stroke-width:2px}.kule-cell.l1{fill:#fc8181}.kule-cell.l2{fill:#f6ad55}.kule-cell.l3{fill:#f6e05e}.kule-cell.l4{fill:#68d391}.kule-cell.l5{fill:#63b3ed}.kule-piece{stroke:#fff;stroke-width:3px}.kule-flash{fill:#fff;opacity:.8}.kule-row-count{fill:var(--ink);font-size:24px;font-weight:900}.kule-row-need{fill:#c05621;font-size:20px;font-weight:900}.kule-side{flex-direction:column;gap:12px;min-width:0;display:flex}.kule-side-label{color:var(--ink-soft);font-size:15px;font-weight:900}.kule-next,.kule-bank{border:3px solid var(--sand);background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:8px 12px;display:flex}.kule-next[hidden]{display:none}.kule-next-bar{height:34px}.kule-bank-blocks{height:clamp(80px,16vmin,140px)}.kule-bank-text{color:var(--water-deep);font-size:clamp(18px,3vmin,26px);font-weight:900}.kule-bank.merge{border-color:var(--success);box-shadow:0 0 0 6px #38a1694d}.kule-controls{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:auto;display:grid}.kule-btn{min-height:clamp(64px,10vmin,92px);font-size:clamp(28px,5vmin,44px)}@media (aspect-ratio<=1){.kule-scene{flex-direction:column;align-items:center}.kule-board{max-width:100%;height:auto;max-height:60%}.kule-side{flex-flow:wrap;justify-content:center;align-items:flex-start}.kule-controls{grid-template-columns:repeat(4,1fr)}}.kova-scene{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.kova-main{flex:1;gap:12px;min-height:0;display:flex}.kova-svg{border:3px solid var(--sand);background:#fff;border-radius:22px;flex:1;min-width:0;height:100%}.kova-shelf{fill:#e8d3a8}.kova-row-label{fill:var(--ink);font-size:34px;font-weight:900}.onluk-kova .v-outline,.onluk-kova .v-extra{stroke:#c05621}.onluk-kova.empty .v-outline{stroke-dasharray:8 5}.vessel.ghost{opacity:.35}.kova-hit{cursor:pointer}.kova-hot-area{fill:#0000;stroke:#0000;stroke-width:4px}.kova-hit.hot .kova-hot-area{stroke:#f6ad55;stroke-dasharray:10 6;fill:#f6ad5514}.kova-hit.hint-glow .kova-hot-area{stroke:var(--success);fill:#38a16926;stroke-dasharray:none}.kova-column{border:3px solid var(--sand);background:#fff;border-radius:22px;grid-template-columns:repeat(3,1.2em);grid-auto-rows:auto;align-content:center;justify-items:center;padding:12px 18px;font-size:clamp(34px,6vmin,54px);font-weight:900;line-height:1.15;display:grid}.kc-d.struck{-webkit-text-decoration:line-through #c05621;text-decoration:line-through #c05621;text-decoration-thickness:4px}.kc-d.q{color:#cbd5e0}.kc-m{color:#c05621;font-size:.5em}.kc-line{background:var(--ink);grid-column:1/-1;width:100%;height:4px;margin:2px 0}.kova-bottom{align-items:center;gap:12px;display:flex}.kova-ask{min-width:5em;font-size:clamp(22px,3.6vmin,32px);font-weight:900}.kova-options{flex:1;gap:12px;display:flex}@media (aspect-ratio<=1){.kova-main{flex-direction:column}.kova-column{align-self:center}}.onluk-kova .unit-line text{display:none}.yilan-scene{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.yilan-status{align-self:center;font-size:clamp(22px,3.6vmin,32px);font-weight:900}.yilan-num{border:3px solid var(--sand);min-width:2ch;color:var(--water-deep);text-align:center;background:#fff;border-radius:12px;padding:0 10px;display:inline-block}.yilan-num.target{color:#c05621}.yilan-main{flex:1;justify-content:center;gap:16px;min-height:0;display:flex}.yilan-board-box{flex:1;min-width:0;min-height:0;display:flex;position:relative}.yilan-board{touch-action:none;width:100%;height:100%}.yilan-tile{fill:#c6f6d5}.yilan-tile.b{fill:#b5ecc5}.yilan-seg.ten{fill:#276749;stroke:#1c4532;stroke-width:3px}.yilan-seg.one{fill:#9ae6b4;stroke:#2f855a;stroke-width:3px}.yilan-seg-ten{fill:#fff;font-size:18px;font-weight:900}.yilan-head{fill:#48bb78;stroke:#1c4532;stroke-width:4px}.yilan-head-num{fill:#fff;font-size:26px;font-weight:900}.yilan-fruit circle{stroke:#00000040;stroke-width:3px}.yilan-fruit.plus circle{fill:#e53e3e}.yilan-fruit.minus circle{fill:#805ad5}.yilan-fruit text{fill:#fff;font-size:22px;font-weight:900}.yilan-nest ellipse{fill:#a0aec0}.yilan-nest.open ellipse{fill:#f6e05e;stroke:#d69e2e;stroke-width:4px}.yilan-nest text{font-size:26px}.yilan-pad{grid-template-rows:repeat(3,clamp(64px,10vmin,92px));grid-template-columns:repeat(3,clamp(64px,10vmin,92px));align-self:center;gap:6px;display:grid}.yilan-btn{padding:0;font-size:clamp(26px,4.4vmin,40px)}.yilan-btn.up{grid-area:1/2}.yilan-btn.left{grid-area:2/1}.yilan-btn.right{grid-area:2/3}.yilan-btn.down{grid-area:3/2}.yilan-ask{border:4px solid var(--accent);background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:18px;display:flex;position:absolute;inset:10% 8%}.yilan-ask[hidden]{display:none}.yilan-ask-text{text-align:center;margin:0;font-size:clamp(22px,4vmin,34px);font-weight:900}.yilan-ask-buttons{gap:14px;display:flex}.yilan-need{min-width:clamp(80px,13vmin,120px);min-height:clamp(64px,10vmin,88px);font-size:clamp(28px,5vmin,44px)}.yilan-need.tried{opacity:.45;border-style:dashed}.yilan-ask-blocks{height:clamp(70px,12vmin,110px)}@media (aspect-ratio<=1){.yilan-main{flex-direction:column;align-items:center}.yilan-board-box{width:100%}}.ucan-scene{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.ucan-stage{flex:1;min-height:0;display:flex;position:relative}.ucan-svg{background:linear-gradient(#9fd3f5,#e6f4fd);border-radius:22px;width:100%;height:100%}.ucan-cloud{fill:#fff;opacity:.85}.ucan-umbrella{fill:#e53e3e;stroke:#9b2c2c;stroke-width:6px}.ucan-handle{stroke:#4a5568;stroke-width:8px}.ucan-bubble circle{fill:#fff;stroke:var(--water-deep);stroke-width:4px}.ucan-bubble text{fill:var(--water-deep);font-size:34px;font-weight:900}.ucan-post{fill:#b7791f}.ucan-sign{fill:#fff;stroke:#c05621;stroke-width:4px}.ucan-gate text{fill:#c05621;font-size:34px;font-weight:900}.ucan-gate.tried{opacity:.35}.ucan-gate.tried .ucan-sign{fill:#edf2f7;stroke:#a0aec0}.ucan-lane{cursor:pointer}.ucan-controls{justify-content:center;gap:16px;display:flex}.ucan-btn{min-width:clamp(80px,13vmin,120px);min-height:clamp(64px,10vmin,88px);font-size:clamp(26px,4.4vmin,38px)}.ucan-hint{border:4px solid var(--success);background:#fff;border-radius:18px;align-self:center;width:min(92%,760px);padding:4px 12px}.ucan-hint[hidden]{display:none}.ucan-hint-line{width:100%;height:auto;max-height:clamp(90px,16vmin,130px);display:block}.ucan-hint-arc{fill:none;stroke:#a0aec0;stroke-width:4px}.ucan-hint-arc.right{stroke:var(--success)}.ucan-hint-arc.a0{stroke:#e53e3e}.ucan-hint-arc.a1{stroke:#3182ce}.ucan-hint-arc.a2{stroke:#805ad5}.ucan-hint-arc.right{stroke:var(--success);stroke-width:6px}.ucan-hint-labels{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.ucan-hint-label{border:3px solid;border-radius:10px;padding:0 10px;font-size:clamp(20px,3.4vmin,28px);font-weight:900}.ucan-hint-label.a0{color:#c53030}.ucan-hint-label.a1{color:#2b6cb0}.ucan-hint-label.a2{color:#6b46c1}.ucan-hint-label.right{color:var(--success);background:var(--success-soft)}.canavar-scene{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.canavar-main{flex:1;gap:14px;min-height:0;display:flex}.canavar-field{background:linear-gradient(#e9d8fd,#faf5ff);border-radius:22px;flex:1;min-width:0;padding:14px 14px 14px clamp(110px,16vmin,150px);display:flex;position:relative;overflow:hidden}.canavar-grid{z-index:1;flex:1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.canavar-card{min-height:64px;color:var(--ink);touch-action:manipulation;background:#fff;border:4px solid #805ad5;border-radius:18px;font-size:clamp(24px,4.4vmin,40px);font-weight:900;transition:transform .3s,opacity .3s}.canavar-card.tried{opacity:.5;border-style:dashed;border-color:#a0aec0}.canavar-card.eaten{opacity:0;transform:scale(.2)}.canavar-monster{width:clamp(96px,15vmin,140px);height:clamp(96px,15vmin,140px);transform:var(--to,translate(8px, calc(100% + 120px)));z-index:2;pointer-events:none;transition:transform .45s ease-in-out;position:absolute;top:0;left:0}.canavar-monster svg{width:100%;height:100%}.canavar-monster.chomp svg{transition:scale .2s;scale:1.2}.canavar-monster.sniff svg{transition:rotate .2s;rotate:-10deg}.canavar-cloud{opacity:.8;background:#fff;border-radius:999px;width:140px;height:46px;animation:40s linear infinite canavar-drift;position:absolute;top:20px;left:-160px}@keyframes canavar-drift{to{translate:calc(100vw + 200px)}}.canavar-hint{border:4px solid var(--success);background:#fff;border-radius:18px;align-self:center;width:clamp(260px,40vmin,400px);padding:8px}.canavar-hint[hidden]{display:none}.canavar-balance{width:100%;height:auto}.balance-stand{fill:#a0aec0}.balance-beam{fill:#718096}.balance-string{stroke:#718096;stroke-width:3px}.balance-pan{fill:#e2e8f0;stroke:#718096;stroke-width:3px}.balance-label{fill:var(--ink);font-size:46px;font-weight:900}.balance-sign{fill:#c05621;font-size:90px;font-weight:900}@media (aspect-ratio<=1){.canavar-main{flex-direction:column}.canavar-hint{width:auto}}.sapan-scene{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.sapan-svg{touch-action:none;background:linear-gradient(#bee3f8 75%,#c6f6d5 75%);border-radius:22px;flex:1;width:100%;min-height:0}.sapan-ground{fill:#c6f6d5}.sapan-hit{fill:#0000;cursor:grab}.sapan-post{fill:none;stroke:#744210;stroke-width:12px;stroke-linecap:round;stroke-linejoin:round}.sapan-band{fill:none;stroke:#c05621;stroke-width:5px}.sapan-aim path{fill:#e53e3e;stroke:#fff;stroke-width:3px}.sapan-star path{fill:#f6e05e;stroke:#b7791f;stroke-width:3px}.sapan-star text{fill:#c05621;font-size:28px;font-weight:900}.sapan-start{fill:var(--water-deep)}.sapan-hop{fill:none;stroke:var(--water-deep);stroke-width:4px}.sapan-hop-label{fill:var(--water-deep);font-size:22px;font-weight:900}.no-hit{pointer-events:none}.yilan-flash{fill:#c05621;stroke:#fff;stroke-width:5px;paint-order:stroke;font-size:26px;font-weight:900;animation:1.2s ease-out forwards yilan-float}@keyframes yilan-float{0%{opacity:1;translate:0}to{opacity:0;translate:0 -40px}}.yilan-snake.pulse .yilan-seg.ten{animation:.6s ease-in-out 2 yilan-pulse}@keyframes yilan-pulse{50%{fill:#f6e05e}}.game-speed{min-height:48px;padding:4px 14px;font-size:clamp(16px,2.6vmin,22px)}@media (height<=650px){.ucan-hint{align-items:center;gap:10px;padding:2px 8px;display:flex}.ucan-hint-line{flex:1;min-width:0;max-height:60px}.ucan-hint-labels{flex-wrap:nowrap;gap:6px}.ucan-hint-label{padding:0 6px;font-size:18px}}@media (prefers-reduced-motion:reduce){.yilan-flash{animation:none!important}}