:root{--ink:#2a1d33;--paper:#fffaf0;--leaf:#5f9c4b;--leaf2:#8cc865;--berry:#d94d6a;--gold:#f2c14e;--soil:#b88b5d;--sky:#eaf4d8;font-family:ui-rounded,SF Pro Rounded,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#eaf4d8,#cfe6b3);margin:0;overflow:hidden}[hidden]{display:none!important}canvas#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}.round{border:3px solid var(--ink);background:var(--paper);width:42px;height:42px;box-shadow:0 3px 0 var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;font-size:15px;font-weight:900;text-decoration:none;display:inline-grid;position:relative}.round:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.round.on{background:var(--gold)}.round svg{width:24px;height:24px}.pill{background:var(--berry);color:#fff;border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:7px 18px;font-weight:900}.pill.alt{background:var(--paper);color:var(--ink)}.pill:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.hud{z-index:5;padding:max(6px, env(safe-area-inset-top)) 8px 0;pointer-events:none;position:fixed;top:0;left:0;right:0}.hud .bar{pointer-events:auto;border:3px solid var(--ink);max-width:980px;box-shadow:0 4px 0 var(--ink);background:#fffaf0f0;border-radius:18px;align-items:center;gap:8px;margin:0 auto;padding:5px 8px;display:flex}.hud .round{width:38px;height:38px;font-size:14px}.ink{border:3px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;min-width:58px;height:58px;display:flex;position:relative}.ink img{transform-origin:50% 100%;width:auto;height:26px;animation:1.6s ease-in-out infinite alternate sway}.ink b{font-size:18px;line-height:1}.ink.bump{animation:.3s ease-out bump}.ink.poor{animation:.35s nope}@keyframes bump{40%{transform:scale(1.15)}}@keyframes nope{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.seeds{scrollbar-width:none;flex:1;gap:5px;min-width:0;padding:2px 1px 4px;display:flex;overflow-x:auto}.seeds::-webkit-scrollbar{display:none}.seed{border:3px solid var(--ink);width:58px;height:64px;box-shadow:0 3px 0 var(--ink);touch-action:none;background:linear-gradient(#fffef7,#f1e7cf);border-radius:12px;flex:none;padding:0;transition:transform .12s,opacity .2s;position:relative;overflow:hidden}.seed img{pointer-events:none;width:auto;max-width:50px;height:auto;max-height:42px;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.seed .cost{background:var(--ink);color:#fff;text-align:center;height:17px;font-size:12px;font-weight:900;line-height:17px;position:absolute;bottom:0;left:0;right:0}.seed .key{opacity:.45;font-size:10px;font-weight:900;position:absolute;top:1px;left:3px}.seed .cool{pointer-events:none;background:repeating-linear-gradient(135deg,#fffaf0e0 0 6px,#e6dcc8e0 6px 12px);border-bottom:2px solid #2a1d3380;height:0;position:absolute;top:0;left:0;right:0}.seed.poor{opacity:.5}.seed.sel{border-color:var(--berry);box-shadow:0 6px 0 var(--berry);transform:translateY(-5px)scale(1.06)}.seed.ready{animation:.4s ease-out ready}.seed.new:after{content:"new";background:var(--berry);color:#fff;border-radius:0 9px 0 8px;padding:0 5px;font-size:10px;font-weight:900;position:absolute;top:-2px;right:-2px}@keyframes ready{50%{transform:scale(1.12)}}.tools{flex:none;gap:6px;display:flex}.meter-row{pointer-events:none;align-items:center;gap:10px;max-width:980px;margin:6px auto 0;padding:0 6px;display:flex}.lvl{white-space:nowrap;border:2px solid var(--ink);background:#fffaf0e6;border-radius:999px;padding:1px 10px;font-size:14px;font-weight:900}.meter{border:2px solid var(--ink);background:#fffaf0e6;border-radius:999px;flex:1;max-width:260px;height:14px;margin-left:auto;position:relative}.meter .fill{background:linear-gradient(90deg,#f2c14e,#d94d6a);border-radius:999px;width:0;transition:width .4s;position:absolute;top:0;bottom:0;right:0}.meter img{width:auto;height:22px;transition:right .4s;position:absolute;top:50%;right:0;transform:translate(50%,-50%)rotate(180deg)}.meter .flag{background:var(--ink);width:3px;height:14px;position:absolute;top:-9px}.meter .flag:after{content:"";border-left:10px solid var(--berry);border-top:5px solid #0000;border-bottom:5px solid #0000;position:absolute;top:0;left:3px}.meter .flag.up:after{border-left-color:var(--gold)}.bossbar{color:#fff;pointer-events:none;background:#2a1d33d9;border-radius:999px;align-items:center;gap:8px;width:min(420px,100% - 24px);margin-top:6px;padding:3px 10px;font-size:13px;font-weight:900;display:flex;position:absolute;left:50%;transform:translate(-50%)}.bossbar .bb{background:#ffffff40;border-radius:999px;flex:1;height:10px;overflow:hidden}.bossbar i{background:linear-gradient(90deg,#d94d6a,#f2c14e);width:100%;height:100%;transition:width .25s;display:block}body.portrait .hud .bar{flex-wrap:nowrap}body.portrait .seeds{padding:6px 8px max(8px, env(safe-area-inset-bottom));z-index:6;border-top:3px solid var(--ink);background:#fffaf0f2;flex-wrap:wrap;justify-content:safe center;gap:5px;position:fixed;bottom:0;left:0;right:0}body.portrait .seed{width:calc(20vw - 7.2px);max-width:66px;height:60px}body.portrait .ink{flex-direction:row;gap:6px;min-width:70px;height:46px}body.portrait .lvl-in-bar{display:block}body.portrait .hud .bar .tools{margin-left:auto}body.portrait.playing .credit{bottom:auto;top:calc(max(6px, env(safe-area-inset-top)) + 92px);right:6px}.banner{z-index:9;pointer-events:none;text-align:center;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);white-space:nowrap;font-size:clamp(26px,7vw,54px);font-weight:900;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}.banner.show{animation:2.2s ease-in-out both banner}.banner.quick{animation:.9s ease-in-out both banner}.banner small{-webkit-text-stroke:1px var(--ink);text-shadow:0 3px 0 var(--ink);font-size:.45em;display:block}.banner.red{color:#ffd3dc}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-6deg)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}22%{transform:translate(-50%,-50%)scale(1)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}.title{z-index:20;background:radial-gradient(140% 42% at 50% 108%,#94cd6f 0 60%,#0000 61%),linear-gradient(#f3f8e6,#d8edc0);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:hidden}.title-card{text-align:center;width:min(560px,100%);position:relative}.logo{letter-spacing:1px;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);margin:4px 0 8px;font-size:clamp(40px,12vw,92px);line-height:.92}.logo span{color:#fff;animation:1.8s ease-in-out infinite letter;display:inline-block}.logo span:first-child{color:var(--leaf2)}.logo span:last-child{color:#ffb3c2;animation-delay:-.6s}@keyframes letter{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(2deg)}}.title p{max-width:380px;margin:0 auto 16px;font-size:18px;font-weight:800;line-height:1.4}.big{border:3px solid var(--ink);background:var(--berry);color:#fff;box-shadow:0 5px 0 var(--ink);border-radius:999px;padding:14px 52px;font-size:26px;font-weight:900}.big:disabled{opacity:.6}.big:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.title-row{margin-top:14px}.title-bugs{height:60px;position:relative}.title-bugs img{width:auto;height:30px;animation:9s linear infinite crawl;position:absolute;top:10px}@keyframes crawl{0%{left:105%}to{left:-15%}}.title-pots{justify-content:center;align-items:flex-end;gap:4px;height:140px;margin-top:18px;display:flex;position:relative;overflow:hidden}.title-pots img{object-fit:contain;transform-origin:50% 100%;filter:drop-shadow(0 6px 4px #2a1d3338);width:auto;max-width:19%;height:min(120px,24vw);animation:2.2s ease-in-out infinite alternate sway}.title-pots img:nth-child(2n){height:min(100px,20vw);animation-duration:1.7s}@keyframes sway{0%{transform:rotate(-5deg)scale(1)}to{transform:rotate(5deg)scale(1.03,.97)}}.map{z-index:4;background:linear-gradient(#eaf4d8,#f6eadc);flex-direction:column;display:flex;position:fixed;inset:0}.map-top{padding:max(10px, env(safe-area-inset-top)) 12px 8px;border-bottom:3px solid var(--ink);z-index:2;background:#fffaf0f0;align-items:center;gap:8px;display:flex;position:relative}.map-top h1{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:clamp(16px,5vw,24px);overflow:hidden}.map-top .total{background:var(--gold);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:17px;font-weight:900}.guidebtn img{object-fit:contain;width:30px;height:30px}.map-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;position:relative;overflow:hidden auto}.map-inner{width:100%;max-width:620px;margin:0 auto;position:relative}.map-inner svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.zone{border:3px solid #2a1d3326;border-radius:28px;position:absolute;left:0;right:0}.zone h2{border:2px solid var(--ink);background:#fffaf0e6;border-radius:999px;margin:0;padding:2px 12px;font-size:20px;position:absolute;top:8px;left:14px}.zone .lock{opacity:.75;font-size:13px;font-weight:800;position:absolute;top:10px;right:14px}.node{border:4px solid var(--ink);width:60px;height:60px;box-shadow:0 5px 0 var(--ink);z-index:2;background:#fff;border-radius:50%;place-items:center;margin:-30px 0 0 -30px;padding:0;font-size:21px;font-weight:900;display:grid;position:absolute}.node.done{background:#c8ecb0}.node.current{background:var(--berry);color:#fff;animation:.9s ease-in-out infinite alternate pulse}.node.locked{color:#9b928a;cursor:default;background:#e7e1d6;border-color:#9b928a;box-shadow:0 3px #9b928a}.node.boss{width:76px;height:76px;margin:-38px 0 0 -38px;overflow:visible}.node.boss img{object-fit:contain;pointer-events:none;width:64px;height:64px;animation:1.4s ease-in-out infinite alternate sway;position:absolute;top:-30px;left:3px}.node.boss.locked img{opacity:.45}.node .st{letter-spacing:-1px;white-space:nowrap;color:#cfc6b8;-webkit-text-stroke:1px var(--ink);font-size:15px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.node .st b{color:var(--gold)}@keyframes pulse{to{transform:scale(1.1)}}.deco{pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 4px 3px #2a1d332e);animation:3s ease-in-out infinite alternate sway;position:absolute}.map-ant{offset-rotate:auto 180deg;pointer-events:none;opacity:.85;width:20px;height:auto;animation:linear infinite march;position:absolute;top:0;left:0}@keyframes march{0%{offset-distance:0%}to{offset-distance:100%}}.friend-row{border-top:3px solid var(--ink);background:#fffaf0f0;justify-content:center;align-items:flex-end;gap:4px;height:88px;padding-bottom:4px;display:flex;position:sticky;bottom:0;overflow:hidden}.friend-row img{transform-origin:50% 100%;width:auto;height:66px;animation:1.6s ease-in-out infinite alternate sway}.modal{z-index:30;background:#2a1d334d;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.card{background:var(--paper);border:4px solid var(--ink);width:min(440px,100%);max-height:calc(100% - 16px);box-shadow:0 8px 0 var(--ink);text-align:center;touch-action:pan-y;border-radius:26px;padding:18px 16px 16px;animation:.4s cubic-bezier(.2,1.6,.4,1) pop-in;overflow:auto}.card.wide{width:min(720px,100%)}@keyframes pop-in{0%{opacity:0;transform:scale(.6)rotate(-4deg)}}.card h2{margin:0 0 6px;font-size:28px}.card p{margin:6px 0;font-size:16px;line-height:1.35}.card .row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.card .big{padding:10px 28px;font-size:21px}.stars{justify-content:center;align-items:flex-end;gap:6px;height:80px;margin:4px 0;display:flex}.stars .slot{color:#e3dccd;-webkit-text-stroke:2px var(--ink);place-items:center;width:66px;height:66px;font-size:60px;line-height:1;display:grid;position:relative}.stars .slot:nth-child(2){width:80px;height:80px;font-size:76px}.stars .slot.got{color:var(--gold);animation:.5s cubic-bezier(.2,1.8,.4,1) both star-in}@keyframes star-in{0%{opacity:0;transform:scale(3)rotate(-90deg)}}.why{opacity:.8;font-size:13px!important}.friend{place-items:center;height:170px;margin:4px auto 6px;display:grid;position:relative}.friend:before{content:"";background:repeating-conic-gradient(from 0deg, #fff3c9 0 12deg, #fffaf0 12deg 24deg);border-radius:50%;width:170px;height:170px;animation:14s linear infinite spin;position:absolute}.friend img{transform-origin:50% 100%;filter:drop-shadow(0 6px 4px #2a1d3340);width:auto;max-width:220px;max-height:160px;animation:1.4s ease-in-out infinite alternate sway;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.role{border:2px dashed var(--leaf);background:#fff;border-radius:14px;padding:8px 10px;font-weight:700}.links{flex-direction:column;gap:6px;margin-top:10px;display:flex}.links a{font-size:16px;font-weight:900}.kicker{text-transform:uppercase;letter-spacing:2px;color:var(--berry);font-size:12px;font-weight:900}.howto{text-align:left}.howto h2{text-align:center}.howto-list{flex-direction:column;gap:8px;display:flex}.howto-row{border:2px solid var(--ink);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:6px 8px;display:flex}.howto-row .pics{flex:none;justify-content:center;align-items:center;gap:2px;width:92px;display:flex}.howto-row .pics img{transform-origin:50% 100%;width:auto;max-width:44px;height:auto;max-height:46px;animation:1.4s ease-in-out infinite alternate sway}.howto-row p{margin:0;font-size:14px;line-height:1.3}.pick-grid,.guide-grid{text-align:center;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:10px 0;display:grid}.pick{border:3px solid var(--ink);background:#fff;border-radius:14px;padding:6px 4px;position:relative}.pick img{object-fit:contain;max-width:86px;height:62px}.pick b{font-size:11px;line-height:1.15;display:block}.pick.on{box-shadow:0 4px 0 var(--leaf);border-color:var(--leaf);background:#e4f6d6}.pick.on:after{content:"✓";color:var(--leaf);font-weight:900;position:absolute;top:2px;right:6px}.entry{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;display:flex}.entry img{object-fit:contain;width:100%;height:76px}.entry h3{margin:0;font-size:13px;line-height:1.15}.entry small{opacity:.75;font-size:11px}.entry a{font-size:12px;font-weight:800}.entry.unknown{box-shadow:none;color:#a99f92;border-style:dashed;border-color:#c9bfb2;justify-content:center;min-height:140px;font-size:40px;font-weight:900}.guide-h{text-align:left;margin:14px 0 0;font-size:18px}.shop-link{font-weight:800}.tutor{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:12;background:var(--paper);border:3px solid var(--ink);width:min(440px,100% - 24px);box-shadow:0 5px 0 var(--ink);border-radius:20px;padding:11px 14px 9px;position:fixed;transform:translate(-50%)}.tutor.top{top:128px;bottom:auto}.tutor.in{animation:.35s cubic-bezier(.2,1.6,.4,1) tutor-in}@keyframes tutor-in{0%{opacity:0;transform:translate(-50%)scale(.7)}}.tutor p{margin:0 0 6px;font-size:16px;font-weight:800;line-height:1.35}.tutor-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tutor .link{opacity:.75;background:0 0;border:0;padding:6px 2px;font-weight:700;text-decoration:underline}body.portrait .tutor{bottom:calc(86px + env(safe-area-inset-bottom))}body.portrait .tutor.top{top:110px;bottom:auto}.toasts{z-index:28;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;width:min(320px,100% - 20px);display:flex;position:fixed;bottom:34px;right:10px}.toast{background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);pointer-events:auto;border-radius:18px;align-items:center;gap:10px;padding:6px 12px 6px 8px;font-size:14px;font-weight:800;animation:4s ease-in-out both toast;display:flex}.toast img{object-fit:contain;width:46px;height:46px;animation:.8s ease-in-out infinite alternate sway}.toast small{opacity:.75;font-size:11px;display:block}.toast a{font-size:12px}@keyframes toast{0%{opacity:0;transform:translate(60px)}8%{opacity:1;transform:none}88%{opacity:1}to{opacity:0;transform:translateY(-14px)}}body.portrait .toasts{align-items:center;top:112px;bottom:auto;right:50%;transform:translate(50%)}.credit{right:10px;bottom:max(6px, env(safe-area-inset-bottom));z-index:6;background:#fffaf0e0;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:fixed}.map:not([hidden])~.credit{bottom:96px}@media (height<=460px) and (orientation:landscape){.hud .bar{border-radius:14px;padding:3px 6px}.seed{width:48px;height:52px}.seed img{max-width:42px;max-height:32px;bottom:15px}.seed .cost{height:15px;font-size:11px;line-height:15px}.ink{min-width:50px;height:48px}.hud .round{width:34px;height:34px}.meter-row{margin-top:3px}}@media (prefers-reduced-motion:reduce){.logo span,.title-pots img,.deco,.friend img,.friend:before,.title-bugs img{animation:none}}@media (width<=520px){.logo span{display:block}.title p{font-size:16px}}