@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.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:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.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{--sunrise:#f28c28;--sunrise-deep:#e0701a;--gold:#f6c343;--acacia:#8fb04a;--acacia-deep:#5c7a2b;--pink:#f7a8c4;--sky:#9ad8f3;--cream:#fff6e3;--sand:#f6deb0;--ink:#5a3418;--ink-soft:#5a341840;--white:#fffdf8;--tap:76px;--radius:26px;--gutter:16px;--shadow:0 6px 0 var(--ink-soft);color:var(--ink);background:var(--cream);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:Fredoka Variable,Fredoka,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-weight:500}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(ellipse 120% 60% at 50% 0%, #ffd59a 0%, #ffd59a00 70%), linear-gradient(180deg, #ffe7bf 0%, var(--cream) 45%, #fbe7c0 100%);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-attachment:fixed;min-height:100dvh;overflow-x:hidden}button,a{font:inherit;color:inherit;touch-action:manipulation}button{cursor:pointer}:focus-visible{outline:4px solid var(--sunrise-deep);outline-offset:3px}.app{min-height:100dvh}.screen{max-width:1200px;padding:0 var(--gutter) calc(96px + env(safe-area-inset-bottom));margin:0 auto;animation:.35s ease-out screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}}.round-btn{min-width:var(--tap);min-height:var(--tap);border:4px solid var(--ink);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.round-btn:active{box-shadow:0 2px 0 var(--ink-soft);transform:translateY(4px)}.round-btn .icon{width:52px;height:52px}.topbar{padding:calc(12px + env(safe-area-inset-top)) 0 12px;align-items:center;gap:12px;display:flex}.topbar-spacer{flex:1}.home-btn{background:var(--gold);flex:none;width:88px;height:88px}.home-btn .icon{width:62px;height:62px}.page-title{text-align:center;overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:clamp(1.1rem,3.5vw,1.8rem);font-weight:600;line-height:1.1}.page-title:focus{outline:none}.settings{flex:none;gap:8px;display:flex}.setting{width:84px;padding:4px 2px}.setting .icon{width:44px;height:44px}.btn-note{text-align:center;white-space:pre-line;font-size:.7rem;font-weight:600;line-height:1.05}@media (width<=400px){:root{--gutter:14px}}@media (width<=430px){.setting{width:76px}.page-title{font-size:1rem}.home-btn{width:80px;height:80px}}.caption-wrap{left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));padding:0 var(--gutter);pointer-events:none;z-index:50;justify-content:center;display:flex;position:fixed}.caption{border:4px solid var(--ink);background:var(--white);max-width:640px;box-shadow:var(--shadow);text-align:center;border-radius:28px;margin:0;padding:12px 22px;font-size:clamp(1.15rem,3.6vw,1.6rem);font-weight:600;animation:.3s cubic-bezier(.3,1.6,.6,1) pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}}@keyframes bounce{0%,to{transform:translateY(0)}35%{transform:translateY(-14%)}60%{transform:translateY(0)scaleY(.94)}80%{transform:translateY(-4%)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-120px)scale(1.1)}}.bounce{transform-box:fill-box;transform-origin:50% 100%;animation:.7s ease-out bounce}.tappable{cursor:pointer}.tappable:focus{outline:none}.tappable:focus-visible>*{filter:drop-shadow(0 0 6px var(--sunrise-deep))}.celebration{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.confetti{animation:2.6s ease-in forwards confetti-fall;display:block;position:absolute;top:-80px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(110vh)rotate(300deg)}}.big-again{background:var(--acacia);width:110px;height:110px;animation:.4s cubic-bezier(.3,1.6,.6,1) pop-in}.big-again .icon{width:72px;height:72px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.celebration{display:none}}.animal-fact{border:4px solid var(--ink);background:var(--white);min-height:108px;box-shadow:var(--shadow);border-radius:28px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 16px 10px 10px;display:flex}.animal-fact p{margin:0;font-size:clamp(1rem,3vw,1.35rem);font-weight:600;line-height:1.3}.animal-fact .hint{text-align:center;flex:1;font-size:1.4rem}.listen-btn{border:4px solid var(--ink);background:var(--gold);width:84px;height:84px;box-shadow:var(--shadow);border-radius:24px;flex:none;justify-content:center;align-items:center;animation:.3s ease-out pop-in;display:flex}.listen-btn .icon{width:56px;height:56px}.animal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width>=700px){.animal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.animal-btn{border:4px solid var(--ink);box-shadow:var(--shadow);background:linear-gradient(#fff6e3 0%,#fbe3b4 100%);border-radius:28px;flex-direction:column;align-items:center;min-height:150px;padding:10px 6px 8px;display:flex}.animal-btn.is-picked{background:linear-gradient(#fff3c4 0%,#f7cf6a 100%)}.animal-btn:active{box-shadow:0 2px 0 var(--ink-soft);transform:translateY(4px)}.animal-art{aspect-ratio:1;width:min(100%,150px);display:block}.is-picked .animal-art{transform-origin:50% 100%;animation:.7s ease-out bounce,.5s ease-in-out .7s 2 wiggle}.animal-name{font-size:1rem;font-weight:600}.pages-row{justify-content:center;gap:12px;margin-bottom:12px;display:flex}.page-thumb{border:4px solid var(--ink);background:var(--white);width:92px;height:92px;box-shadow:var(--shadow);border-radius:22px;padding:4px;overflow:hidden}.page-thumb svg{border-radius:14px;width:100%;height:100%;display:block}.page-thumb[aria-pressed=true]{outline:6px solid var(--sunrise);outline-offset:2px;transform:translateY(-3px)}.coloring-main{flex-direction:column;gap:14px;display:flex}.canvas-wrap{width:100%;max-width:min(640px,max(300px,100dvh - 240px));margin:0 auto;position:relative}.canvas{border:4px solid var(--ink);width:100%;height:auto;box-shadow:var(--shadow);touch-action:manipulation;background:#fff;border-radius:28px;display:block}.region{cursor:pointer;transition:fill .2s}.region:focus{outline:none}.region:focus-visible{stroke:var(--sunrise-deep);stroke-width:8px}.coloring-side{flex-direction:column;gap:14px;display:flex}.palette{grid-template-columns:repeat(auto-fill, minmax(var(--tap), 1fr));gap:10px;display:grid}.swatch{aspect-ratio:1;min-height:var(--tap);border:4px solid var(--ink);box-shadow:var(--shadow);border-radius:50%;padding:0}.swatch[aria-pressed=true]{outline:6px solid var(--ink);outline-offset:3px;transform:scale(1.06)}.tools{justify-content:center;gap:18px;display:flex}.tool{width:96px;height:96px}.tool .icon{width:64px;height:64px}@media (width>=1000px){.coloring-main{flex-direction:row;align-items:flex-start}.canvas-wrap{flex:1;margin:0}.coloring-side{width:360px}}.count-choose{flex-wrap:wrap;justify-content:center;gap:clamp(0px,10vw - 39px,14px);margin-bottom:14px;display:flex}.dice-btn{background:0 0;border:none;border-radius:18px;flex:none;width:72px;height:72px;padding:5px}.dice-btn .icon{width:100%;height:100%;filter:drop-shadow(0 4px 0 var(--ink-soft))}.dice-btn[aria-pressed=true]{outline:5px solid var(--sunrise);outline-offset:1px;transform:translateY(-3px)}.meadow{aspect-ratio:4/3;border:4px solid var(--ink);width:100%;max-width:900px;box-shadow:var(--shadow);background:radial-gradient(30% 12% at 20% 88%,#8fb04a80,#0000 70%),radial-gradient(30% 12% at 80% 90%,#8fb04a80,#0000 70%),linear-gradient(#ffe3a6 0%,#ffeccb 22%,#e8c46c 23%,#d8b25c 100%);border-radius:32px;margin:0 auto;position:relative;overflow:hidden}@media (width<=560px){.meadow{aspect-ratio:3/4}}.count-cub{aspect-ratio:1;background:0 0;border:none;width:clamp(96px,26%,200px);padding:0;position:absolute;transform:translate(-50%,-50%)}.meadow[data-total="1"] .count-cub{width:clamp(150px,42%,300px)}.meadow[data-total="2"] .count-cub{width:clamp(130px,36%,260px)}.meadow[data-total="3"] .count-cub{width:clamp(110px,30%,220px)}.meadow[data-total="5"] .count-cub,.meadow[data-total="4"] .count-cub{width:clamp(92px,24%,180px)}.count-cub-art{width:100%;height:100%;display:block}.count-cub.is-counted .count-cub-art{transform-origin:50% 100%;animation:.6s ease-out bounce}.count-badge{border:4px solid var(--ink);background:var(--gold);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;font-weight:700;line-height:1;animation:.35s cubic-bezier(.3,1.6,.6,1) pop-in;display:flex;position:absolute;top:-16%;left:50%;transform:translate(-50%)}.count-footer{justify-content:center;align-items:center;gap:24px;min-height:130px;margin-top:14px;display:flex}.count-total{color:var(--sunrise-deep);text-shadow:0 5px 0 var(--ink-soft);margin:0;font-size:5.5rem;font-weight:700;line-height:1}.cub-page{position:relative}.cub-stage{border:4px solid var(--ink);box-shadow:var(--shadow);background:radial-gradient(circle at 80% 18%,#ffd978 0 46px,#ffd97859 47px 70px,#0000 71px),linear-gradient(#ffd99a 0%,#ffeccb 55%,#e8c46c 56%,#d8b25c 100%);border-radius:32px;flex-direction:column;align-items:center;padding:12px 0 0;transition:background .6s;display:flex;position:relative;overflow:hidden}.is-night .cub-stage{background:radial-gradient(circle at 80% 18%,#fff4c4 0 34px,#0000 35px),linear-gradient(#2c3163 0%,#4a4a86 55%,#6f6a4a 56%,#5b5638 100%)}.night-sky{pointer-events:none;background-image:radial-gradient(2.5px 2.5px at 12% 20%,#fff 50%,#0000 51%),radial-gradient(3px 3px at 30% 40%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 45% 12%,#fff 50%,#0000 51%),radial-gradient(3px 3px at 62% 30%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 90%,#fff 50%,#0000 51%),radial-gradient(2.5px 2.5px at 8% 60%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 55% 58%,#fff 50%,#0000 51%);animation:2.4s ease-in-out infinite alternate twinkle;position:absolute;inset:0 0 45%}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.cub-btn{aspect-ratio:1;background:0 0;border:none;width:min(80vw,560px,100dvh - 360px);min-width:240px;padding:0;position:relative}.cub-body{transform-origin:50% 90%;width:100%;height:100%;display:block}.mood-glad .cub-body,.mood-spinner .cub-body{animation:.7s ease-out bounce}.mood-ater .cub-body{animation:.3s ease-in-out 3 munch}.mood-borstas .cub-body{animation:.5s ease-in-out 2 wiggle}.mood-leker .cub-body{animation:.5s ease-out 2 bounce}.mood-sover .cub-body{animation:3s ease-in-out infinite breathe}@keyframes munch{50%{transform:scaleY(.95)translateY(2%)}}@keyframes breathe{50%{transform:scale(1.03,.98)}}.cub-prop{width:30%;height:30%;position:absolute}.prop-food{animation:.3s ease-out pop-in;bottom:4%;left:35%}.prop-brush{animation:.5s ease-in-out 2 brush;top:30%;right:4%}@keyframes brush{50%{transform:translate(-30%,10%)rotate(-12deg)}}.prop-ball{width:26%;height:26%;animation:.5s ease-out 2 ball;bottom:6%;right:0}@keyframes ball{50%{transform:translateY(-60%)rotate(180deg)}}.zzz{color:#fff4c4;pointer-events:none;font-size:clamp(2rem,7vw,3.4rem);font-weight:700;position:absolute;top:2%;right:6%}.zzz span{animation:2.4s ease-in-out infinite zzz;display:inline-block}.zzz span:nth-child(2){font-size:1.2em;animation-delay:.4s}.zzz span:nth-child(3){font-size:1.5em;animation-delay:.8s}@keyframes zzz{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-12px)}}.hearts{pointer-events:none;position:absolute;inset:0}.hearts svg{width:18%;height:18%;animation:1.4s ease-out forwards float-up;position:absolute;top:20%}.hearts svg:first-child{left:10%}.hearts svg:nth-child(2){animation-delay:.2s;top:6%;left:42%}.hearts svg:nth-child(3){animation-delay:.4s;left:72%}.cub-name{background:#fffc;border-radius:20px;margin:0 0 12px;padding:2px 18px;font-size:1.4rem;font-weight:700}.care-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.care-btn{aspect-ratio:1;min-height:var(--tap);border:4px solid var(--ink);background:var(--white);max-height:150px;box-shadow:var(--shadow);border-radius:28px;justify-content:center;align-items:center;padding:8px;display:flex}.care-btn:first-child{background:#ffe1c7}.care-btn:nth-child(2){background:#eadcff}.care-btn:nth-child(3){background:#ffe6b0}.care-btn:nth-child(4){background:#d7f0fb}.care-btn:active{box-shadow:0 2px 0 var(--ink-soft);transform:translateY(4px)}.care-icon{width:min(100%,96px);height:auto}@media (width>=900px){.cub-page{grid-template-rows:auto 1fr;grid-template-columns:1fr 200px;column-gap:20px;display:grid}.cub-page .topbar{grid-column:1/-1}.care-bar{grid-template-columns:1fr;align-content:start;margin-top:0}.care-btn{aspect-ratio:auto;height:130px}}.home .topbar{padding-bottom:0}.greeting{text-align:center;margin:-8px 0 8px}.greeting-btn{min-height:var(--tap);color:var(--sunrise-deep);letter-spacing:.01em;text-shadow:0 4px #ffffffe6;background:0 0;border:none;padding:4px 16px;font-size:clamp(2.6rem,10vw,4.6rem);font-weight:700;animation:3.6s ease-in-out infinite greet}@keyframes greet{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)scale(1.03)}}.hero{border:4px solid var(--ink);box-shadow:var(--shadow);background:#ffe9c2;border-radius:32px;overflow:hidden}.savanna{width:100%;height:auto;display:block}.sun-rays{transform-origin:0 0;animation:40s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tiles{--gap:14px;justify-content:center;gap:var(--gap);flex-wrap:wrap;margin:18px 0;display:flex}.tile{--tile:var(--gold);flex:0 0 calc((100% - var(--gap)) / 2);border:4px solid var(--ink);background:radial-gradient(circle at 50% 35%, #ffffff8c, #fff0 65%), var(--tile);min-height:150px;box-shadow:var(--shadow);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 8px;text-decoration:none;transition:transform .12s;display:flex}.tile:active{transform:translateY(4px)scale(.98)}.tile-label{text-align:center;font-size:.95rem;font-weight:600;line-height:1.1}.tile-art{justify-content:center;align-items:center;width:118px;height:108px;display:flex;position:relative}.tile-main{width:108px;height:108px}.tile-badge{width:50px;height:50px;position:absolute;bottom:-2px;right:-10px}.tile-pair .tile-a,.tile-pair .tile-b{width:84px;height:84px;position:absolute}.tile-pair .tile-a{top:0;left:-6px}.tile-pair .tile-b{bottom:0;right:-6px}.tile-cubs svg:not(.tile-badge){width:52px;height:52px;margin:0 -8px}.tile-cubs svg:nth-child(2){transform:translateY(-14px)}@media (width>=700px){.tile{flex-basis:calc((100% - 2 * var(--gap)) / 3);min-height:190px}.tile-art{width:150px;height:136px}.tile-main{width:136px;height:136px}.tile-label{font-size:1.15rem}}@media (width>=1100px){.tile{flex-basis:calc((100% - 4 * var(--gap)) / 5)}}.fact-card{border:4px solid var(--ink);background:var(--white);box-shadow:var(--shadow);border-radius:30px;align-items:center;gap:14px;padding:12px 16px 12px 12px;display:flex}.fact-btn{background:0 0;border:none;flex:none;width:104px;height:104px;padding:0;position:relative}.fact-lion{width:100%;height:100%;animation:2.8s ease-in-out infinite wiggle}.fact-listen{width:44px;height:44px;position:absolute;top:-6px;right:-8px}.fact-text{margin:0;font-size:clamp(1.05rem,3.2vw,1.4rem);font-weight:600;line-height:1.3}.memory-page{position:relative}.memory-modes{justify-content:center;gap:14px;margin-bottom:14px;display:flex}.mode-btn{min-width:96px;min-height:var(--tap);border:4px solid var(--ink);background:var(--white);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:repeat(4,14px);place-content:center;gap:4px;padding:8px;display:grid}.mode-btn[aria-pressed=true]{background:var(--gold)}.mini-card{background:var(--sunrise);border:2px solid var(--ink);border-radius:4px;width:14px;height:18px}.memory-grid{perspective:900px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:640px;margin:0 auto;display:grid}.memory-grid.cards-8{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=560px){.memory-grid.cards-6{grid-template-columns:repeat(2,minmax(0,1fr));max-width:380px}.memory-grid.cards-8{grid-template-columns:repeat(2,minmax(0,1fr));max-width:330px}}.card{aspect-ratio:3/4;min-height:var(--tap);background:0 0;border:none;padding:0}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s;display:block;position:relative}.card.is-up .card-inner{transform:rotateY(180deg)}.card-back,.card-front{border:4px solid var(--ink);box-shadow:var(--shadow);backface-visibility:hidden;border-radius:22px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-back{background:repeating-linear-gradient(45deg, var(--sunrise) 0 14px, #f39c43 14px 28px)}.card-paw{filter:drop-shadow(0 2px #fff9);width:58%;height:58%}.card-paw ellipse,.card-paw circle{fill:#fff4dc}.card-front{background:var(--white);padding:8%;transform:rotateY(180deg)}.card.is-matched .card-front{background:#e9f5cf;animation:.6s ease-out match-glow}@keyframes match-glow{50%{transform:rotateY(180deg)scale(1.08)}}.won-bar{justify-content:center;margin-top:20px;display:flex}