:root{--bg:#000;--text:#fff;--muted:#777}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{height:100%}#sandbox{position:fixed;inset:0}.title{letter-spacing:2px;text-transform:uppercase;color:var(--muted);z-index:5;font-size:13px;position:absolute;top:14px;left:50%;transform:translate(-50%)}#arena,#arenaCanvas{position:absolute;inset:0}.joystick-zone{z-index:5;align-items:flex-end;width:46%;height:150px;display:flex;position:absolute;bottom:24px}.joystick-zone.left{justify-content:flex-start;padding-left:30px;left:0}.joy-base{touch-action:none;background:0 0;border:2px solid #ffffff40;border-radius:50%;width:110px;height:110px;position:relative}.joy-knob{background:#fff;border-radius:50%;width:48px;height:48px;position:absolute;top:31px;left:31px}