:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#50341d;--orange:#ff8d16;--brown:#5e3a1e}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#182819;touch-action:none}button{font:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}#game{position:relative;width:min(100vw,56.25vh);height:min(100vh,177.78vw);margin:auto;overflow:hidden;background:#7fc53b;box-shadow:0 0 50px #0009;isolation:isolate}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.hud.top{position:absolute;z-index:4;top:max(14px,env(safe-area-inset-top));left:2.5%;right:17%;height:54px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.resource{display:flex;align-items:center;gap:10px;padding:6px 13px;border-radius:16px;background:#211407b9;box-shadow:0 3px 8px #0003;color:white;font-size:23px;text-shadow:0 2px 2px #000}.resource i{width:27px;height:27px;display:block;transform:rotate(45deg);border-radius:5px;box-shadow:inset -5px -5px 4px #0002,0 2px 2px #0005}.resource.cash i{border-radius:5px;background:linear-gradient(135deg,#c7ff4d 0 35%,#65b92e 36% 65%,#eaff68 66%);transform:rotate(-12deg)}.resource.gem i{background:linear-gradient(135deg,#aef5ff,#24bdf6 45%,#087acb 46%)}.resource.crystal i{background:linear-gradient(135deg,#f49cff,#9e30e5 48%,#5511ad 49%)}.left-tools{position:absolute;z-index:5;top:82px;left:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.left-tools button{color:#fff;background:#261709c7;box-shadow:0 3px 7px #0004}.round{width:52px;height:52px;border-radius:15px;font-size:30px}.speaker{display:block;width:23px;height:17px;margin:auto;background:white;clip-path:polygon(0 30%,30% 30%,70% 0,70% 100%,30% 70%,0 70%)}.gear{font-size:37px;font-weight:900}.speed{width:65px;height:78px;background:transparent!important;box-shadow:none!important}.speed b{display:block;background:white;color:#50341d;border-radius:11px;padding:3px;font-size:14px;box-shadow:0 3px 4px #0003}.gauge{display:block;width:59px;height:46px;border:7px solid white;border-bottom:0;border-radius:60px 60px 5px 5px;background:conic-gradient(from 270deg,#ffd126,#ff8d16,#e03d21,#ffd126);position:relative}.gauge:after{content:"";position:absolute;width:5px;height:23px;background:#362317;left:24px;bottom:-2px;transform-origin:bottom;transform:rotate(35deg);border-radius:4px}.right-menu{position:absolute;z-index:5;right:10px;top:58%;transform:translateY(-42%);display:flex;flex-direction:column;gap:9px}.right-menu button{position:relative;width:70px;height:74px;border-radius:17px;background:linear-gradient(#fff 0 66%,#ff941a 67%);border:4px solid #fff;box-shadow:0 4px 0 #d86c07,0 6px 8px #0004;color:#fff;text-shadow:0 1px 2px #874000}.right-menu span{display:block;height:39px;font-size:29px;line-height:34px;color:#e97f18;text-shadow:none}.right-menu b{font-size:13px}.right-menu em{position:absolute;right:-6px;top:-7px;width:18px;height:18px;background:#ec3434;border:3px solid white;border-radius:50%}.map-btn{position:absolute;z-index:5;left:17px;bottom:27px;width:62px;height:56px;border-radius:12px;background:#fff;box-shadow:0 4px 8px #0004}.map-btn span{display:block;margin:auto;width:42px;height:34px;background:linear-gradient(135deg,#39bdf3 0 30%,#7ad75b 31% 64%,#ffd457 65%);clip-path:polygon(0 13%,33% 0,67% 14%,100% 0,94% 88%,66% 100%,33% 86%,5% 100%)}.action{position:absolute;z-index:6;left:50%;bottom:46px;transform:translateX(-50%);min-width:152px;padding:11px 20px 9px;border-radius:25px;background:linear-gradient(#fff7b0,#ffb723);border:4px solid white;color:#6e3a00;box-shadow:0 5px 0 #ce7400,0 8px 15px #0005;overflow:hidden}.action small,.action strong{display:block;position:relative;z-index:2}.action small{font-size:11px;opacity:.76}.action strong{font-size:18px}.action span{position:absolute;left:0;bottom:0;height:100%;width:0;background:#71d63c77;transition:width .1s linear}.hidden{display:none!important}.toast{position:absolute;z-index:10;top:145px;left:50%;transform:translate(-50%,-15px);padding:10px 18px;background:#2b180dcc;color:#fff;border-radius:20px;opacity:0;transition:.25s;white-space:nowrap;font-weight:bold}.toast.show{opacity:1;transform:translate(-50%,0)}.mission-card{position:absolute;z-index:4;left:13px;bottom:94px;width:170px;padding:10px 12px;border-radius:15px;background:#fffdf0e8;border:2px solid #fff;box-shadow:0 4px 12px #0003;transition:.2s}.mission-head{display:flex;justify-content:space-between;color:#de7811;font-size:12px}.mission-card strong{display:block;font-size:16px;margin-top:4px}.mission-card p{font-size:11px;margin:3px 0 6px;line-height:1.35}.progress{height:7px;background:#d5cdb5;border-radius:9px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#82d942,#ffb71b);transition:.3s}.panel{position:absolute;z-index:12;left:7%;right:7%;top:16%;min-height:300px;background:#fff8dc;border:7px solid #f2a329;border-radius:26px;box-shadow:0 14px 50px #0008;padding:28px 22px}.close{position:absolute;right:-13px;top:-17px;width:42px;height:42px;border-radius:50%;background:#ef4740;color:white;border:4px solid white;font-size:28px;line-height:28px;box-shadow:0 3px 0 #b62320}.panel h2{margin:0 0 10px;color:#ba6412}.panel p{font-size:14px;line-height:1.55}.panel .stat{background:#f5dfaa;border-radius:14px;padding:12px;margin:10px 0}.panel .big-btn{width:100%;padding:13px;border-radius:14px;background:#ff991c;color:white;font-weight:bold;box-shadow:0 4px 0 #cc6b08}.welcome{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#321d0b77,#172009aa),url('assets/town-world.png') center/cover;color:white;padding:30px}.welcome:before{content:"";position:absolute;inset:0;background:#17371455;backdrop-filter:blur(2px);z-index:-1}.logo-mark{width:88px;height:76px;background:#fff3c5;border:7px solid #f39c25;border-radius:22px;box-shadow:0 7px 0 #a75414,0 12px 28px #0007;position:relative}.logo-mark:before{content:"";position:absolute;width:57px;height:42px;left:9px;top:20px;background:#b96534;border-radius:5px}.logo-mark:after{content:"";position:absolute;width:66px;height:39px;left:5px;top:4px;background:#e95338;clip-path:polygon(50% 0,100% 60%,88% 60%,88% 100%,12% 100%,12% 60%,0 60%)}.welcome h1{font-size:42px;margin:22px 0 3px;color:#fff5c7;text-shadow:0 4px 0 #7b3b12,0 7px 15px #000}.welcome p{max-width:290px;font-weight:bold;text-shadow:0 2px 4px #000;margin-bottom:26px}.welcome button{font-size:21px;font-weight:bold;padding:13px 45px;color:white;background:linear-gradient(#ffba32,#f28512);border:5px solid white;border-radius:25px;box-shadow:0 6px 0 #b9570b,0 10px 20px #0005}.welcome small{margin-top:18px;text-shadow:0 2px 3px #000}.pulse{animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.07)}}@media (max-height:660px){.right-menu{gap:5px}.right-menu button{width:62px;height:64px}.mission-card{bottom:82px}.hud.top{height:47px}.resource{font-size:19px}.left-tools{top:70px}}