*{box-sizing:border-box}body{margin:0;background:#172029;color:#e6e9e4;font-family:system-ui,sans-serif;overflow:hidden;touch-action:none}button,a{-webkit-tap-highlight-color:transparent;color:inherit;font:inherit}button{cursor:pointer;border:1px solid #aec3bf66;border-radius:12px;background:#22333de0;padding:12px 18px}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #f4d68c}[hidden]{display:none!important}#world{display:block;width:100vw;height:100dvh}header{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;align-items:flex-start;gap:10px;pointer-events:none}header>*{pointer-events:auto}header>a{padding:10px 12px;background:#17272dd9;border-radius:10px;font-size:13px}header>div{padding:8px 14px;background:#17272de8;border-radius:10px;margin-right:auto}header b{font-size:15px}header small{display:block;color:#b9d0c7;font-size:12px;margin-top:4px}header button{padding:9px 13px}#badge{position:fixed;left:20px;top:86px;font-size:10px;color:#d0c7ad;pointer-events:none}#mini{position:fixed;top:66px;right:16px;width:180px;height:94px;background:#12202bd9;border:1px solid #8da8a144;border-radius:9px;pointer-events:none}#joystick{position:fixed;left:max(26px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:128px;height:128px;border:2px solid #b1c1bf55;border-radius:50%;background:#14232d33;touch-action:none}#joystick i{position:absolute;left:41px;top:41px;width:44px;height:44px;border:2px solid #c9d9cd;border-radius:50%;background:#b1c6b633;pointer-events:none}#actions{position:fixed;bottom:max(26px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right));display:flex;gap:16px;align-items:flex-end}#actions button{width:72px;height:72px;border-radius:50%;padding:8px;background:#172a36bb;border:2px solid #cfdbcf99;font-size:26px}#actions small{display:block;font-size:12px}#actions button:disabled{opacity:.45}#interact{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);background:#b2d3bd;color:#1b3332;min-width:140px;font-weight:bold}#toast{position:fixed;bottom:118px;left:50%;transform:translateX(-50%);font-size:13px;max-width:60vw;padding:10px 18px;background:#17272df2;border:1px solid #b9c7a855;border-radius:20px;pointer-events:none}dialog{background:#21313e;color:#e9e7d9;border:1px solid #aabeb3;border-radius:18px;max-width:90vw;padding:20px}dialog::backdrop{background:#0c1423bb}dialog h2{font-size:22px;margin:0 0 16px}dialog p{font-size:13px}dialog>small{display:block;font-size:11px;color:#b9c4c6;line-height:1.7}#mapDialog{width:1100px;max-height:90dvh}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{padding:3px 12px;font-size:24px}.tabs{display:flex;gap:8px;margin-bottom:8px}.tabs button{padding:6px 20px}.tabs .selected{background:#8caeaa;color:#15252d}#fullMap{width:100%;height:min(52dvh,520px);display:block}#pauseDialog,#doneDialog,dialog.stage-cleared{width:380px}#pauseDialog>button,#doneDialog>button,dialog>a{display:block;width:100%;text-align:center;padding:13px;margin:10px 0;background:#314957;border-radius:10px;font-size:14px}#rotate{display:none;position:fixed;inset:0;background:#1c2b37;z-index:100;align-items:center;justify-content:center;flex-direction:column;font-size:60px}#rotate p{font-size:18px}@media(orientation:portrait){#rotate{display:flex}}@media(max-height:420px){#joystick{width:110px;height:110px;left:20px;bottom:18px}#joystick i{left:32px;top:32px}#actions button{width:62px;height:62px}#mini{width:145px;height:76px}#badge{top:75px}header b{font-size:13px}header small{font-size:10px}}