#root,body,html{height:100vh;margin:0;padding:0;width:100%}*{box-sizing:border-box}.app-container{overflow:hidden!important}.mobile-device #root,.mobile-device body{-webkit-overflow-scrolling:none;background-color:#f5f5f5;height:100%;overflow:hidden;overscroll-behavior:none;position:fixed;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.mobile-device .konvajs-content,.mobile-device .tactics-canvas-container{height:100vh!important;left:0!important;position:absolute!important;top:0!important;width:100vw!important}.landing-page{overflow-x:hidden;overflow-y:auto;scrollbar-color:#6366f1 #f1f5f9;scrollbar-width:thin}.landing-page::-webkit-scrollbar{height:8px;width:8px}.landing-page::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.landing-page::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#6366f1,#818cf8);border:2px solid #f1f5f9;border-radius:4px}.landing-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#4f46e5,#6366f1)}.mobile-device .app-container{height:100vh!important;overflow:hidden!important;position:relative!important;width:100vw!important}.mobile-device #toolbar-container,.mobile-device .toolbar-container{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;visibility:hidden!important}.mobile-device div[style*="background-color: rgba(0, 0, 0, 0.2)"], .mobile-device div[style*="background-color: rgba(0,0,0,0.2)"], .mobile-device div[style*="backgroundColor: rgba(0, 0, 0, 0.2)"], .mobile-device div[style*="backgroundColor: rgba(0,0,0,0.2)"], .mobile-device div[style*="border-bottom: 1px solid rgba(255,255,255,0.1)"], .mobile-device div[style*="borderBottom: 1px solid rgba(255,255,255,0.1)"]{display:none!important}.mobile-device .MuiBox-root:has(.MuiToolbar-root),.mobile-device .MuiBox-root:has([role=toolbar]),.mobile-device .toolbar-container{display:none!important}.mobile-device .app-container>div:first-child,.mobile-device [data-ref=toolbarRef],.mobile-device div[ref=toolbarRef],.mobile-device div[style*="background-color: #000"],.mobile-device div[style*="background-color: black"],.mobile-device div[style*="background-color: rgba(0, 0, 0,"],.mobile-device div[style*="backgroundColor: #000"],.mobile-device div[style*="backgroundColor: black"],.mobile-device div[style*="backgroundColor: rgba(0, 0, 0,"],.mobile-device div[style*="border-bottom:"]{display:none!important}.mobile-device body{margin:0!important;overflow:hidden!important;padding:0!important}.mobile-device .MuiBox-root:has(.timeline),.mobile-device .timeline,.mobile-device .timeline-container,.mobile-device [class*=timeline],.mobile-device [id*=timeline],.mobile-device div[style*="height: 60px"]{display:none!important;height:0!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important}.mobile-device .tactics-canvas-container{bottom:0!important;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:1!important}.mobile-device .konva-stage,.mobile-device .konvajs-content,.mobile-device .konvajs-content canvas{height:100%!important;width:100%!important}.mobile-device .MuiBox-root:has([class*=training]),.mobile-device .MuiDrawer-root:has([class*=training]),.mobile-device .training-panel,.mobile-device .training-panel-container,.mobile-device [class*=training-panel],.mobile-device div[class*=TrainingPanel],.mobile-device div[id*=training-panel]{display:none!important;height:0!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important}@media screen and (orientation:portrait){.mobile-device .rotate-device-message{align-items:center!important;background-color:#000000e6!important;color:#fff!important;display:flex!important;flex-direction:column!important;font-size:1.5rem!important;height:100vh!important;justify-content:center!important;left:0!important;padding:2rem!important;position:fixed!important;text-align:center!important;top:0!important;width:100vw!important;z-index:99999!important}.mobile-device .rotate-device-message:before{animation:rotate 2s linear infinite!important;content:"⟳"!important;display:block!important;font-size:4rem!important;margin-bottom:1rem!important}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}.mobile-device .canvas-container,.mobile-device .field-container,.mobile-device .pitch-container,.mobile-device .tactics-designer-container{height:100vh!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;width:100vw!important}.mobile-device .MuiDrawer-paper{background-color:#000000e6!important;color:#fff!important}.mobile-device .MuiDrawer-paper.MuiDrawer-paperAnchorBottom{border-top-left-radius:16px!important;border-top-right-radius:16px!important;max-height:50%!important}.mobile-device .drawer-handle{background-color:#ffffff80!important;border-radius:2px!important;height:5px!important;margin:10px auto!important;width:40px!important}.mobile-device #material-menu,.mobile-device #properties-menu{z-index:999998!important}.mobile-device .logo,.mobile-device .timeline,.mobile-device .timeline-container,.mobile-device .toolbar,.mobile-device .training-panel{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important;z-index:-9999!important}.mobile-device .MuiBox-root.css-1sfrjdf,.mobile-device .MuiBox-root.css-1x12t1c,.mobile-device .MuiBox-root:has(>.MuiIconButton-root>svg[data-testid=AddIcon]),.mobile-device .MuiBox-root:has(>.MuiIconButton-root>svg[data-testid=PlayArrowIcon]),.mobile-device .MuiBox-root[class*=timeline],.mobile-device .position-controls,.mobile-device .time-controls,.mobile-device .timeline,.mobile-device .timeline-container,.mobile-device [class*=timeline],.mobile-device [id*=timeline],.mobile-device div[class*=timeline]{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important;z-index:-9999!important}.mobile-device .MuiBox-root:not(.mobile-interface):not(.mobile-horizontal-menu):not(.mobile-menu-item){display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important;z-index:-9999!important}.mobile-tactics-designer{bottom:0!important;height:100vh!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.mobile-tactics-designer .konvajs-content,.mobile-tactics-designer canvas{display:block!important;height:100vh!important;margin:0!important;padding:0!important;width:100vw!important}.mobile-tactics-designer .pitch,body.mobile-device{height:100%!important;margin:0!important;padding:0!important;width:100%!important}body.mobile-device{background-color:#1b5e20!important;overflow:hidden!important;position:fixed!important;touch-action:none!important}.mobile-device .mobile-button{align-items:center!important;background-color:#00000080!important;border-radius:50%!important;box-shadow:0 2px 5px #0000004d!important;color:#fff!important;display:flex!important;height:48px!important;justify-content:center!important;position:fixed!important;width:48px!important;z-index:9999!important}.mobile-device .mobile-button-top-left{left:10px!important;top:10px!important}.mobile-device .mobile-button-top-right{right:10px!important;top:10px!important}.mobile-device .mobile-button-bottom-left{bottom:10px!important;left:10px!important}.mobile-device .mobile-button-bottom-right{bottom:10px!important;right:10px!important}.mobile-device .mobile-horizontal-menu{align-items:center!important;background-color:#000000b3!important;border-radius:24px!important;display:flex!important;padding:5px!important;position:fixed!important;z-index:9998!important}.mobile-device .top-left-menu{left:70px!important;top:10px!important}.mobile-device .top-right-menu{right:70px!important;top:10px!important}.mobile-device .bottom-left-menu{bottom:10px!important;left:70px!important}.mobile-device .bottom-right-menu{bottom:10px!important;right:70px!important}.mobile-device .mobile-menu-item{background-color:#fff3!important;border-radius:50%!important;color:#fff!important;height:40px!important;margin:0 5px!important;width:40px!important}.mobile-device .MuiBox-root[class*=css-]{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important;z-index:-9999!important}.mobile-device .mobile-horizontal-menu .MuiBox-root,.mobile-device .mobile-interface .MuiBox-root,.mobile-device .mobile-menu-item .MuiBox-root{display:flex!important;height:auto!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;width:auto!important;z-index:auto!important}.rotate-device-message{align-items:center!important;background-color:#000000e6!important;color:#fff!important;display:flex!important;flex-direction:column!important;font-size:24px!important;height:100vh!important;justify-content:center!important;left:0!important;position:fixed!important;text-align:center!important;top:0!important;width:100vw!important;z-index:99999!important}.rotate-device-message:before{animation:rotate 2s linear infinite!important;content:"↻"!important;display:block!important;font-size:72px!important;margin-bottom:20px!important}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (orientation:portrait){.mobile-device .mobile-tactics-designer{display:none!important}.mobile-device .rotate-device-message{display:flex!important}}@media screen and (orientation:landscape){.mobile-device .mobile-tactics-designer{display:block!important}.mobile-device .rotate-device-message{display:none!important}}
/*# sourceMappingURL=main.bc8b51d1.css.map*/