.menu-toggle-btn{position:fixed;bottom:-6rem;left:50%;transform:translate(-50%);width:20rem;height:10rem;padding-top:1.15rem;border-radius:50% 50% 0 0/80% 80% 0 0;background-color:var(--fg);color:var(--bg);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.25rem;cursor:pointer;z-index:100}.menu-toggle-btn .hamburger-bar{display:none}.menu-toggle-btn:after{content:"";width:3rem;height:1.7rem;margin-top:0;background-color:var(--bg);-webkit-mask:url(/global/SmashClub_logo.svg) no-repeat center / contain;mask:url(/global/SmashClub_logo.svg) no-repeat center / contain}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:100}.menu-bg{position:absolute;width:100%;height:100%;background-color:var(--fg)}#menu-canvas{width:100%;height:100%;display:block}.menu-overlay-nav{position:absolute;top:0;left:0;width:100%;max-width:2000px;margin:0 auto;padding:2rem;display:flex;justify-content:space-between}.menu-overlay-footer{position:absolute;bottom:0;width:100%;max-width:2000px;margin:0 auto;padding:2rem;display:flex;justify-content:space-between}.menu-overlay-nav a,.menu-overlay-nav p,.menu-overlay-footer a,.menu-overlay-footer p{line-height:1;color:var(--bg)}.close-btn{position:relative;transform:translate(-.25rem,-.5rem);width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:.15rem}.close-btn .close-btn-bar{position:absolute;top:50%;transform:translateY(-50%);width:.9rem;height:.125rem;background-color:var(--bg)}.close-btn .close-btn-bar:nth-child(1){transform:rotate(45deg)}.close-btn .close-btn-bar:nth-child(2){transform:rotate(-45deg)}.menu-overlay-items{display:flex;gap:2rem}.menu-overlay-right{display:flex;align-items:center;gap:1.5rem}.menu-overlay-socials{display:flex;align-items:center;gap:.9rem}.menu-overlay-socials a{display:inline-flex;color:var(--bg);font-size:1.35rem;line-height:1;transition:opacity .2s ease,transform .55s ease}.menu-overlay-socials a:hover{opacity:.6;transform:rotate(360deg)}.circular-menu{position:relative;width:600px;height:600px;display:flex;justify-content:center;align-items:center;z-index:10}.joystick{position:relative;width:100px;height:100px;background:var(--fg);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:grab;z-index:100}.center-icon{position:absolute;color:var(--bg);font-size:.75rem}.center-main{font-size:1.5rem}svg.center-main{top:50%;left:50%;transform:translate(-50%,-50%);width:2.2rem;height:auto;fill:currentColor}.center-up{top:.5rem;left:50%;transform:translate(-50%)}.center-down{bottom:.5rem;left:50%;transform:translate(-50%)}.center-left{left:.5rem;top:50%;transform:translateY(-50%)}.center-right{right:.5rem;top:50%;transform:translateY(-50%)}.menu-segment{position:absolute;width:100%;height:100%;color:var(--fg);background:var(--bg);cursor:pointer}.segment-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.segment-content ion-icon{font-size:2rem;margin-bottom:10px}.segment-content .seg-ico{display:block;width:2.4rem;height:2rem;margin:0 auto 10px;background-color:currentColor;-webkit-mask:var(--ico) no-repeat center / contain;mask:var(--ico) no-repeat center / contain}.label{font-size:.75rem;padding:0}.menu-segment:hover{animation:flickerHover .3s ease-in-out forwards;z-index:10}.menu-segment:hover .segment-content{animation:contentFlickerHover .3s ease-in-out forwards}.menu-overlay{opacity:0;pointer-events:none}@media(max-width:1000px){.menu-toggle-btn{padding-top:.8rem}.menu-toggle-btn:after{width:4.25rem;height:2.4rem;background-color:#e30613}.segment-content ion-icon{font-size:20px}.segment-content .seg-ico{width:24px;height:20px;margin-bottom:6px}}@keyframes flickerHover{0%{background-color:var(--fg)}10%{background-color:var(--bg)}20%{background-color:var(--fg)}30%{background-color:var(--bg)}40%{background-color:var(--fg)}50%{background-color:var(--bg)}60%{background-color:var(--fg)}70%{background-color:var(--bg)}80%{background-color:var(--fg)}90%{background-color:var(--bg)}to{background-color:var(--fg)}}@keyframes contentFlickerHover{0%{color:var(--bg)}10%{color:var(--fg)}20%{color:var(--bg)}30%{color:var(--fg)}40%{color:var(--bg)}50%{color:var(--fg)}60%{color:var(--bg)}70%{color:var(--fg)}80%{color:var(--bg)}90%{color:var(--fg)}to{color:var(--bg)}}