@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;500;700&display=swap";html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";z-index:0-1;background:linear-gradient(to bottom,#9a9a9a,#ebebeb 15%,#ebebeb);-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:35px;aspect-ratio:1;box-shadow:0 0 0 3px inset #fff;animation:l6 1.5s infinite .5s;z-index:100}.loader:before,.loader:after{content:"";width:35px;aspect-ratio:1;box-shadow:0 0 0 3px inset #fff;position:absolute;animation:l6 1.5s infinite}.loader:before{left:calc(100% + 5px);animation-delay:1s}.loader:after{left:-40px;animation-delay:0s}@keyframes l6{0%,55%,to{border-radius:0}20%,30%{border-radius:50%}}.loadingLoopBack{position:absolute;top:0;left:0;width:100%;height:100%;background:#1d1f22;z-index:50}.main-menu-background{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#9a9a9a,#ebebeb 15%,#ebebeb)}.main-menu-buttons-container{display:flex;align-items:flex-start;gap:1rem}.main-menu-button-wrapper{display:flex;flex-direction:column;align-items:center;padding:20px}.main-menu-square{position:relative;display:inline-block;overflow:hidden;border-radius:2.5rem;transition:transform .1s ease-in-out;cursor:pointer}.main-menu-square:hover{transform:scale(1.02)}.main-menu-square:active{transform:scale(.98)}.main-menu-image{width:100%;height:100%;object-fit:cover}.main-menu-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:#aaa;font-size:1rem}.main-menu-label{margin-top:.5rem;text-align:center;font-size:.875rem;color:#444;font-family:Inter,sans-serif}.main-menu-label-below{margin-top:.5rem;text-align:center;font-size:1.5rem;color:#0f0f0f;font-family:Inter,sans-serif;font-weight:100}@media screen and (max-width: 768px) and (orientation: portrait){.main-menu-background{height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding-top:70px;padding-bottom:0;overflow-y:auto;box-sizing:border-box}.main-menu-buttons-container{flex-direction:column;align-items:center;gap:.5rem}.main-menu-button-wrapper{padding:0}.main-menu-square{transform:scale(.6)}.main-menu-label,.main-menu-label-below{font-size:.75rem;margin-top:-2.8rem;line-height:1.1}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.header{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 15px;background-color:#2220;top:10px;position:absolute;pointer-events:none}.logoContainerHUD{display:flex;align-items:center}.logoHUD{width:120px;height:auto}.headerButton{display:flex;justify-content:center;align-items:center;width:50%;height:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:1;margin-left:-7px;pointer-events:auto;cursor:pointer}.headerButtonHome{display:flex;justify-content:center;align-items:center;width:50%;height:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:1;margin-left:-1px;margin-bottom:4px;pointer-events:auto;flex-shrink:0;cursor:pointer}.headerButtonAni{display:flex;justify-content:center;align-items:center;width:50%;height:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:1;margin:0;flex-shrink:0;pointer-events:auto;cursor:pointer}.circleHeader{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1.5px solid rgb(255,255,255);border-radius:50%;background-color:#0000;text-align:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;margin:15px}.circleHeader.clicked{border:1.5px solid rgb(255,162,0)}.sideMenuContainer{display:flex;align-items:center;gap:10px;margin-right:15px;margin-top:10px}@media (hover: hover){.circleHeader:hover{border:1.5px solid rgba(23,23,23,.573)}}@media screen and (max-width: 768px) and (orientation: portrait){.sideMenuContainer{gap:0px;margin-top:5px;margin-right:18px}.circleHeader{margin:5px}}.label{display:flex;align-items:center;position:relative;font-family:Arial,sans-serif;transform:scale(10);pointer-events:all}.circle{flex-shrink:0;width:80px;height:80px;border:2px solid #5CC0CC;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;background:transparent}.inner-circle{width:40px;height:40px;background:#5cc0cc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px;z-index:3}.label-bg{position:absolute;left:0;top:50%;transform:translateY(-50%);height:60%;border-radius:999px;width:100%;background:#fff;-webkit-mask:radial-gradient(circle 42px at 40px 50%,transparent 99%,black 100%);-webkit-mask-composite:destination-out;mask:radial-gradient(circle 42px at 40px 50%,transparent 99%,black 100%);mask-composite:exclude;z-index:1}.label-text{position:relative;z-index:2;font-size:28px;color:#5cc0cc;font-weight:500;margin-left:5px;white-space:nowrap;padding:.5rem 1.5rem}