@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+0307-0308,U+0590-05FF,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sky-1:#93d3ff;--sky-2:#c9ecff;--sky-3:#fff4e4;--ink:#38456a;--ink-2:#6a7799;--ink-3:#9aa5c2;--paper:#fff;--paper-2:#f3f7ff;--coral:#ff6b81;--coral-d:#d9435c;--coral-l:#ff9aab;--mint:#3ecf8e;--mint-d:#1fa36b;--sun:#ffcc33;--sun-d:#e0a800;--bad:#ff5a6e;--grass-1:#c6ebb2;--grass-2:#ade094;--grass-3:#93d47c;--clay: 0 4px 0 rgba(56,69,106,.13), 0 10px 22px rgba(56,69,106,.12);--font:"Fredoka Variable", "Fredoka", ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--sky-2);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:4px solid #fff;outline-offset:3px;box-shadow:0 0 0 7px var(--coral)}.app{position:relative;height:100vh;height:100dvh;overflow:clip;isolation:isolate}.sky{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 46%,var(--sky-3) 100%)}.cloud{position:absolute;display:block;width:220px;height:64px;border-radius:64px;background:#fff;opacity:.85;box-shadow:inset 0 -8px #93d3ff40;animation:drift linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:96px;height:96px;left:34px;top:-46px}.cloud:after{width:70px;height:70px;left:112px;top:-30px}.c1{top:9%;left:-240px;animation-duration:150s;animation-delay:-40s;transform:scale(.9)}.c2{top:22%;left:-240px;animation-duration:210s;animation-delay:-150s;transform:scale(.6);opacity:.7}.c3{top:4%;left:-240px;animation-duration:180s;animation-delay:-100s;transform:scale(.5);opacity:.6}.c4{top:30%;left:-240px;animation-duration:240s;animation-delay:-20s;transform:scale(.75);opacity:.55}@keyframes drift{0%{translate:0 0}to{translate:calc(100vw + 480px) 0}}.land{position:absolute;left:0;right:0;bottom:0;height:min(38vh,360px)}.land .hills{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 -3px 6px rgba(40,95,45,.16))}.land .hills:first-child{filter:none}@media(max-width:700px)and (orientation:portrait){.land{height:min(27vh,250px)}.bee{bottom:min(24vh,220px)}}.prop{position:absolute;translate:-50% 0;pointer-events:none}.prop img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 3px rgba(56,90,50,.22))}.prop img.flip{scale:-1 1}.prop:before{content:"";position:absolute;left:12%;right:12%;bottom:2%;height:12%;border-radius:50%;background:#285a282e;filter:blur(3px);z-index:-1}.prop.sway img{transform-origin:50% 100%;animation:sway 4.5s ease-in-out infinite;animation-delay:inherit}@keyframes sway{0%,to{rotate:-4deg}50%{rotate:4deg}}.prop.snail{transition:left .12s linear,bottom .12s linear}.prop.snail img{animation:crawl 1.6s ease-in-out infinite}@keyframes crawl{0%,to{scale:1 1}50%{scale:1.06 .95}}.prop.snail img.flip{animation-name:crawlFlip}@keyframes crawlFlip{0%,to{scale:-1 1}50%{scale:-1.06 .95}}.bee{position:absolute;left:0;scale:-1 1;bottom:min(34vh,330px);width:clamp(38px,5vw,64px);height:auto;opacity:0;pointer-events:none;filter:drop-shadow(0 6px 4px rgba(56,69,106,.18));animation:bee 34s linear infinite 6s}@keyframes bee{0%{opacity:0;translate:-10vw 0;rotate:6deg}2%{opacity:1}6%{translate:15vw -4vh;rotate:-6deg}10%{translate:35vw 2vh;rotate:6deg}14%{translate:55vw -5vh;rotate:-6deg}18%{translate:75vw 1vh;rotate:6deg}22%{translate:95vw -3vh;rotate:-4deg;opacity:1}24%,to{translate:110vw -3vh;opacity:0}}.screen{position:absolute;inset:0;display:none}.gm[data-screen=start]>.start{display:grid}.gm[data-screen=game]>.game,.gm[data-screen=results]>.game{display:grid}.gm[data-screen=results]>.results{display:grid}.btn-play{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-width:7.5em;padding:.5em 1.4em .55em 1.1em;border:0;border-radius:999px;overflow:hidden;font-size:clamp(1.6rem,3.2vw,2.5rem);font-weight:700;letter-spacing:.01em;color:#fff;background:linear-gradient(180deg,var(--coral-l),var(--coral) 60%);box-shadow:0 8px 0 var(--coral-d),0 16px 30px #d9435c52;text-shadow:0 2px 0 rgba(160,30,50,.22);transition:transform .12s ease,box-shadow .12s ease,filter .2s}.btn-play .ico{width:1em;height:1em;position:relative;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.btn-play .btn-label{position:relative}.btn-play:hover{filter:brightness(1.05)}.btn-play:active{transform:translateY(6px);box-shadow:0 2px 0 var(--coral-d),0 6px 14px #d9435c4d}.btn-play:disabled{cursor:progress;background:#e4e9f5;color:var(--ink-2);text-shadow:none;box-shadow:0 8px #c5cde0,0 16px 30px #38456a1f}.btn-play:disabled .ico{opacity:.4}.btn-fill{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:linear-gradient(180deg,#d6f5e6,#b8ecd3);transition:transform .25s ease}.btn-play:not(:disabled) .btn-fill{display:none}.btn-play.small{font-size:1.25rem;min-width:0;padding:.45em 1.3em}.btn-soft{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4em;border:0;border-radius:999px;padding:.5em 1.15em .55em;font-size:clamp(1.3rem,2.5vw,1.95rem);font-weight:700;line-height:1.2;color:var(--ink);background:linear-gradient(180deg,#fff,#eef3ff);box-shadow:0 7px #cdd6ea,0 14px 26px #38456a24;transition:transform .12s ease,box-shadow .12s ease,filter .2s}.btn-soft:hover{filter:brightness(1.02)}.btn-soft:active{transform:translateY(5px);box-shadow:0 2px #cdd6ea,0 6px 12px #38456a1f}.btn-soft:disabled{opacity:.55;cursor:default}.btn-soft .ico{width:1.05em;height:1.05em;flex:none;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.btn-soft .ico-img{width:1.55em;height:1.55em;margin:-.3em -.05em -.3em -.2em;flex:none;filter:drop-shadow(0 2px 2px rgba(56,69,106,.18))}.btn-soft .chip{margin-left:.15em;padding:.08em .5em;border-radius:999px;background:#e9efff;color:var(--ink-2);font-size:.72em;font-weight:600;font-variant-numeric:tabular-nums}.btn-soft .badge{position:absolute;top:-.55em;right:-.35em;padding:.12em .5em;border-radius:999px;background:var(--coral);color:#fff;font-size:.62em;font-weight:700;box-shadow:0 3px 0 var(--coral-d)}.btn-soft.has-new .ico-img{animation:wiggle 1.6s ease-in-out infinite}.btn-soft.sm{font-size:1.1rem;font-weight:600;padding:.5em 1.15em;box-shadow:0 5px #d3dbee,0 10px 18px #38456a1a}.btn-soft.sm:active{transform:translateY(4px);box-shadow:0 1px #d3dbee}.btn-soft.danger{color:var(--coral-d)}.btn-soft.armed{background:var(--coral);color:#fff;box-shadow:0 5px 0 var(--coral-d)}@keyframes wiggle{0%,70%,to{rotate:0deg}78%{rotate:-12deg}86%{rotate:10deg}94%{rotate:-5deg}}.pill{display:inline-flex;align-items:center;gap:.35em;height:clamp(42px,6.4vh,58px);padding:0 1em 0 .35em;border-radius:999px;background:var(--paper);box-shadow:var(--clay);font-size:clamp(1.2rem,2.3vw,1.75rem);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.pill img{width:1.7em;height:1.7em;flex:none}.pulpi{position:absolute;left:clamp(6px,2vw,34px);bottom:clamp(6px,2vh,26px);width:clamp(120px,15.5vw,240px);z-index:6;pointer-events:none}.pulpi img{width:100%;height:auto;transform-origin:50% 100%;filter:drop-shadow(0 14px 14px rgba(56,69,106,.2));animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{translate:0 0;rotate:-1.5deg}50%{translate:0 -8px;rotate:1.5deg}}.bubble{position:absolute;left:58%;bottom:86%;padding:.38em .8em .42em;border-radius:22px;background:#fff;box-shadow:var(--clay);font-size:clamp(1.05rem,1.7vw,1.5rem);font-weight:600;line-height:1.2;width:max-content;max-width:min(300px,42vw);transform-origin:0 100%;opacity:0;transform:scale(.5)}.bubble:after{content:"";position:absolute;left:14px;bottom:-9px;width:18px;height:18px;background:#fff;border-radius:0 0 18px;transform:skew(-20deg)}.bubble.on{opacity:1;transform:none;transition:transform .3s cubic-bezier(.3,1.6,.5,1),opacity .15s}.controls{position:absolute;right:clamp(8px,1.4vw,22px);bottom:clamp(8px,2vh,24px);display:flex;flex-direction:column;gap:10px;z-index:70}.ctl{position:relative;width:46px;height:46px;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffffb8;box-shadow:0 3px #38456a1f;color:var(--ink-2);transition:background .2s,color .2s,transform .1s}.ctl:hover{background:#fff;color:var(--ink)}.ctl:active{transform:translateY(2px)}.ctl svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ctl[aria-pressed=false]{color:var(--ink-3)}.ctl[aria-pressed=false]:after{content:"";position:absolute;width:30px;height:2.5px;border-radius:2px;background:var(--coral);transform:rotate(-45deg)}.ctl .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.menu-btn{position:absolute;left:10px;top:10px;z-index:72;width:48px;height:48px;background:#fff;color:var(--ink);box-shadow:0 4px #cdd6ea,0 8px 16px #38456a24}.menu-btn svg{width:26px;height:26px;stroke-width:2.2}.menu-btn.open{background:var(--sun);color:#5a3a00;box-shadow:0 4px 0 var(--sun-d)}.menu-backdrop{position:absolute;inset:0;z-index:70;background:#38456a24}.controls.menu{inset:68px auto auto 10px;z-index:71;flex-direction:column;align-items:stretch;gap:8px;padding:10px;border-radius:26px;background:#fffffff5;box-shadow:0 6px #38456a14,0 18px 40px #38456a38;max-height:calc(100% - 80px);overflow:auto}.controls.menu .ctl{width:auto;height:48px;border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 18px 0 11px;background:#f3f7ff;color:var(--ink);box-shadow:0 3px #dbe3f3}.controls.menu .ctl .lbl{position:static;width:auto;height:auto;clip:auto;overflow:visible;font-size:1.02rem;font-weight:600}.controls.menu .ctl svg{flex:none}.controls.menu .ctl[aria-pressed=false]:after{left:9px;top:50%;margin-top:-1px}.controls.menu .ctl[aria-pressed=false] .lbl{color:var(--ink-3)}.controls.menu .ctl.big{background:var(--coral);color:#fff;box-shadow:0 3px 0 var(--coral-d)}.controls.menu .ctl.home{background:var(--sun);color:#5a3a00;box-shadow:0 3px 0 var(--sun-d)}@media(max-height:500px)and (orientation:landscape){.controls.menu{top:10px;left:68px;flex-direction:row;padding:6px;max-width:calc(100% - 80px)}.controls.menu .ctl{width:46px;padding:0;justify-content:center}.controls.menu .ctl .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.controls.menu .ctl[aria-pressed=false]:after{left:auto;top:auto;margin:0}}.ctl.on{background:#fff;color:var(--ink)}.fly-layer{position:fixed;inset:0;pointer-events:none;z-index:60;perspective:900px}.confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:90}.fx{position:fixed;inset:0;pointer-events:none;z-index:65}.fly{position:fixed;left:0;top:0;will-change:transform}.card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(56,69,106,.2))}@keyframes sheen{0%{background-position:130% 0}to{background-position:-30% 0}}.sticker-tag{position:fixed;left:0;top:0;padding:.2em .75em .25em;border-radius:999px;background:var(--sun);color:#5a3a00;font-weight:700;font-size:clamp(1.2rem,2.4vw,1.9rem);white-space:nowrap;box-shadow:0 4px 0 var(--sun-d),0 12px 24px #e0a8004d}.pop{position:fixed;left:0;top:0;font-weight:700;font-size:clamp(1.3rem,2.4vw,2rem);white-space:nowrap;color:#fff;-webkit-text-stroke:6px var(--pc,#e0a800);paint-order:stroke fill;text-shadow:0 3px 0 rgba(56,69,106,.12)}.pop.big{font-size:clamp(1.6rem,3vw,2.6rem)}.stk-face{position:relative;display:inline-grid;place-items:center;flex:none;width:var(--s,64px);aspect-ratio:1;vertical-align:middle}.stk-face img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(56,69,106,.22))}.stk-face:before{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}.stk-sil{position:absolute;inset:0;background:linear-gradient(165deg,#b3bddc,#7c89b6);scale:.84;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}.stk-face:not(.got){filter:drop-shadow(0 5px 7px rgba(56,69,106,.28))}.stk-face:not(.got) img{visibility:hidden}.stk-face.got:before,.stk-face.got .stk-sil{display:none}.stk-q{position:absolute;font-size:var(--q,2rem);font-weight:700;line-height:1;color:#fff;-webkit-text-stroke:.16em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 rgba(56,69,106,.25)}.stk-face.got .stk-q{display:none}.stk-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.9) 50%,transparent 62%) no-repeat;background-size:260% 100%;background-position:130% 0;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}.stk-face.shine:after{animation:sheen .9s ease-in-out .15s both}.stk-face.sweep:after{animation:sheen 1.1s ease-in-out infinite}.stk-generic{width:100%}.stk-generic:before{-webkit-mask:none;mask:none;inset:4%;border-radius:50%;box-shadow:0 3px #38456a24,0 8px 14px #38456a29}.stk-generic .stk-sil{-webkit-mask:none;mask:none;inset:4%;border-radius:50%}.stk-generic{filter:none}.stk-generic:after{display:none}.prize{position:relative;flex:none;width:clamp(32px,4.8vh,50px);aspect-ratio:1;font-size:clamp(1.1rem,2.8vh,1.7rem);transition:filter .3s,opacity .3s}.prize .stk-face{--q:1em;rotate:-8deg;animation:sway 3.6s ease-in-out infinite;transform-origin:50% 10%}.prize.lost{filter:grayscale(1);opacity:.4}.prize.lost .stk-face{animation:none}.prize-reveal .pop-ring{position:absolute;inset:-6%;border-radius:50%;border:clamp(4px,1vw,8px) solid #ffd43b;opacity:0;pointer-events:none}.results{place-items:center;padding:16px;background:#93d3ff73;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:50}.res-card{position:relative;width:min(780px,100%);max-height:100%;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.7vh,18px);padding:clamp(16px,3vh,34px) clamp(16px,3vw,40px) clamp(20px,3vh,32px);border-radius:40px;background:var(--paper);box-shadow:0 10px #38456a1a,0 30px 70px #38456a40}.res-pulpi{--pw:clamp(150px,15vw,230px);position:absolute;left:calc(var(--pw) * -1 + 34px);bottom:clamp(20px,4vh,50px);width:var(--pw);height:auto;filter:drop-shadow(0 14px 14px rgba(56,69,106,.2));animation:bob 3s ease-in-out infinite}.gm[data-screen=results]>.game .pulpi{opacity:0;transition:opacity .3s}.res-title{margin:0;font-size:clamp(1.7rem,3.6vw,2.8rem);font-weight:700;line-height:1.1;color:var(--ink);text-align:center}.res-award{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,34px)}.medal-wrap{position:relative;width:clamp(76px,min(18vh,28vw),170px);aspect-ratio:1;flex:none}.medal-wrap img{width:100%;height:100%;filter:drop-shadow(0 10px 12px rgba(56,69,106,.22))}.medal-wrap .shine{position:absolute;inset:18% 14% 6%;border-radius:50%;overflow:hidden;pointer-events:none;-webkit-mask:radial-gradient(circle,#000 62%,transparent 64%);mask:radial-gradient(circle,#000 62%,transparent 64%)}.medal-wrap .shine:before{content:"";position:absolute;top:-20%;bottom:-20%;width:34%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skew(-18deg)}.medal-wrap.shining .shine:before{animation:shine 2.6s ease-in-out .2s infinite}@keyframes shine{0%{left:-60%}45%,to{left:130%}}.res-award-txt{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.medal-name{margin:0;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:700}.res-stars{display:flex;gap:6px}.res-stars img{width:clamp(34px,min(7.5vh,12vw),66px);height:auto;filter:grayscale(1) brightness(1.35) opacity(.35)}.res-stars img.got{filter:drop-shadow(0 4px 4px rgba(224,168,0,.35))}.res-stats{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin:0;padding:0}.res-stats li{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.6em .4em .55em;border-radius:22px}.res-stats .t-score{background:#fff5d6}.res-stats .t-time{background:#ddf3ff}.res-stats .t-combo{background:#ffe9da}.res-stats .t-perfect{background:#e3f8ec}.res-stats .lab{font-size:clamp(.85rem,1.4vw,1.05rem);font-weight:500;color:var(--ink-2);white-space:nowrap}.res-stats b{font-size:clamp(1.3rem,2.8vw,2.1rem);font-weight:700;font-variant-numeric:tabular-nums}.res-stats .rec{position:absolute;top:-.8em;right:-.4em;padding:.15em .6em;border-radius:999px;background:var(--coral);color:#fff;font-style:normal;font-weight:700;font-size:clamp(.75rem,1.2vw,.95rem);box-shadow:0 3px 0 var(--coral-d);transform:scale(0) rotate(-14deg)}.res-stats .rec.on{transform:scale(1) rotate(7deg);transition:transform .45s cubic-bezier(.3,1.8,.5,1)}.res-actions{display:flex;align-items:center;gap:clamp(10px,1.6vw,18px);flex-wrap:wrap;justify-content:center}.res-actions .btn-soft{font-size:clamp(1.15rem,2.1vw,1.65rem)}.res-actions button:disabled{opacity:.5;pointer-events:none}.album{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr);justify-items:center;align-items:center;padding:clamp(8px,2vh,24px) clamp(8px,2vw,24px) clamp(8px,2vh,24px);z-index:40}.album-card{position:relative;width:min(1120px,100%);height:100%;max-height:900px;display:flex;flex-direction:column;gap:clamp(8px,1.5vh,16px);padding:clamp(12px,2.4vh,26px) clamp(12px,2.4vw,30px);border-radius:36px;background:#fffdf6;box-shadow:0 10px #38456a1a,0 30px 70px #38456a38}.album-head{display:flex;align-items:center;gap:clamp(10px,2vw,22px)}.album-head .btn-soft{font-size:clamp(1.05rem,1.8vw,1.4rem)}.album-title{flex:1;min-width:0;display:flex;align-items:center;gap:.3em;margin:0;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:700;line-height:1.1}.album-title img{width:1.7em;height:1.7em;flex:none;margin:-.3em 0;filter:drop-shadow(0 4px 4px rgba(56,69,106,.18))}.album-count{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-2)}.album-count b{color:var(--ink)}.album-bar{display:block;width:clamp(90px,14vw,180px);height:10px;border-radius:10px;background:#eef1f8;overflow:hidden;box-shadow:inset 0 2px #38456a0f}.album-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--sun),#ff9f43);transition:width .5s ease}.album-tabs{display:flex;gap:clamp(6px,1vw,12px);overflow-x:auto;padding:4px 2px 10px;margin:0 -2px;scrollbar-width:none}.album-tabs::-webkit-scrollbar{display:none}.album-tab{display:flex;align-items:center;gap:.35em;flex:none;border:0;border-radius:999px;padding:.25em .9em .25em .3em;background:#eef3ff;font-size:clamp(1rem,1.7vw,1.25rem);font-weight:600;color:var(--ink-2);box-shadow:0 4px #d9e1f2;transition:transform .12s,box-shadow .12s,background .2s}.album-tab img{width:2.1em;height:2.1em;margin:-.15em 0}.album-tab .ct{font-size:.78em;font-weight:600;opacity:.75;font-variant-numeric:tabular-nums}.album-tab:active{transform:translateY(3px);box-shadow:0 1px #d9e1f2}.album-tab[aria-selected=true]{background:var(--sun);color:#5a3a00;box-shadow:0 4px 0 var(--sun-d)}.album-tab.full .ct:before{content:"★ ";color:#e07a00}.album-tab{position:relative}.album-tab.has-new:after{content:"";position:absolute;top:-3px;right:-3px;width:14px;height:14px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 3px #fffdf6;animation:pulse 1.2s ease-in-out infinite}.album-page{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:26px;padding:clamp(10px,2vh,22px);background:#fff radial-gradient(circle,rgba(56,69,106,.07) 1.4px,transparent 1.6px) 0 0/22px 22px;box-shadow:inset 0 3px #38456a0d}.stk-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(78px,9.6vw,122px),1fr));gap:clamp(4px,1vw,12px)}.stk-grid .stk{position:relative;display:block;width:100%;aspect-ratio:1;border:0;padding:0;background:none;border-radius:22px}.stk-grid .stk img{width:100%;height:100%;object-fit:contain;filter:brightness(0) opacity(.1)}.stk-grid .stk.got img{rotate:var(--rot);filter:drop-shadow(0 2px 1px rgba(56,69,106,.2)) drop-shadow(0 8px 10px rgba(56,69,106,.12))}.stk-grid .stk:not(.got):after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700;color:#38456a38}.stk-grid .stk .times{position:absolute;right:4%;bottom:8%;padding:.05em .45em;border-radius:999px;background:var(--coral);color:#fff;font-weight:700;font-size:clamp(.75rem,1.2vw,.9rem);box-shadow:0 2px 0 var(--coral-d)}.stk-grid .stk .nueva{position:absolute;left:50%;top:0;translate:-50% 0;rotate:-6deg;padding:.08em .5em;border-radius:999px;background:var(--sun);color:#5a3a00;font-weight:700;font-size:clamp(.72rem,1.2vw,.9rem);box-shadow:0 2px 0 var(--sun-d);white-space:nowrap}.parents{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:#38456a59;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);user-select:auto}.parents-card{width:min(540px,100%);max-height:100%;overflow:auto;padding:26px 28px 24px;border-radius:30px;background:#fff;box-shadow:0 30px 70px #38456a4d}.parents-card:focus{outline:none;box-shadow:0 30px 70px #38456a4d}.parents h2{margin:0 0 14px;font-size:1.7rem}.opts{display:flex;flex-direction:column;gap:12px}.sw{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:500;cursor:pointer}.sw input{position:absolute;opacity:0;width:1px;height:1px}.sw i{position:relative;width:52px;height:30px;flex:none;border-radius:30px;background:#dfe5f2;transition:background .2s}.sw i:after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #38456a40;transition:transform .2s}.sw input:checked+i{background:var(--mint)}.sw input:checked+i:after{transform:translate(22px)}.sw input:focus-visible+i{outline:3px solid var(--coral);outline-offset:2px}.range{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:1rem;color:var(--ink-2);padding-left:64px}.range input{width:45%;accent-color:var(--mint)}.seg{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;font-size:1.1rem;font-weight:500;margin-top:4px}.seg-btns{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:22px;background:#eef2fa}.seg-btns button{border:0;border-radius:999px;padding:.3em .9em;font-weight:600;background:transparent;color:var(--ink-2)}.seg-btns button[aria-checked=true]{background:#fff;color:var(--ink);box-shadow:0 2px #d3dbee}.parents-note{margin:16px 0 0;font-size:.95rem;color:var(--ink-2)}.parents-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}@keyframes pulse{0%,to{scale:1}50%{scale:1.12}}@media(max-width:960px){.res-pulpi{display:none}}@media(orientation:portrait)and (max-width:1100px){.controls{flex-direction:row}}@media(max-width:700px){.ctl{width:42px;height:42px}.res-card{border-radius:30px}.res-stats{grid-template-columns:repeat(2,1fr);gap:8px}.album{padding-bottom:64px}.album-card{border-radius:26px}.album-head .btn-soft .btn-label{display:none}.album-head .btn-soft{padding:.5em .7em}.album-tab{padding:.25em .35em}.album-tab .nm{display:none}.album-bar{width:72px}.parents-card{padding:22px 18px 20px}.range{padding-left:0}}@media(max-height:560px){.res-card{gap:6px}}@media(prefers-reduced-motion:reduce){.cloud,.pulpi img,.res-pulpi,.btn-soft.has-new .ico-img,.prize .stk-face,.prop.sway img,.prop.snail img,.bee{animation:none}.medal-wrap.shining .shine:before,.stk-face.shine:after{animation:none}}@media(min-width:1600px)and (min-height:880px){html{font-size:19px}.pulpi{width:clamp(120px,14vw,290px)}.res-card{width:min(920px,100%)}}@media(min-width:2200px)and (min-height:1200px){html{font-size:23px}.res-card{width:min(1100px,100%)}}.res-stars{align-items:flex-start}.res-star{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;width:clamp(58px,min(11vh,15vw),92px)}.res-star img{width:clamp(34px,min(7.5vh,12vw),66px);height:auto;filter:grayscale(1) brightness(1.35) opacity(.35)}.res-star figcaption{font-size:clamp(.68rem,1.15vw,.85rem);font-weight:600;line-height:1.1;text-align:center;color:var(--ink-3)}.res-star.got img{filter:drop-shadow(0 4px 4px rgba(224,168,0,.35))}.res-star.got figcaption{color:var(--ink)}.ctl.album-ctl{position:relative}.ctl.album-ctl img{width:72%;height:72%;object-fit:contain}.ctl.album-side{position:absolute;left:66px;top:10px;z-index:72;width:48px;height:48px;background:#fff;box-shadow:0 4px #cdd6ea,0 8px 16px #38456a24}.ctl-new{position:absolute;top:-6px;right:-7px;min-width:1.55em;padding:.12em .38em;border-radius:999px;background:var(--coral,#ff6b81);color:#fff;font-size:.74rem;font-weight:700;line-height:1.3;box-shadow:0 2px #d9435c,0 0 0 2px #fff;font-variant-numeric:tabular-nums;animation:newPop 2.4s ease-in-out infinite}@keyframes newPop{0%,70%,to{scale:1}80%{scale:1.25}90%{scale:.95}}.controls.menu .ctl.album-ctl .ctl-new{position:static;margin-left:auto;box-shadow:none}@media(prefers-reduced-motion:reduce){.ctl-new{animation:none}}@media(pointer:fine){*{scrollbar-width:thin;scrollbar-color:#c3cee6 transparent}*:hover{scrollbar-color:#a9b7d6 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c3cee6;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#a9b7d6}.parents-card,.info-card,.np-card,.pin-card{scrollbar-gutter:stable}}.medal-wrap{isolation:isolate}.medal-wrap.mystery img{filter:grayscale(1) brightness(1.25) opacity(.5) drop-shadow(0 10px 12px rgba(56,69,106,.15))}.medal-wrap.mystery:after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(2rem,6vh,3.6rem);font-weight:700;line-height:1;color:#fff;-webkit-text-stroke:6px rgba(56,69,106,.22);paint-order:stroke fill;pointer-events:none}.medal-wrap .rays{position:absolute;inset:-38%;z-index:-1;border-radius:50%;opacity:0;pointer-events:none;background:repeating-conic-gradient(var(--ray,#ffd43b) 0 9deg,transparent 9deg 22deg);-webkit-mask:radial-gradient(circle,#000 26%,transparent 68%);mask:radial-gradient(circle,#000 26%,transparent 68%);animation:raysSpin 9s linear infinite}.medal-wrap.won .rays{opacity:.7}@keyframes raysSpin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.medal-wrap .rays{animation:none}}.medal-name.guess{color:var(--ink-2);font-size:clamp(1.05rem,2vw,1.5rem)}.res-star{position:relative}.res-star img.star-gold{position:absolute;height:auto;filter:drop-shadow(0 4px 4px rgba(224,168,0,.35));pointer-events:none}.app[data-play] .bee,.app[data-play] .prop.snail{display:none}.kb-warn{max-width:30em;margin-inline:auto;font-weight:600;color:var(--ink)}.gm{position:absolute;inset:0}.app[data-album] .gm,.app[data-album] .hub-screen{visibility:hidden}.hub-screen{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:clamp(14px,3vh,30px);padding:clamp(16px,3vh,34px) 20px clamp(70px,10vh,96px)}.hub-title{margin:0;text-align:center;font-size:clamp(2rem,5vw,3.6rem);font-weight:700;line-height:1.05;color:#fff;-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 rgba(56,69,106,.22);letter-spacing:.01em}.hub-back{position:absolute;left:clamp(8px,1.4vw,22px);top:clamp(8px,1.6vh,20px);z-index:70;display:flex;align-items:center;gap:8px;width:auto;height:52px;padding:0 20px 0 13px;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:1.15rem;font-weight:700;box-shadow:0 4px #cdd6ea,0 10px 20px #38456a24}.hub-back svg{width:26px;height:26px;stroke-width:2.3;flex:none}@media(max-width:700px){.gm[data-screen=results]~.hub-back{display:none}}.ctl.big{width:56px;height:56px;background:#fff;color:var(--ink);box-shadow:0 4px #cdd6ea,0 8px 16px #38456a24}.ctl.big svg{width:28px;height:28px;stroke-width:3}@media(max-width:700px){.ctl.big{width:46px;height:46px}}.pf-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(14px,3vw,40px);max-width:1100px}.pf{display:flex;flex-direction:column;align-items:center;gap:.45em;border:0;padding:0;background:none;font-size:clamp(1.25rem,2.4vw,1.8rem);font-weight:700;color:var(--ink)}.pf .av{display:grid;place-items:center;width:clamp(110px,15vw,180px);aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,#fff,#eef3ff);box-shadow:0 8px #cdd6ea,0 18px 32px #38456a29;transition:transform .12s ease,box-shadow .12s ease}.pf .av img{width:86%;height:auto;filter:drop-shadow(0 4px 4px rgba(56,69,106,.15))}.pf:hover .av{transform:translateY(-3px)}.pf:active .av{transform:translateY(6px);box-shadow:0 2px #cdd6ea,0 6px 14px #38456a1f}.pf .nm{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.05em .6em;border-radius:999px;background:#ffffffbf}.pf.add .av{background:#ffffff73;box-shadow:none;border:5px dashed rgba(56,69,106,.22)}.pf.add .av svg{width:42%;height:auto;aspect-ratio:1;fill:none;stroke:var(--ink-2);stroke-width:2.6;stroke-linecap:round}.pf.add .nm{color:var(--ink-2)}.np-card{width:min(760px,100%);max-height:100%;overflow:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,18px);padding:clamp(18px,3vh,32px) clamp(16px,3vw,36px);border-radius:40px;background:var(--paper);box-shadow:0 10px #38456a1a,0 30px 70px #38456a38}.np-title{margin:0;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.1;text-align:center}.np-sub{margin:.2em 0 0;font-size:clamp(1.2rem,2.4vw,1.7rem);font-weight:600;color:var(--ink-2)}.np-name{width:min(420px,100%);border:0;border-radius:999px;padding:.35em .9em;text-align:center;font:inherit;font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:700;color:var(--ink);background:var(--paper-2);box-shadow:inset 0 4px #38456a14;outline:none;user-select:text;-webkit-user-select:text}.np-name::placeholder{color:var(--ink-3);font-weight:600}.np-name:focus{box-shadow:inset 0 4px #38456a14,0 0 0 4px var(--sun)}.np-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(4px,1vw,10px);width:100%}.np-av{position:relative;border:0;display:block;min-width:0;padding:4%;border-radius:24%;background:var(--paper-2);transition:transform .12s,background .2s,box-shadow .2s}.np-av img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.np-av:hover{transform:translateY(-2px)}.np-av.on{background:#fff3c4;box-shadow:0 0 0 4px var(--sun),0 6px 14px #e0a8004d}.np-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:4px}.np-actions .btn-play:not(.ready){filter:saturate(.55) brightness(1.05)}.home{grid-template-rows:auto auto auto auto;align-content:center}.home-top{position:absolute;right:clamp(10px,1.6vw,26px);top:clamp(10px,1.8vh,22px);z-index:5}.who{display:flex;align-items:center;gap:.4em;border:0;padding:.2em 1em .2em .25em;border-radius:999px;background:#ffffffd9;box-shadow:var(--clay);font-size:clamp(1.1rem,2vw,1.45rem);font-weight:700;color:var(--ink)}.who img{width:2.4em;height:2.4em;margin:-.15em 0}.who:active{transform:translateY(3px)}.cards{--cw:clamp(150px,min(calc((100vw - 420px) / 3), calc((100vh - 330px)/2) ),270px);--gx:clamp(22px,3.4vw,54px);list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(24px,3.2vh,44px) var(--gx);max-width:calc(var(--cw) * 3 + var(--gx) * 2 + 2px)}.game-card{--c:var(--coral);position:relative;display:flex;flex-direction:column;align-items:center;width:var(--cw);border:0;container-type:inline-size;padding:clamp(10px,1.6vh,18px) 14px clamp(14px,2.2vh,22px);border-radius:44px;color:var(--ink);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 26%,#fff) 0 46%,transparent 47%),linear-gradient(180deg,#fff,#f4f7ff);box-shadow:0 10px color-mix(in srgb,var(--c) 45%,#c9d3ea),0 26px 50px #38456a2e;transition:transform .14s ease,box-shadow .14s ease}.game-card .art{display:block;width:100%;aspect-ratio:1}.game-card .art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(56,69,106,.18));animation:bob 3.4s ease-in-out infinite}.cards li:nth-child(2) .game-card .art img{animation-delay:-1.4s}.game-card .nm{max-width:100%;margin-top:.1em;font-size:clamp(1rem,14cqi,2.2rem);font-weight:700;line-height:1.05;color:var(--c);-webkit-text-stroke:6px #fff;paint-order:stroke fill;filter:drop-shadow(0 3px 0 color-mix(in srgb,var(--c) 40%,#c9d3ea))}.game-card .nm.long{font-size:clamp(.85rem,10.2cqi,1.75rem)}.game-card .with{font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:600;color:var(--ink-2)}.game-card:hover{transform:translateY(-4px) rotate(-1deg)}.game-card:active{transform:translateY(8px);box-shadow:0 2px color-mix(in srgb,var(--c) 45%,#c9d3ea),0 8px 20px #38456a24}.home-album .btn-soft{font-size:clamp(1.2rem,2.2vw,1.7rem)}.pulpi.host{left:clamp(6px,2vw,34px);bottom:clamp(6px,2vh,26px);width:clamp(110px,13vw,210px)}@media(max-width:960px){.pulpi.host{display:none}}@media(min-width:701px)and (orientation:portrait){.cards{--cw:clamp(150px,min(calc((100vw - 200px) / 3), calc((100vh - 330px)/2) ),270px)}}@media(max-width:700px){.hub-screen{padding:70px 14px 72px;gap:14px}.hub-title{-webkit-text-stroke:8px var(--ink)}.home{align-content:start}.home .hub-title{margin-top:4px}.cards{gap:20px 16px}.game-card{width:calc(50vw - 26px);border-radius:30px;padding:8px 8px 12px}.np-card{border-radius:28px}.np-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pf .av{width:clamp(96px,30vw,140px)}}@media(max-height:560px)and (orientation:landscape){.hub-screen{padding:12px 80px;gap:10px}.hub-title{font-size:clamp(1.6rem,4vw,2.4rem)}.cards{gap:16px;max-width:none}.game-card{width:min(170px,calc((100vw - 260px) / 3));padding:6px 4px 8px}.game-card .art{width:80%}.home{grid-template-rows:auto auto auto}.np-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.game-card .art img{animation:none}}.parents .p-sub{margin:20px 0 10px;font-size:1.2rem;font-weight:700;color:var(--ink)}.p-name{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:500}.p-name input{flex:1;min-width:0;border:0;border-radius:999px;padding:.35em .9em;font:inherit;font-weight:600;color:var(--ink);background:var(--paper-2);box-shadow:inset 0 3px #38456a14;user-select:text;-webkit-user-select:text}.p-name input:focus{outline:none;box-shadow:inset 0 3px #38456a14,0 0 0 3px var(--sun)}.age-badge{position:absolute;top:-12px;right:-12px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(62px,6.4vw,84px);aspect-ratio:1;border-radius:50%;rotate:10deg;line-height:.95;font-size:clamp(1.15rem,1.9vw,1.55rem);font-weight:700;color:#fff;letter-spacing:-.01em;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 55%,#fff) 0 18%,var(--c) 60%);border:4px solid #fff;box-shadow:0 5px color-mix(in srgb,var(--c) 55%,#38456a),0 10px 18px #38456a38;text-shadow:0 2px 0 color-mix(in srgb,var(--c) 60%,#38456a)}.age-badge small{font-size:.48em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.92}:hover>.age-badge{rotate:-4deg;transition:rotate .25s cubic-bezier(.3,1.6,.5,1)}@media(max-width:700px){.age-badge{top:-8px;right:-6px;width:56px;border-width:3px;font-size:1.05rem}}.pause{position:absolute;inset:0;z-index:75;display:grid;place-items:center;padding:16px;background:#93d3ff80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pause-card{--c:var(--coral);position:relative;width:min(480px,100%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(70px,12vh,96px) 24px 22px;border-radius:40px;background:var(--paper);box-shadow:0 10px #38456a1a,0 30px 70px #38456a40}.pause-mascot{position:absolute;top:clamp(-90px,-11vh,-70px);width:clamp(130px,18vh,170px);height:auto;filter:drop-shadow(0 12px 12px rgba(56,69,106,.2));animation:bob 3s ease-in-out infinite}.pause-card h2{margin:0;font-size:clamp(2.2rem,5vw,3rem);font-weight:700;color:var(--c);-webkit-text-stroke:8px #fff;paint-order:stroke fill;filter:drop-shadow(0 4px 0 rgba(56,69,106,.15))}.pause-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:min(360px,100%)}.pause-actions .btn-play{min-width:0;white-space:nowrap;font-size:clamp(1.3rem,2.2vw,1.75rem)}.pause-actions .btn-soft{font-size:clamp(1.1rem,2vw,1.4rem)}.pause-hint{margin:4px 0 0;color:var(--ink-2);font-weight:500}.info-modal kbd,.pause kbd{display:inline-grid;place-items:center;min-width:2.1em;height:2.1em;padding:0 .45em;margin:0 .12em;border-radius:.5em;font:inherit;font-weight:700;font-size:.95em;color:var(--ink);background:linear-gradient(180deg,#fff,#eef3ff);box-shadow:0 .2em #c9d3ea,0 .35em .6em #38456a1f;vertical-align:middle}.info-modal kbd.wide,.pause kbd.wide{padding:0 .8em}.info-modal{position:absolute;inset:0;z-index:85;display:grid;place-items:center;padding:16px;background:#38456a59;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);user-select:auto}.info-card{--c:var(--coral);width:min(720px,100%);max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:clamp(18px,3vh,28px) clamp(18px,3vw,32px) 22px;border-radius:34px;background:#fff;box-shadow:0 30px 70px #38456a4d;border-top:10px solid var(--c)}.info-card:focus{outline:none}.info-head{display:flex;align-items:center;gap:clamp(12px,2vw,22px);margin-bottom:6px}.info-hero{width:clamp(96px,16vw,150px);height:auto;flex:none;filter:drop-shadow(0 10px 10px rgba(56,69,106,.18))}.info-head h2{margin:0;font-size:clamp(1.6rem,3.6vw,2.4rem);line-height:1.05;color:var(--c)}.info-head h2 span{font-size:.55em;color:var(--ink-2);font-weight:600}.info-goal{margin:.35em 0 .5em;font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:500}.info-chips{display:flex;gap:8px;flex-wrap:wrap}.info-chips span{padding:.2em .8em;border-radius:999px;font-weight:700;font-size:.95rem}.chip-age{background:var(--c);color:#fff;box-shadow:0 3px color-mix(in srgb,var(--c) 55%,#38456a)}.chip-cat{background:#eef3ff;color:var(--ink-2)}.info-card section{margin-top:16px}.info-card h3{margin:0 0 8px;font-size:1.15rem;font-weight:700;color:var(--ink)}.info-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.info-steps li{display:flex;align-items:flex-start;gap:10px;font-size:1.05rem;line-height:1.35}.info-steps b{flex:none;display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;background:var(--c);color:#fff;font-size:.95em;box-shadow:0 3px color-mix(in srgb,var(--c) 55%,#38456a)}.info-keys{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.info-keys li{display:flex;align-items:center;gap:12px;font-size:1.02rem}.info-keys .keys{flex:none;min-width:7.5em;display:flex;flex-wrap:wrap;gap:2px}.info-stars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.info-stars li{display:flex;align-items:center;gap:10px;font-size:1.02rem}.info-stars img{width:30px;height:30px;flex:none}.info-note{margin:8px 0 0;font-size:.92rem;color:var(--ink-2);line-height:1.4}.info-note img{width:22px;height:22px;display:inline-block;vertical-align:middle}.info-p{margin:0;display:flex;align-items:center;gap:8px;font-size:1.02rem}.inline-ico{width:34px;height:34px;flex:none}.info-areas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.info-areas li{padding:.25em .85em;border-radius:999px;font-weight:700;font-size:.95rem;color:#fff;background:var(--a);box-shadow:0 3px color-mix(in srgb,var(--a) 55%,#38456a)}.info-actions{display:flex;justify-content:center;margin-top:20px}.info-text{margin:0;font-size:1.05rem;line-height:1.45}.info-cast{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px 16px}.info-cast li{display:flex;align-items:center;gap:10px;font-size:.98rem;line-height:1.3}.info-cast img{width:58px;height:58px;flex:none;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(56,69,106,.18))}.info-cast b{color:var(--c)}.info-stickers{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:16px}.info-stickers li{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.92rem;font-weight:700;color:var(--ink-2)}.info-stickers .stk-face{--s:78px;--q:2.1rem}@media(max-width:700px){.info-card{border-radius:26px}.info-head{align-items:flex-start}.info-keys li{flex-direction:column;align-items:flex-start;gap:4px}}.birth{display:inline-flex;gap:8px;flex-wrap:wrap}.birth select{font:inherit;font-weight:600;font-size:1rem;color:var(--ink);border:0;border-radius:999px;padding:.35em 2em .35em .9em;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a7799' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .7em center/1em no-repeat;appearance:none;-webkit-appearance:none;box-shadow:0 3px #d3dbee,inset 0 0 0 2px #e4e9f5;cursor:pointer}.birth select:focus{outline:none;box-shadow:inset 0 3px #38456a14,0 0 0 3px var(--sun)}.np-birth{margin:2px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;font-size:.95rem;color:var(--ink-2);font-weight:500}.p-band{margin-top:6px}@media(max-height:500px){.pause-card{padding:16px 20px;width:min(640px,100%)}.pause-mascot{display:none}.pause-card h2{font-size:1.8rem}.pause-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;width:auto}.pause-actions .btn-play{font-size:1.4rem}.pause-actions .btn-soft{font-size:1rem}}@media(max-height:500px)and (orientation:landscape){.home{padding-top:62px}.home .hub-title{display:none}}.cards li{position:relative}.card-info{position:absolute;top:-10px;left:-10px;z-index:3;display:grid;place-items:center;width:clamp(46px,4.2vw,56px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 30%,#eef3ff 75%);color:var(--c);cursor:pointer;box-shadow:0 5px color-mix(in srgb,var(--c) 35%,#c9d3ea),0 10px 18px #38456a2e;transition:translate .12s,box-shadow .12s}.card-info svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.card-info:hover{translate:0 -2px}.card-info:active{translate:0 4px;box-shadow:0 1px color-mix(in srgb,var(--c) 35%,#c9d3ea)}.card-info:focus-visible{outline:4px solid var(--c);outline-offset:3px}@media(max-width:700px){.card-info{top:-7px;left:-5px;width:42px}}.p-who{display:flex;flex-wrap:wrap;gap:8px}.p-who button{display:flex;align-items:center;gap:.45em;border:0;border-radius:999px;padding:.25em .9em .25em .3em;font:inherit;font-size:1rem;font-weight:600;color:var(--ink);background:var(--paper-2);box-shadow:0 3px #d3dbee;cursor:pointer}.p-who button img{width:34px;height:34px}.p-who button[aria-checked=true]{background:#fffbe9;box-shadow:0 3px 0 var(--sun-d),0 0 0 3px var(--sun)}.p-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.p-field{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;border-radius:18px;background:var(--paper-2);font-size:.95rem;font-weight:600;color:var(--ink-2)}.p-field input{border:0;border-radius:999px;padding:.35em .9em;font:inherit;font-size:1.05rem;color:var(--ink);background:#fff;box-shadow:inset 0 3px #38456a14;user-select:text;-webkit-user-select:text}.p-field input:focus{outline:none;box-shadow:inset 0 3px #38456a14,0 0 0 3px var(--sun)}.parents .p-sub small{font-size:.75em;font-weight:500;color:var(--ink-2)}@media(max-width:560px){.p-fields{grid-template-columns:1fr}}.time-shield{position:fixed;inset:0;z-index:60}.farewell{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:24px 16px 18vh;overflow:hidden;background:linear-gradient(180deg,#ffc6a3,#ffd9b0 38%,#fff0c8 70%,#e9f6d8)}.farewell .land{z-index:0;filter:saturate(.92) brightness(.98)}.bye-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.bye-hero{width:clamp(200px,30vmin,340px);height:auto;filter:drop-shadow(0 20px 24px rgba(120,70,60,.22));animation:bob 3.4s ease-in-out infinite}.bye-txt h2{margin:0;font-size:clamp(2rem,5.4vw,3.6rem);line-height:1.02;color:#ff6b81;-webkit-text-stroke:10px #fff;paint-order:stroke fill;filter:drop-shadow(0 5px 0 rgba(217,67,92,.25))}.bye-txt p{margin:.3em 0 0;font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:700;color:var(--ink)}.bye-adult{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}.bye-lock{position:absolute;right:16px;bottom:16px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffff8c;color:#38456a8c;cursor:pointer;box-shadow:0 3px #38456a14}.bye-lock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.bye-lock:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.pin{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:#38456a59}.pin-card{width:min(320px,100%);padding:20px 18px 18px;border-radius:30px;background:#fff;box-shadow:0 10px #38456a1a,0 26px 60px #38456a4d;text-align:center}.pin-card:focus{outline:none}.pin-card h3{margin:0 0 12px;font-size:1.25rem;color:var(--ink)}.pin-dots{display:flex;justify-content:center;gap:14px;margin-bottom:16px}.pin-dots i{width:16px;height:16px;border-radius:50%;background:#e4e9f5;box-shadow:inset 0 2px #38456a1a}.pin-dots i.on{background:var(--coral,#ff6b81);box-shadow:0 2px #d9435c}.pin-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pin-keys button{height:56px;border:0;border-radius:18px;font:inherit;font-size:1.5rem;font-weight:700;color:var(--ink);background:linear-gradient(180deg,#fff,#eef3ff);box-shadow:0 5px #cdd6ea;cursor:pointer}.pin-keys button:active{translate:0 4px;box-shadow:0 1px #cdd6ea}.pin-keys .pin-x{font-size:.95rem;font-weight:600;color:var(--ink-2)}.pin-keys .pin-x svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.p-pin input{max-width:9em;letter-spacing:.4em}.p-warn{margin:6px 0 0;font-size:.92rem;font-weight:600;color:#d9435c}.p-lock{display:inline-flex;align-items:center;gap:.45em}.p-lock .ico{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}@media(max-height:500px)and (orientation:landscape){.farewell{padding-bottom:8vh}.bye-hero{width:min(34vh,200px)}}@media(prefers-reduced-motion:reduce){.bye-hero{animation:none}}.farewell{--sky-1:#ffab8f;--sky-2:#ffcfa6;--sky-3:#fff0cc}.farewell .cloud{background:#fff4ea;opacity:.75}@media(max-height:560px)and (orientation:landscape){.age-badge{top:-8px;right:-6px;width:46px;border-width:3px;font-size:.92rem}.card-info{top:-6px;left:-4px;width:34px}}.np-card>*{flex-shrink:0}.np-birth .np-why{flex-basis:100%;margin:0;text-align:center;font-weight:600;color:var(--ink)}@media(orientation:portrait){.np-actions{position:sticky;bottom:calc(-1*clamp(18px,3vh,30px));z-index:2;margin-top:0;padding:12px 0 clamp(18px,3vh,30px);width:100%;background:linear-gradient(transparent,var(--paper) 32%)}}.st-card{width:min(400px,100%)}.st-now{margin:0 0 10px;color:var(--ink-2)}.st-mins{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.st-mins button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:64px;border:0;border-radius:18px;font:inherit;font-size:1.5rem;font-weight:700;line-height:1;color:var(--ink);background:linear-gradient(180deg,#fff,#eef3ff);box-shadow:0 5px #cdd6ea;cursor:pointer}.st-mins button small{font-size:.5em;font-weight:600;color:var(--ink-2)}.st-mins button.on{background:linear-gradient(180deg,#fffbe9,#fff1c2);box-shadow:0 5px 0 var(--sun-d),0 0 0 3px var(--sun)}.st-mins button:active{translate:0 4px;box-shadow:0 1px #cdd6ea}.st-note{margin:12px 0 0;font-size:.9rem;line-height:1.4;color:var(--ink-2);text-align:left}.st-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}@media(max-width:380px){.st-mins{grid-template-columns:repeat(3,1fr)}}.pf-list li{position:relative}.pf-edit{position:absolute;top:0;right:calc(50% - clamp(55px,7.5vw,90px) - 4px);z-index:2;display:grid;place-items:center;width:clamp(38px,3.6vw,46px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:#fff;color:var(--ink-2);cursor:pointer;box-shadow:0 4px #cdd6ea,0 8px 14px #38456a24}.pf-edit svg{width:52%;height:52%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pf-edit:hover{color:var(--ink);translate:0 -2px}.pf-edit:active{translate:0 3px;box-shadow:0 1px #cdd6ea}.pf-edit:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.pf .av{min-height:0;overflow:hidden}.pause-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pause-row .btn-soft{font-size:clamp(.95rem,1.6vw,1.1rem);padding-left:.7em;padding-right:.7em;justify-content:center}.pause-settings{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;padding-top:12px;border-top:2px dashed rgba(56,69,106,.12);width:min(320px,100%)}.pause-settings .ctl{position:static;width:46px;height:46px}.touch .keys-only{display:none!important}@media(max-width:480px){.pause-row{grid-template-columns:1fr;gap:14px}.pause-row .btn-soft{font-size:clamp(1.1rem,2vw,1.4rem)}}.np-birth.need .birth select{box-shadow:0 3px #f2a8b4,inset 0 0 0 2px #ff6b81}.lvl-slot{margin:10px 0 0;text-align:center}.lvl-chip{border:0;padding:.25em .8em;border-radius:999px;background:#fff9;font:inherit;font-size:clamp(.85rem,1.2vw,1rem);font-weight:600;color:var(--ink-2);cursor:pointer}.lvl-chip small{font-size:.85em;font-weight:500;opacity:.8}.lvl-chip:hover{background:#fff;color:var(--ink)}.lvl-chip:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.lv-q{margin:0 0 6px;color:var(--ink-2);font-weight:600}.lv-step{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px}.lv-step b{min-width:4.6em;font-size:1.8rem;color:var(--c,var(--ink));font-variant-numeric:tabular-nums}.lv-step button{width:52px;height:52px;border:0;border-radius:50%;font:inherit;font-size:1.8rem;font-weight:700;line-height:1;color:var(--ink);background:linear-gradient(180deg,#fff,#eef3ff);box-shadow:0 5px #cdd6ea;cursor:pointer}.lv-step button:disabled{opacity:.35;cursor:default}.lv-step button:not(:disabled):active{translate:0 4px;box-shadow:0 1px #cdd6ea}.lv-auto{border:0;padding:.35em .9em;border-radius:999px;font:inherit;font-weight:600;color:var(--ink-2);background:#eef2fa;cursor:pointer}.lv-auto.on{background:#fffbe9;color:var(--ink);box-shadow:0 0 0 3px var(--sun)}.lv-what{margin:12px 0 0;padding:10px 12px;border-radius:16px;background:#f4f7fd;font-weight:600;color:var(--ink);line-height:1.35}.lvs-sub{margin:-4px 0 6px;font-size:clamp(1.2rem,2.6vw,1.6rem);font-weight:700;color:var(--ink)}@media(max-width:700px),(max-height:500px)and (orientation:landscape){.hub-back{left:10px;top:10px;height:48px;padding:0 16px 0 11px;font-size:1.05rem}.app[data-view=game]:not([data-play]) .menu-btn{left:auto;right:10px}.app[data-view=game] .ctl.album-side{left:auto;right:66px}.app[data-view=game] .controls.menu{left:auto;right:10px}}@media(max-height:500px)and (orientation:landscape){.app[data-view=game] .controls.menu{right:68px;flex-direction:row-reverse}}@media(max-width:700px)and (orientation:portrait){.gm .screen.start{padding-top:66px}}@media(max-width:700px)and (orientation:portrait)and (max-height:700px){.gm .start-hero,.gm .start-pulpi{max-width:150px}}@media(max-width:700px)and (orientation:portrait)and (max-height:660px){.gm .start-hero,.gm .start-pulpi{max-width:118px}}.title-screen{align-content:center;gap:clamp(8px,2vh,20px);padding-bottom:clamp(150px,26vh,260px)}.title-logo{margin:0;width:min(78vw,620px,(100vh - 370px) * 1.72);line-height:0;filter:drop-shadow(0 14px 18px rgba(30,60,120,.28))}.title-logo img{width:100%;height:auto}.title-tag{margin:0;text-align:center;font-size:clamp(1.15rem,2.6vw,1.75rem);font-weight:700;color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 rgba(56,69,106,.22)}.title-go{font-size:clamp(1.6rem,3.4vw,2.4rem);white-space:nowrap}.title-cast{position:absolute;left:0;right:0;bottom:clamp(-10px,-1vh,0px);display:flex;justify-content:center;align-items:flex-end;gap:clamp(0px,1vw,14px);pointer-events:none}.title-cast img{width:clamp(78px,12vw,170px);max-height:22vh;height:auto;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(30,60,90,.22));animation:bob 3.2s ease-in-out infinite}.title-cast img.big{width:clamp(100px,15vw,210px);max-height:25vh}.title-cast img:nth-child(2){animation-delay:-.6s}.title-cast img:nth-child(3){animation-delay:-1.3s}.title-cast img:nth-child(4){animation-delay:-2s}.title-cast img:nth-child(5){animation-delay:-.9s}.title-cast img:nth-child(6){animation-delay:-1.7s}@media(max-width:600px){.title-screen{padding-bottom:clamp(130px,24vh,220px)}.title-logo{width:min(90vw,52vh * 1.72)}.title-tag{font-size:clamp(1.2rem,5.6vw,1.6rem)}.title-cast img.edge{display:none}.title-cast img{width:24vw}.title-cast img.big{width:30vw}}@media(max-height:500px)and (orientation:landscape){.title-screen{padding-bottom:clamp(90px,24vh,130px)}.title-logo{width:min(40vw,44vh * 1.72)}.title-cast img{width:clamp(56px,8vw,100px);max-height:20vh}.title-cast img.big{width:clamp(64px,9.5vw,116px);max-height:23vh}.title-cast{justify-content:space-between;padding:0 clamp(70px,9vw,120px)}}@media(prefers-reduced-motion:reduce){.title-cast img{animation:none}}.today{align-content:center}.doors{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,3vw,46px)}.door{--c:var(--coral);position:relative;display:flex;flex-direction:column;align-items:center;width:clamp(200px,24vw,330px);border:0;padding:clamp(10px,1.6vh,18px) 16px clamp(16px,2.4vh,24px);border-radius:48px;color:var(--ink);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 28%,#fff) 0 46%,transparent 47%),linear-gradient(180deg,#fff,#f4f7ff);box-shadow:0 10px color-mix(in srgb,var(--c) 45%,#c9d3ea),0 26px 50px #38456a2e;transition:transform .14s ease,box-shadow .14s ease}.door .art{display:block;width:100%;aspect-ratio:1}.door .art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(56,69,106,.18));animation:bob 3.4s ease-in-out infinite}.doors li{display:flex}.door .nm{flex:1;display:flex;align-items:center;justify-content:center}.doors li:nth-child(2) .art img{animation-delay:-1.2s}.doors li:nth-child(3) .art img{animation-delay:-2.3s}.door .nm{margin-top:.15em;font-size:clamp(1.35rem,2.4vw,2.05rem);font-weight:700;line-height:1.08;text-align:center;color:var(--c);-webkit-text-stroke:6px #fff;paint-order:stroke fill;filter:drop-shadow(0 3px 0 color-mix(in srgb,var(--c) 40%,#c9d3ea))}.door:hover{transform:translateY(-4px) rotate(-1deg)}.door:active{transform:translateY(8px);box-shadow:0 2px color-mix(in srgb,var(--c) 45%,#c9d3ea),0 8px 20px #38456a24}.door.soon .art img{filter:saturate(.75) drop-shadow(0 12px 12px rgba(56,69,106,.14));opacity:.92}.soon-tag{position:absolute;top:10px;right:-12px;z-index:2;padding:.28em .85em;border-radius:999px;background:var(--sun);color:#5a3a00;font-size:clamp(.95rem,1.5vw,1.2rem);font-weight:700;white-space:nowrap;rotate:9deg;box-shadow:0 4px 0 var(--sun-d),0 10px 16px #38456a2e}@media(max-width:700px)and (orientation:portrait){.today{align-content:start}.doors{flex-direction:column;align-items:center;gap:14px;width:100%}.doors li{width:100%;display:flex;justify-content:center}.door{flex-direction:row;gap:12px;width:min(440px,100%);padding:6px 18px 6px 8px;border-radius:34px;background:radial-gradient(circle at 17% 50%,color-mix(in srgb,var(--c) 26%,#fff) 0 64px,transparent 65px),linear-gradient(180deg,#fff,#f4f7ff)}.door .art{width:min(31vw,128px);flex:none}.door .nm{flex:1;text-align:left;justify-content:flex-start;font-size:clamp(1.3rem,6.2vw,1.75rem)}.soon-tag{top:-8px;right:10px;rotate:4deg}}@media(max-height:560px)and (orientation:landscape){.doors{gap:14px;flex-wrap:nowrap}.door{width:min(230px,calc((100vw - 240px) / 3));padding:6px 8px 10px;border-radius:36px}.door .art{width:78%}.door .nm{font-size:clamp(1rem,2.4vw,1.4rem)}}@media(max-height:500px)and (orientation:landscape){.today{padding-top:58px}.today .hub-title{display:none}}.hub-screen.home{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.hub-screen.home::-webkit-scrollbar{display:none}@media(max-width:700px)and (orientation:portrait){.hub-screen.home{align-content:start;padding-bottom:28px}}.app[data-back] .home-top{display:none}@media(max-width:700px),(max-height:500px)and (orientation:landscape){.app[data-back]:not([data-play]) .menu-btn{left:auto;right:10px}.app[data-back] .ctl.album-side{left:auto;right:66px}.app[data-back] .controls.menu{left:auto;right:10px}}@media(max-height:500px)and (orientation:landscape){.app[data-back] .controls.menu{right:68px;flex-direction:row-reverse}}.sky:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#16245a,#2b3c84 52%,#59629f);opacity:0;transition:opacity .9s ease}.land{transition:filter .9s ease}.app[data-section=stories] .sky:before{opacity:1}.app[data-section=stories] .land{filter:brightness(.5) saturate(.72) hue-rotate(14deg)}.app[data-section=stories] .cloud{opacity:.16}.app[data-section=stories] .bee{display:none}.shelf{align-content:center}.shelf .night{position:absolute;inset:0;z-index:-1;pointer-events:none}.shelf .moon{position:absolute;right:9vw;top:9vh;width:clamp(64px,8vw,120px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fffbe6 0 22%,#f7e3a0 58%,#dcc070);box-shadow:0 0 50px 18px #ffeaa047,inset -8px -10px #bea05040}.shelf .night i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff8dc;box-shadow:0 0 8px 2px #fff0be8c;animation:twinkle 3.2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.25;scale:.7}50%{opacity:1;scale:1.1}}.books{position:relative;list-style:none;margin:0;padding:0 clamp(10px,3vw,40px) 26px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(22px,3vw,48px)}.books:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;border-radius:12px;z-index:-1;background:linear-gradient(180deg,#d9a46c,#b0773f 55%,#8d5a2e);box-shadow:0 6px #6e4423,0 22px 34px #050a2873}.books li{position:relative}.book{--cloth:#24306b;--ink:#ffe08a;--glow:#fff6cf;position:relative;display:block;width:min(clamp(160px,17vw,290px),40vh);aspect-ratio:3/4.15;border:0;padding:0;background:none;color:var(--ink);text-align:center;perspective:1100px;transition:translate .18s ease}.book-pages{position:absolute;inset:4px 3px 4px 12px;border-radius:4px 14px 14px 4px;background:repeating-linear-gradient(90deg,#fbf6e8 0 3px,#ebe2c9 3px 4px) right/14px 100% no-repeat,linear-gradient(90deg,#efe6cc,#fdf9ee 30%);box-shadow:0 16px 26px #050a2880}.book-cover{position:absolute;inset:0;border-radius:8px 18px 18px 8px;background:var(--cloth);transform-origin:left center;box-shadow:inset 14px 0 color-mix(in srgb,var(--cloth) 70%,#000),inset 16px 0 #ffffff2e,0 10px 18px #050a2859;transition:rotate .45s cubic-bezier(.3,1.4,.5,1)}@media(hover:hover){.book:hover{translate:0 -6px}.book:hover .book-cover{rotate:y -24deg}}.book:active{translate:0 4px}.book-art{position:absolute;inset:7px 9px 7px 22px;border-radius:4px 12px 12px 4px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff40}.book-art img{width:100%;height:100%;object-fit:cover}.book-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 9%),linear-gradient(115deg,rgba(255,255,255,.22),transparent 38%)}.book-title{position:absolute;left:30px;right:16px;top:8%;font-size:clamp(1.2rem,2.1vw,1.85rem);font-weight:700;line-height:1;letter-spacing:.01em;color:var(--ink);-webkit-text-stroke:5px var(--cloth);paint-order:stroke fill;text-shadow:0 0 18px var(--glow),0 4px 0 rgba(0,0,0,.25);text-wrap:balance}.book-age{top:auto;bottom:16%;right:-18px}.book-read{position:absolute;top:22%;right:-16px;padding:.22em .8em;border-radius:999px;background:#5ccf8a;color:#fff;font-weight:700;font-size:.95rem;rotate:8deg;box-shadow:0 4px #3a9a62}.book-soon{display:grid;place-items:center;width:clamp(120px,11vw,180px);aspect-ratio:3/4.15;padding:16px;border:4px dashed rgba(255,255,255,.4);border-radius:8px 18px 18px 8px;color:#ffffffd1;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700;text-align:center}.bubo-host{left:clamp(6px,2vw,34px);bottom:clamp(6px,2vh,26px);width:clamp(120px,14vw,220px)}@media(max-width:960px){.bubo-host{display:none}}@media(min-width:961px)and (min-height:561px){.shelf .books{padding-left:calc(clamp(120px,14vw,220px) + 12px)}.bubo-host .bubble{left:4%;bottom:98%;max-width:min(240px,16vw)}}@media(max-width:700px)and (orientation:portrait){.shelf{align-content:start}.books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;width:100%;box-sizing:border-box}.books li{display:flex;justify-content:center}.books li.book-soon:nth-child(odd){grid-column:1/-1;justify-self:center}.book{width:min(100%,230px)}.book-title{left:26px;right:12px;font-size:clamp(1rem,5vw,1.35rem);-webkit-text-stroke:4px var(--cloth)}.book-soon{width:min(30vw,140px)}}@media(max-height:560px)and (orientation:landscape){.shelf .hub-title{display:none}.shelf{padding-top:64px}.book{width:min(150px,32vh)}.book-soon{width:min(110px,24vh)}.book-title{font-size:1rem}}@media(prefers-reduced-motion:reduce){.door .art img,.shelf .night i{animation:none}}.reader{--txt:clamp(104px,17vh,168px);--side:0px;position:absolute;inset:0;z-index:50;background:#0f1b40;color:var(--ink);overflow:hidden}@media(orientation:portrait){.reader{--txt:44%}}@media(max-height:520px)and (orientation:landscape){.reader{--txt:0px;--side:min(42%,400px)}}.reader.ending{--txt:0px;--side:0px}.rd-stage{position:absolute;left:0;top:0;right:var(--side);bottom:var(--txt);touch-action:none;cursor:pointer}.rd-canvas,.rd-flat{position:absolute;inset:0;width:100%;height:100%;display:block}.rd-flat{object-fit:cover}.rd-back{z-index:60}.rd-menu{left:auto;right:clamp(8px,1.4vw,22px);top:clamp(8px,1.6vh,20px);z-index:60}.rd-info{left:auto;right:calc(clamp(8px,1.4vw,22px) + 60px);top:clamp(8px,1.6vh,20px);z-index:60}@media(max-width:700px),(max-height:520px)and (orientation:landscape){.rd-menu{right:10px;top:10px}.rd-info{right:68px;top:10px}}.rd-dots{position:absolute;z-index:58;top:clamp(16px,2.4vh,30px);left:calc((100% - var(--side)) / 2);translate:-50% 0;display:flex;align-items:center;gap:7px;list-style:none;margin:0;padding:8px 12px;border-radius:999px;background:#0c143466;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.rd-dots li{width:10px;height:10px;border-radius:5px;background:#ffffff61;transition:width .3s,background .3s}.rd-dots li.done{background:#ffffffc7}.rd-dots li.on{width:24px;background:var(--sun)}@media(max-width:520px),(max-height:520px)and (orientation:landscape){.rd-dots{display:none}}.rd-card,.rd-cover{position:absolute;z-index:55;left:0;right:0;bottom:0;height:calc(var(--txt) + 18px);display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.6vw,22px);padding:clamp(10px,1.6vh,18px) clamp(14px,4vw,64px) clamp(12px,1.8vh,20px);border-radius:28px 28px 0 0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.7),transparent 40%),linear-gradient(180deg,#fffaf0,#fbf1dc);box-shadow:0 -6px #ffffff59,0 -16px 36px #050a2859}.rd-text{margin:0;max-width:1180px;max-height:100%;overflow:hidden;font-size:var(--fs,clamp(1.02rem,1.75vw,1.65rem));font-weight:600;line-height:1.4;color:#2c365a;cursor:pointer}@media(orientation:portrait){.rd-text{font-size:var(--fs,clamp(1.2rem,5.6vw,1.7rem));line-height:1.48}}.w{display:inline-block;padding:0 .1em;margin:0 -.04em;border-radius:.32em;transition:background-color .12s,color .12s,box-shadow .12s}.w.on{background:var(--sun);color:#3a2800;box-shadow:0 3px 0 var(--sun-d)}.w.read{color:#6a74a0}.rd-voice{flex:none;display:grid;place-items:center;width:clamp(48px,4.6vw,64px);aspect-ratio:1;border:0;border-radius:50%;padding:0;background:var(--c);color:#fff;box-shadow:0 5px color-mix(in srgb,var(--c) 58%,#0d1440),0 10px 18px #141e5040}.rd-voice svg{width:54%;height:54%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.rd-voice.on{background:var(--coral);box-shadow:0 5px #c2483d,0 0 0 6px #ff7f6b40;animation:speak 1.1s ease-in-out infinite}.rd-voice:active{translate:0 4px}@keyframes speak{50%{box-shadow:0 5px #c2483d,0 0 0 12px #ff7f6b1f}}.rd-cover{gap:clamp(14px,2.4vw,40px);padding-bottom:clamp(20px,3vh,30px)}.rd-title{margin:0;max-width:760px;font-size:var(--fs,clamp(1.4rem,2.9vw,2.7rem));font-weight:700;line-height:1.05;text-align:left;color:var(--c);-webkit-text-stroke:6px #fff;paint-order:stroke fill;filter:drop-shadow(0 4px 0 rgba(56,69,106,.18));cursor:pointer}.rd-title .w.on{background:none;box-shadow:none;color:#e0a800}.rd-choose{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(10px,1.4vw,18px)}.rd-choose .btn-play{font-size:clamp(1.15rem,2vw,1.6rem);min-width:0;white-space:nowrap}.rd-choose .btn-soft{font-size:clamp(1rem,1.5vw,1.25rem);white-space:nowrap}@media(orientation:portrait){.rd-cover{flex-direction:column;gap:clamp(10px,2vh,20px)}.rd-title{text-align:center;font-size:var(--fs,clamp(1.6rem,7.6vw,2.6rem))}.rd-choose{flex-wrap:wrap}}@media(max-height:520px)and (orientation:landscape){.rd-card,.rd-cover{left:auto;top:0;width:calc(var(--side) + 18px);height:auto;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;padding:18px 18px 14px 30px;border-radius:28px 0 0 28px;box-shadow:-6px 0 #ffffff4d,-14px 0 30px #050a2859}.rd-menu{right:calc(var(--side) + 30px)}.rd-info{right:calc(var(--side) + 88px)}.rd-voice{align-self:flex-start;width:46px;height:46px;min-height:46px}.rd-text{font-size:var(--fs,clamp(.95rem,2.2vw,1.15rem));line-height:1.45}.rd-cover{align-items:center}.rd-title{text-align:center;font-size:var(--fs,clamp(1.3rem,3.4vw,1.8rem));-webkit-text-stroke:5px #fff}.rd-choose{flex-direction:column;align-items:stretch;width:100%}.rd-choose .btn-play{font-size:1.2rem;padding-block:.4em}.rd-choose .btn-soft{font-size:1rem}}.rd-arrow{position:absolute;z-index:56;top:calc((100% - var(--txt)) / 2);translate:0 -50%;display:grid;place-items:center;width:clamp(50px,5vw,70px);aspect-ratio:1;border:0;border-radius:50%;padding:0;background:#ffffffed;color:var(--ink);box-shadow:0 6px #c3cce4,0 14px 26px #050a284d;transition:scale .12s}.rd-arrow svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.rd-arrow.prev{left:clamp(8px,1.6vw,24px)}.rd-arrow.next{right:calc(var(--side) + clamp(8px,1.6vw,24px))}.rd-arrow:hover{scale:1.06}.rd-arrow:active{translate:0 calc(-50% + 4px)}.rd-arrow:disabled{opacity:.5}@media(orientation:portrait){.rd-arrow{top:auto;bottom:calc(var(--txt) + 34px);translate:none;width:52px}.rd-arrow:active{translate:0 4px}}@media(max-height:520px)and (orientation:landscape){.rd-arrow{width:46px}.rd-arrow.next{right:calc(var(--side) + 26px)}}.rd-hint{position:absolute;z-index:57;translate:-50% -50%;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px}.rd-hint b{order:-1;padding:.3em .95em;border-radius:999px;background:#fff;color:var(--ink);font-size:clamp(1rem,2vw,1.45rem);white-space:nowrap;box-shadow:var(--clay);animation:bob 2.2s ease-in-out infinite}.rd-hint.still b{background:#26326b;color:#fff}.rd-rings{position:relative;width:110px;height:46px}.rd-rings i{position:absolute;inset:0;border:3px solid rgba(255,255,255,.9);border-radius:50%;animation:ring 1.8s ease-out infinite}.rd-rings i:nth-child(2){animation-delay:.6s}.rd-rings i:nth-child(3){animation-delay:1.2s}@keyframes ring{0%{scale:.15;opacity:1}to{scale:1.5;opacity:0}}.rd-end{position:absolute;inset:0;z-index:62;display:grid;place-items:center;padding:16px;background:#0c14348c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.rd-end-card{position:relative;width:min(520px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(76px,12vh,100px) 22px 22px;border-radius:40px;background:linear-gradient(180deg,#fffaf0,#fbf1dc);box-shadow:0 10px #ffffff4d,0 30px 60px #0006;text-align:center}.rd-end-bubo{position:absolute;top:clamp(-96px,-12vh,-74px);width:clamp(140px,19vh,180px);height:auto;filter:drop-shadow(0 12px 12px rgba(0,0,0,.25));animation:bob 3s ease-in-out infinite}.rd-end-card h2{margin:0;font-size:clamp(2.6rem,6vw,3.6rem);color:var(--c);-webkit-text-stroke:8px #fff;paint-order:stroke fill;filter:drop-shadow(0 4px 0 rgba(56,69,106,.15))}.rd-end-line{margin:0 0 6px;font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:600;color:var(--ink-2)}.rd-end-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(320px,100%)}.rd-end-actions .btn-play{font-size:clamp(1.15rem,1.8vw,1.4rem);min-width:0;padding:.42em 1.2em .47em 1em}.rd-end-actions .btn-soft{font-size:clamp(1rem,1.4vw,1.15rem);padding:.42em 1em .47em}@media(max-height:520px)and (orientation:landscape){.rd-end-card{width:min(720px,100%);padding:16px 20px}.rd-end-bubo{display:none}.rd-end-card h2{font-size:2rem}.rd-end-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;width:auto}}.rd-pause{z-index:70;background:#0c143480}.rm-mode{display:flex;gap:6px;padding:5px;border-radius:999px;background:#eef2fa}.rm-mode button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;padding:.45em .7em;white-space:nowrap;font:inherit;font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:700;color:var(--ink-2);background:none;cursor:pointer}.rm-mode button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.rm-mode button[aria-checked=true]{background:#fff;color:var(--ink);box-shadow:0 3px #d3dbee}@media(prefers-reduced-motion:reduce){.rd-voice.on,.rd-hint b,.rd-rings i,.rd-end-bubo{animation:none}}.app[data-album] .reader{visibility:hidden}@media(max-height:820px){.rd-pause .pause-card{padding-top:22px}.rd-pause .pause-mascot{display:none}.rd-pause .pause-actions{gap:10px}}.rd-end-stickers{display:flex;justify-content:center;gap:18px;margin:2px 0 4px}.rd-end-stickers .stk-face{--s:clamp(64px,10vh,86px);--q:2.2rem}.rd-end-st{display:inline-grid}.rd-end-have{margin:-2px 0 6px;font-weight:700;color:var(--c)}@media(max-height:520px)and (orientation:landscape){.rd-end-stickers .stk-face{--s:56px;--q:1.7rem}}@property --hold{syntax:"<number>";inherits:false;initial-value:0}.rd-arrow.hold:after{content:"";position:absolute;inset:-7px;border-radius:50%;pointer-events:none;background:conic-gradient(var(--sun) calc(var(--hold) * 1turn),rgba(255,255,255,.35) 0);-webkit-mask:radial-gradient(circle,transparent calc(50% - 6px),#000 calc(50% - 5px));mask:radial-gradient(circle,transparent calc(50% - 6px),#000 calc(50% - 5px))}.rd-arrow.holding:after{animation:holdFill 1.5s linear forwards}@keyframes holdFill{0%{--hold:0}to{--hold:1}}.rd-hold-tip{position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50% 0;padding:.3em .8em;border-radius:999px;background:#fff;color:var(--ink);font-size:.95rem;font-weight:700;white-space:nowrap;box-shadow:var(--clay);pointer-events:none}.rd-arrow.prev .rd-hold-tip{left:0;translate:0 0}.rd-arrow.next .rd-hold-tip{left:auto;right:0;translate:0 0}.bk-fly{position:fixed;inset:0;z-index:200;pointer-events:all;perspective:1600px}.bk-dim{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#22306a,#0f1b40 70%)}.bk{position:absolute;transform-style:preserve-3d}.bk .bk-pages{position:absolute;inset:3px 2px 3px 10px;display:grid;place-items:center;padding:9% 8%;border-radius:4px 14px 14px 4px;background:repeating-linear-gradient(90deg,#fbf6e8 0 3px,#ebe2c9 3px 4px) right/12px 100% no-repeat,linear-gradient(90deg,#e9dfc3,#fdf9ee 18%);box-shadow:0 30px 60px #00000080}.bk-inner{width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:0 2px #00000014}.bk-cover{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:left center}.bk-front,.bk-back{position:absolute;inset:0;border-radius:8px 18px 18px 8px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bk-front{background:var(--cloth);box-shadow:inset 14px 0 color-mix(in srgb,var(--cloth) 70%,#000),inset 16px 0 #ffffff2e}.bk-front .book-title{font-size:clamp(1.8rem,4.4vh,3rem);left:12%;right:6%}.bk-back{transform:rotateY(180deg);border-radius:18px 8px 8px 18px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18) 0 3px,transparent 4px) 0 0/26px 26px,color-mix(in srgb,var(--cloth) 70%,#fff 10%)}.bk-zoom{position:fixed;object-fit:cover;z-index:2;box-shadow:0 30px 80px #00000080}