.juju{width:clamp(130px,26vh,210px);aspect-ratio:1;position:relative;flex:none}.juju svg{width:100%;height:100%;overflow:visible}.juju .body{transform-origin:50% 88%;animation:bob 2.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-6px) scaleY(1.03)}}.juju.listening .body{animation:lean 1.6s ease-in-out infinite}@keyframes lean{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-4px)}}.juju .ring{opacity:0;transform-origin:center}.juju.listening .ring{animation:ripple 1.8s ease-out infinite}.juju.listening .ring.b{animation-delay:.6s}.juju.listening .ring.c{animation-delay:1.2s}@keyframes ripple{0%{opacity:.5;transform:scale(.75)}to{opacity:0;transform:scale(1.45)}}.juju.speaking .body{animation:chirp .42s ease-in-out infinite}@keyframes chirp{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.045)}}.juju .beak{transform-origin:50% 58%}.juju.speaking .beak{animation:beak .28s ease-in-out infinite}@keyframes beak{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.85)}}.juju .eye{transform-origin:center;animation:blink 5.5s infinite}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.juju.sleeping .body{animation:snooze 3.6s ease-in-out infinite}.juju.sleeping .eye{animation:none;transform:scaleY(.1)}@keyframes snooze{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(3px) rotate(-6deg)}}.juju .zzz{opacity:0;font:900 26px Nunito,sans-serif;fill:var(--ink-soft)}.juju.sleeping .zzz{animation:float 2.6s ease-out infinite}.juju.sleeping .zzz.b{animation-delay:.9s}@keyframes float{0%{opacity:0;transform:translate(0) scale(.6)}30%{opacity:.85}to{opacity:0;transform:translate(16px,-34px) scale(1.1)}}.juju.connecting .body{animation:bob 1.1s ease-in-out infinite;opacity:.6}.juju.de .ring{stroke:#4a6fa5}.juju.de svg{filter:hue-rotate(-14deg) saturate(.82);transition:filter .2s}:root{--cream: #fff6e9;--card: #fffdfa;--ink: #34302b;--ink-soft: #7d746a;--yellow: #ffc83d;--yellow-deep: #f0a500;--shadow: 0 8px 0 rgba(52, 48, 43, .13);--hue: 40;--accent: hsl(var(--hue) 72% 58%);--accent-soft: hsl(var(--hue) 80% 93%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;height:100dvh}body{margin:0;font-family:Nunito,system-ui,sans-serif;background:var(--cream);color:var(--ink);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:none}.fa{font-family:Vazirmatn,Nunito,sans-serif;direction:rtl}.screen{height:100%;display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:clamp(8px,2.2vh,20px);min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.hint{text-align:center;font-size:17px;color:var(--ink-soft);font-weight:800}.shelf{flex:1 0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;align-content:center;align-content:safe center;max-width:920px;width:100%;margin:0 auto;padding:8px}.cover{border:0;border-radius:30px;background:linear-gradient(165deg,#fff,hsl(var(--hue) 78% 93%));box-shadow:var(--shadow);padding:20px 12px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;min-height:210px;justify-content:center;transition:transform .18s cubic-bezier(.34,1.6,.64,1);animation:rise .5s backwards;position:relative}.cover:active{transform:scale(.95)}.cover-art{font-size:clamp(62px,14vmin,92px);line-height:1}.cover-title{font-size:clamp(21px,4.4vw,27px);font-weight:900}.cover-de{font-size:13px;color:var(--ink-soft);font-weight:700}.cover-plays{font-size:13px;letter-spacing:-2px;margin-top:4px}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.92)}}.sticker-book{width:100%;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.sticker{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,hsl(var(--hue) 80% 93%),hsl(var(--hue) 65% 85%));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #34302b26,inset 0 2px #ffffff80;animation:pop-in .4s cubic-bezier(.34,1.7,.64,1) backwards;border:4px solid #fff}.sticker-art{font-size:64px;color:hsl(var(--hue) 62% 36%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.scene-art{width:min(620px,100%);flex:1 1 auto;min-height:clamp(120px,26vh,260px);max-height:40vh;border-radius:34px;display:flex;align-items:center;justify-content:center;gap:clamp(6px,3vmin,26px);position:relative;overflow:hidden;box-shadow:inset 0 -10px #34302b0d}.bg-home{background:linear-gradient(180deg,#fdf0dc,#f6ddc0)}.bg-garden{background:linear-gradient(180deg,#dff0d8,#a8d5a2)}.bg-bath{background:linear-gradient(180deg,#dcf0fa,#a8d8ee)}.bg-night{background:linear-gradient(180deg,#3d4a72,#2a3154)}.bg-site{background:linear-gradient(180deg,#e9edf2,#e3d3b0)}.icon{display:inline-block;vertical-align:middle;width:1em;height:1em;flex:none}.cover-art{color:hsl(var(--hue) 62% 36%)}.bg-night{color:#f3efe6}.story-stars,.cover-plays{color:var(--yellow-deep)}.story-stars{display:flex;gap:6px;justify-content:center}.cover-plays{display:flex;gap:2px;align-items:center;justify-content:center}.cheer{color:var(--yellow-deep)}.op{color:var(--ink-soft)}.actor{font-size:clamp(54px,14vmin,104px);line-height:1;animation:drop .5s cubic-bezier(.34,1.6,.64,1) backwards}@keyframes drop{0%{opacity:0;transform:translateY(-26px) scale(.6)}}.actor.sad{animation:sway 2.4s ease-in-out infinite}.actor.happy{animation:hop .9s ease-in-out infinite}.actor.sleep{animation:breathe-slow 3.4s ease-in-out infinite;opacity:.9}.actor.listen{animation:cock 1.8s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes breathe-slow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes cock{0%,to{transform:rotate(0)}50%{transform:rotate(-11deg)}}.cheer{position:absolute;font-size:72px;animation:cheer 1.2s ease-out forwards;pointer-events:none}@keyframes cheer{0%{opacity:0;transform:scale(.3) rotate(-25deg)}35%{opacity:1;transform:scale(1.25) rotate(8deg)}to{opacity:0;transform:scale(1.7) rotate(18deg)}}.confetti-container{position:absolute;inset:0;pointer-events:none;z-index:10;overflow:hidden}.confetti-particle{position:absolute;width:12px;height:12px;border-radius:2px;animation:fall 1.5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes fall{0%{transform:translateY(0) rotate(0) scale(.5);opacity:0}10%{opacity:1;transform:translateY(10vh) rotate(45deg) scale(1)}to{transform:translateY(110vh) rotate(360deg) scale(.8);opacity:0}}.juju-tap{border:0;background:none;padding:0;cursor:pointer;margin-top:-22px;z-index:2;transition:transform .3s cubic-bezier(.34,1.8,.64,1)}.juju-tap:active{transform:scale(.9) translateY(4px);transition:transform .1s}.choice-row{display:flex;gap:clamp(12px,4vmin,26px);justify-content:center;min-height:clamp(84px,17vh,126px);align-items:center}.choice{border:0;border-radius:28px;background:var(--card);box-shadow:var(--shadow);width:clamp(76px,20vmin,116px);height:clamp(76px,20vmin,116px);font-size:clamp(38px,10vmin,58px);line-height:1;cursor:pointer;animation:pop-in .36s cubic-bezier(.34,1.7,.64,1) backwards;transition:transform .16s}.choice:nth-child(2){animation-delay:.07s}.choice:nth-child(3){animation-delay:.14s}.choice:active{transform:scale(.9)}@keyframes pop-in{0%{opacity:0;transform:scale(.3) translateY(22px)}}.choice.nudge{animation:nudge .45s ease}@keyframes nudge{0%,to{transform:translate(0)}30%{transform:translate(-8px) rotate(-3deg)}65%{transform:translate(8px) rotate(3deg)}}.choice.choice-pos{position:relative;overflow:hidden}.pos-composite{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pos-composite .pos-anchor{font-size:clamp(32px,8.5vmin,48px);display:flex;align-items:center;justify-content:center}.pos-composite .pos-subject{font-size:clamp(20px,5.5vmin,30px);position:absolute;z-index:2;display:flex;align-items:center;justify-content:center}.pos-composite.pos-on .pos-anchor{transform:translateY(12px)}.pos-composite.pos-on .pos-subject{transform:translateY(-18px)}.pos-composite.pos-under .pos-anchor{transform:translateY(-12px)}.pos-composite.pos-under .pos-subject{transform:translateY(18px)}.pos-composite.pos-in .pos-anchor{opacity:.65;transform:scale(1.06)}.pos-composite.pos-in .pos-subject{transform:scale(.7)}.pos-composite.pos-behind .pos-anchor{z-index:2}.pos-composite.pos-behind .pos-subject{z-index:1;transform:translate(14px,-14px) scale(.75);opacity:.75}.controls{display:flex;flex-wrap:wrap;gap:clamp(8px,3vmin,14px);justify-content:center;padding-top:4px}.round{width:clamp(46px,13vmin,62px);height:clamp(46px,13vmin,62px);border-radius:50%;border:0;background:var(--card);box-shadow:var(--shadow);font-size:26px;font-weight:900;cursor:pointer;color:var(--ink)}.round:active{transform:scale(.9)}.round.de{font-size:19px;background:#4a6fa5;color:#fff}.round.sm{width:42px;height:42px;font-size:16px;box-shadow:0 4px #34302b21}.round.sm:disabled{opacity:.3}.round.sm.rec{background:#e5484d;color:#fff;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.story-stars{font-size:46px;letter-spacing:4px;animation:pop-in .5s backwards}.big-start{border:0;border-radius:999px;background:var(--yellow);box-shadow:0 8px 0 var(--yellow-deep);color:var(--ink);font-size:30px;font-weight:900;padding:22px 54px;cursor:pointer;animation:breathe 2.6s ease-in-out infinite}.big-start:active{transform:translateY(5px);box-shadow:0 3px 0 var(--yellow-deep)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}:root{--gate: 54px}.gate{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:46px;height:46px;border-radius:50%;border:0;background:transparent;color:#34302b38;font-size:19px;cursor:pointer;z-index:6;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.gate.held{color:var(--ink)}.gate .ring:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px solid rgba(52,48,43,.12);opacity:0}.gate.held .ring:before{opacity:1}.gate .ring{position:absolute;inset:3px;border-radius:50%;border:3px solid var(--accent);clip-path:inset(0 0 var(--fill, 100%) 0)}.hold-btn{touch-action:none;-webkit-touch-callout:none}.hold-btn .hold-ring:before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:4px solid rgba(52,48,43,.12);opacity:0;transition:opacity .15s}.hold-btn.held .hold-ring:before{opacity:1}.hold-btn .hold-ring{position:absolute;inset:0;border-radius:inherit;border:4px solid var(--accent);clip-path:inset(0 0 var(--fill, 100%) 0);pointer-events:none}.sheet-wrap{position:fixed;inset:0;height:100%;height:100dvh;background:#34302b73;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{background:var(--card);width:min(640px,100%);max-height:92vh;max-height:92dvh;overflow-y:auto;border-radius:28px 28px 0 0;padding:0 20px max(24px,env(safe-area-inset-bottom));animation:up .28s ease;user-select:text;-webkit-user-select:text;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}@keyframes up{0%{transform:translateY(100%)}}.sheet-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;margin:0 -20px 4px;padding:16px 20px 12px;background:var(--card);border-bottom:1px solid #f0e7da}.sheet-back{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:#f3ece2;color:var(--ink);font:inherit;font-size:18px;font-weight:900;cursor:pointer}.sheet-back:active{background:#e7ddcd}.sheet h2{margin:0 0 4px;font-size:21px}.sheet-head h2{margin:0}.sheet h3{margin:22px 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.sheet label{display:block;font-size:13px;font-weight:700;color:var(--ink-soft);margin:12px 0 5px}.sheet input[type=text],.sheet input:not([type]),.sheet select{width:100%;padding:13px 14px;font:inherit;font-size:16px;border:2px solid #eadfd0;border-radius:14px;background:#fff;color:var(--ink)}.sheet button.primary{margin-top:20px;width:100%;padding:15px;border:0;border-radius:16px;background:var(--yellow);font:inherit;font-weight:900;font-size:16px;cursor:pointer}.sheet button.ghost{width:100%;padding:12px;border:2px solid #eadfd0;border-radius:14px;background:transparent;font:inherit;font-weight:700;cursor:pointer;color:var(--ink);text-align:left}.tiles{display:flex;gap:8px}.tile{flex:1;background:var(--accent-soft);border-radius:16px;padding:12px 6px;text-align:center}.tile b{display:block;font-size:25px}.tile span{font-size:10px;color:var(--ink-soft);font-weight:700}.wordlist{display:flex;flex-wrap:wrap;gap:7px}.chip{background:#f3ece2;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.chip.said{background:#d8f0d4}.chip.understood{background:#fdeec0}.note{font-size:13px;color:var(--ink-soft);line-height:1.55}.rec-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0e7da}.rec-row.own{background:#f2faf1;border-radius:12px;padding:10px 8px}.rec-text{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.rec-fa{font-size:16px;font-weight:700}.rec-tr{font-size:12px;color:var(--ink-soft);font-style:italic}.rec-de{font-size:12px;color:var(--ink-soft)}.rec-btns{display:flex;gap:6px;flex:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shelf-wrap{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.setup-note{margin:0 auto 10px;max-width:560px;text-align:center;font-size:13px;font-weight:700;color:var(--ink-soft);background:#fdeec0;border-radius:14px;padding:10px 14px}.setup-note code{background:#34302b1a;padding:2px 6px;border-radius:6px;font-size:12px}.listening{position:relative;display:flex;align-items:center;justify-content:center;width:96px;height:96px;margin-top:-6px}.mic{font-size:44px;z-index:2;animation:mic-pulse 1.1s ease-in-out infinite}@keyframes mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.mic-ring{position:absolute;inset:0;border-radius:50%;border:4px solid var(--yellow);animation:mic-ripple 1.6s ease-out infinite}.mic-ring.b{animation-delay:.8s}@keyframes mic-ripple{0%{opacity:.7;transform:scale(.65)}to{opacity:0;transform:scale(1.5)}}.choice.ticked{background:#dff0d8;transform:scale(.94)}.choice .tick{position:absolute;top:6px;right:10px;font-size:20px;color:#3f8f3a}.choice{position:relative}.cover-level{position:absolute;top:12px;right:14px;display:flex;gap:3px}.cover-level span{width:6px;height:6px;border-radius:50%;background:#34302b26}.cover-level span.on{background:var(--accent)}.tokens{display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vmin,22px);flex-wrap:wrap;width:min(620px,100%);min-height:clamp(110px,24vh,220px)}.token-group{border:0;background:none;padding:8px;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,max-content));grid-auto-flow:row;gap:4px 6px;max-width:46%;justify-content:center}.token-group.framed{background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:12px 14px}.token-group.tappable{cursor:pointer}.token-group.tappable:active{transform:scale(.94)}.token-group.leaving{opacity:.38;filter:grayscale(.7)}.token-group:disabled{cursor:default}.token{font-size:clamp(26px,6.4vmin,44px);line-height:1;animation:drop .4s cubic-bezier(.34,1.6,.64,1) backwards}.op{font-size:clamp(22px,5vmin,34px);opacity:.5}.choice.num{font-family:Nunito,sans-serif;font-weight:900;font-size:clamp(34px,8vmin,46px);color:var(--ink)}.juju-tap.sm{margin-top:-10px}.juju-tap.sm .juju{width:clamp(96px,17vh,140px)}.round-dots{display:flex;gap:6px;min-height:12px}.round-dots span{width:9px;height:9px;border-radius:50%;background:#34302b24;transition:background .25s}.round-dots span.on{background:var(--accent)}.tabs{display:flex;flex-wrap:wrap;gap:clamp(6px,2vmin,10px);justify-content:center;padding:0 var(--gate) 12px 0;position:sticky;top:0;z-index:3;background:var(--cream)}.tab{border:0;border-radius:999px;background:var(--card);box-shadow:var(--shadow);min-width:44px;min-height:44px;padding:11px clamp(6px,2.8vmin,26px);font-size:clamp(20px,5.6vmin,26px);line-height:1.1;cursor:pointer;opacity:.5;transition:opacity .2s,transform .2s}.tab.on{opacity:1;transform:scale(1.06);background:var(--yellow)}.tab:active{transform:scale(.94)}.dl-bar{height:10px;border-radius:999px;background:#efe6d9;overflow:hidden;margin:10px 0 6px}.dl-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.hide-list{display:flex;flex-direction:column;gap:6px}.hide-row{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:2px solid #eadfd0;border-radius:14px;background:#fff;font:inherit;cursor:pointer;text-align:left}.hide-row.off{opacity:.45;background:#f5f0e8}.hide-emoji{font-size:24px;flex:none}.hide-name{flex:1;display:flex;flex-direction:column;line-height:1.25;min-width:0}.hide-name .fa{font-size:15px;font-weight:700}.hide-de{font-size:11px;color:var(--ink-soft)}.hide-state{font-size:12px;font-weight:900;color:var(--ink-soft);flex:none}.hide-row:not(.off) .hide-state{color:#3f8f3a}.packs{display:flex;flex-direction:column;gap:6px}.pack-row{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:2px solid #eadfd0;border-radius:14px;background:#fff;font:inherit;cursor:pointer;text-align:left}.pack-row.on{border-color:#3f8f3a}.pack-name{flex:1;display:flex;flex-direction:column;gap:2px;line-height:1.25;min-width:0;font-weight:700;font-size:15px}.pack-note{font-size:11px;font-weight:400;color:var(--ink-soft)}.pack-state{font-size:12px;font-weight:900;color:var(--ink-soft);flex:none}.pack-row.on .pack-state{color:#3f8f3a}.pack-sample{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px;padding:10px 12px;border-radius:14px;background:#f5f0e8;color:#955823}.video-stage{justify-content:center;gap:16px;--vh: 1vh;--video-h: calc(72 * var(--vh))}@supports (height: 1dvh){.video-stage{--vh: 1dvh}}.video-frame{position:relative;width:100%;max-width:920px;max-width:min(920px,calc(var(--video-h, 72vh) * 16 / 9));width:min(100%,920px,calc(var(--video-h, 72vh) * 16 / 9));aspect-ratio:16 / 9;max-height:var(--video-h, 72vh);border-radius:26px;overflow:hidden;background:#000;box-shadow:var(--shadow);flex:none}.video-slot,.video-slot>*,.video-frame iframe{width:100%;height:100%;border:0;display:block}@supports not (aspect-ratio: 16 / 9){.video-frame{height:0;padding-bottom:min(56.25%,var(--video-h, 72vh))}.video-slot{position:absolute;top:0;left:0;width:100%;height:100%}}.video-shield{position:absolute;inset:0;z-index:2}.video-cover{position:absolute;inset:0;z-index:3;border:0;background:linear-gradient(165deg,#2a2723,#14120f);color:#fff;font-size:68px;cursor:pointer}.video-cover:active{transform:scale(.98)}.round.big{width:clamp(60px,17vmin,82px);height:clamp(60px,17vmin,82px);font-size:clamp(26px,7vmin,34px);background:var(--yellow)}.video-cover-tile{padding:12px;gap:9px;min-height:0}.cover-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:18px;background:#e7ddcd}.video-cover-tile .cover-de{font-size:15px;font-weight:800;color:var(--ink);text-align:center;line-height:1.3}.video-title{margin:0;font-size:15px;font-weight:800;color:var(--ink-soft);text-align:center;max-width:900px}.video-cover.as-note{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:54px}.video-cover.as-note p{margin:0;font-size:17px;font-weight:800;padding:0 24px;text-align:center}.shield-bar{position:absolute;z-index:2}.shield-bar.t{top:0;left:0;right:0;height:33%}.shield-bar.b{bottom:0;left:0;right:0;height:33%}.shield-bar.l{top:33%;bottom:33%;left:0;width:30%}.shield-bar.r{top:33%;bottom:33%;right:0;width:30%}.shelf-empty{grid-column:1 / -1;align-self:center}.tiles{flex-wrap:wrap}.tile{min-width:76px}.watchlist{display:flex;flex-direction:column;gap:6px}.watch-row{display:flex;align-items:center;gap:9px;background:#f3ece2;border-radius:12px;padding:8px 11px}.watch-src{flex:none;font-size:15px}.watch-title{flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-n{flex:none;font-size:12px;font-weight:800;color:var(--ink-soft)}.video-stage.full{position:fixed;width:100vw;height:100vh;inset:0;z-index:30;background:#000;padding:0;justify-content:center;align-items:center;--vh: 1vh;--video-h: 100vh}.video-stage:fullscreen{position:fixed;width:100vw;height:100vh;inset:0;z-index:30;background:#000;padding:0;justify-content:center;align-items:center;--vh: 1vh;--video-h: 100vh}.video-stage:-webkit-full-screen{position:fixed;width:100vw;height:100vh;inset:0;z-index:30;background:#000;padding:0;justify-content:center;align-items:center;--vh: 1vh;--video-h: 100vh}.video-stage.full .video-frame,.video-stage:fullscreen .video-frame,.video-stage:-webkit-full-screen .video-frame{width:100%;max-width:100vw;max-width:calc(100vh * 16 / 9);max-width:calc(100 * var(--vh, 1vh) * 16 / 9);height:auto;max-height:100vh;max-height:calc(100 * var(--vh, 1vh));aspect-ratio:16 / 9;border-radius:0;box-shadow:none}@supports not (aspect-ratio: 16 / 9){.video-stage.full .video-frame,.video-stage:fullscreen .video-frame,.video-stage:-webkit-full-screen .video-frame{height:0;padding-bottom:min(56.25vw,100vh)}}.video-stage.full .video-title,.video-stage:fullscreen .video-title,.video-stage:-webkit-full-screen .video-title{display:none}.video-stage.full .controls,.video-stage:fullscreen .controls,.video-stage:-webkit-full-screen .controls{position:fixed;left:0;right:0;bottom:0;z-index:31;padding:26px 12px max(12px,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(0,0,0,.72),transparent)}.video-stage.full .round,.video-stage:fullscreen .round,.video-stage:-webkit-full-screen .round{background:#ffffff2e;color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-stage.full .round.big,.video-stage:fullscreen .round.big,.video-stage:-webkit-full-screen .round.big{background:var(--yellow);color:var(--ink)}.round.fs{display:inline-flex;align-items:center;justify-content:center;font-size:24px}body:has(.video-stage.full) .gate,body:has(.video-stage:fullscreen) .gate,body:has(.video-stage:-webkit-full-screen) .gate,body:fullscreen .gate,body:-webkit-full-screen .gate{display:none}@media(max-height:460px){.scene-art{min-height:84px;max-height:32vh}.juju-tap{margin-top:-8px}.juju-tap .juju{width:clamp(84px,30vh,150px)}.choice-row{min-height:68px}.choice{width:clamp(60px,15vh,96px);height:clamp(60px,15vh,96px);font-size:clamp(32px,8vh,48px)}.tokens{min-height:80px}.stage{gap:6px}.video-stage:not(.full){--video-h: calc(62 * var(--vh))}.tabs{padding-bottom:8px}}@media(max-height:460px)and (min-width:700px){.video-stage:not(.full){--video-h: calc(72 * var(--vh))}}.video-cover.pass{pointer-events:none}.video-cover svg{width:.9em;height:.9em}.round svg{display:block;margin:auto}.tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tab-earn{display:flex;gap:3px;align-items:center;justify-content:center;font-size:14px;line-height:1;color:var(--yellow-deep)}.tab-earn>span{width:6px;height:6px;border-radius:50%;background:#34302b33}.tab-earn>span.on{background:var(--yellow-deep)}.tab.on .tab-earn{color:var(--ink)}.tab.on .tab-earn>span{background:#34302b4d}.tab.on .tab-earn>span.on{background:var(--ink)}.earn{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:20px;animation:rise .5s backwards}.earn-row{display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vmin,18px);flex-wrap:wrap}.earn-slot,.earn-prize{width:clamp(64px,16vmin,92px);height:clamp(64px,16vmin,92px);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:clamp(30px,8vmin,44px);box-shadow:var(--shadow);background:var(--card)}.earn-slot{color:#34302b38}.earn-slot.on{color:var(--yellow-deep);background:#fff7e2}.earn-arrow{font-size:26px;color:var(--ink-soft);display:flex}.earn-prize{background:linear-gradient(165deg,#fff,#f9efd2);color:#836a21;overflow:hidden}.earn-prize img{width:100%;height:100%;object-fit:cover;display:block}.earn-pick{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:100%}.earn-pick .cover{width:clamp(142px,27vmin,186px);min-height:176px;padding:16px 10px 12px}.tab-glyph{font-size:1.1em;font-weight:800;line-height:1}.alef-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;width:100%;direction:rtl}.alef-card{border:0;border-radius:22px;background:linear-gradient(165deg,#fff,#e7f5f8);box-shadow:var(--shadow);padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;min-height:132px;justify-content:center;animation:rise .45s backwards;transition:transform .18s cubic-bezier(.34,1.6,.64,1)}.alef-card:active{transform:scale(.93)}.alef-letter{font-size:clamp(34px,8vmin,48px);font-weight:800;line-height:1.05;color:#1d6c7c}.alef-pic{font-size:26px;color:var(--ink-soft);line-height:1}.alef-word{font-size:16px;font-weight:800}.alef-de{font-size:11px;color:var(--ink-soft);font-weight:700;direction:ltr}.timer-notice{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:40;background:var(--card);border:2px solid var(--yellow);box-shadow:0 8px 24px #34302b2e;border-radius:26px;padding:10px 16px;display:flex;align-items:center;gap:12px;max-width:min(520px,calc(100vw - 28px));width:max-content;animation:notice-drop .4s cubic-bezier(.34,1.5,.64,1)}@keyframes notice-drop{0%{opacity:0;transform:translate(-50%,-24px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.timer-notice-icon{font-size:24px;color:var(--yellow-deep);display:flex;align-items:center;flex-shrink:0}.timer-notice-body{display:flex;flex-direction:column;gap:2px;min-width:0}.timer-notice-fa{font-size:15px;font-weight:700;color:var(--ink);line-height:1.3}.timer-notice-de{font-size:12px;color:var(--ink-soft);font-weight:600}.timer-notice-btn{border:0;background:var(--yellow);color:var(--ink);font-weight:800;font-size:14px;padding:6px 14px;border-radius:16px;cursor:pointer;flex-shrink:0;transition:transform .15s}.timer-notice-btn:active{transform:scale(.92)}.timer-lock{position:fixed;inset:0;z-index:50;background:linear-gradient(180deg,#1b2138,#0f1322);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));overflow:hidden;user-select:none;-webkit-user-select:none;animation:fade-in .5s ease}.timer-stars{position:absolute;inset:0;pointer-events:none}.timer-stars .star{position:absolute;color:#ffebb466;font-size:20px;animation:star-twinkle 3s ease-in-out infinite alternate}.timer-stars .star:nth-child(2){animation-delay:.8s;font-size:15px}.timer-stars .star:nth-child(3){animation-delay:1.5s;font-size:24px}.timer-stars .star:nth-child(4){animation-delay:2.1s;font-size:17px}.timer-stars .star:nth-child(5){animation-delay:1.1s;font-size:22px}@keyframes star-twinkle{0%{opacity:.2;transform:scale(.85)}to{opacity:.85;transform:scale(1.15)}}.timer-lock-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;width:100%;z-index:2}.timer-juju-wrap{margin-bottom:8px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.timer-title{font-size:clamp(26px,5.5vw,36px);font-weight:900;margin:0 0 8px;color:#ffd970}.timer-subtitle{font-size:clamp(17px,3.8vw,22px);font-weight:800;margin:0 0 8px;color:#fff;opacity:.95}.timer-desc-fa{font-size:clamp(15px,3.2vw,18px);font-weight:600;margin:0 0 14px;color:#c9d2f0;line-height:1.5}.timer-de-note{font-size:13px;color:#929ebd;font-weight:600;margin:0 0 24px;max-width:440px}.timer-parent-entry{margin-top:8px}.timer-parent-trigger{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#c9d2f0;padding:8px 18px;border-radius:20px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s,transform .15s}.timer-parent-trigger:active{background:#ffffff26;transform:scale(.96)}.pin-pad-modal{position:fixed;inset:0;background:#0f1322d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px;animation:fade-in .2s ease}.pin-pad-card{background:var(--card);color:var(--ink);width:min(380px,100%);border-radius:28px;padding:20px 24px 24px;box-shadow:0 16px 40px #00000059;display:flex;flex-direction:column;align-items:center;animation:up .25s ease}.pin-pad-head{width:100%;display:flex;align-items:center;gap:12px;margin-bottom:12px}.pin-pad-head h2{font-size:20px;margin:0;font-weight:800}.pin-hint{font-size:14px;color:var(--ink-soft);text-align:center;margin:0 0 16px;font-weight:600}.pin-dots{display:flex;gap:14px;margin:10px 0 18px}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(52,48,43,.25);transition:all .15s ease}.pin-dot.filled{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.pin-dots.error .pin-dot{border-color:#e53935;background:#e53935}.pin-error-msg{color:#e53935;font-size:13px;font-weight:700;margin:-6px 0 12px;text-align:center}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake{animation:shake .4s ease}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:280px;margin:0 auto}.pin-num{height:56px;border-radius:18px;border:1px solid rgba(52,48,43,.12);background:#fff;color:var(--ink);font-size:24px;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 3px #34302b14;transition:transform .12s,background .12s;display:flex;align-items:center;justify-content:center}.pin-num:active{transform:scale(.92);background:var(--accent-soft)}.pin-func{height:56px;border-radius:18px;border:0;background:transparent;color:var(--ink-soft);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.pin-func:active{background:#34302b14}.pin-forgot-btn{margin-top:14px;font-size:13px}.pin-recovery{width:100%;display:flex;flex-direction:column;align-items:center}.pin-math-box{font-size:26px;font-weight:900;color:var(--ink);margin:12px 0}.pin-math-input{width:140px;text-align:center;font-size:22px;font-weight:800;padding:8px;border-radius:14px;border:2px solid var(--accent);margin-bottom:16px}.pin-recovery-btns{display:flex;gap:10px;width:100%}.pin-recovery-btns button{flex:1}.pin-success-options{width:100%;display:flex;flex-direction:column;padding-top:6px}.legal-links a{color:var(--yellow-deep);text-underline-offset:2px}
