:root{--ink:#173e36;--green:#44cb77;--deep:#163b30;--amber:#f5bd45;--shadow:0 12px 30px #0a322854;--radius:24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;overflow:hidden}body{font-family:ui-rounded,"Trebuchet MS",system-ui,-apple-system,sans-serif;background:#82bb62;color:#fff;overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font:inherit;cursor:pointer}button:focus-visible,.questbox:focus-visible{outline:3px solid #fff;outline-offset:3px}#app{position:fixed;inset:0;overflow:hidden;isolation:isolate}#game{display:block;width:100%;height:100%;touch-action:none}.ui-layer{position:absolute;inset:0;pointer-events:none}.ui-layer button,.questbox,.joystick{pointer-events:auto}.topbar{position:absolute;top:calc(15px + env(safe-area-inset-top));left:clamp(12px,3vw,32px);right:clamp(12px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:8px}.topbrand{display:flex;align-items:center;gap:9px;filter:drop-shadow(0 2px 3px #1b563b4b)}.brandbadge{width:43px;height:43px;border:2px solid #f1ffc5c9;border-radius:16px;display:grid;place-items:center;background:linear-gradient(155deg,#84e269,#298b5b);font-size:24px;box-shadow:0 5px 0 #207344,0 10px 16px #255c3d40}.topbrand strong{font-size:clamp(15px,3.8vw,23px);line-height:1.05;letter-spacing:-.8px;display:block;text-shadow:0 2px 2px #23472888;font-weight:1000}.topbrand strong span{color:#faff94}.topbrand small{font-size:clamp(8px,2.05vw,10px);font-weight:900;letter-spacing:1.1px;text-shadow:0 1px 2px #3b593b}.wallet{position:relative;display:flex;align-items:center;gap:8px;border:2px solid #fff7ce6b;background:linear-gradient(135deg,#153e33f0,#164737ef);border-radius:21px;padding:10px 14px 15px;box-shadow:0 5px 0 #103d2e,0 10px 30px #17392440;min-width:118px;justify-content:center}.coin{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 28% 22%,#fff19a,#efae27 75%);border:3px solid #ffda65;box-shadow:0 2px 0 #b87919;color:#805315;font-weight:1000;font-size:20px}.wallet strong{font-size:clamp(17px,3.7vw,26px);letter-spacing:-1px;white-space:nowrap}.wallet small{position:absolute;bottom:3px;right:15px;font-size:8px;letter-spacing:1.8px;color:#bce8b9;font-weight:900}.questbox{position:absolute;top:calc(86px + env(safe-area-inset-top));left:clamp(12px,3vw,32px);max-width:355px;width:min(355px,calc(100vw - 110px));min-height:66px;padding:10px 10px;display:flex;gap:9px;align-items:center;border:1.5px solid #eaffd8a6;background:#163e34e5;border-radius:18px;box-shadow:0 4px 0 #14432ec9,0 12px 24px #23432d47;cursor:pointer;backdrop-filter:blur(10px)}.questbox.completed{background:linear-gradient(135deg,#1a7b57,#145940);animation:pulse 1.8s infinite}.quest-icon{font-size:24px;border-radius:11px;background:#ffffff1e;padding:8px}.questbody{flex:1;min-width:0}.questbody span{font-size:9px;font-weight:950;letter-spacing:1.3px;color:#c0e1ab;display:block}.questbody strong{font-size:12px;font-weight:950;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:3px 0 6px}.questbox b{font-size:10px;color:#f4d276;white-space:nowrap;align-self:end;margin-bottom:2px}.questtrack,.cargo-track{overflow:hidden;background:#0b362d;border-radius:99px;border:1px solid #a4e2a75e}.questtrack{height:7px}.questtrack>div,.cargo-track>div{height:100%;width:0;background:linear-gradient(90deg,#95e760,#fff179);border-radius:99px;transition:width .18s ease}.quickmenu{position:absolute;right:clamp(12px,3vw,32px);top:calc(105px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:10px}.quickbtn{width:69px;min-height:62px;position:relative;background:linear-gradient(155deg,#fffef1,#ecf7d9);border:2px solid #e6fcd4;border-bottom:5px solid #b8cba9;border-radius:17px;box-shadow:0 5px 10px #17442d4a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#315d45;transition:transform .1s}.quickbtn:active{transform:translateY(4px);border-bottom-width:1px}.quickbtn>span{font-size:24px}.quickbtn strong{font-size:9px;font-weight:1000;letter-spacing:.2px}.quickbtn i{position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#ed8350;border:2px solid #fff;display:none}.quickbtn i.show{display:block}.hints{position:absolute;top:calc(270px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);background:#123d33c9;border:1px solid #ffffff65;border-radius:30px;padding:9px 13px;box-shadow:0 7px 20px #0e3e2835;display:flex;align-items:center;gap:7px;max-width:calc(100vw - 35px);font-size:11px;font-weight:900;text-align:center;transition:opacity .3s;white-space:nowrap;backdrop-filter:blur(5px)}.hint-dot{background:#facb56;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px #f6bc4b33;flex-shrink:0}.bottom-ui{position:absolute;bottom:calc(27px + env(safe-area-inset-bottom));left:0;right:0;height:225px}.cargo-widget{position:absolute;bottom:165px;left:50%;transform:translateX(-50%);width:min(330px,calc(100vw - 48px));border:2px solid #ffffff5e;border-bottom:4px solid #184b34a1;border-radius:19px;background:linear-gradient(105deg,#174337f2,#24563ded);padding:11px 15px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.cargo-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.cargo-top>div{display:flex;align-items:center;gap:6px}.cargo-top strong{font-size:12px;font-weight:1000}.cargo-icon{font-size:20px}.cargo-track{height:14px;border:2px solid #41764c;background:#092e26}.cargo-track>div{background:linear-gradient(90deg,#ffd66c,#f18e39);box-shadow:inset 0 2px 0 #ffedad}.cargo-widget p{font-size:10px;color:#d6eed6;font-weight:700;margin:8px 0 0;text-align:center;line-height:1.3}.cargo-widget p b{color:#ffdf83}.joystick{position:absolute;left:clamp(22px,7vw,95px);bottom:0;width:148px;height:148px;touch-action:none;border-radius:50%;display:flex;align-items:center;justify-content:center}.joy-rim{position:absolute;inset:0;background:#0c443d6a;border:3px solid #f5fff887;box-shadow:inset 0 0 25px #124d4766,0 6px 25px #123b3255;border-radius:50%;backdrop-filter:blur(1.5px)}.joy-rim:after{content:"";position:absolute;inset:19px;border:1.5px dashed #ecffdea1;border-radius:50%}.joy-knob{position:relative;width:76px;height:76px;border:3px solid #ffffffdf;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#6fda8d,#277e60);border-radius:50%;box-shadow:0 6px 0 #236c52,0 10px 17px #0c393a77;transition:transform .06s linear}.joy-knob span{font-size:30px;color:#dbffe7;opacity:.75}.rightcontrol{position:absolute;bottom:17px;right:clamp(25px,8vw,100px);display:flex;align-items:center;flex-direction:column;gap:6px}.boost-hint{font-size:9px;font-weight:1000;letter-spacing:.9px;text-shadow:0 2px 5px #0c393a}.boost-btn{width:93px;height:93px;border-radius:50%;border:4px solid #fff5c0;background:radial-gradient(circle at 40% 25%,#ffe27c,#ec9a35 85%);border-bottom:8px solid #c17631;box-shadow:0 8px 22px #183e2c65;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#734217;touch-action:none}.boost-btn:active,.boost-btn.active{transform:translateY(4px);border-bottom-width:4px;filter:brightness(1.15)}.boost-btn span{font-size:38px;line-height:1}.boost-btn small{font-weight:1000;font-size:11px;letter-spacing:1px}.boost-meter{width:88px;height:9px;background:#123b2d9c;border:2px solid #e2ebaf;border-radius:22px;overflow:hidden}.boost-meter>div{height:100%;width:100%;background:linear-gradient(90deg,#f8b84c,#ffe975)}#toastLayer{position:absolute;top:calc(215px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);pointer-events:none;display:flex;flex-direction:column;gap:7px;align-items:center;width:92%;z-index:11}.toast{padding:10px 15px;border:1.5px solid #e8ffd3a9;color:white;background:#153e32ec;box-shadow:0 8px 19px #143b2a60;border-radius:14px;text-align:center;font-weight:1000;font-size:13px;animation:toastIn .25s ease}.toast.big{background:#2d7850f2;color:#ffef9e;font-size:17px}.overlay,.welcome-wrap{position:absolute;inset:0;z-index:20;background:#092b2690;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(7px)}.hidden{display:none!important}.sheet{width:min(530px,100%);max-height:min(83dvh,800px);border-radius:28px 28px 0 0;overflow:hidden;display:flex;flex-direction:column;background:#f7faed;color:var(--ink);box-shadow:0 -15px 60px #0b292b89;padding-bottom:env(safe-area-inset-bottom);animation:sheetIn .22s ease}.sheet-head{padding:24px 24px 16px;background:linear-gradient(125deg,#e9f7d8,#eff9e6);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d3e8c6}.eyebrow{color:#50a45c;font-size:10px;font-weight:1000;letter-spacing:2.3px;margin:0 0 3px}.sheet h2{margin:0;font-size:29px;letter-spacing:-1.3px;font-weight:1000}.close{border:0;background:white;border-radius:15px;width:45px;height:45px;color:#275b46;box-shadow:0 4px 0 #dcead1;font-size:20px;font-weight:900}.sheet-content{padding:18px 20px 27px;overflow:auto;overscroll-behavior:contain}.panel-intro{margin:0 0 17px;color:#66806e;font-size:13px;line-height:1.55;font-weight:700}.panel-stat{font-weight:950;background:#e1f3d9;color:#3f7f50;border-radius:12px;padding:11px 14px;margin-bottom:16px}.upgrade{background:#fff;border:1.5px solid #dcebd6;border-bottom:4px solid #d5e6cd;border-radius:20px;padding:14px;display:flex;gap:10px;align-items:center;margin-bottom:11px}.upgrade-icon{width:51px;height:51px;background:#e8f8d8;border-radius:14px;display:grid;place-items:center;font-size:27px;flex-shrink:0}.upgrade-main{flex:1;min-width:0}.upgrade-main h3{margin:0 0 4px;font-size:14px;font-weight:1000}.upgrade-main small{display:block;color:#789183;font-size:11px;font-weight:700;line-height:1.4}.upgrade-main .level{color:#3caa6b;font-weight:1000;font-size:10px;margin-top:5px;letter-spacing:.2px}.buybtn{min-width:91px;border:0;border-radius:12px;padding:12px 9px;background:#47bf74;color:white;font-weight:1000;box-shadow:0 4px 0 #288652;font-size:13px;white-space:nowrap}.buybtn:disabled{background:#d4dfcf;color:#849581;box-shadow:0 4px 0 #bbcfb4;cursor:not-allowed}.buybtn:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 #288652}.zone-card{position:relative;background:#fff;border:1.5px solid #dfe9d7;border-bottom:4px solid #d6e5d0;border-radius:19px;display:flex;gap:12px;align-items:center;margin-bottom:11px;padding:13px}.zone-symbol{height:67px;width:67px;display:grid;place-items:center;border-radius:15px;font-size:31px;flex-shrink:0}.zone-info{flex:1;min-width:0}.zone-info h3{font-size:15px;font-weight:1000;margin:0 0 4px}.zone-info p{font-size:11px;font-weight:700;color:#789083;margin:0 0 8px}.zone-info .zone-mult{font-size:10px;font-weight:950;color:#40aa6b}.zone-card .buybtn{min-width:88px}.zone-badge{display:inline-block;border-radius:7px;padding:3px 6px;font-size:9px;font-weight:1000;background:#e9f5dd;color:#48865a;margin-bottom:6px}.settings-row{background:#fff;padding:15px 16px;border:1px solid #dfebd6;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;font-size:13px;font-weight:900}.settings-row span{font-size:11px;color:#829885;display:block;margin-top:4px}.switch-btn{border:0;background:#d9e3d8;color:#335c49;padding:10px 14px;min-width:85px;border-radius:12px;font-size:12px;font-weight:1000}.switch-btn.on{background:#49bb74;color:white}.secondary-btn{width:100%;padding:13px 16px;border:1.5px solid #cbe5c8;background:#e5f4df;color:#367849;border-radius:15px;font-weight:950;margin:5px 0 10px}.danger-btn{width:100%;padding:13px;background:#fce5e0;color:#bd554e;border:1.5px solid #efc7bd;border-radius:15px;font-weight:950;margin-top:4px}.panel-footnote{font-size:11px;color:#90a296;margin:12px 2px;line-height:1.55;text-align:center}.welcome-wrap{align-items:center;padding:18px}.welcome-card{overflow:hidden;background:#fdfef4;color:#244b3d;max-width:420px;width:100%;border-radius:29px;box-shadow:0 25px 70px #0a342a9c;animation:sheetIn .25s ease}.welcome-hero{height:192px;background:linear-gradient(#7bdbdf 0 60%,#9ad573 60%);position:relative;overflow:hidden}.welcome-sun{position:absolute;right:49px;top:24px;border-radius:50%;width:79px;height:79px;background:#ffedab;box-shadow:0 0 0 17px #fffaaf45}.welcome-hill{position:absolute;bottom:-130px;left:-75px;width:125%;height:220px;background:#53ac63;border-radius:50%}.welcome-mower{position:absolute;bottom:17px;left:40%;font-size:105px;filter:drop-shadow(0 9px 4px #1d683953);transform:rotate(-7deg)}.welcome-leaf{position:absolute;font-size:44px;bottom:7px}.welcome-leaf.l1{left:10%}.welcome-leaf.l2{right:6%;transform:scale(.8)}.welcome-content{text-align:center;padding:23px 29px 25px}.welcome-kicker{font-size:11px;letter-spacing:2.5px;color:#4bb476;font-weight:1000}.welcome-content h1{font-size:38px;line-height:1.04;letter-spacing:-2px;font-weight:1000;margin:11px 0}.welcome-content h1 em{font-style:normal;color:#42b869}.welcome-content p{font-size:13px;line-height:1.65;color:#668270;font-weight:700;margin:12px auto 18px}.welcome-features{display:flex;justify-content:center;gap:7px;margin-bottom:19px}.welcome-features span{background:#eaf6e2;border-radius:10px;padding:9px 10px;font-size:11px;font-weight:1000;color:#4e8d64}.primary-btn{background:linear-gradient(100deg,#5bd282,#32a969);color:white;border:0;border-bottom:5px solid #23854d;border-radius:17px;width:100%;padding:16px;font-size:15px;font-weight:1000;display:flex;justify-content:center;gap:13px}.primary-btn span{font-size:20px}.welcome-content>small{display:block;font-size:10px;color:#90a898;font-weight:700;margin-top:12px}@keyframes sheetIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastIn{from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{50%{box-shadow:0 0 0 5px #afff8f6e,0 10px 25px #193b2989}}@media(min-width:800px){.bottom-ui{bottom:35px}.cargo-widget{width:340px}.quickmenu{top:125px}.questbox{top:105px;max-width:370px}.hints{top:auto;bottom:260px}.sheet{border-radius:28px;margin-bottom:25px;max-height:82vh}.overlay{align-items:flex-end}}@media(max-width:390px){.topbrand{gap:5px}.brandbadge{width:36px;height:36px;font-size:20px}.wallet{min-width:107px;padding:8px 10px 13px}.coin{width:25px;height:25px;font-size:17px}.questbox{width:calc(100vw - 108px);padding:8px}.quest-icon{font-size:17px;padding:7px}.quickbtn{width:60px;min-height:60px}.joystick{width:132px;height:132px;left:19px}.joy-knob{height:68px;width:68px}.rightcontrol{right:24px}.boost-btn{width:84px;height:84px}.cargo-widget{bottom:145px}.hints{font-size:10px}}@media(max-height:710px){.quickmenu{top:calc(84px + env(safe-area-inset-top));gap:7px}.quickbtn{min-height:55px}.questbox{top:calc(75px + env(safe-area-inset-top))}.hints{display:none}.bottom-ui{bottom:calc(10px + env(safe-area-inset-bottom))}.cargo-widget{bottom:132px;padding:8px 13px}.joystick{width:125px;height:125px}.rightcontrol{bottom:9px}.boost-btn{width:77px;height:77px}.boost-btn span{font-size:31px}}