*{box-sizing:border-box}body{margin:0;background:#bfd9d2;font-family:'Microsoft YaHei',Arial,sans-serif;color:#18342f;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #f68b39;outline-offset:3px}#world{position:fixed;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%}.hud{position:absolute;inset:22px 28px auto;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.hud>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:12px;font-size:21px;letter-spacing:2px;font-weight:900}.wordmark b{font-weight:400}.wordmark small{display:block;font-size:10px;letter-spacing:1px;margin-top:4px;font-weight:500}.brand-cube{background:#f57b29;color:white;box-shadow:5px 5px 0 #a54e20;width:40px;height:40px;display:grid;place-items:center}.top-actions{display:flex;gap:7px;align-items:center}.top-actions button,.top-actions a{border:1px solid #ffffff80;background:#ffffffe8;color:#24483d;padding:10px 13px;border-radius:6px;font-size:12px;box-shadow:0 3px 12px #163b2010}.missions{position:absolute;left:28px;top:110px;width:272px;padding:24px;background:#fffffff0;border:1px solid white;border-radius:12px;box-shadow:0 12px 40px #28493d14}.eyebrow,.dialog-eyebrow{font-size:10px;letter-spacing:2px;color:#a54e20;font-weight:bold}.missions h1{font-size:22px;line-height:1.5;letter-spacing:-.5px;margin:12px 0}.missions p{font-size:12px;color:#61796f;line-height:1.8}.mission{display:flex;align-items:center;width:100%;gap:11px;text-align:left;padding:12px 0;border:0;border-top:1px solid #e7ede7;background:none;color:#38554b;font-size:12px}.mission span{display:grid;place-items:center;background:#edf3ed;border-radius:6px;width:29px;height:29px;color:#6d8376;font-size:11px;flex-shrink:0}.mission.done span{background:#e6752f;color:white}.mission.selected{color:#bb531a;font-weight:bold}.progress{height:4px;background:#e9eee7;border-radius:4px;margin-top:18px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:#ef7c30;transition:width .4s}.progress-caption{font-size:10px;display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:#61796f}#help{border:0;background:none;color:#7a573d;padding:4px}.map-panel{position:absolute;right:28px;bottom:65px;border:1px solid #ffffffc0;background:#ffffffdd;padding:10px;border-radius:12px;width:156px;text-align:center}#minimap{width:132px;height:132px;border-radius:8px}#map-caption{font-size:9px;letter-spacing:2px;margin-top:5px}#coords{font-size:10px;color:#6b8275}.location{position:absolute;bottom:28px;left:28px;display:flex;align-items:center;gap:8px;font-size:11px;background:#ffffffd9;border-radius:20px;padding:10px 15px}.live-dot{width:6px;height:6px;background:#df762c;border-radius:50%}.bottom-guide{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:11px;color:#214b3f;white-space:nowrap;background:#ffffffb3;padding:9px 16px;border-radius:20px}#interaction{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);text-align:center;max-width:80vw}#nearby{display:block;padding:6px;font-size:12px;text-shadow:0 1px white}#interact,.primary{border:0;background:#e8792a;color:#fff;font-size:14px;font-weight:bold;padding:15px 28px;border-radius:6px;box-shadow:0 5px 0 #a94f1a}#toast{position:absolute;left:50%;top:92px;transform:translateX(-50%);padding:12px 22px;background:#1d3e34ed;color:#fff;border-radius:8px;max-width:80%;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s}#toast.visible{opacity:1}dialog{border:1px solid #fff;border-radius:16px;padding:38px;width:min(530px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #122d4255;background:#fcfbf4;color:#213e33}dialog::backdrop{background:#102e3a70;backdrop-filter:blur(5px)}dialog h2{font-size:30px;line-height:1.35;letter-spacing:-1px;margin:18px 0}dialog p{font-size:14px;line-height:1.9;color:#60766c}.pixel-art{font-size:46px;color:#ec802e;line-height:1.3}.instructions{font-size:11px;line-height:1.9;padding:15px;background:#eef1e8;border-radius:6px;margin:20px 0}.primary{width:100%;margin-bottom:6px}.disclaimer{font-size:10px!important;text-align:center;margin:18px 0 0!important}.choice{display:block;width:100%;text-align:left;margin:9px 0;padding:15px;border:1px solid #d5dfd2;background:#fff;border-radius:7px;color:#29483d;font-size:13px;line-height:1.6}.choice:hover{border-color:#de7e35;background:#fff7eb}.choice:disabled{opacity:.65;cursor:default}#feedback{font-size:13px;line-height:1.8;color:#a74f1b;padding-top:12px}.quiet{padding:12px 0;border:0;color:#5d7468;background:none;font-size:12px}.mobile-pad{display:none;position:absolute;bottom:72px;left:18px;text-align:center;touch-action:none}.mobile-pad button{width:45px;height:45px;border:1px solid #ffffffb0;background:#ffffffb8;border-radius:8px;color:#245342;font-size:22px;margin:2px;touch-action:none;user-select:none}#loading{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9f0e5;gap:10px}#loading h2{letter-spacing:5px;font-size:22px}#loading p,#loading a{font-size:12px;color:#587868}.loading-cube{width:40px;height:40px;background:#ed8535;box-shadow:8px 8px #b25b25;animation:bob 1s infinite alternate}@keyframes bob{to{transform:translateY(-10px)}}@media(pointer:coarse){.mobile-pad{display:block}.bottom-guide{display:none}}@media(max-width:700px){.hud{inset:15px 16px auto;align-items:flex-start}.wordmark{font-size:15px;gap:8px}.wordmark small{font-size:8px;letter-spacing:0}.brand-cube{width:28px;height:28px}.top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:172px;gap:4px}.top-actions button,.top-actions a{font-size:10px;padding:7px 8px}.missions{top:88px;left:16px;width:174px;padding:15px}.missions h1{font-size:16px;margin:8px 0}.missions p{display:none}.eyebrow{font-size:8px;letter-spacing:1px}.mission{font-size:10px;gap:7px;padding:8px 0}.mission span{width:23px;height:23px;font-size:9px}.progress{margin-top:8px}.progress-caption{font-size:9px;margin-top:6px}.map-panel{width:104px;right:16px;bottom:60px;padding:7px}#minimap{width:88px;height:88px}#map-caption{font-size:7px;letter-spacing:1px}.location{left:16px;bottom:15px;font-size:9px;padding:8px 10px}.bottom-guide{display:none}#interaction{bottom:220px;width:220px;left:65%}#interact{padding:12px 16px;font-size:12px}#nearby{font-size:10px}dialog{padding:25px}dialog h2{font-size:26px}#toast{top:auto;bottom:180px;width:85%;max-width:85%}.mobile-pad{display:block}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}