html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0b0e1a;height:100%;margin:0;padding:0;overflow:hidden}@supports (height:100dvh){html,body{height:100dvh}}body{position:fixed;inset:0}#app{width:100%;height:100%}#app canvas{width:100%;height:100%;display:block}.touch-overlay{z-index:10;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}.touch-joy-base{bottom:calc(env(safe-area-inset-bottom,0px) + 4vmin);left:calc(env(safe-area-inset-left,0px) + 4vmin);box-sizing:border-box;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14283c47;border:2px solid #78dcff66;border-radius:50%;justify-content:center;align-items:center;width:40vmin;min-width:130px;max-width:200px;height:40vmin;min-height:130px;max-height:200px;display:flex;position:absolute}.touch-joy-thumb{pointer-events:none;background:#78dcff6b;border:2px solid #a0f0ffd9;border-radius:50%;width:45%;height:45%;transition:transform 40ms linear;box-shadow:0 0 12px #00000073}.touch-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;color:#c8f0ffe6;text-shadow:0 0 6px #0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14283c59;border:2px solid #78dcff8c;border-radius:50%;justify-content:center;align-items:center;width:16vmin;min-width:64px;max-width:110px;height:16vmin;min-height:64px;max-height:110px;font-family:system-ui,sans-serif;font-size:4.2vmin;font-weight:700;line-height:1;transition:background 60ms linear,transform 60ms linear,border-color 60ms linear;display:flex}.touch-fire{bottom:calc(env(safe-area-inset-bottom,0px) + 4vmin);right:calc(env(safe-area-inset-right,0px) + 4vmin);letter-spacing:.04em;color:#ffd2c8eb;background:#3c181459;border-color:#ff8c7899;border-radius:50%;width:24vmin;min-width:84px;max-width:150px;height:24vmin;min-height:84px;max-height:150px;font-size:3.6vmin;position:absolute}.touch-btn.is-active,.touch-btn:active{background:#78dcff73;border-color:#a0f0fff2;transform:scale(.94)}.touch-fire.is-active,.touch-fire:active{background:#ff8c7880;border-color:#ffb4a0f2}