:root{--jr-ink:#133e33;--jr-page:#f2f6f1;--jr-surface:#fff;--jr-line:#d4e3d9;--jr-muted:#4a6c60;--jr-green:#126746;--jr-gold:#ffd371}
*{box-sizing:border-box}.jungle-body{margin:0;background:var(--jr-page);color:var(--jr-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.jungle-body button,.jungle-body select,.jungle-body input{font:inherit}.jungle-body button,.jr-cta{cursor:pointer}.jungle-body [hidden]{display:none!important}.jr-main{max-width:1500px;margin:auto;padding:22px 24px 48px}.jr-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.jr-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--jr-green)}.jr-intro h1{font-family:Georgia,serif;font-size:32px;margin:3px 0 6px}.jr-intro p{margin:0;font-size:14px;color:var(--jr-muted);line-height:1.6}.jr-intro>a{color:var(--jr-green);font-size:13px;white-space:nowrap;font-weight:700}.jr-gate{padding:34px;border-radius:20px;background:linear-gradient(110deg,#092f25ed,#164d39dd),url('./assets/jungle.webp') center/cover;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;min-height:230px}.jr-gate h2{font-size:25px;margin:12px 0}.jr-gate p{max-width:640px;line-height:1.7;color:#dcefe2}.jr-gate img{width:160px;height:160px;object-fit:contain}.jr-premium{border:1px solid #dfb864;color:#ffda8c;border-radius:30px;padding:5px 10px;font-size:10px;letter-spacing:.08em;font-weight:800;display:inline-block}.jr-actions{display:flex;gap:10px;flex-wrap:wrap}.jr-cta,.jr-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #68b58c;text-decoration:none;font-weight:750;color:#102c21;background:#b5f2ba;border-radius:10px;padding:11px 18px;font-size:14px}.jr-cta.secondary{background:transparent;color:#fff;border-color:#78a18d}.jr-game{border-radius:20px;overflow:hidden;box-shadow:0 18px 45px #103f2926;border:1px solid #3f7057;background:#0b2c23}.jr-game:fullscreen{border-radius:0;display:flex;flex-direction:column;width:100%;height:100%;overflow:auto}.jr-game:fullscreen .jr-scene{flex:1;min-height:400px;max-height:none}.jr-hud{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;background:#082e26;color:#e7ffed;flex-wrap:wrap}.jr-brand{display:flex;align-items:center;gap:14px}.jr-brand strong{font-family:Georgia,serif;font-size:23px;color:var(--jr-gold);letter-spacing:.01em}.jr-controls{display:flex;gap:7px;align-items:center}.jr-controls button{border:1px solid #598473;background:transparent;color:#e2f4e9;border-radius:8px;padding:8px 10px;font-size:12px;min-height:36px}.jr-controls button:hover{background:#244f40}.jr-controls button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #eead29;outline-offset:3px}.jr-level-label{font-size:11px;letter-spacing:.1em;background:#204b3b;padding:6px 10px;border-radius:20px}.jr-scene{isolation:isolate;position:relative;aspect-ratio:16/8.5;min-height:510px;max-height:760px;overflow:hidden;background:#26594b;--monkey-x:67%}.jr-backdrop{position:absolute;inset:0;z-index:-2;background:url('./assets/jungle.webp') center/100% 100% no-repeat}.jr-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#092e2655,transparent 28%,transparent 58%,#062c2966)}.jr-stats{position:absolute;left:20px;top:18px;display:flex;gap:8px}.jr-stats>div,.jr-clock{background:#072f28e8;color:#fff;border:1px solid #8fbf9c80;border-radius:12px;padding:9px 16px;text-align:center;box-shadow:0 3px 12px #072c2520}.jr-stats small{display:block;font-size:9px;letter-spacing:.1em;color:#bfe2c9}.jr-stats strong{font-size:21px;font-variant-numeric:tabular-nums}.jr-clock{position:absolute;top:18px;right:20px;padding:12px 17px;font-size:21px;font-weight:750;font-variant-numeric:tabular-nums}.jr-prompt{position:absolute;top:16%;left:20%;width:60%;text-align:center}.jr-prompt>p{display:inline-block;margin:0 0 10px;border-radius:20px;background:#123c2bd9;padding:5px 15px;font-size:13px;color:#f6ffe5}.jr-target{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;max-width:100%;margin:auto}.jr-target>span{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:61px;padding:4px 10px;border-radius:10px;font-size:39px;font-weight:650;line-height:1.1;color:#294238;background:#fff5dded;box-shadow:0 4px 0 #5a704a66;border:2px solid #f0e4c1}.jr-target>span.done{background:#86e7a2;border-color:#6de599;color:#0b5836}.jr-target>span.current{background:#744e09f0;color:#fff7d4;border-color:#ffdc77;box-shadow:0 0 0 3px #e3b64355,0 0 20px #ffd76490}.jr-target.sentence{gap:3px;max-width:640px}.jr-target.sentence>span{min-width:0;min-height:32px;padding:3px 5px;font-size:20px;border-radius:5px;border-width:1px}.jr-target.wrong .current{background:#912e20;border-color:#ffb8a4;animation:jr-wrong .24s}.jr-actor{position:absolute;bottom:45%;pointer-events:none;filter:drop-shadow(0 8px 6px #092b2455)}.jr-actor img{width:100%;height:100%;object-fit:contain;object-position:bottom;display:block}.jr-mouse{left:10%;width:15%;height:31%;transform-origin:50% 100%}.jr-monkey{left:var(--monkey-x);width:17%;height:36%;transform-origin:50% 100%;transition:left .16s linear}.jr-monkey.recoil img{animation:jr-recoil .3s ease-out}.jr-pressure{position:absolute;top:9px;left:50%;transform:translateX(-50%);text-align:center;color:#effff1;background:#123c2bd9;border-radius:18px;padding:5px 12px;font-size:10px;min-width:175px;line-height:1.4}.jr-pressure meter{display:block;width:100%;height:11px;margin-top:4px;accent-color:#f4aa4c}.jr-leaves{position:absolute;right:1%;top:77%;width:18%;height:10%;background:radial-gradient(ellipse at 30% 60%,#96c64a 0 18%,transparent 20%),radial-gradient(ellipse at 60% 35%,#72a52b 0 28%,transparent 30%),radial-gradient(ellipse at 45% 70%,#bbda66 0 35%,transparent 37%);border-radius:50%;filter:drop-shadow(0 6px 3px #062b2033)}.jr-effects{position:absolute;inset:0;pointer-events:none}.fruit{position:absolute;left:20%;top:43%;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffe4a7,#ffa91c 45%,#d55b0b);box-shadow:0 0 12px #ffcf69, -12px 2px 15px #ffdc7655}.fruit:after{content:'';width:9px;height:5px;border-radius:80% 0;background:#449134;position:absolute;left:10px;top:-3px;transform:rotate(-20deg)}.jr-mission{position:absolute;bottom:26%;left:15%;width:70%;padding:11px 18px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;border:1px solid #91b493;background:#082d25ed;color:#e4f8df;font-size:12px}.jr-mission progress{width:25%;height:10px;accent-color:#9be9a5}.jr-combo{font-weight:800;font-size:12px;color:#ffdc82;white-space:nowrap}.jr-type-panel{position:absolute;bottom:4%;left:25%;width:50%;background:#092c26ee;border:1px solid #7ca788;border-radius:14px;padding:12px 16px;text-align:center;color:#dcf1df;box-shadow:0 8px 20px #0b302444}.jr-type-row{display:flex;align-items:center;gap:10px;justify-content:center}.jr-type-panel label{font-size:11px;font-weight:650;white-space:nowrap}.jr-type-panel input{background:#fffbea;border:2px solid #e3c36d;color:#1c3b2c;width:88px;border-radius:8px;padding:8px 12px;font-size:20px;text-align:center}.jr-next{font-size:11px;white-space:nowrap}.jr-next kbd{background:#385f48;border:1px solid #7fa385;border-radius:5px;padding:5px 9px;min-width:30px;display:inline-block;color:#ffe6a2}.jr-feedback{margin:7px 0 0;font-size:11px;line-height:1.4;min-height:16px;color:#d4e8d5}.jr-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;background:#062e2338;padding:20px}.jr-overlay-card{max-width:480px;max-height:100%;overflow:auto;background:#092e27f5;border:1px solid #a2c295b3;box-shadow:0 18px 55px #06271b66;border-radius:20px;padding:26px 30px;text-align:center;color:#edffe8}.jr-overlay-card>.jr-eyebrow{color:#cce493;font-size:10px}.jr-overlay-card h2{font-family:Georgia,serif;font-size:32px;color:#ffe1a0;margin:9px 0 12px}.jr-overlay-card p{font-size:14px;line-height:1.7;margin:0 0 17px}.jr-overlay-card .jr-actions{justify-content:center}.jr-overlay-card button{background:#c6eea6;border:1px solid #def6a7;border-radius:9px;padding:11px 18px;color:#123b2b;font-weight:800}.jr-overlay-card button+button{background:transparent;color:#e1f2d4;border-color:#82a586}.jr-overlay-card small{display:block;margin-top:14px;font-size:11px;line-height:1.6;color:#c8ddcd}.is-paused .jr-actor img{animation-play-state:paused}.is-win .jr-monkey{left:78%!important;transition:left .3s;animation:jr-tumble .95s .1s forwards}.is-win .jr-mouse{animation:jr-cheer .4s 3 alternate}.is-lose .jr-mouse{animation:jr-escape .85s forwards}.is-win .jr-leaves{animation:jr-rustle .3s .6s 3}.jr-below{padding:16px 18px;display:flex;gap:18px;align-items:center;justify-content:space-between;background:#103b2d;color:#dceedd;flex-wrap:wrap}.jr-below label{font-size:12px;display:flex;gap:8px;align-items:center}.jr-below select{padding:8px;border-radius:8px;background:#e9f2e5;color:#153f30;border:1px solid #8db396}.jr-below p{font-size:12px;margin:0}.jr-map,.jr-guide{margin-top:22px;padding:24px 28px;border:1px solid var(--jr-line);border-radius:18px;background:var(--jr-surface)}.jr-map h2,.jr-guide h2{font-size:21px;margin:0 0 10px}.jr-map p,.jr-guide p,.jr-guide li{font-size:14px;line-height:1.8;color:var(--jr-muted)}.jr-levels{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}.jr-levels button{border:1px solid var(--jr-line);border-radius:10px;padding:13px 6px;font-size:15px;font-weight:750;color:var(--jr-ink);background:var(--jr-page)}.jr-levels button[aria-pressed=true]{border:2px solid #237d4f;background:#d7f0db;color:#0f4c2c}.jr-levels button:disabled{opacity:.45;cursor:default}.jr-guide{max-width:1100px;margin-left:auto;margin-right:auto}.jr-guide section+section{border-top:1px solid var(--jr-line);margin-top:20px;padding-top:20px}.jr-guide a{color:var(--jr-green);font-weight:650}.jr-guide details{border-top:1px solid var(--jr-line);padding:14px 0}.jr-guide summary{cursor:pointer;font-size:14px;font-weight:700}.jr-guide h3{font-size:17px}.jr-guide table{border-collapse:collapse;width:100%;font-size:13px}.jr-guide th,.jr-guide td{text-align:left;padding:12px;border-bottom:1px solid var(--jr-line);line-height:1.6}.jr-guide th{font-weight:750}.jr-guide caption{text-align:left;margin-bottom:10px;font-weight:700}.jr-nojs{padding:18px;background:#fff5cf;color:#463e22;border-radius:14px}html[data-theme=dark]{--jr-page:#10251f;--jr-surface:#18342b;--jr-ink:#e0efdf;--jr-line:#3b5c4d;--jr-muted:#b7cfc0;--jr-green:#96dfad}
@keyframes jr-recoil{40%{transform:translateX(14%) rotate(9deg)}100%{transform:none}}@keyframes jr-tumble{0%{transform:none}100%{transform:translate(30%,100%) rotate(65deg) scale(.65);opacity:.25}}@keyframes jr-cheer{to{transform:translateY(-12px) rotate(-4deg)}}@keyframes jr-escape{30%{transform:translateY(-20px)}100%{transform:translateX(-200%);opacity:0}}@keyframes jr-rustle{50%{transform:scale(1.15)}}@keyframes jr-wrong{50%{transform:translateX(4px)}}
@media(max-width:1050px){.jr-main{padding:16px}.jr-controls{gap:4px}.jr-hud{padding:10px 14px}.jr-brand strong{font-size:19px}.jr-scene{min-height:480px}.jr-prompt{top:20%;left:15%;width:70%}.jr-pressure{top:12%;left:auto;right:15px;transform:none;min-width:140px}.jr-target>span{min-width:40px;min-height:48px;font-size:30px}.jr-type-panel{left:17%;width:66%}.jr-mission{left:10%;width:80%}}
@media(max-width:700px){.jr-main{padding:12px 10px 28px}.jr-intro{align-items:flex-start}.jr-intro h1{font-size:26px}.jr-intro p{font-size:12px}.jr-intro>a{font-size:11px}.jr-gate{padding:24px;grid-template-columns:1fr}.jr-gate img{display:none}.jr-gate h2{font-size:22px}.jr-hud{gap:8px;padding:10px}.jr-brand{width:100%;justify-content:space-between;gap:8px}.jr-brand strong{font-size:19px}.jr-level-label{font-size:9px;padding:5px 7px}.jr-premium{font-size:8px;padding:4px 7px}.jr-controls{width:100%;justify-content:space-between}.jr-controls button{font-size:10px;min-height:32px;padding:6px 8px}.jr-scene{aspect-ratio:auto;height:440px;min-height:440px}.jr-stats{left:10px;top:10px;gap:5px}.jr-stats>div{padding:6px 9px;border-radius:8px}.jr-stats small{font-size:7px}.jr-stats strong{font-size:16px}.jr-clock{top:10px;right:10px;font-size:16px;padding:9px 10px;border-radius:8px}.jr-pressure{top:15%;right:10px;min-width:120px;padding:3px 8px;font-size:8px}.jr-pressure meter{height:8px}.jr-prompt{top:24%;left:6%;width:88%}.jr-prompt>p{font-size:10px;padding:4px 10px;margin-bottom:7px}.jr-target{gap:4px}.jr-target>span{min-width:28px;min-height:38px;font-size:25px;padding:3px 6px;border-radius:6px}.jr-target.sentence{gap:2px}.jr-target.sentence>span{font-size:15px;min-height:24px;padding:2px 3px}.jr-actor{bottom:32%}.jr-mouse{left:5%;width:20%;height:25%}.jr-monkey{width:23%;height:29%}.jr-backdrop{background-size:100% 100%;background-position:center;transform:translateY(13%);height:100%;top:-1%}.jr-mission{bottom:23%;left:4%;width:92%;padding:8px 9px;gap:8px;font-size:10px;border-radius:8px}.jr-combo{font-size:9px}.jr-mission progress{height:8px;min-width:40px;flex:1}.jr-type-panel{left:4%;width:92%;bottom:3%;padding:10px}.jr-type-panel input{font-size:16px;width:60px;padding:7px}.jr-type-panel label,.jr-next{font-size:10px}.jr-feedback{font-size:10px}.jr-below{padding:13px;font-size:11px;gap:10px}.jr-below p{font-size:10px}.jr-map,.jr-guide{padding:20px 16px}.jr-levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.jr-levels button{padding:12px 5px}.jr-overlay{padding:15px}.jr-overlay-card{padding:22px 20px}.jr-overlay-card h2{font-size:27px}.jr-overlay-card p{font-size:12px}.jr-overlay-card button{font-size:12px;padding:10px 13px}.jr-leaves{top:79%;right:0;width:22%}.jr-game:fullscreen .jr-scene{min-height:440px}.jr-guide th,.jr-guide td{padding:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.jr-game *{animation:none!important;transition:none!important}.is-win .jr-monkey{transform:translateY(80%) scale(.7);opacity:.3}.is-lose .jr-mouse{opacity:.2}}

/* The soft landing is revealed for the victory animation. */
.jr-leaves{opacity:0}.is-win .jr-leaves{opacity:1}
@media(prefers-color-scheme:dark){html[data-theme=system]{--jr-page:#10251f;--jr-surface:#18342b;--jr-ink:#e0efdf;--jr-line:#3b5c4d;--jr-muted:#b7cfc0;--jr-green:#96dfad}}

.jr-confetti{position:absolute;top:-12px;width:10px;height:16px;background:#b3df5a;border-radius:80% 0 80% 0;animation:jr-confetti 1.9s ease-in forwards;box-shadow:inset 1px 1px 1px #eafab2}.jr-confetti:nth-child(3n){background:#ffcf64}.jr-confetti:nth-child(3n+1){background:#55be88}@keyframes jr-confetti{to{transform:translate(25px,650px) rotate(var(--leaf-turn));opacity:0}}