*{box-sizing:border-box}html,body{margin:0;height:100%;background:#1d231b;color:#fff;font-family:system-ui,"Microsoft YaHei",sans-serif}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ffe08d}[hidden]{display:none!important}#game{position:relative;width:min(100vw,480px);height:100svh;max-height:1000px;margin:auto;overflow:hidden;background:#697f51;box-shadow:0 0 60px #000b;user-select:none}#world{position:absolute;inset:0 0 91px;overflow:hidden;touch-action:none}#map-img{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;transition:opacity .3s,transform .7s;animation:world 12s ease-in-out infinite alternate}#weather{position:absolute;inset:0;pointer-events:none;z-index:2}.rain:before{content:'';position:absolute;inset:-30%;background:repeating-linear-gradient(110deg,transparent 0 15px,#dff6ff77 16px 17px);animation:rain .4s linear infinite}.leaf{position:absolute;width:7px;height:7px;background:#e89c35;border-radius:80% 0;animation:fall 7s linear infinite;z-index:3}.hud{position:absolute;left:7px;right:7px;top:max(7px,env(safe-area-inset-top));height:80px;display:grid;grid-template-columns:1.2fr .75fr .56fr;grid-template-rows:49px 25px;gap:4px;z-index:20}.hud section{background:#253021e9;border:1px solid #efd3899c;border-radius:12px;box-shadow:0 4px 12px #0006;backdrop-filter:blur(6px)}.profile{display:flex;align-items:center;padding:4px}.face{width:37px;height:37px;background:url('assets/sprites.png') 0 0/300% 300%;border:2px solid #efcc69;border-radius:50%;margin-right:5px}.profile b,.profile span,.time b,.time span,.money b,.money span{display:block}.profile b{font-size:10px}.profile span,.time span,.money span{font-size:6px;color:#ddd5b6}.time,.money{text-align:center;padding:6px 2px}.time b,.money b{font-size:15px;color:#ffe087}.energy{grid-column:1/4;display:flex;align-items:center;gap:7px;padding:4px 8px}.energy span{font-size:7px}.energy>i{height:7px;flex:1;border-radius:8px;background:#11170f;overflow:hidden}.energy em{display:block;width:100%;height:100%;background:linear-gradient(90deg,#91c560,#ead365)}.map-title{position:absolute;left:8px;top:94px;padding:7px 10px;border-radius:11px;background:#293927d9;border:1px solid #efd18a;z-index:10}.map-title b,.map-title span{display:block}.map-title b{font-size:11px}.map-title span{font-size:6px;color:#d5ddc3}.daily{position:absolute;left:8px;top:148px;width:145px;padding:8px;border-radius:11px;background:#fff7e8e8;color:#47513d;z-index:10}.daily small,.daily span{display:block}.daily small{font-size:7px}.daily span{font-size:8px;margin:3px 0}.daily>i{display:block;height:5px;background:#d0ccb9;border-radius:5px;overflow:hidden}.daily em{display:block;width:0;height:100%;background:#83a65d}.social{position:absolute;right:8px;top:94px;padding:6px;border-radius:11px;background:#26392de8;border:1px solid #e7cd84;z-index:10}.social small{font-size:6px;display:block}.social small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#69ea86;box-shadow:0 0 5px #69ea86}.social button{display:block;width:100%;border:0;border-radius:6px;background:#ffffff1a;color:#fff;padding:4px;margin-top:4px;font-size:7px;text-align:left}.social button b{float:right;color:#ffe181}.hotspot{position:absolute;z-index:7;transform:translate(-50%,-50%);border:1px solid #f5d992;border-radius:11px;background:#30432ee0;color:#fff;padding:6px 8px;box-shadow:0 4px 11px #17211188}.hotspot b,.hotspot span{display:block}.hotspot b{font-size:8px}.hotspot span{font-size:5px;color:#dfe9cc}#player,.remote,.npc{position:absolute;width:54px;height:66px;transform:translate(-50%,-70%);z-index:6;filter:drop-shadow(0 4px 3px #17201499)}#player{left:50%;top:52%;background:url('assets/sprites.png') 0 0/300% 300% no-repeat;transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1)}#player.walk{animation:walk .22s steps(1,end) infinite}#player b,.remote b{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);padding:2px 5px;border-radius:6px;background:#263423dd;border:1px solid #f2d17c;font-size:6px;white-space:nowrap}.remote i,.npc i{position:absolute;inset:0;background:url('assets/sprites.png') 50% 0/300% 300% no-repeat}.remote.r1 i{filter:hue-rotate(50deg)}.remote.r2 i{filter:hue-rotate(110deg)}.npc.cook i{background-position:0 100%}.npc.gardener i{background-position:50% 100%}.npc{animation:npc 7s ease-in-out infinite}#tap-ring{position:absolute;width:26px;height:12px;border:2px solid #fff0a2;border-radius:50%;opacity:0;transform:translate(-50%,-50%);z-index:5}#tap-ring.show{animation:ring .65s}#dialogue{position:absolute;left:8%;right:8%;bottom:154px;padding:10px 10px 10px 48px;border-radius:15px;background:#fff8eaeF;color:#49513e;z-index:30;box-shadow:0 7px 18px #0007}.portrait{position:absolute;left:6px;bottom:5px;width:39px;height:45px;background:url('assets/sprites.png') 0 100%/300% 300%}#dialogue b,#dialogue span{display:block}#dialogue b{font-size:10px;color:#96663b}#dialogue span{font-size:8px;line-height:1.45}#dialogue button{position:absolute;right:7px;bottom:5px;border:0;background:none;color:#846034;font-size:7px}.joystick{position:absolute;left:15px;bottom:105px;width:70px;height:70px;border:1px solid #fff6ce66;border-radius:50%;background:#1e281c77;z-index:11}.joystick i{position:absolute;left:21px;top:21px;width:28px;height:28px;border-radius:50%;background:#f2e1b9c9}.actions{position:absolute;right:13px;bottom:104px;display:flex;gap:7px;z-index:11}.actions button{width:59px;height:59px;border-radius:50%;border:2px solid #f2d797;background:#344a31eb;color:#fff}.actions i,.actions b{display:block;font-style:normal}.actions i{font-size:18px}.actions b{font-size:7px}nav{position:absolute;left:0;right:0;bottom:0;height:91px;padding:7px 4px calc(7px + env(safe-area-inset-bottom));display:flex;background:linear-gradient(#f4e8c9,#d8c18b);z-index:20;border-top:2px solid #fff0c3}nav button{flex:1;border:0;background:none;color:#645d4d;border-radius:10px}nav button.selected{background:#c89f45;color:#2e291e;box-shadow:inset 0 0 0 2px #fbe7aa}nav i,nav span{display:block;font-style:normal}nav i{font-size:17px}nav span{font-size:6px;font-weight:700}#toast{position:absolute;left:50%;bottom:165px;transform:translateX(-50%);padding:8px 11px;border-radius:10px;background:#263523ed;border:1px solid #f0d17f;z-index:50;font-size:8px;white-space:nowrap;opacity:0}#toast.show{animation:toast 2.1s}.sheet{position:absolute;inset:0;z-index:70;background:#131b12aa;display:grid;align-items:end;padding:9px;backdrop-filter:blur(3px)}.sheet>div{max-height:78%;overflow:auto;border-radius:21px;background:#f8edd4;color:#414a39;padding:15px}.sheet header{display:flex;justify-content:space-between;align-items:center}.sheet h2{margin:0;font-size:17px}.sheet header button{border:0;background:none;font-size:23px}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.map-card{height:108px;border:0;border-radius:13px;background-size:cover;background-position:center;position:relative;overflow:hidden;color:#fff;text-align:left;padding:8px;box-shadow:inset 0 -50px 35px #172113aa}.map-card b,.map-card span{display:block;position:relative;z-index:2}.map-card b{margin-top:55px}.map-card span{font-size:7px}.map-card.locked{filter:grayscale(.8)}#sleep{width:100%;border:0;border-radius:11px;background:#536d44;color:#fff;padding:11px;margin-top:10px}#inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.item,.skill{padding:9px;border-radius:10px;background:#fff8e8;border:1px solid #d7c9a4}.item b,.item span,.skill b,.skill span{display:block}.item span,.skill span{font-size:7px;color:#7f806d}.skill{margin:7px 0}.skill i{display:block;height:5px;background:#d5cfb7;border-radius:5px;overflow:hidden;margin-top:5px}.skill em{display:block;height:100%;background:#86a45d}.rank-row{display:grid;grid-template-columns:25px 1fr 45px;align-items:center;padding:8px;border-bottom:1px solid #d8cba8}.rank-row.me{background:#ead78f;border-radius:8px}.coop-box{padding:12px;border-radius:12px;background:#fff8e8;margin-top:10px}.coop-box button{width:100%;border:0;border-radius:8px;background:#607a49;color:#fff;padding:9px;margin-top:8px}#lobby{position:absolute;inset:0;z-index:100;background:linear-gradient(#24311fbb,#151d13e9),url('assets/farm.png') center/cover;display:grid;place-items:center;padding:20px}#lobby>div{width:100%;padding:23px;border-radius:23px;background:#fff8eaf2;color:#3d4736;text-align:center;border:2px solid #efd186;box-shadow:0 18px 45px #0009}#lobby>div>i{font-style:normal;font-size:48px}#lobby h1{margin:2px 0;font-size:25px}#lobby p{margin:0 0 15px;font-size:10px;color:#747b69}#lobby label{display:block;text-align:left;font-size:7px;margin:9px 0}#lobby input{display:block;width:100%;margin-top:4px;border:1px solid #c9bb93;border-radius:10px;background:#fffdf6;padding:10px;color:#394033}#join{width:100%;border:0;border-radius:11px;background:#536f43;color:#fff;padding:11px;font-weight:800}#lobby small{font-size:6px;color:#888b7d}
@keyframes world{to{transform:scale(1.015)}}@keyframes walk{0%,49%{background-position:50% 0}50%,100%{background-position:100% 0}}@keyframes npc{50%{transform:translate(18px,-70%)}}@keyframes ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes rain{to{transform:translate(20px,35px)}}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate(-35px,850px) rotate(700deg);opacity:.1}}@keyframes toast{0%,100%{opacity:0}10%,83%{opacity:1}}@media(min-width:650px){body{padding:12px}#game{height:calc(100svh - 24px);border-radius:24px}}