*{box-sizing:border-box}html,body,#stage{margin:0;width:100%;height:100%;overflow:hidden;font:15px system-ui,sans-serif;color:#edf2ed;background:#17262c}canvas{width:100%;height:100%;display:block;outline:none}header{position:absolute;top:14px;right:14px;max-width:calc(100% - 28px);padding:14px 18px;border:1px solid #ffffff30;border-radius:16px;background:#16292fed;box-shadow:0 8px 28px #0003}h1{font-size:21px;margin:9px 0 12px}small{font-size:13px;font-weight:400;color:#b6c9cb}a{color:#cbe4d9;text-decoration:none}.options{display:flex;gap:14px;align-items:center;flex-wrap:wrap}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;background:#314b51;border:1px solid #ffffff40;border-radius:8px;padding:8px 12px;cursor:pointer}label{display:flex;gap:5px;align-items:center}input{width:19px;height:19px;accent-color:#afd4bf}#loading{position:absolute;bottom:15px;left:20px;max-width:calc(100% - 40px);padding:9px 13px;background:#14262fea;border-radius:9px;pointer-events:none}#loading:empty{display:none}#retry{position:absolute;top:180px;right:20px}.walking-hud{top:auto!important;bottom:20px;right:20px!important;left:auto!important;max-width:310px}.walking-hint{font-size:12px}@media(max-width:650px){header{top:8px;right:8px;padding:10px;max-width:calc(100% - 16px)}h1{font-size:18px;margin:5px 0 8px}.walking-hud{max-width:calc(100% - 40px);bottom:50px}#loading{bottom:0;font-size:12px}}