:root{font-family:'Trebuchet MS',ui-rounded,system-ui,sans-serif;color:#214b4f;background:#bde4ed;font-synthesis:none;font-weight:600;letter-spacing:0;color-scheme:light}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit;touch-action:manipulation;display:flex;align-items:center;justify-content:center;transition:transform .16s,background .16s,box-shadow .16s}button:hover{transform:translateY(-2px);background:#fff}button:active{transform:translateY(1px) scale(.96)}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #ef875d;outline-offset:4px}button svg{pointer-events:none;width:24px;height:24px;stroke-width:2.3;flex-shrink:0}#world{display:block;width:100%;height:100%;touch-action:none;outline:0!important}.hud{position:absolute;z-index:2}.top{top:max(26px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.top>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px}.brand-icon{background:#fafdf0;width:53px;height:53px;display:grid;place-items:center;border-radius:50%;box-shadow:0 4px 0 #35636b13;color:#43846b;transform:rotate(-15deg)}.brand-icon svg{width:33px;height:33px;stroke-width:1.8}h1{font-size:31px;line-height:1.1;margin:0;font-weight:900;text-shadow:0 1px #fff8}h1>span{color:#e16c50}.place{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;margin-top:6px;color:#487477}.place>span:first-child{width:6px;height:6px;background:#3e9174;border-radius:50%}.top-actions{display:flex;align-items:center;gap:10px}.icon{width:49px;height:49px;border-radius:50%;background:#ffffffe6;box-shadow:0 4px 0 #4b777315,0 5px 20px #355e6010;flex-shrink:0}.quiet{background:#ffffff94;box-shadow:none}.collection{height:50px;border-radius:25px;padding:0 17px;gap:12px;background:#fffffff0;box-shadow:0 4px 0 #4b777315;font-size:17px}.collection>svg:first-child{color:#5f8c78}.collection .gold{width:19px;color:#dca638}.total{font-size:13px;color:#86a09d}.destinations{top:132px;left:30px;display:flex;flex-direction:column;gap:15px}.destination{background:transparent;display:flex;gap:10px;justify-content:flex-start;padding:0;border-radius:30px;font-size:12px;color:#426d6e}.destination>span:last-child{background:#eaf6f4b5;border-radius:8px;padding:5px 8px;opacity:0;transform:translateX(-8px);transition:.2s}.destination:hover>span:last-child,.destination.active>span:last-child{opacity:1;transform:none}.destination:hover{background:transparent}.place-icon{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;border:3px solid #ffffffb3;box-shadow:0 4px 0 #48716d12}.place-icon svg{width:25px;height:25px}.forest{background:#d8edb9;color:#477649}.desert{background:#fae2a2;color:#ae7b35}.ocean{background:#b5e5f2;color:#368aa9}.destination.active .place-icon{border-color:white;box-shadow:0 0 0 2px #5a897340,0 5px 0 #48716d16}.zoom-tools{right:30px;top:50%;transform:translateY(-43%);display:flex;flex-direction:column;gap:12px}.zoom-rail{background:#ffffffb0;border-radius:28px;display:flex;align-items:center;flex-direction:column;padding:4px 0;gap:8px}.zoom-rail .icon{box-shadow:none;background:transparent}.zoom-rail .icon:hover{background:white}#zoom{writing-mode:vertical-lr;direction:ltr;width:30px;height:103px;margin:0;accent-color:#559987;cursor:pointer;touch-action:none}.bottom-left{left:max(30px,env(safe-area-inset-left));bottom:max(30px,env(safe-area-inset-bottom))}#joystick{width:137px;height:137px;border-radius:50%;background:#ffffff48;border:2px solid #ffffffb0;box-shadow:inset 0 0 30px #fff3,0 4px 0 #416c7110;position:relative;touch-action:none;user-select:none}#joystick>svg{position:absolute;width:20px;height:20px;color:#427a7e80;pointer-events:none}.north{top:9px;left:57px}.south{bottom:9px;left:57px}.west{left:9px;top:57px}.east{right:9px;top:57px}#stick{position:absolute;width:62px;height:62px;left:36px;top:36px;border-radius:50%;display:grid;place-items:center;background:#fffffff2;box-shadow:0 6px 0 #7aa6a740,0 8px 20px #3b747021;pointer-events:none}#stick svg{width:25px;height:25px;color:#5e9185}.bottom-right{right:max(30px,env(safe-area-inset-right));bottom:max(36px,env(safe-area-inset-bottom));display:flex;align-items:end;gap:17px}.jump{width:81px;height:81px;border-radius:50%;background:#f68f74;color:white;border:4px solid #ffd5bf;box-shadow:0 6px 0 #bd65594d,0 10px 22px #4c6e6f16}.jump:hover{background:#f89c80}.jump svg{width:37px;height:37px;stroke-width:2.6}.bottom-center{bottom:35px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font-size:12px;color:#4f7978;white-space:nowrap;background:#eefaf06e;padding:9px 15px;border-radius:22px}.status-dot{width:6px;height:6px;border-radius:50%;background:#62a98b}.status-divider{height:12px;width:1px;background:#70a09250;margin:0 2px}.bottom-center svg{width:16px;height:16px;color:#c3964d}.toast{position:absolute;z-index:4;top:110px;left:50%;transform:translate(-50%,-12px);opacity:0;pointer-events:none;background:#fffef6;color:#42684f;padding:15px 23px;border-radius:30px;box-shadow:0 6px 25px #2856441f;display:flex;align-items:center;gap:11px;transition:.3s;font-size:16px;max-width:75%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast>svg{color:#d6a02f;flex-shrink:0}#loading{position:absolute;inset:0;z-index:10;background:#c5e5e9;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s}#loading.hide{opacity:0;pointer-events:none}#loading h2{font-size:32px;margin:20px 0 10px}.loading-planet{width:86px;height:86px;background:#f5faf1;border-radius:50%;display:grid;place-items:center;animation:float 2s ease-in-out infinite}.loading-planet svg{width:49px;height:49px;color:#5c9b7d}#loadStatus{font-size:13px}dialog{border:0;border-radius:8px;padding:28px;width:min(530px,calc(100% - 32px));max-height:calc(100% - 40px);background:#f9fcf7;color:#315c57;box-shadow:0 20px 90px #1c45433d}dialog::backdrop{background:#31595755;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-heading .icon{box-shadow:none;background:#e9f1e9;width:42px;height:42px}.eyebrow{font-size:10px;color:#81a18e;font-weight:800}h2{font-size:26px;margin:6px 0 0;line-height:1.2}.journal-progress{display:flex;gap:14px;align-items:center;margin:22px 0;font-size:12px;color:#6c8c7b}.journal-progress>div{height:6px;border-radius:5px;background:#e0eadc;flex:1;overflow:hidden}.journal-progress i{display:block;height:100%;background:#86b889;transition:width .4s}.journal-progress svg{color:#d9a443;width:18px}#stickers{display:grid;grid-template-columns:repeat(4,1fr);gap:17px 11px}.sticker{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center;font-size:10px;color:#9baaa0}.sticker>span{width:77px;height:77px;border-radius:50%;background:#eef2e9;border:2px dashed #d6dfd0;display:grid;place-items:center}.sticker svg{width:35px;height:35px;stroke-width:1.6;opacity:.28}.sticker.found{color:#5b8067}.sticker.found>span{border:2px solid #e4be70;background:#fff0c5}.sticker.found svg{opacity:1;color:#b3863b}.sticker b{font-weight:600;min-height:25px}#pauseDialog{text-align:center;width:330px;padding:35px}.pause-illustration{display:inline-grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#e3edda;color:#709b6c;margin-bottom:18px}.pause-illustration svg{width:44px;height:44px}.resume{margin:25px auto 0;border-radius:28px;padding:16px 24px;gap:12px;background:#528977;color:#fff}.resume:hover{background:#639985}@keyframes float{50%{transform:translateY(-8px) rotate(8deg)}}@media(max-width:650px){.top{top:max(19px,env(safe-area-inset-top));left:18px;right:18px;gap:10px}.brand{gap:8px}.brand-icon{width:39px;height:39px}.brand-icon svg{width:27px;height:27px}h1{font-size:23px}.place{font-size:10px;margin-top:4px}.top-actions{gap:6px}.top-actions .icon{width:39px;height:39px}.top-actions svg{width:20px;height:20px}.collection{height:41px;padding:0 11px;gap:7px;font-size:15px}.collection .gold{display:none}.collection>svg:first-child{width:19px}.total{font-size:11px}.destinations{left:19px;top:102px;gap:12px}.place-icon{width:45px;height:45px}.destination>span:last-child{display:none}.zoom-tools{right:19px;top:47%;gap:10px}.zoom-tools .icon{width:43px;height:43px}.zoom-rail{gap:3px}#zoom{height:75px}.bottom-left{left:19px;bottom:max(24px,env(safe-area-inset-bottom))}#joystick{width:123px;height:123px}.north,.south{left:50px}.west,.east{top:50px}#stick{left:29px;top:29px}.bottom-right{right:20px;bottom:max(30px,env(safe-area-inset-bottom));gap:12px}.jump{width:72px;height:72px}.bottom-right .icon{width:44px;height:44px}.bottom-center{bottom:24px;font-size:10px;padding:6px 10px;gap:6px}.bottom-center .status-divider,.bottom-center>svg{display:none}.toast{top:91px;font-size:13px;padding:12px 18px;max-width:70%}.toast svg{width:18px}dialog{padding:22px}#stickers{gap:15px 7px}.sticker>span{width:62px;height:62px}.sticker svg{width:29px;height:29px}.sticker b{font-size:9px}}@media(max-width:380px){.brand-icon{display:none}.top-actions{gap:4px}.top{left:15px;right:15px}.bottom-center{display:none}.sticker>span{width:55px;height:55px}}@media(max-height:500px){.top{top:14px}.brand-icon{width:40px;height:40px}h1{font-size:24px}.destinations{top:95px;gap:9px}.place-icon{width:41px;height:41px}.bottom-left{bottom:17px}#joystick{width:108px;height:108px}.north,.south{left:42px}.west,.east{top:42px}#stick{left:21px;top:21px}.zoom-tools{top:49%;gap:7px;right:20px}.zoom-tools .icon{width:38px;height:38px}.zoom-rail{gap:0}#zoom{height:50px}.bottom-right{bottom:21px;right:76px}.jump{width:62px;height:62px}.bottom-center{bottom:20px}.toast{top:76px}#stickers{grid-template-columns:repeat(6,1fr)}.sticker>span{width:49px;height:49px}.journal-progress{margin:14px 0}dialog{padding:18px}.sticker b{min-height:12px}h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}