html,body{margin:0;height:100%;background:#000;overflow:hidden;touch-action:none;user-select:none}#screen{position:absolute;inset:0;margin:auto;max-width:100vw;max-height:100vh;aspect-ratio:16 / 9;width:100vw;height:auto;image-rendering:auto;outline:none}@media(min-aspect-ratio:16/9){#screen{width:auto;height:100vh}}#boot{position:absolute;inset:0;display:grid;place-items:center;color:#e6e6fa;font:48px sans-serif}#boot.hidden{display:none}.nx-input{position:absolute;box-sizing:border-box;border:none;outline:none;background:transparent;color:#e6e6fa;font-family:Continuum Medium,sans-serif;padding:0 .3em}.audio-unlock{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:1000;padding:8px 16px;border-radius:8px;background:#000000bf;color:#fff;font:14px/1.3 system-ui,sans-serif;cursor:pointer;user-select:none}.touch-controls{position:fixed;inset:0;pointer-events:none;z-index:900;--u: 1px}.touch-controls[hidden],.touch-pause[hidden]{display:none}.touch-stick,.touch-action,.touch-pause{position:fixed;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;border-radius:50%;padding:0;outline:none}.touch-stick{display:grid;place-items:center}.touch-ring{position:absolute;inset:0;border-radius:50%;background:#80808059;border:calc(6 * var(--u)) solid rgba(255,255,255,.6);box-shadow:inset 0 0 0 calc(3 * var(--u)) #00000026}.touch-ring:before,.touch-ring:after{content:"";position:absolute;inset:14%;border-radius:50%;border:calc(3 * var(--u)) dashed rgba(255,255,255,.18)}.touch-ring:after{inset:48%;border:none;background:#ffffff40}.touch-knob{position:relative;width:44%;height:44%;border-radius:50%;background:#a7a7a7;border:calc(6 * var(--u)) solid #e6e6e6;box-sizing:border-box;box-shadow:0 calc(5 * var(--u)) 0 #00000059;transition:transform 40ms linear}.touch-action{background:#aad4db;border:calc(6 * var(--u)) solid #fff;color:#222;font:calc(92 * var(--u)) / 1 "Continuum Bold",sans-serif;box-shadow:0 calc(6 * var(--u)) 0 #22222259;opacity:.9}.touch-action span{position:relative;top:calc(4 * var(--u))}.touch-action.down{background:#4ca8bc;color:#fff;transform:translateY(calc(4 * var(--u)));box-shadow:0 calc(2 * var(--u)) 0 #22222259}.touch-pause{background:#aad4db;border:calc(4 * var(--u)) solid #fff;display:flex;align-items:center;justify-content:center;gap:18%}.touch-pause i{width:16%;height:46%;background:#222;border-radius:calc(2 * var(--u))}
