*{box-sizing:border-box}body{margin:0;background:#cbdce1;color:#263b35;font-family:"Microsoft YaHei",sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b74434;outline-offset:4px}a{color:inherit;text-decoration:none}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:0}#loading{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f2f0e8;transition:opacity .7s}.loading-seal{background:#923e33;color:#fff;font:32px serif;padding:24px 12px;writing-mode:vertical-rl;border:4px double #eee}#loading h1{font:30px serif;letter-spacing:5px}#loading p{font-size:13px;color:#728079}.hud-top{position:fixed;top:0;width:100%;padding:22px 30px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#e7eeebd9,transparent);pointer-events:none}.hud-top>*{pointer-events:auto}.back{background:#f7f7efdb;padding:11px 17px;border:1px solid #a6b6a273;border-radius:3px;font-size:13px;backdrop-filter:blur(12px)}.village-brand{display:flex;gap:12px;align-items:center}.village-brand>span{font:23px serif;background:#8d3f34;color:white;border:3px double white;padding:7px;writing-mode:vertical-rl}.village-brand strong{font:30px serif;letter-spacing:7px}.village-brand small{display:block;font:11px sans-serif;letter-spacing:2px;margin-top:6px}.location{position:fixed;top:115px;left:30px;background:#f8f8f0df;padding:15px 20px;border-left:3px solid #8e4537;box-shadow:0 8px 30px #0001;font-size:16px}.location small{display:block;margin-top:8px;font-size:10px;letter-spacing:1px;color:#748078}.live-dot{display:inline-block;width:6px;height:6px;background:#55816a;border-radius:100%;margin-right:8px}.map-card{position:fixed;right:26px;top:120px;background:#f8f7eedf;padding:13px;border:1px solid #b3bda8;border-radius:3px;backdrop-filter:blur(10px)}.map-title{display:flex;justify-content:space-between;font-size:12px}.map-title button{border:0;background:transparent}#minimap{display:block;width:210px;height:185px;cursor:pointer}.map-card small{font-size:9px;color:#748078}.bottom{position:fixed;bottom:24px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end;gap:15px}.keys{background:#f9f9efdf;padding:14px;display:flex;gap:20px;font-size:11px;border-radius:3px}.keys kbd{font-family:inherit;background:#fff;padding:4px;border:1px solid #c8cec1;border-radius:3px}.actions{display:flex;gap:8px}.actions button{background:#f9f9efeb;border:1px solid #abb8a4;padding:12px 15px;font-size:12px;border-radius:3px}#reticle{position:fixed;left:50%;top:50%;font-size:25px;color:white;text-shadow:0 1px 5px black;pointer-events:none}#interact{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#f8f8f1ef;padding:10px 15px;display:flex;align-items:center;gap:12px;border-radius:4px;white-space:nowrap;font-size:13px}#interact[hidden]{display:none}#interact kbd{border:1px solid #aaa;padding:4px}#interact button{background:#34594c;color:white;border:0;padding:8px}dialog{border:1px solid #d3d2c5;border-radius:5px;padding:45px;max-width:550px;width:calc(100% - 32px);background:#f8f7ef;color:#30483d;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#18362c70;backdrop-filter:blur(7px)}dialog h1{font:36px serif;letter-spacing:3px}dialog h2{font:29px serif}dialog p{font-size:14px;line-height:1.9;color:#6e7a70}.dialog-label{font-size:11px;letter-spacing:3px;color:#9a5746}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:25px;color:#6a7468}.help-grid{display:flex;gap:20px;border-block:1px solid #d4d9ca;padding:20px 0;margin:20px 0}.help-grid>div{flex:1;font-size:14px}.help-grid small{display:block;font-size:11px;line-height:1.9;color:#7a8376;margin-top:10px}.note{font-size:11px!important}.primary{display:inline-block;background:#3f6150;border:0;padding:13px 22px;color:white;font-size:13px}.secondary{background:transparent;border:1px solid #aeb8a5;padding:12px 20px;margin-top:15px}#joystick,#look-tip{display:none}@media(max-width:760px){.hud-top{padding:16px}.back{font-size:11px;padding:10px}.village-brand strong{font-size:22px}.village-brand small{font-size:8px}.village-brand>span{font-size:17px}.location{left:16px;top:95px;padding:10px;font-size:13px}.location small{font-size:8px}.map-card{right:12px;top:95px;padding:7px}#minimap{width:125px;height:110px}.map-card small{display:none}.map-title{font-size:9px}.bottom{left:15px;right:15px;bottom:max(14px,env(safe-area-inset-bottom))}.keys{display:none}.actions{margin-left:auto}.actions button{font-size:10px;padding:10px}#joystick{display:block;position:fixed;left:30px;bottom:100px;width:95px;height:95px;border:1px solid #ffffffb3;background:#f6f6ec44;border-radius:50%;touch-action:none}#joystick span{position:absolute;left:30px;top:30px;width:35px;height:35px;background:#ffffffe0;border-radius:50%;box-shadow:0 2px 10px #0002}#look-tip{display:block;position:fixed;bottom:100px;right:35px;color:#fff9;font-size:10px;pointer-events:none}#interact{bottom:65px;font-size:11px}#interact kbd{display:none}dialog{padding:30px}dialog h1{font-size:28px}.help-grid{gap:10px}}
#village-chat{position:fixed;left:18px;top:140px;z-index:12;font:14px sans-serif;color:#304d40}#village-chat button{padding:8px 12px;background:#f6f5ed;border:1px solid #bac3b4;color:#304d40;cursor:pointer}#chat-panel{width:min(360px,calc(100vw - 36px));background:#faf9f1ed;padding:12px;max-height:55dvh;overflow:auto;border:1px solid #b8c2ad}#chat-log{height:170px;overflow:auto;overflow-wrap:anywhere;margin:10px 0;font-size:13px}#chat-log>div{padding:5px 0;border-bottom:1px solid #ddd}#chat-log button{font-size:10px;padding:3px 5px}#chat-form{display:flex;gap:5px}#chat-form input{width:0;flex:1;min-width:0;font-size:16px;padding:9px}#chat-error{font-size:12px;color:#984936}#village-labels{position:fixed;inset:0;pointer-events:none;z-index:5}.village-label{position:absolute;transform:translate(-50%,-100%);text-align:center;max-width:220px}.village-label span{background:#254836cf;color:white;padding:3px 8px;border-radius:4px;font:12px sans-serif;white-space:nowrap}.village-label p{background:#fffef4;color:#263d33;padding:9px;border-radius:10px;font:14px/1.5 sans-serif;overflow-wrap:anywhere;margin:8px 0;box-shadow:0 3px 12px #0003}@media(max-width:760px){#village-chat{top:125px;left:10px}#chat-panel{max-height:45dvh}#chat-log{height:120px}}[hidden]{display:none!important}
#village-chat select{max-width:130px;padding:8px;background:#f6f5ed;color:#304d40;border:1px solid #bac3b4}.emoji-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin:5px 0}.emoji-picker button{font-size:22px!important;padding:5px!important}.voice-bar{border-top:1px solid #bcc6b7;margin-top:8px;padding-top:8px;display:flex;gap:4px;flex-wrap:wrap}.voice-bar button{font-size:12px;padding:6px!important;touch-action:none}.voice-bar [data-status]{display:block;flex-basis:100%;font-size:11px;line-height:1.6}#village-chat{top:205px;max-width:calc(100vw - 20px)}@media(max-width:760px){#village-chat{top:160px;left:10px}#village-chat>button,#village-chat>select{font-size:11px;padding:7px}#chat-panel{max-height:48dvh}#world-clock{bottom:100px!important;right:8px!important}#village-chat select{max-width:90px}}