@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--green:#173f32;--cream:#f8f5e9;--yellow:#f6cf56;--muted:#6a7869;--display:'Outfit',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--green);font-family:var(--body);min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d39822;outline-offset:4px}button:hover{filter:brightness(1.05)}button:active{transform:translateY(1px)}[hidden]{display:none!important}.app{max-width:1600px;margin:auto;padding:0 38px}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--green);font-family:var(--display);font-size:23px;font-weight:800;line-height:1}.brand-light{font-weight:400}.brand small{display:block;font-family:var(--body);font-size:8px;letter-spacing:3.1px;margin-top:8px;font-weight:600}.brand-icon{display:grid;place-items:center;width:43px;height:43px;background:var(--yellow);border-radius:50% 50% 42% 50%;font-size:38px;transform:rotate(-8deg)}.header-right{display:flex;align-items:center;gap:10px}.best{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:1.3px;margin-right:15px}.best strong{font-family:var(--display);font-size:21px;letter-spacing:0}.banana-mini{color:#b88c1f;font-size:20px;transform:rotate(-40deg)}.icon-button{border:1px solid #d2d9cb;border-radius:50%;background:transparent;width:40px;height:40px;position:relative;font-size:20px;color:var(--green);display:grid;place-items:center}.sound-slash{position:absolute;height:22px;width:1px;background:currentColor;transform:rotate(-42deg)}#sound[aria-pressed=true] .sound-slash{display:none}.game-shell{position:relative;height:calc(100svh - 170px);min-height:500px;max-height:850px;background:#a7c7a2;overflow:hidden;border-radius:20px;isolation:isolate;box-shadow:0 9px 24px #173f3208}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:6%;background:linear-gradient(90deg,#e8eddca6 0%,#e8eddc3b 50%,transparent 80%)}.overlay.centered{justify-content:center;background:#0c302859;backdrop-filter:blur(6px)}.panel{max-width:590px;width:100%;animation:arrive .35s ease-out}.tag{font-size:10px;letter-spacing:2px;font-weight:700;display:inline-flex;align-items:center;gap:9px}.tag>span{height:6px;width:6px;border-radius:50%;background:#6a8b46}.home-panel h1{font-family:var(--display);font-size:clamp(46px,5.5vw,82px);font-weight:600;line-height:1.03;letter-spacing:-3.5px;margin:24px 0 22px}.home-panel em{font-style:normal;color:#4a713f}.panel p{font-size:14px;line-height:1.8;color:#536650;margin:0 0 27px}.primary{border:none;border-radius:12px;background:var(--green);color:var(--cream);padding:18px 23px;min-height:56px;font-weight:600;font-size:14px;display:flex;gap:35px;align-items:center;justify-content:space-between;box-shadow:0 5px 0 #092a1c12}.primary span{font-size:22px;font-weight:400}.home-controls{display:flex;gap:22px;align-items:center;margin-top:24px;color:#52654e;font-size:11px}.home-controls>span{display:flex;align-items:center;gap:5px}kbd{font-family:var(--body);background:#f8f5e973;border:1px solid #82967d55;border-radius:5px;padding:5px;min-width:24px;text-align:center;font-size:10px;box-shadow:0 2px 0 #637d5c12}.trail-dots{display:flex;gap:6px;align-items:center;margin-top:38px}.trail-dots>span{height:5px;width:5px;background:#768e6c4d;border-radius:10px}.trail-dots>span.active{width:20px;background:#527647}.trail-dots small{font-size:10px;margin-left:10px;color:#607656}.bottom-label{position:absolute;bottom:23px;left:28px;display:flex;align-items:center;gap:10px;color:#e9efc9;font-size:8px;letter-spacing:1.6px;pointer-events:none}.little-dot{background:#f1c95b;width:5px;height:5px;border-radius:50%}.label-line{width:25px;height:1px;background:#e9efc966}.footer{height:66px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6a7a66}.footer>span:first-child{display:flex;align-items:center;gap:9px}.leaf-symbol{font-size:20px;color:#80964e}.desktop-hint{font-size:9px;display:flex;gap:14px}.footer-index{font-size:9px;letter-spacing:2px}.hud{position:absolute;inset:22px 22px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}.trail-pill{background:#f8f5e9eb;border-radius:12px;padding:12px 17px;display:grid;gap:4px}.eyebrow{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#728368}.trail-pill strong{font-family:var(--display);font-size:15px;font-weight:600}.stats{display:flex;align-items:center;gap:16px;background:#f8f5e9ed;border-radius:12px;padding:8px 10px 8px 15px}.banana-count{display:flex;align-items:center;gap:6px}.banana-count svg{width:26px;height:26px}.banana-count strong{font-family:var(--display);font-size:21px}.banana-count>span{color:#849176;font-size:12px}.hearts{font-size:18px;letter-spacing:2px;color:#ca795c}.stats .icon-button{pointer-events:auto;width:36px;height:36px;border:none;border-left:1px solid #d8ddcc;border-radius:0}.toast{position:absolute;bottom:70px;left:50%;transform:translate(-50%,10px);padding:12px 20px;border-radius:30px;background:#173f32ed;color:#fff8da;font-size:12px;opacity:0;transition:.25s;pointer-events:none;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal-panel{background:var(--cream);padding:38px;border-radius:23px;max-width:440px;box-shadow:0 20px 60px #0b352939}.modal-panel h2{font-family:var(--display);font-size:38px;letter-spacing:-1.5px;line-height:1.1;margin:19px 0 15px}.modal-panel .primary{width:100%}.secondary{margin-top:12px;border:1px solid #d3dbc8;background:transparent;border-radius:10px;min-height:46px;width:100%;color:var(--green)}.instructions{padding:12px 0;margin:0 0 15px;border-top:1px solid #dde2d2;border-bottom:1px solid #dde2d2}.instructions p{display:flex;justify-content:space-between;font-size:12px;margin:7px 0}.help-copy{font-size:12px!important;line-height:1.7!important}.result-score{font-family:var(--display);font-size:48px;margin:0 0 23px;color:#618546}.touch-controls{display:none;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls>div{display:flex;gap:10px}.touch-controls button{width:62px;height:56px;border:1px solid #ced8c3;border-radius:15px;background:#e9eddc;color:var(--green);font-size:29px;touch-action:none}.touch-controls button.held{background:#b9d193}.touch-controls .jump-button{background:var(--yellow);width:86px;display:flex;align-items:center;justify-content:center;gap:7px;border-color:#e5bb43}.jump-button small{font-size:9px;font-weight:700}.touch-controls>span{font-size:8px;letter-spacing:1px;color:#7b8d6d;line-height:1.7;text-align:center}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(pointer:coarse){.touch-controls:not([hidden]){display:flex;align-items:center;justify-content:space-between;padding:12px 0 max(12px,env(safe-area-inset-bottom))}.app.playing .game-shell{height:calc(100svh - 208px);min-height:300px}.app.playing .footer{display:none}.home-controls{display:none}.footer .desktop-hint{display:none}}
@media(max-width:760px){.app{padding:0 16px}.topbar{height:82px}.brand{font-size:19px;gap:8px}.brand-icon{width:34px;height:34px;font-size:30px}.brand small{font-size:6px;letter-spacing:2.4px}.best{font-size:0;gap:5px;margin-right:0}.best strong{font-size:18px}.banana-mini{font-size:17px}.header-right{gap:7px}.icon-button{width:36px;height:36px}.game-shell{height:calc(100svh - 140px);min-height:530px;border-radius:16px}.overlay{padding:30px;align-items:flex-start;padding-top:55px;background:linear-gradient(180deg,#e8eddcbd 0%,#e8eddc45 65%,transparent)}.home-panel h1{font-size:54px;letter-spacing:-2.5px;line-height:1.02;margin-top:20px}.panel p{font-size:12px;line-height:1.7;max-width:300px}.desktop-break{display:none}.tag{font-size:8px;letter-spacing:1.4px}.primary{font-size:13px;min-height:52px;padding:14px 18px}.trail-dots{margin-top:23px}.trail-dots small{font-size:9px}.bottom-label{bottom:20px;left:20px;font-size:7px;gap:7px;letter-spacing:1px}.bottom-label .label-line,.bottom-label .label-line~*{display:none}.footer{height:58px;font-size:9px}.footer .desktop-hint{display:none}.hud{inset:12px 12px auto;gap:8px}.trail-pill{padding:10px 12px}.trail-pill strong{font-size:12px}.eyebrow{font-size:7px}.stats{gap:7px;padding:8px}.hearts{font-size:13px;letter-spacing:0}.banana-count{gap:3px}.banana-count svg{width:21px;height:21px}.banana-count strong{font-size:17px}.banana-count>span{font-size:10px}.stats .icon-button{width:29px;height:29px}.overlay.centered{padding:16px;align-items:center}.modal-panel{padding:26px;max-height:96%;overflow:auto}.modal-panel h2{font-size:32px}.toast{font-size:10px;max-width:90%;white-space:normal;text-align:center;bottom:35px}.app.playing .bottom-label{display:none}}
@media(max-height:540px) and (orientation:landscape){.app{padding:0 12px}.topbar{height:58px}.game-shell{height:calc(100svh - 98px);min-height:270px}.footer{height:40px}.home-panel h1{font-size:42px;margin:12px 0}.overlay{padding:20px 35px;align-items:center}.home-panel p{font-size:11px;margin-bottom:15px}.home-controls,.trail-dots,.bottom-label{display:none}.tag{font-size:8px}.app.playing .game-shell{height:calc(100svh - 60px);min-height:200px}.touch-controls:not([hidden]){position:absolute;inset:auto 28px 15px;pointer-events:none}.touch-controls button{pointer-events:auto;background:#eef1dcae}.touch-controls>span{display:none}.modal-panel{padding:22px;max-width:440px}.modal-panel h2{font-size:28px;margin:12px 0}.modal-panel p{margin-bottom:15px}.instructions{margin-bottom:7px;padding:5px 0}.help-copy{font-size:10px!important}.result-score{font-size:32px;margin-bottom:12px}.hud{inset:12px 16px auto}}
@media(max-width:760px) and (orientation:portrait){.home-panel h1{font-size:clamp(34px,10.5vw,50px);letter-spacing:-1.8px}.touch-controls:not([hidden]){display:flex;align-items:center;justify-content:space-between;padding:12px 0 max(12px,env(safe-area-inset-bottom))}.app.playing .game-shell{height:calc(100svh - 174px);min-height:280px}.app.playing .footer{display:none}.home-controls{display:none}}
@media(max-width:380px){.hud{inset:10px}.trail-pill strong{display:none}.trail-pill{padding:17px 9px}.stats{gap:6px}.brand{font-size:16px}.brand small{letter-spacing:1.8px}.header-right{gap:5px}.overlay{padding-left:23px;padding-right:23px}.best{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Arcade controls and the creature club */
.club-button{display:flex;align-items:center;gap:9px;border:1px solid #cbd6c1;border-radius:24px;min-height:40px;padding:8px 14px;background:#eaf0df;color:var(--green);font-size:11px;font-weight:700}.club-button span{font-size:9px;color:#7d916a}.difficulty{display:flex;gap:6px;margin:-3px 0 17px;max-width:346px}.difficulty button{border:1px solid #a8b994;background:#f8f5e974;color:#3f6345;border-radius:9px;padding:9px 12px;font-weight:700;font-size:12px;min-height:48px}.difficulty small{display:block;font-weight:400;font-size:9px;margin-top:3px}.difficulty button[aria-pressed=true]{background:#eaf1c9;border:2px solid #628a4e;padding:8px 11px}.home-panel h1{margin-top:19px;font-size:clamp(46px,5.1vw,76px)}.home-panel p{margin-bottom:20px}.home-controls{gap:17px;margin-top:20px}.trail-dots{margin-top:24px}.trail-pill>small{font-size:9px;color:#697b5b}.score-display{display:grid;gap:1px;text-align:right}.score-display small{font-size:7px;letter-spacing:1.5px;color:#7c8c6b}.score-display strong{font:600 21px var(--display)}.hearts{font-size:17px;letter-spacing:1px}.abilities{position:absolute;bottom:21px;left:23px;display:flex;align-items:center;gap:18px;background:#f8f5e9e8;border-radius:12px;padding:12px 15px;pointer-events:none}.abilities>div{display:grid;grid-template-columns:105px;gap:5px}.abilities label{font-size:8px;letter-spacing:1px;font-weight:700}.abilities small{font-size:8px;color:#77876b}.abilities progress{width:105px;height:7px;accent-color:#6e9a53}.seed-hint{font-size:9px;font-weight:700;display:flex;gap:6px;align-items:center}.trail-progress{position:absolute;bottom:0;left:0;right:0;height:4px;pointer-events:none}.trail-progress span{display:block;background:#f4d45e;height:100%;width:0}.boss-hud{position:absolute;top:108px;left:50%;transform:translateX(-50%);width:min(330px,80%);text-align:center;display:grid;gap:5px;background:#f9eed9f2;padding:11px 16px;border-radius:12px}.boss-hud strong{font-size:11px;letter-spacing:1.8px}.boss-hud progress{width:100%;height:10px;accent-color:#dc9657}.boss-hud span{font-size:9px;color:#8c7e59}.toast{bottom:112px;max-width:80%;white-space:normal;text-align:center}.modal-panel{max-height:calc(100% - 24px);overflow:auto}.guide-panel{max-width:680px}.guide-panel h2{font-size:35px}.guide-panel>p{font-size:12px;margin-bottom:18px;max-width:none}#fact-cards{display:grid;gap:12px;margin-bottom:20px}.fact-card{padding:18px;border-radius:12px;background:#e9eddd}.fact-card .tag{font-size:8px;letter-spacing:1px}.fact-card h3{font:600 23px var(--display);margin:9px 0 3px;letter-spacing:-.5px}.fact-card small{font-size:10px;color:#758367}.fact-card p{font-size:12px;line-height:1.7;margin:9px 0;max-width:none}.fact-card a{color:#4d7540;font-size:10px}.fiction-note{color:#79846d!important;font-size:10px!important}#result-stats{font-size:11px;line-height:1.6}.result-score{font-size:42px;margin-bottom:9px}.touch-controls .action-controls{gap:7px}.touch-controls .action-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:60px;background:#dfe9ce;font-size:23px}.action-controls button small{font-size:8px;letter-spacing:.5px}.touch-controls .action-controls .jump-button{background:var(--yellow);width:64px}.touch-controls .action-controls [data-control=fire]{background:#f1d6ab}.touch-controls button.held{filter:brightness(.85);transform:translateY(2px)}
@media(max-width:760px){.club-button{font-size:9px;padding:7px 10px;gap:4px;min-height:36px}.club-button span{display:none}.best{display:none}.header-right{gap:6px}.brand{font-size:17px}.brand small{letter-spacing:1.5px}.brand-icon{width:31px;height:31px;font-size:28px}.topbar{gap:10px}.home-panel h1{font-size:clamp(36px,10.8vw,52px);letter-spacing:-1.7px}.difficulty{gap:6px}.difficulty button{font-size:11px;padding:8px 10px}.difficulty button[aria-pressed=true]{padding:7px 9px}.difficulty small{font-size:8px}.overlay{padding-top:37px}.home-panel .tag{font-size:7px;letter-spacing:1px}.home-panel p{max-width:290px}.home-panel .trail-dots{margin-top:18px}.home-panel .trail-dots small{font-size:8px}.stats{gap:7px}.hearts{font-size:12px;letter-spacing:0}.score-display strong{font-size:17px}.score-display small{font-size:6px}.trail-pill>small{font-size:7px}.abilities{bottom:13px;left:12px;padding:8px 10px;gap:12px}.abilities>div{grid-template-columns:85px;gap:4px}.abilities progress{width:85px}.abilities small{display:none}.abilities label{font-size:7px}.seed-hint{display:none}.toast{bottom:64px;font-size:10px;max-width:90%;width:max-content}.guide-panel{padding:24px}.guide-panel h2{font-size:29px}.fact-card{padding:14px}.fact-card h3{font-size:21px}.fact-card p{font-size:11px}.move-controls{gap:7px!important}.touch-controls .move-controls button{width:49px}.touch-controls .action-controls button{width:54px}.touch-controls .action-controls .jump-button{width:58px}.boss-hud{top:85px}.modal-panel h2{font-size:30px}.help-copy{font-size:11px!important}}
@media(max-width:380px){.brand{font-size:14px;gap:5px}.brand-icon{width:26px;height:26px;font-size:24px}.brand small{font-size:5px;letter-spacing:1.2px}.header-right{gap:4px}.club-button{font-size:8px;padding:6px}.header-right .icon-button{width:30px;height:34px}.touch-controls .move-controls button{width:43px}.touch-controls .action-controls button{width:47px}.touch-controls .action-controls .jump-button{width:50px}.touch-controls .action-controls{gap:5px}.trail-pill>small{display:none}.score-display strong{font-size:15px}.stats{gap:6px}.home-panel h1{font-size:35px}.home-panel p{font-size:11px}.difficulty button{font-size:10px}.difficulty small{font-size:7px}}
@media(max-height:540px) and (orientation:landscape){.home-panel h1{font-size:38px;margin:10px 0}.home-panel p{font-size:10px;max-width:330px;margin-bottom:10px}.difficulty{margin:0 0 10px}.difficulty button{min-height:38px;padding:5px 10px}.difficulty button[aria-pressed=true]{padding:4px 9px}.primary{min-height:44px;padding:10px 16px}.abilities{bottom:87px;left:14px}.touch-controls .action-controls button{background:#dfe9cedd}.toast{bottom:100px}.boss-hud{top:15px;left:50%;width:240px}.modal-panel{max-height:95%}.instructions p{font-size:10px;margin:3px 0}.help-copy{font-size:10px!important}}
.abilities{top:110px;bottom:auto}.toast{bottom:18px}.app:not(.playing) .trail-progress{display:none}
@media(max-width:760px){.abilities{top:95px;bottom:auto}.toast{top:153px;bottom:auto;max-width:88%}.boss-hud{top:211px}}
@media(max-height:540px) and (orientation:landscape){.abilities{top:94px;bottom:auto}.toast{top:88px;bottom:auto;max-width:45%;left:64%}.boss-hud{top:15px;left:50%}}
.guide-dismiss{position:sticky;top:0;float:right;z-index:2;border:1px solid #cbd6c1;background:#f8f5e9;color:#173f32;width:36px;height:36px;border-radius:50%;font-size:23px;margin:-10px -10px 0 5px}
@media(max-width:380px){.touch-controls .move-controls button{width:44px}}