@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/92e01f57393504a6-s.0jhl7y2ejo62h.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4b2aabf2e47695d0-s.p.2y2rn50wuwaux.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lilita One Fallback;src:local(Arial);ascent-override:96.14%;descent-override:22.91%;line-gap-override:0.0%;size-adjust:96.01%}.PeYtvG_className{font-family:Lilita One,Lilita One Fallback;font-style:normal;font-weight:400}.PeYtvG_variable{--font-lilita:"Lilita One", "Lilita One Fallback"}
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/e27b85d01cb4b1af-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/10e5db483fb7b6ef-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/01a1b57b2e0cef27-s.1vcas2uk12q5a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/648e19a466ec92f1-s.2demiz2t05dx4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/29e2a75af8e45044-s.p.2kjei9psvcorz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.ZdPV6W_className{font-family:Nunito,Nunito Fallback;font-style:normal}.ZdPV6W_variable{--font-nunito:"Nunito", "Nunito Fallback"}
:root{--color-bg-deep:#0f2a1f;--color-bg:#153b2b;--color-surface:#1e4d38;--color-surface-raised:#2a6048;--color-primary:#f2b33d;--color-primary-hover:#ffc95c;--color-on-primary:#2b1b00;--color-accent:#5fd9c8;--color-text:#f4f1e6;--color-text-muted:#c2cfc4;--color-success:#3dd68c;--color-danger:#ff9592;--color-disabled-bg:#26392f;--color-disabled-text:#8a9a8f;--color-overlay:#0009;--orb-red:#e8504a;--orb-blue:#4da3ff;--orb-yellow:#ffe14d;--orb-green:#5be3a0;--orb-purple:#8455ee;--orb-orange:#ff9f2e;--font-display:var(--font-lilita), "Lilita One", system-ui, sans-serif;--font-body:var(--font-nunito), "Nunito", system-ui, sans-serif;--font-score:var(--font-nunito), "Nunito", ui-monospace, monospace;--text-scale:1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--touch-min:48px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-1:0 2px 6px #00000059;--shadow-2:0 8px 24px #00000073;--focus-ring:0 0 0 2px #0f2a1f, 0 0 0 5px #f2b33d;--ease-out:cubic-bezier(.2, .8, .2, 1);--dur-fast:.12s;--dur-base:.24s;--dur-slow:.4s}:root.text-large{--text-scale:1.25}@media (prefers-reduced-motion:reduce){:root:not(.motion-full){--dur-fast:.01ms;--dur-base:.01ms;--dur-slow:.01ms}}:root.reduce-motion{--dur-fast:.01ms;--dur-base:.01ms;--dur-slow:.01ms}
*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg-deep);height:100%;color:var(--color-text);font-family:var(--font-body);font-size:calc(100% * var(--text-scale));overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0}.game{background:url(../media/bg-hutan-hujan.0_dpo648fe13v.svg) center / cover no-repeat, var(--color-bg-deep);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0;overflow:hidden}.arena{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.arena.idle{visibility:hidden}.hud{top:calc(var(--safe-top) + var(--space-2));left:calc(var(--safe-left) + var(--space-3));right:calc(var(--safe-right) + var(--space-3));align-items:center;gap:var(--space-3);pointer-events:none;grid-template-columns:1fr auto 1fr;display:grid;position:absolute}.hud[hidden]{display:none}.hud>*{pointer-events:auto}.hud-score,.hud-center{border-radius:var(--radius-pill);padding:var(--space-1) var(--space-4);box-shadow:var(--shadow-1);background:#0f2a1fcc}.hud-score{justify-self:start;align-items:baseline;gap:var(--space-2);display:flex}.hud-label{color:var(--color-text-muted);font-size:.8125rem;font-weight:600}.hud-score-value{font-family:var(--font-score);font-variant-numeric:tabular-nums;min-width:6ch;font-size:1.375rem;font-weight:800}.hud-center{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);display:flex}.hud-progress{border-radius:var(--radius-pill);background:var(--color-bg);width:clamp(120px,24vw,280px);height:12px;overflow:hidden}.hud-progress-fill{background:var(--color-primary);transform-origin:0;width:100%;height:100%;transition:transform var(--dur-base) var(--ease-out);transform:scaleX(0)}.hud-actions{justify-self:end;gap:var(--space-2);display:flex}.toast{top:calc(var(--safe-top) + 72px);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);box-shadow:var(--shadow-1);font-family:var(--font-display);color:var(--color-primary-hover);pointer-events:none;animation:toast-in var(--dur-base) var(--ease-out);background:#0f2a1fd9;font-size:1.375rem;position:absolute;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)scale(.92)}}.hud-danger{align-items:center;gap:var(--space-1);color:var(--color-danger);font-size:.875rem;font-weight:800;display:inline-flex}.btn-primary,.btn-secondary,.btn-icon,.level-card{font-family:var(--font-body);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:0}.btn-primary{min-height:52px;min-width:var(--touch-min);padding:0 var(--space-6);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-1);font-size:1.125rem;font-weight:800;line-height:1.333}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font-size:1rem;font-weight:800}.btn-secondary:hover{background:#33704f}.btn-icon{border-radius:var(--radius-pill);width:48px;height:48px;color:var(--color-text);box-shadow:var(--shadow-1);background:#0f2a1fcc;place-items:center;display:grid}.btn-primary:active,.btn-secondary:active,.btn-icon:active,.level-card:active{transform:scale(.97)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-icon:focus-visible,.level-card:focus-visible{box-shadow:var(--shadow-1), var(--focus-ring);outline:none}.btn-primary:disabled,.btn-secondary:disabled,.btn-icon:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);box-shadow:none;cursor:not-allowed}.overlay{padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-4)) calc(var(--safe-bottom) + var(--space-4)) calc(var(--safe-left) + var(--space-4));background:var(--color-overlay);animation:fade-in var(--dur-base) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.modal{background:var(--color-surface);border-radius:var(--radius-lg);width:min(480px,100%);box-shadow:var(--shadow-2);padding:var(--space-6);text-align:center;animation:modal-in var(--dur-slow) var(--ease-out)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}.logo{width:min(200px,60%);height:auto;margin:0 auto var(--space-2);display:block}.logo-text{font-family:var(--font-display)}.mascot{margin:0 auto var(--space-2);animation:3.2s ease-in-out infinite hover-float;display:block}@keyframes hover-float{50%{transform:translateY(-8px)rotate(-3deg)}}.btn-primary,.btn-secondary{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.btn-icon-img.dark{filter:brightness(0);opacity:.85}.toggle-row{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-sound{margin-top:var(--space-5);min-height:var(--touch-min);padding:0 var(--space-4);align-items:center;gap:var(--space-2);border:2px solid var(--color-surface-raised);border-radius:var(--radius-pill);color:var(--color-text);font:800 .9375rem/1 var(--font-body);cursor:pointer;background:0 0;display:inline-flex}.btn-sound:hover{background:var(--color-surface-raised)}.btn-sound:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-sound:disabled{opacity:.5;cursor:wait}.modal-title{margin:0 0 var(--space-3);font-family:var(--font-display);color:var(--color-primary);font-size:2rem;font-weight:400;line-height:1.125}.modal-text{margin:0 0 var(--space-4);line-height:1.5}.modal-label{margin:var(--space-5) 0 var(--space-3);color:var(--color-text-muted);font-weight:800}.modal-hint{margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:.8125rem;line-height:1.4}.modal-actions{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.level-grid{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.level-card{border-radius:var(--radius-md);background:var(--color-surface-raised);width:96px;height:112px;color:var(--color-text);place-content:center;justify-items:center;gap:var(--space-1);box-shadow:var(--shadow-1);display:grid}.level-card:hover{background:#33704f}.level-card:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:wait}.level-card-number{font-family:var(--font-display);color:var(--color-primary);font-size:2.25rem;line-height:1}.level-card-label{justify-content:center;align-items:center;gap:2px;font-size:.8125rem;font-weight:600;display:inline-flex}.level-card-number.small{font-size:1.75rem}.level-card:disabled img{opacity:.6}.modal.wide{width:min(760px,100%)}.region{margin-bottom:var(--space-5)}.region-title{margin:0 0 var(--space-3);font-family:var(--font-display);color:var(--color-text-muted);font-size:1.125rem;font-weight:400}.mini-stars{justify-content:center;gap:2px;display:inline-flex}.modal-text.muted{color:var(--color-text-muted);margin-bottom:var(--space-3)}.hud-level{font-family:var(--font-display);color:var(--color-primary);padding-right:var(--space-2);border-right:2px solid var(--color-surface-raised);font-size:1.125rem}.stars{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.star{filter:grayscale()brightness(.45)}.star.on{filter:none;animation:star-pop .42s var(--ease-out) both}.star.on:first-child{animation-delay:.45s}.star.on:nth-child(2){animation-delay:.75s}.star.on:nth-child(3){animation-delay:1.05s}@keyframes star-pop{0%{opacity:0;transform:scale(.3)rotate(-30deg)}70%{opacity:1;transform:scale(1.18)rotate(6deg)}to{transform:scale(1)}}.star.on.static{animation:none}.star.inline{vertical-align:-1px}@media (prefers-reduced-motion:reduce){.overlay,.modal,.toast,.mascot,.star.on{animation:none}}.result-score{align-items:center;gap:var(--space-1);margin:0 0 var(--space-3);flex-direction:column;display:flex}.result-score-value{font-family:var(--font-score);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.link-button{align-items:center;text-decoration:none;display:inline-flex}.rotate-icon{color:var(--color-primary);margin-bottom:var(--space-3)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-height:420px){.modal{padding:var(--space-4)}.modal-title{font-size:1.5rem}}.account-box{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-surface-raised);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.account-box .btn-sound{margin-top:0}.account-line{margin:0;font-weight:800}.notice{width:100%;margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--color-bg);text-align:left;font-size:.9375rem;line-height:1.4;display:flex}.notice-close{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:0;flex:none;font-size:1.5rem;line-height:1}.notice-close:hover{background:var(--color-surface-raised)}.notice-close:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-google{min-height:48px;padding:0 var(--space-5);justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);color:#1f1f1f;font:700 1rem/1 var(--font-body);box-shadow:var(--shadow-1);transition:background var(--dur-fast) var(--ease-out);background:#fff;border:1px solid #747775;text-decoration:none;display:inline-flex}.btn-google:hover{background:#f2f2f2}.btn-google:focus-visible{box-shadow:var(--shadow-1), var(--focus-ring);outline:none}.menu-links{margin-top:var(--space-4);justify-content:center;gap:var(--space-1) var(--space-4);flex-wrap:wrap;font-size:.875rem;display:flex}.menu-links a,.prose a,.site-copy a,.modal-hint a{color:var(--color-accent);text-underline-offset:3px}.menu-links a{align-items:center;min-height:32px;display:inline-flex}.menu-links a:focus-visible,.prose a:focus-visible,.site-copy a:focus-visible,.modal-hint a:focus-visible,.site-brand:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:none}.field-row{text-align:left}.field-label{margin-bottom:var(--space-2);font-weight:800;display:block}.field-inline{gap:var(--space-2);display:flex}.field{min-width:0;min-height:48px;padding:0 var(--space-4);border:2px solid var(--color-surface-raised);border-radius:var(--radius-md);background:var(--color-bg-deep);color:var(--color-text);font:600 1rem/1 var(--font-body);flex:1}.field:focus-visible{border-color:var(--color-primary);outline:none}.modal-hint.left{text-align:left;margin-top:var(--space-2)}.form-message{min-height:1.4em;margin:var(--space-2) 0 0;color:var(--color-success);text-align:left;font-weight:700}.form-message.error{color:var(--color-danger)}.btn-danger{min-height:48px;padding:0 var(--space-5);border:2px solid var(--color-danger);border-radius:var(--radius-pill);color:var(--color-danger);font:800 1rem/1 var(--font-body);cursor:pointer;background:0 0}.btn-danger:hover{background:#ff95921f}.btn-danger:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn-danger:disabled{opacity:.6;cursor:wait}.danger-box{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg);flex-direction:column;display:flex}.danger-box .modal-text{text-align:left;margin:0}.site{background:linear-gradient(180deg, #0f2a1f8c, #0f2a1feb 70%), url(../media/bg-hutan-hujan.0_dpo648fe13v.svg) center top / cover fixed no-repeat, var(--color-bg-deep);flex-direction:column;min-height:100%;display:flex}.site main{flex:1}.site-header{width:min(1080px,100%);padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-5)) var(--space-4) calc(var(--safe-left) + var(--space-5));justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.site-brand{display:block}.site-brand .logo{width:104px;margin:0}.hero{width:min(760px,100%);padding:var(--space-6) var(--space-5) var(--space-7);text-align:center;margin:0 auto}.hero .mascot{margin-bottom:var(--space-3)}.hero-title{margin:0 0 var(--space-4);font-family:var(--font-display);color:var(--color-primary);text-wrap:balance;font-size:clamp(2rem,6vw,3rem);font-weight:400;line-height:1.08}.hero-lead{margin:0 auto var(--space-6);max-width:34em;font-size:1.125rem;line-height:1.55}.hero-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-actions .btn-primary{padding:0 var(--space-7)}.hero-note{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:.875rem}.orb-row{margin-top:var(--space-6);justify-content:center;gap:var(--space-2);display:flex}.orb-float{animation:3.2s ease-in-out infinite hover-float}.orb-float:nth-child(2n){animation-delay:-1.6s}.orb-float:nth-child(3n){animation-delay:-.8s}.section{width:min(1080px,100%);padding:var(--space-6) var(--space-5);margin:0 auto}.section-title{margin:0 0 var(--space-2);font-family:var(--font-display);text-align:center;font-size:1.75rem;font-weight:400;line-height:1.15}.section-lead{margin:0 auto var(--space-5);text-align:center;max-width:36em;color:var(--color-text-muted);line-height:1.55}.feature-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.feature{padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);background:#1e4d38e6}.feature h3{margin:var(--space-3) 0 var(--space-2);font-family:var(--font-display);color:var(--color-primary);font-size:1.25rem;font-weight:400}.feature p{margin:0;line-height:1.5}.steps{counter-reset:step;gap:var(--space-3);flex-direction:column;width:min(560px,100%);margin:0 auto;padding:0;list-style:none;display:flex}.steps li{counter-increment:step;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#1e4d38e6;line-height:1.45;display:flex}.steps li:before{content:counter(step);border-radius:var(--radius-pill);background:var(--color-primary);width:36px;height:36px;color:var(--color-on-primary);font:800 1rem/1 var(--font-body);flex:none;place-items:center;display:grid}.site-footer{padding:var(--space-6) var(--space-5) calc(var(--safe-bottom) + var(--space-6));text-align:center}.site-copy{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:.8125rem}.prose{width:min(720px,100%);padding:var(--space-5) var(--space-5) var(--space-7);margin:0 auto;line-height:1.65}.prose h1{margin:0 0 var(--space-2);font-family:var(--font-display);color:var(--color-primary);font-size:2.25rem;font-weight:400;line-height:1.1}.prose h2{margin:var(--space-6) 0 var(--space-2);font-family:var(--font-display);font-size:1.375rem;font-weight:400}.prose-meta{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:.875rem}.prose ul{padding-left:1.25em}.prose li+li{margin-top:var(--space-2)}.prose code{border-radius:var(--radius-sm);background:var(--color-bg);padding:1px 6px;font-size:.875em}@media (prefers-reduced-motion:reduce){.orb-float{animation:none}}@media (max-width:520px){.site-brand .logo{width:88px}.field-inline{flex-direction:column}}