*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#151e18}#world{width:100%;height:100%;display:block;outline:0;touch-action:none;cursor:grab}#world:active{cursor:grabbing}#loading{position:fixed;inset:0;background:#151e18;display:grid;place-items:center;z-index:3;transition:opacity .7s;pointer-events:none}#loading i{width:26px;height:26px;border:1px solid #fff2;border-top-color:#c9d1bd;border-radius:50%;animation:spin 1s linear infinite}#loading.done{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}#error{position:fixed;left:10%;right:10%;top:45%;margin:0;color:#e9e9df;text-align:center;font:16px/1.6 system-ui}#touch-controls{display:none}button{cursor:pointer}button:focus-visible{outline:2px solid white;outline-offset:4px}@media(pointer:coarse){#touch-controls{display:flex;position:fixed;inset:auto 25px 28px;justify-content:space-between;align-items:end;pointer-events:none;opacity:.38}#joystick{width:88px;height:88px;border:1px solid #fff6;border-radius:50%;background:#18261a22;position:relative;touch-action:none;pointer-events:auto}#joystick i{position:absolute;left:28px;top:28px;width:30px;height:30px;border:1px solid #fff9;background:#ddd9;border-radius:50%}#touch-buttons{display:grid;gap:9px;pointer-events:auto}#touch-buttons button{width:42px;height:42px;border:1px solid #fff6;background:#18261a44;border-radius:50%;font:24px system-ui;color:#fff;touch-action:none}}@media(prefers-reduced-motion:reduce){#loading i{animation:none}}