:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#06070a;height:100%;margin:0;overflow:hidden}#game{cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{letter-spacing:.04em;color:#6f7686;pointer-events:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:6px 18px;font:11px/1.4 ui-monospace,Menlo,Monaco,Consolas,monospace;display:flex;position:fixed;bottom:12px;left:16px;right:16px}#fps{color:#474c59}#loading{letter-spacing:.2em;color:#b8bfcc;pointer-events:none;background:#06070a;place-items:center;font:13px ui-monospace,Menlo,Monaco,Consolas,monospace;transition:opacity .8s;display:grid;position:fixed;inset:0}#loading.done{opacity:0}#loading.error{color:#e07a5f;letter-spacing:.05em}.lil-gui{--font-family:ui-monospace, Menlo, Monaco, Consolas, monospace}#touch{z-index:5;pointer-events:none;position:fixed;inset:0}#touch[hidden]{display:none}#touch .stick{left:calc(env(safe-area-inset-left) + 96px);top:calc(100% - env(safe-area-inset-bottom) - 112px);opacity:.6;background:radial-gradient(circle,#0a0c1140,#0a0c118c 70%);border:1px solid #c3c9d652;border-radius:50%;width:128px;height:128px;transition:opacity .2s;position:absolute;transform:translate(-50%,-50%)}#touch .stick.active{opacity:1;transition:none}#touch .knob{background:#c3c9d62e;border:1px solid #d6dbe499;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}#touch .stick.run .knob{background:#e9c46a33;border-color:#e9c46ae6}#touch .btn{color:#d6dbe4e6;pointer-events:auto;touch-action:none;background:#0a0c1194;border:1px solid #c3c9d65c;border-radius:50%;place-items:center;margin:0;padding:0;transition:transform 80ms,background-color .12s,border-color .12s,color .12s;display:grid;position:absolute}#touch .btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:46%;height:46%}#touch .btn.active{color:#f1d58f;background:#e9c46a29;border-color:#e9c46ad9;transform:scale(.92)}#touch .attack{right:calc(env(safe-area-inset-right) + 22px);bottom:calc(env(safe-area-inset-bottom) + 28px);width:84px;height:84px}#touch .roll{right:calc(env(safe-area-inset-right) + 118px);bottom:calc(env(safe-area-inset-bottom) + 70px);width:62px;height:62px}#touch .rotate-left,#touch .rotate-right{bottom:calc(env(safe-area-inset-bottom) + 136px);width:44px;height:44px}#touch .rotate-left{right:calc(env(safe-area-inset-right) + 72px)}#touch .rotate-right{right:calc(env(safe-area-inset-right) + 22px)}#touch .fullscreen{left:calc(env(safe-area-inset-left) + 12px);top:calc(env(safe-area-inset-top) + 12px);width:40px;height:40px}body.touch #hud{top:calc(env(safe-area-inset-top) + 23px);bottom:auto;left:calc(env(safe-area-inset-left) + 64px)}body.touch #hud span:not(#fps){display:none}