@font-face{font-family:Fredoka;font-weight:500;font-display:swap;src:url(/fonts/fredoka-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Fredoka;font-weight:600;font-display:swap;src:url(/fonts/fredoka-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Fredoka;font-weight:700;font-display:swap;src:url(/fonts/fredoka-latin-700-normal.woff2)format("woff2")}:root{--ink:#3a2312;--ink-soft:#3a2312b8;--cream:#fff8ec;--cream-2:#f6ead6;--line:#ead9bd;--sun:#ff9a3d;--sun-deep:#e2621c;--gold:#ffd36b;--leaf:#3e8a4b;--leaf-soft:#eaf4df;--night:#140904;--shadow:0 10px 28px #230c0047;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--night);height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;font-family:Fredoka,Trebuchet MS,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}[hidden]{display:none!important}img{-webkit-user-drag:none}#app{background:var(--night);position:fixed;top:0;bottom:0;left:0;right:0;overflow:clip}#backdrop{filter:blur(22px)saturate(1.15)brightness(.55);background:url(/assets/kampung/world-blur.webp) 50%/cover no-repeat;position:absolute;top:-40px;bottom:-40px;left:-40px;right:-40px;transform:scale(1.1)}#frame{background:var(--night);contain:layout paint;width:min(100%,75dvh);position:absolute;top:0;bottom:0;left:50%;overflow:clip;transform:translate(-50%)}@media (min-aspect-ratio:4/5) and (min-width:700px){#frame{border-radius:30px;width:min(100%,74dvh - 26.64px);top:18px;bottom:18px;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffdcaa1f}}#stage{touch-action:none;cursor:grab;outline:none;position:absolute;top:0;bottom:0;left:0;right:0}#stage.dragging{cursor:grabbing}#world{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.world-css-plate{transform-origin:0 0;max-width:none;position:absolute;top:0;left:0}.hotspot{pointer-events:none;opacity:0;border-radius:50%;outline:none;padding:0;position:absolute;top:0;left:0}.hotspot:focus-visible{opacity:1;box-shadow:0 0 0 4px #fffffff2,0 0 0 8px #ff9a3dcc}body.keyboard .hotspot{pointer-events:auto}.bird-flock{will-change:transform, opacity;width:70px;height:34px;position:absolute;top:0;left:0}.bird-flock svg{width:100%;height:100%;overflow:visible}.bird-flock .wing{transform-origin:50%;transform-box:fill-box;animation:.42s ease-in-out infinite alternate flap}.bird-flock .wing.b{animation-delay:-.2s}@keyframes flap{0%{transform:scaleY(1)}to{transform:scaleY(-.55)}}#layer-particles{top:-8%;bottom:-8%;left:-8%;right:-8%}.mote{animation:drift var(--dur,14s) ease-in-out var(--delay,0s) infinite alternate;will-change:transform, opacity;background:radial-gradient(circle,#ffeeb4f2 0%,#ffc45c8c 35%,#ffaa3c00 70%);border-radius:50%;position:absolute}.mote.near{background:radial-gradient(circle,#ffe2968c 0%,#ffbe5a40 45%,#ffaa3c00 70%)}@keyframes drift{0%{opacity:.15;transform:translate(0,0)}30%{opacity:.95}60%{opacity:.55}to{transform:translate3d(var(--dx,30px), var(--dy,-60px), 0);opacity:.85}}.fg{will-change:transform;position:absolute;bottom:-2%}.fg img{width:100%;height:auto;animation:7s ease-in-out infinite alternate fgsway;display:block}.fg.left{width:50%;left:-4%}.fg.left img{transform-origin:0 100%}.fg.right{width:58%;right:-4%}.fg.right img{transform-origin:100% 100%;animation-duration:8.5s;animation-delay:-3s}@keyframes fgsway{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.6deg)}}.fg.reveal{width:78%;bottom:-4%}.fg.reveal img{filter:brightness(.7)saturate(1.15);animation:none}.anchor{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.wlabel{background:var(--cream);color:var(--ink);white-space:nowrap;box-shadow:var(--shadow);border-radius:14px;padding:9px 14px 10px;font-size:18px;font-weight:700;line-height:1;animation:.45s cubic-bezier(.2,1.4,.4,1) both labelIn;position:absolute;bottom:14px;left:0;transform:translate(-50%)}.wlabel:after{content:"";background:var(--cream);border-radius:3px;width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-7px;left:50%;transform:rotate(45deg)}.wlabel.out{animation:.4s forwards labelOut}@keyframes labelIn{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.6)}}@keyframes labelOut{to{opacity:0;transform:translate(-50%)translateY(-8px)scale(.9)}}.spark{background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:18px;height:18px;animation:.9s cubic-bezier(.15,.7,.3,1) forwards spark;position:absolute;top:-9px;left:-9px}.spark.white{background:#fffaf0}@keyframes spark{0%{opacity:1;transform:translate(0)scale(.3)rotate(0)}to{transform:translate(var(--dx), var(--dy)) scale(var(--s,1)) rotate(140deg);opacity:0}}.ring{border:3px solid #fff4d6f2;border-radius:50%;width:80px;height:80px;animation:.75s ease-out forwards ring;position:absolute;top:-40px;left:-40px}@keyframes ring{0%{opacity:1;transform:scale(.2)}to{transform:scale(var(--rs,1.6));opacity:0}}.tap-ripple{border:2px solid #fffaebcc;border-radius:50%;width:44px;height:44px;animation:.5s ease-out forwards ring;position:absolute;top:-22px;left:-22px}.hint-spark{position:absolute;top:0;left:0}.hint-spark .spark{width:24px;height:24px;animation:1.6s ease-in-out infinite twinkle;top:-12px;left:-12px}.hint-spark .spark:nth-child(2){--tx:26px;--ty:-18px;width:14px;height:14px;animation-delay:-.55s}.hint-spark .spark:nth-child(3){--tx:-22px;--ty:14px;width:12px;height:12px;animation-delay:-1.1s}@keyframes twinkle{0%,to{transform:translate(var(--tx,0), var(--ty,0)) scale(.2) rotate(0deg);opacity:0}50%{transform:translate(var(--tx,0), var(--ty,0)) scale(1) rotate(90deg);opacity:1}}.flystar{z-index:5;background:var(--gold);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 6px #ffc850e6);width:32px;height:32px;position:absolute;top:-16px;left:-16px}.confetti{width:10px;height:14px;animation:fall var(--dur,2.4s) cubic-bezier(.25, .6, .4, 1) var(--delay,0s) forwards;border-radius:3px;position:absolute;top:-20px}@keyframes fall{0%{opacity:1;transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--dx,0px), var(--fall,900px), 0) rotate(var(--rot,540deg));opacity:.9}}.swipe-hint{box-shadow:var(--shadow);color:var(--sun-deep);background:#fff8ece0;border-radius:18px;align-items:center;gap:6px;padding:8px 14px;font-size:26px;transition:opacity .5s;animation:.5s both fadeIn;display:flex;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.swipe-hint.out{opacity:0}.swipe-hand{animation:1.6s ease-in-out infinite swipe;display:inline-block}.swipe-arrow{opacity:.8;font-size:30px;font-weight:700;line-height:1}@keyframes swipe{0%,to{transform:translate(-16px)rotate(-8deg)}50%{transform:translate(16px)rotate(8deg)}}#hud{z-index:10;padding:calc(var(--safe-t) + 12px) 12px 0;pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}#hud>*{pointer-events:auto}#hud,.layer#layer-particles{transition:opacity .8s}#stage.revealing #hud{opacity:0;pointer-events:none}#stage.revealing #hud>*{pointer-events:none}.mission{max-width:calc(100% - 64px);box-shadow:var(--shadow);background:#fff8ecf0;border-radius:18px;flex:0 auto;align-items:center;gap:10px;padding:8px 12px 8px 8px;animation:.6s cubic-bezier(.2,1.3,.4,1) both missionIn;display:flex}.mission.swap{animation:.35s forwards missionOut}@keyframes missionIn{0%{opacity:0;transform:translateY(-24px)scale(.92)}}@keyframes missionOut{to{opacity:0;transform:translateY(-16px)scale(.95)}}.mission-icon{background:linear-gradient(160deg,#ffe2a8,#ffb35c);border-radius:14px;flex:0 0 44px;place-items:center;height:44px;font-size:24px;display:grid;box-shadow:inset 0 -3px #c85a1440}.mission-body{min-width:0}.mission-text{margin:0;font-size:16px;font-weight:600;line-height:1.2}.mission-stars{gap:4px;margin-top:5px;display:flex}.mstar{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#e4d3b6;width:20px;height:20px;transition:background .3s}.mstar.on{background:linear-gradient(160deg,#ffe17a,#ffad2f);animation:.55s cubic-bezier(.2,1.6,.4,1) starPop}@keyframes starPop{0%{transform:scale(.3)}60%{transform:scale(1.35)}to{transform:scale(1)}}.mission-count{color:var(--sun-deep);white-space:nowrap;padding-left:2px;font-size:15px;font-weight:700}.mission.done{background:linear-gradient(160deg,#fff6d6,#ffe3a3)}.hud-right{flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto;display:flex}.icon-btn{width:46px;height:46px;box-shadow:var(--shadow);background:#fff8ece6;border-radius:15px;place-items:center;display:grid;position:relative}.icon-btn svg{width:24px;height:24px}.icon-btn:active{transform:scale(.94)}.hold-ring{border:3px solid var(--sun);clip-path:inset(0 100% 0 0);border-radius:17px;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.icon-btn.holding .hold-ring{clip-path:inset(0);transition:clip-path 1.1s linear}.found{box-shadow:var(--shadow);background:#fff8ece6;border-radius:12px;align-items:center;gap:5px;padding:5px 9px 5px 7px;font-size:15px;display:flex}.found b{color:var(--sun-deep);font-weight:700}.found-icon svg{width:18px;height:18px;display:block}.found.bump{animation:.5s cubic-bezier(.2,1.6,.4,1) bump}@keyframes bump{50%{transform:scale(1.25)}}.guide{left:12px;right:12px;bottom:calc(var(--safe-b) + 14px);z-index:10;pointer-events:none;align-items:flex-end;gap:10px;display:flex;position:absolute}.guide-avatar{pointer-events:auto;border:3px solid var(--cream);width:70px;height:70px;box-shadow:var(--shadow);background:#f3c48a;border-radius:50%;flex:0 0 70px;padding:0;animation:.6s cubic-bezier(.2,1.5,.4,1) both avatarIn;overflow:hidden}.guide-avatar img{object-fit:cover;width:100%;height:100%;display:block}.guide.cheer .guide-avatar{animation:.6s cubic-bezier(.2,1.6,.4,1) 2 cheer}.guide.talking .guide-avatar{animation:.9s ease-in-out infinite talk}@keyframes avatarIn{0%{opacity:0;transform:translateY(40px)scale(.5)}}@keyframes cheer{50%{transform:translateY(-14px)rotate(-6deg)scale(1.08)}}@keyframes talk{50%{transform:translateY(-3px)scale(1.03)}}.guide-bubble{pointer-events:auto;background:var(--cream);max-width:min(78%,420px);box-shadow:var(--shadow);transform-origin:0 100%;border-radius:20px 20px 20px 6px;margin-bottom:8px;padding:11px 15px 12px;transition:opacity .3s,transform .35s cubic-bezier(.2,1.3,.4,1);position:relative}.guide-bubble.hide{opacity:0;pointer-events:none;transform:scale(.85)translateY(6px)}.guide-text{margin:0;font-size:19px;font-weight:600;line-height:1.25}.guide-sub{color:var(--ink-soft);margin:4px 0 0;font-size:15.5px;font-weight:500;line-height:1.3}.guide-sub:empty{display:none}.toast{left:50%;top:calc(var(--safe-t) + 74px);z-index:20;color:var(--cream);background:#1e0e04db;border-radius:12px;padding:8px 14px;font-size:14px;position:absolute;transform:translate(-50%)}#curtain{background:var(--night);opacity:1;pointer-events:none;z-index:30;transition:opacity .9s;position:absolute;top:0;bottom:0;left:0;right:0}#curtain.open{opacity:0}.screen{z-index:40;color:var(--cream);background:var(--night);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.title-art{position:absolute;top:0;bottom:0;left:0;right:0}.title-img{will-change:transform;background:url(/assets/kampung/title.webp) 50% 55%/cover no-repeat;animation:26s ease-in-out infinite alternate kenburns;position:absolute;top:-4%;bottom:-4%;left:-4%;right:-4%}@keyframes kenburns{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.14)translate(-1.5%,2%)}}.title-glow{background:linear-gradient(#1409048c 0%,#14090400 26% 48%,#140904d1 100%),radial-gradient(120% 60% at 50% 100%,#ff963c40,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0}.title-art.dim:after{content:"";background:linear-gradient(#1409049e,#140904d9);position:absolute;top:0;bottom:0;left:0;right:0}.title-motes{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.title-content{left:0;right:0;bottom:calc(var(--safe-b) + 9%);text-align:center;flex-direction:column;align-items:center;padding:0 24px;display:flex;position:absolute}.title-kicker{letter-spacing:.16em;text-transform:uppercase;color:#ffd9a8;margin:0 0 6px;font-size:14px;font-weight:600;animation:.9s .2s both rise}.logo{letter-spacing:-.01em;background:linear-gradient(#fffaf0 20%,#ffd27a 100%);color:#0000;filter:drop-shadow(0 4px #8c3c0a8c)drop-shadow(0 12px 24px #00000080);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(54px,17vw,84px);font-weight:700;line-height:.95;animation:1s .35s both rise}.tagline{color:#fff1dc;text-shadow:0 2px 10px #0009;margin:12px 0 28px;font-size:20px;font-weight:500;animation:1s .55s both rise}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.cta{letter-spacing:.06em;color:#3a1a06;background:linear-gradient(#ffd166 0%,#ff9a3d 100%);border-radius:20px;padding:19px 38px 18px;font-size:21px;font-weight:700;transition:transform .12s,box-shadow .12s;animation:1s .75s both rise,2.6s ease-in-out 2s infinite glowPulse;box-shadow:0 6px #c2561a,0 16px 34px #0006,inset 0 2px #ffffff8c}.cta:active{transform:translateY(4px);box-shadow:0 2px #c2561a,0 8px 20px #00000059,inset 0 2px #ffffff8c}.cta.small{letter-spacing:.02em;padding:14px 22px 13px;font-size:17px;animation:none}@keyframes glowPulse{50%{box-shadow:0 6px #c2561a,0 16px 44px #ffa03c8c,inset 0 2px #ffffff8c}}.screen.leaving .title-img{transition:transform 1s cubic-bezier(.6,0,.8,.4);animation:none;transform:scale(2.1)translateY(6%)}.screen.leaving{opacity:0;transition:opacity .9s .25s}.screen.leaving .title-content,.screen.leaving .age-content{opacity:0;transition:opacity .3s,transform .4s;transform:translateY(20px)}.age-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.age-guide{border:4px solid var(--cream);width:104px;height:104px;box-shadow:var(--shadow);border-radius:50%;animation:.7s cubic-bezier(.2,1.5,.4,1) both avatarIn}.age-content h2{color:#fff6e6;text-shadow:0 3px 12px #00000080;margin:18px 0 22px;font-size:38px;font-weight:700;animation:.7s .1s both rise}.age-grid{grid-template-columns:repeat(2,120px);gap:16px;display:grid}.age-btn{background:linear-gradient(#fffaf1,#f6e7cf);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:120px;transition:transform .12s,box-shadow .12s;animation:.6s both rise;display:flex;box-shadow:0 6px #c9ab7f,0 16px 30px #00000059}.age-btn:nth-child(2){animation-delay:80ms}.age-btn:nth-child(3){animation-delay:.16s}.age-btn:nth-child(4){animation-delay:.24s}.age-btn b{color:var(--sun-deep);font-size:58px;font-weight:700;line-height:1}.age-btn span{color:var(--ink-soft);font-size:16px;font-weight:500}.age-btn:active{transform:translateY(4px);box-shadow:0 2px #c9ab7f,0 8px 18px #0000004d}.age-btn.picked{background:linear-gradient(#ffe6a6,#ffc061)}.age-note{color:#fff1dcbf;max-width:280px;margin:26px 0 0;font-size:14px}@media (min-width:560px){.age-grid{grid-template-columns:repeat(4,112px)}}.sheet-wrap{z-index:50;padding:12px 12px calc(var(--safe-b) + 12px);background:#1609028c;justify-content:center;align-items:flex-end;animation:.4s both fadeIn;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}}.sheet{overscroll-behavior:contain;background:var(--cream);-webkit-user-select:text;user-select:text;border-radius:28px;width:100%;max-width:520px;max-height:100%;animation:.6s cubic-bezier(.2,1.1,.3,1) both sheetIn;overflow-y:auto;box-shadow:0 30px 70px #00000080}@keyframes sheetIn{0%{opacity:0;transform:translateY(60px)}}.pv-hero{height:150px;position:relative;overflow:hidden}.pv-hero img{object-fit:cover;object-position:center 40%;width:100%;height:100%;display:block}.pv-hero:after{content:"";background:linear-gradient(180deg, transparent 50%, var(--cream));position:absolute;top:0;bottom:0;left:0;right:0}.pv-body{padding:4px 22px 20px}.sheet.small .pv-body{padding-top:22px}.pv-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--sun-deep);margin:0;font-size:13px;font-weight:600}.sheet h2{margin:4px 0 14px;font-size:27px;font-weight:700;line-height:1.1}.sheet h3{margin:16px 0 8px;font-size:17px;font-weight:700}.pv-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pv-stats div{border:2px solid var(--line);text-align:center;background:#fff;border-radius:16px;padding:10px 8px}.pv-stats b{color:var(--sun-deep);font-size:32px;font-weight:700;line-height:1;display:block}.pv-stats span{color:var(--ink-soft);font-size:13px}.pv-list{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.pv-list li{border:1.5px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:5px 10px;font-size:15px;font-weight:500;display:flex}.pv-list li i{border-radius:3px;width:9px;height:9px;display:inline-block}.pv-skills{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pv-skills li{align-items:center;gap:9px;font-size:16px;font-weight:500;display:flex}.pv-skills li:before{content:"";background:var(--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;border-radius:7px;flex:none;width:20px;height:20px}.pv-next{background:var(--leaf-soft);border-radius:18px;margin-top:16px;padding:2px 16px 14px}.pv-next p{margin:0;font-size:16px;line-height:1.4}.pv-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.ghost{border:2px solid var(--line);background:#fff;border-radius:18px;padding:13px 18px;font-size:16px;font-weight:600}.link{color:var(--ink-soft);text-underline-offset:3px;margin:16px auto 0;padding:6px;font-size:14px;text-decoration:underline;display:block}.st-copy,.st-privacy{color:var(--ink-soft);margin:0 0 12px;font-size:15px;line-height:1.45}.st-privacy{margin-top:12px;font-size:13.5px}#st-form label{margin:10px 0 6px;font-size:15px;font-weight:600;display:block}#st-form input{width:100%;font:inherit;border:2px solid var(--line);color:var(--ink);-webkit-user-select:text;user-select:text;background:#fff;border-radius:14px;padding:12px 14px;font-size:16px}#st-form input:focus{border-color:var(--sun);outline:none}.st-status{margin:6px 0 0;font-size:15px;font-weight:600}.st-status.ok{color:var(--leaf)}button:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (prefers-reduced-motion:reduce){.title-img,.mote,.fg img,.cta,.guide.talking .guide-avatar{animation:none!important}.screen.leaving .title-img{transform:none}.confetti{animation-duration:1.2s}}