html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);overflow-x:hidden;position:fixed;-webkit-overflow-scrolling:touch}app-root{display:block;width:100%;height:100%;position:relative}.app-content{width:100%;height:100%;position:relative;padding-top:var(--tg-content-safe-area-inset-top, 0px);padding-bottom:var(--tg-content-safe-area-inset-bottom, 0px);padding-left:var(--tg-content-safe-area-inset-left, 0px);padding-right:var(--tg-content-safe-area-inset-right, 0px);box-sizing:border-box}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.joystick-container,.zone,canvas{will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}@media (prefers-color-scheme: dark){html,body{background-color:var(--tg-theme-bg-color, #1a1a1a);color:var(--tg-theme-text-color, #ffffff)}}@media screen and (display-mode: fullscreen){html,body{overflow:hidden}}@media (max-width: 768px){.app-content{min-height:100vh;min-height:var(--tg-viewport-height, 100vh)}}@media (min-width: 769px){.app-content{max-width:100%;height:100vh;height:var(--tg-viewport-height, 100vh)}}.no-scroll{overflow:hidden!important;overscroll-behavior:none!important;-webkit-overflow-scrolling:auto!important}.swipe-protected{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;overscroll-behavior:none!important;overscroll-behavior-x:none!important;overscroll-behavior-y:none!important;-webkit-overflow-scrolling:auto!important;-webkit-scroll-bounce:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}.swipe-protected *{overscroll-behavior:none!important;touch-action:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.swipe-protected input,.swipe-protected textarea,.swipe-protected select,.swipe-protected button,.swipe-protected [role=button],.swipe-protected .joystick-container,.swipe-protected .nipple{touch-action:manipulation!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.swipe-locked{position:fixed!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-overflow-scrolling:auto!important;-webkit-scroll-bounce:none!important;overscroll-behavior-x:none!important;overscroll-behavior-y:none!important}.swipe-locked *{touch-action:none!important;pointer-events:auto!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.swipe-locked .joystick-container,.swipe-locked .nipple{touch-action:pan-x pan-y!important}