:root{--accent:#ff7e79;--accent-dark:#d95a58;--star:#ffd35c;--card:#fffcf5;--card-shadow:#eadfcb;--text:#4a3f38;--text-muted:#92847a;--ink:#50371f;--stage-w:1280px;--stage-h:720px;--safe:28px}.t-pagi{--sky1:#c3daee;--sky2:#ffebb8;--ground:#f3d6a4;--ground-dark:#ddb97f}.t-siang{--sky1:#a9d7f2;--sky2:#d6ecf8;--ground:#b3dfa0;--ground-dark:#8fc786}.t-sore{--sky1:#ffc98a;--sky2:#ffe0b5;--ground:#e9b88a;--ground-dark:#c8946a}.t-malam{--sky1:#4a5894;--sky2:#8477b3;--ground:#3e4b80;--ground-dark:#33406e}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--sky1);color:var(--text);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{-webkit-user-drag:none;display:block}@font-face{font-family:Sniglet;font-style:normal;font-weight:800;font-display:swap;src:url(./sniglet-latin-800-normal-Db1o7iA-.woff2)format("woff2")}@font-face{font-family:Mulish;font-style:normal;font-weight:700;font-display:swap;src:url(./mulish-latin-700-normal-DP36JSCV.woff2)format("woff2")}@font-face{font-family:Scheherazade New;font-style:normal;font-weight:400;font-display:swap;src:url(./scheherazade-new-arabic-400-normal-BQFftFrr.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}body{background:linear-gradient(180deg, var(--sky1) 0%, var(--sky2) 100%)}#stage{width:var(--stage-w);height:var(--stage-h);transform-origin:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.backdrop-ground{background:var(--ground);border-top:16px solid var(--ground-dark);position:absolute;top:560px;bottom:-720px;left:-1280px;right:-1280px}#screen{position:absolute;top:0;bottom:0;left:0;right:0}.btn{--drop:8px;background:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;padding:0;position:absolute}.btn:focus{outline:none}.btn-face{border:5px solid var(--ink);background:var(--card);transform:translateY(calc(var(--drop) * -1));border-radius:50%;justify-content:center;align-items:center;transition:transform 80ms ease-out;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.btn.is-down .btn-face,.btn:active .btn-face{transform:translateY(0)}#rotate{justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#rotate svg{fill:none;width:60vmin;height:60vmin;stroke:var(--ink);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.rotate-phone{fill:var(--card);transform-box:view-box;transform-origin:120px 120px;animation:2.4s ease-in-out infinite rotate-phone}.rotate-phone circle{fill:var(--accent);stroke:none}@keyframes rotate-phone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.is-portrait #stage{display:none}.is-portrait #rotate{display:flex}.start-title{text-align:center;color:var(--ink);text-shadow:0 6px 0 var(--card);margin:0;font-family:Sniglet,Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:104px;font-weight:800;line-height:1.1;position:absolute;top:56px;left:0;right:0}.start-figure{width:auto;height:400px;position:absolute;bottom:96px}.start-figure--left{left:190px}.start-figure--right{right:190px}.btn--play{--drop:12px;background:var(--accent-dark);width:208px;height:208px;box-shadow:0 0 0 6px var(--ink);animation:1.6s ease-in-out infinite play-pulse;top:300px;left:536px}.btn--play .btn-face{background:var(--accent);border-width:6px}.btn--play svg{width:112px;height:112px;fill:var(--card);stroke:var(--ink);stroke-width:1.2px;stroke-linejoin:round}.btn--play.is-down{animation:none}@keyframes play-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.pick-title{text-align:center;color:var(--text);margin:0;font-family:Sniglet,Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:64px;font-weight:800;line-height:1;position:absolute;top:56px;left:0;right:0}.pick-card{border:6px solid var(--ink);background:var(--card);width:340px;height:430px;box-shadow:0 12px 0 var(--card-shadow);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:40px;flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;padding:0 0 26px;transition:transform .12s ease-out;display:flex;position:absolute;top:160px}.pick-card:focus{outline:none}.pick-card--sofia{left:240px}.pick-card--ali{left:700px}.pick-card:active{transform:translateY(8px)}.pick-card.is-selected{box-shadow:0 12px 0 var(--accent-dark), 0 0 0 10px var(--accent);transform:translateY(-14px)}.pick-card.is-selected:active{transform:translateY(-6px)}.pick-card img{object-fit:contain;object-position:center bottom;pointer-events:none;flex:none;width:260px;height:300px}.pick-card.is-selected img{animation:.52s ease-out pick-jump}@keyframes pick-jump{0%,to{transform:translateY(0)}40%{transform:translateY(-34px)}70%{transform:translateY(0)}85%{transform:translateY(-10px)}}.pick-name{color:var(--text);align-items:center;gap:14px;font-family:Sniglet,Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:44px;font-weight:800;line-height:1;display:flex}.pick-speaker{border:4px solid var(--ink);background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.pick-speaker svg{width:30px;height:30px;fill:var(--ink);stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.pick-speaker path{fill:none}.btn--next{--drop:10px;background:var(--accent-dark);width:120px;height:120px;box-shadow:0 0 0 6px var(--ink);animation:1.6s ease-in-out infinite play-pulse;top:564px;left:1124px}.btn--next .btn-face{background:var(--accent);border-width:6px}.btn--next svg{width:56px;height:56px;fill:var(--card);stroke:var(--ink);stroke-width:2.2px;stroke-linejoin:round}.btn--next:disabled{opacity:.35;pointer-events:none;animation:none}.btn--next.is-down{animation:none}.mission{position:absolute;top:0;bottom:0;left:0;right:0}.mission-scene{pointer-events:none;width:1280px;height:720px;position:absolute;top:0;left:0}.mission-prop{pointer-events:none;position:absolute;top:0;left:0}.mission-prop.is-snap{transition:transform .42s ease-out}.mission-walker{pointer-events:none;width:320px;height:344px;transition:transform 1.3s linear;position:absolute;top:272px;left:0}.mission-shadow{background:var(--ground-dark);border-radius:50%;width:184px;height:28px;position:absolute;top:322px;left:68px}.mission-figure{object-fit:contain;object-position:center bottom;transform-origin:50% 100%;width:320px;height:344px;position:absolute;top:0;bottom:0;left:0;right:0}.mission[data-state=move].is-walking .mission-figure{animation:.33s ease-in-out infinite alternate mission-step}.mission[data-state=reward] .mission-figure{animation:.52s ease-out 2 pick-jump}@keyframes mission-step{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-12px)rotate(3deg)}}.mission-spot{cursor:pointer;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:50%;padding:0;transition:opacity .16s linear;position:absolute}.mission-spot:focus{outline:none}.mission-spot.is-on{opacity:1;pointer-events:auto}.mission-spot.is-drag{touch-action:none}.mission-goal{cursor:pointer;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.mission-goal:focus{outline:none}.mission-goal:before{content:"";border:8px dashed var(--accent);background:#fffcf573;border-radius:50%;animation:.9s ease-in-out infinite alternate-reverse mission-blink;position:absolute;top:14px;bottom:14px;left:14px;right:14px}.mission-spot:before{content:"";border:10px solid var(--accent);background:#fffcf573;border-radius:50%;animation:.9s ease-in-out infinite alternate mission-blink;position:absolute;top:14px;bottom:14px;left:14px;right:14px}@keyframes mission-blink{0%{opacity:1;transform:scale(.78)}to{opacity:.65;transform:scale(1.08)}}.btn--choice{--drop:10px;background:var(--card-shadow);width:176px;height:176px;box-shadow:0 0 0 6px var(--ink);opacity:0;pointer-events:none;transition:opacity .26s linear;top:506px}.btn--choice-0{left:860px}.btn--choice-1{left:1070px}.mission[data-state=choose] .btn--choice,.mission[data-state=wrong] .btn--choice,.mission[data-state=correct] .btn--choice{opacity:1}.mission[data-state=choose] .btn--choice{pointer-events:auto}.btn--choice .btn-face{border-width:6px}.btn--choice img{pointer-events:none;width:96px;height:96px}.btn--choice.is-playing img{animation:.7s ease-in-out infinite play-pulse}.btn--choice.is-wrong{animation:.56s ease-in-out mission-shake}.mission .btn--choice.is-faded{opacity:.3;pointer-events:none}.mission[data-state=reward] .btn--choice{opacity:0}.btn--choice.is-correct{background:var(--accent-dark)}.btn--choice.is-correct .btn-face{background:var(--accent)}@keyframes mission-shake{0%,50%,to{transform:translate(0)}12.5%,62.5%{transform:translate(-16px)}37.5%,87.5%{transform:translate(16px)}}.btn--check{--drop:8px;background:var(--accent-dark);width:96px;height:96px;box-shadow:0 0 0 5px var(--ink);opacity:0;pointer-events:none;transition:transform .22s ease-out,opacity .16s linear;top:388px;transform:scale(.4)}.btn--check-0{left:900px}.btn--check-1{left:1110px}.btn--check .btn-face{background:var(--accent)}.btn--check svg{fill:none;width:56px;height:56px;stroke:var(--card);stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round}.mission[data-state=choose] .btn--check.is-on{opacity:1;pointer-events:auto;transform:scale(1)}.mission-star{pointer-events:none;opacity:0;width:220px;height:220px;position:absolute;top:40px;transform:scale(.2)rotate(-40deg)}.mission-star path{fill:var(--star);stroke:var(--ink);stroke-width:5px;stroke-linejoin:round}.mission-star polygon{fill:var(--star);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.mission[data-state=reward] .mission-star{opacity:1;animation:.62s ease-out mission-star-pop;transform:none}@keyframes mission-star-pop{0%{opacity:0;transform:scale(.2)rotate(-40deg)}60%{opacity:1;transform:scale(1.2)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.btn--replay{--drop:8px;background:var(--card-shadow);width:96px;height:96px;box-shadow:0 0 0 5px var(--ink);opacity:0;pointer-events:none;transition:opacity .2s linear;top:596px;left:1156px}.btn--replay.is-on{opacity:1;pointer-events:auto}.mission .btn--next{opacity:0;pointer-events:none;transition:opacity .2s linear}.mission .btn--next.is-on{opacity:1;pointer-events:auto}.btn--replay svg{fill:none;width:52px;height:52px;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.stars{pointer-events:none;justify-content:center;gap:6px;display:flex;position:absolute}.star{opacity:.5;flex:none;width:44px;height:44px}.star path{fill:var(--card);stroke:var(--ink);stroke-width:9px;stroke-linejoin:round}.star.is-on{opacity:1}.star.is-on path{fill:var(--star)}.star.is-new{animation:.52s ease-out mission-star-pop}.mission-stars{top:28px;right:28px}.mission-stars .star{width:60px;height:60px}.mission-card{border:4px solid var(--ink);background:var(--card);width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:560px;max-width:740px;min-height:100px;box-shadow:0 6px 0 var(--card-shadow);pointer-events:none;opacity:0;transform-origin:50% 100%;border-radius:30px;align-items:center;padding:14px 28px 14px 88px;transition:opacity .2s linear,transform .22s ease-out;display:flex;position:absolute;top:24px;left:150px;transform:translateY(-12px)scale(.96)}.mission-card.is-on{opacity:1;transform:none}.mission-card-text{width:100%;color:var(--text);text-align:center;white-space:pre-line;direction:rtl;margin:0;font-family:Scheherazade New,serif;font-size:34px;line-height:1.6}.mission-card-speaker{border:4px solid var(--ink);background:var(--accent);width:76px;height:76px;box-shadow:0 5px 0 var(--accent-dark);border-radius:50%;justify-content:center;align-items:center;margin-top:-38px;display:flex;position:absolute;top:50%;left:-30px}.mission-card-speaker svg{width:40px;height:40px;fill:var(--ink);stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.mission-card-speaker path{fill:none}.mission-card-tail{border-right:4px solid var(--ink);border-bottom:4px solid var(--ink);background:var(--card);width:30px;height:30px;position:absolute;bottom:-21px;left:236px;transform:rotate(45deg)}.map,.reward,.end{position:absolute;top:0;bottom:0;left:0;right:0}.map-path{pointer-events:none;fill:none;width:1280px;height:720px;stroke:var(--card);stroke-width:12px;stroke-linecap:round;stroke-dasharray:2 30;position:absolute;top:0;bottom:0;left:0;right:0}.map-stop{--drop:10px;background:var(--card-shadow);width:176px;height:176px;box-shadow:0 0 0 6px var(--ink)}div.map-stop{cursor:default;pointer-events:none}.map-stop .btn-face{border-width:6px}.map-stop--pagi .btn-face{background:linear-gradient(#c3daee,#ffebb8)}.map-stop--siang .btn-face{background:linear-gradient(#a9d7f2,#d6ecf8)}.map-stop--sore .btn-face{background:linear-gradient(#ffc98a,#ffe0b5)}.map-stop--malam .btn-face{background:linear-gradient(#4a5894,#8477b3)}.map-stop .btn-face>img{pointer-events:none;width:108px;height:108px}.map-stop.is-current{background:var(--accent-dark);animation:1.6s ease-in-out infinite play-pulse}.map-stop.is-current.is-down{animation:none}.map-stop.is-loading .btn-face>img{animation:.7s ease-in-out infinite alternate map-wait}@keyframes map-wait{to{opacity:.35}}.map-stop.is-later,.map-stars.is-later{opacity:.45}.map-check{border:5px solid var(--ink);background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:absolute;bottom:-6px;right:-10px}.map-check svg{fill:none;width:40px;height:40px;stroke:var(--card);stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round}.map-stars{width:300px}.map-figure{object-fit:contain;object-position:center bottom;pointer-events:none;width:240px;height:212px;position:absolute;top:396px}.reward-icon{width:96px;height:96px;position:absolute;top:24px;left:592px}.reward-stars{gap:14px;top:124px;left:0;right:0}.reward-stars .star{width:116px;height:116px;animation:.62s ease-out both mission-star-pop}.reward-stars .star path,.end-stars .star path{stroke-width:6px}.reward-figure,.end-figure{object-fit:contain;object-position:center bottom;pointer-events:none;width:320px;height:344px;animation:.9s ease-in-out infinite reward-hop;position:absolute;top:272px;left:480px}.reward-shadow,.end-shadow{background:var(--ground-dark);border-radius:50%;width:184px;height:28px;position:absolute;top:594px;left:548px}@keyframes reward-hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-30px)}}.end-cards{justify-content:center;gap:24px;display:flex;position:absolute;top:44px;left:0;right:0}.end-card{border:5px solid var(--ink);background:var(--card);min-width:150px;box-shadow:0 8px 0 var(--card-shadow);border-radius:32px;flex-direction:column;align-items:center;gap:10px;padding:16px 22px 18px;display:flex}.end-card>img{width:76px;height:76px}.end-stars{position:static}.end-sparks{pointer-events:none;width:1280px;height:720px;position:absolute;top:0;bottom:0;left:0;right:0}.end-sparks g{transform-box:fill-box;transform-origin:50%;animation:1.5s ease-in-out infinite end-twinkle}.end-sparks polygon{fill:var(--star);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}@keyframes end-twinkle{0%,to{opacity:.2;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}.btn--pause{--drop:6px;background:var(--card-shadow);width:64px;height:64px;box-shadow:0 0 0 4px var(--ink);opacity:.85;top:34px;left:28px}.btn--pause:before{content:"";border-radius:50%;position:absolute;top:-20px;bottom:-20px;left:-20px;right:-20px}.btn--pause .btn-face{border-width:4px;overflow:hidden}.btn--pause svg{fill:none;width:34px;height:34px;stroke:var(--ink);stroke-width:3.4px;stroke-linecap:round;position:relative}.pause-fill{background:var(--accent);border-radius:50%;transition:transform .16s ease-out;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;transform:scale(0)}.btn--pause.is-holding .pause-fill{transition:transform 2s linear;transform:scale(1)}.parent{font-family:Mulish,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:700;position:absolute;top:0;bottom:0;left:0;right:0}.parent:before{content:"";background:var(--ink);opacity:.6;position:absolute;top:-720px;bottom:-720px;left:-1280px;right:-1280px}.parent-card{border:5px solid var(--ink);background:var(--card);width:560px;box-shadow:0 10px 0 var(--ink);border-radius:40px;padding:30px 40px 38px;animation:.18s ease-out parent-in;position:absolute;top:76px;left:360px}@keyframes parent-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.parent-title{text-align:center;color:var(--text);margin:0 0 30px;font-size:36px;line-height:1.2}.parent-item{--drop:6px;background:var(--ink);width:100%;height:72px;font:inherit;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:36px;margin-top:26px;padding:0;display:block;position:relative}.parent-item:focus{outline:none}.parent-item-face{border:4px solid var(--ink);background:var(--card);transform:translateY(calc(var(--drop) * -1));border-radius:36px;align-items:center;gap:18px;padding:0 28px;font-size:30px;transition:transform 80ms ease-out;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.parent-item:active .parent-item-face{transform:translateY(0)}.parent-item svg{fill:none;width:40px;height:40px;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none}.parent-item--primary .parent-item-face{background:var(--accent)}.parent-item--primary svg{fill:var(--card)}.parent-item.is-armed .parent-item-face{background:var(--star)}