*{box-sizing:border-box;letter-spacing:0}html,body,#world{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:system-ui,'Microsoft JhengHei',sans-serif;background:#26392d;color:#fff}#view{display:block;width:100%;height:100%;touch-action:none;outline:none}header{position:absolute;top:max(16px,env(safe-area-inset-top));left:20px;right:20px;display:flex;align-items:center;gap:10px;pointer-events:none}header>*{pointer-events:auto}header div{margin-right:auto;text-shadow:0 1px 5px #000}h1{margin:0;font-size:22px;font-weight:650}#district{font-size:12px}button,header a{background:#18271ee0;border:1px solid #ffffff55;color:#fff;width:44px;height:44px;display:grid;place-items:center;text-decoration:none;border-radius:4px;font-size:22px;cursor:pointer}button:hover,header a:hover{background:#315443}button:focus-visible,a:focus-visible{outline:3px solid #dfbf63;outline-offset:3px}#loading{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);display:grid;gap:12px;text-align:center;text-shadow:0 2px 4px #000;max-width:90%}#loading[hidden]{display:none}progress{width:220px;accent-color:#d5b364}#error{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:#18271ef0;padding:20px;border-radius:6px;max-width:90%}#error button{width:auto;padding:0 16px;font-size:16px}#stick{position:absolute;left:28px;bottom:max(42px,env(safe-area-inset-bottom));height:116px;width:116px;border:1px solid #ffffff66;background:#17281c35;border-radius:50%;touch-action:none}#stick span{position:absolute;width:44px;height:44px;left:35px;top:35px;border-radius:50%;background:#ffffff85;pointer-events:none}.compass{position:absolute;bottom:40px;right:32px;width:44px;height:44px;border-radius:50%;border:1px solid #fff9;display:grid;place-items:center;background:#18271e99}footer{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;text-shadow:0 1px 4px #000;pointer-events:none}@media(max-width:520px){header{left:10px;right:10px;gap:6px;top:10px}h1{font-size:18px}#district{font-size:10px}#stick{left:18px;bottom:40px}header button{width:40px;height:44px}.compass{right:18px}}@media(hover:hover)and(pointer:fine){#stick{opacity:.5}#stick:hover{opacity:1}}