*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b2026;color:#fff3d5;font:15px system-ui,sans-serif}body{overflow:hidden}#world{position:relative;max-width:480px;height:100dvh;margin:auto;overflow:hidden;background:#234c4a;touch-action:none}#scene{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;right:16px;pointer-events:none}.brand{font-family:Georgia,serif;font-size:22px;text-shadow:0 2px 6px #000}button,a{touch-action:manipulation}button{font:inherit;border:1px solid #f9dfa65c;border-radius:18px;color:#fff2cd;background:#173b3ce8;padding:12px;min-height:44px;cursor:pointer}.tools{display:flex;gap:6px;margin-top:12px;pointer-events:auto}.tools button{font-size:12px;padding:9px}.tools #info{margin-left:auto;min-width:44px}#quest{position:absolute;top:130px;left:16px;right:16px;pointer-events:none;text-shadow:0 2px 4px #102528;background:linear-gradient(90deg,#102e32d9,#102e3266);border-left:2px solid #f3ce88;padding:12px 14px;border-radius:0 16px 16px 0}#quest small{font-size:10px;letter-spacing:2px;color:#e6c68b}#quest p{margin:6px 0;font-size:15px;line-height:1.35}#bag{font-size:12px;color:#bce5d9}#joystick{position:absolute;bottom:max(55px,calc(env(safe-area-inset-bottom) + 35px));left:20px;width:116px;height:116px;border-radius:50%;border:1px solid #efdfb46e;background:#102c3980;touch-action:none;box-shadow:inset 0 0 25px #c3efc419}#stick{position:absolute;top:34px;left:34px;width:46px;height:46px;border-radius:50%;background:#e9d6a8dc;box-shadow:0 4px 14px #072327}#joystick small{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#f6eacc}#action{position:absolute;right:16px;bottom:max(80px,calc(env(safe-area-inset-bottom) + 60px));max-width:155px;min-height:64px;padding:13px 17px;background:#eaca88;color:#263e39;border:2px solid #fff0c4;font-weight:700;box-shadow:0 6px 28px #0b222980}#guide{position:absolute;bottom:16px;left:8px;right:8px;font-size:11px;text-align:center;color:#f5eed9;text-shadow:0 1px 5px #000;pointer-events:none}dialog{color:#efead8;background:#173b3c;border:1px solid #a3b399;border-radius:24px;max-width:calc(100% - 32px);width:390px;max-height:85dvh;line-height:1.5}dialog::backdrop{background:#071c25ba}dialog a{display:block;color:#e9cb86;margin:16px 0;min-height:44px}dialog button{width:100%}#fallback,.noscript{position:absolute;inset:0;padding:120px 25px 30px;background:#18383b;z-index:10}#fallback a,.noscript a{display:block;color:#ffdb9b;margin:24px 0}#fallback[hidden],[hidden]{display:none!important}:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-height:650px){#quest{top:116px;padding:8px 12px}#joystick{bottom:40px}.tools{margin-top:6px}}