.link[data-v-ba8a4d9d]{display:block;width:100%}.main-button[data-v-ba8a4d9d]{background-color:var(--fg-color);color:var(--text-invert-color);fill:var(--text-invert-color);height:2.5rem;min-width:110px;position:relative;top:.5rem;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}@media (min-width:768px){.main-button[data-v-ba8a4d9d]{font-size:1.5rem;height:3rem;line-height:2rem;min-width:130px}}.main-button .subborder[data-v-ba8a4d9d]{border-color:var(--fg-color);border-width:2px;height:calc(100% - 1px);left:0;position:absolute;top:1px;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:calc(100% - 1px)}.main-button .subborder[data-v-ba8a4d9d]:hover{transform:translateY(5px) translate(6px)}.main-button[data-v-ba8a4d9d]:hover{transform:translateY(-5px) translate(-6px)}.nickname[data-v-8cbcc5e0]{animation:nickname-appear-8cbcc5e0 .75s linear backwards;overflow:hidden}@keyframes nickname-appear-8cbcc5e0{0%{color:var(--fg-color);min-width:0;padding-left:0;padding-right:0;width:0}50%{color:var(--fg-color);padding-left:1.5rem;padding-right:1.5rem;width:35vw}70%{color:var(--fg-color)}80%{color:var(--text-invert-color)}90%{color:var(--fg-color)}to{color:var(--text-invert-color)}}.anim-subtitle[data-v-e03ec01b]{display:flex;max-width:100vw;min-width:350px;overflow:hidden}.anim-subtitle .delimiter[data-v-e03ec01b]{background-color:var(--fg-color);height:1.75rem;margin-right:3px;min-width:4px;width:4px}@media (min-width:768px){.anim-subtitle .delimiter[data-v-e03ec01b]{height:2rem}}.anim-subtitle .delimiter[data-v-e03ec01b]{animation:delimiter-appear-e03ec01b .15s linear backwards;transform-origin:top}.anim-subtitle .name[data-v-e03ec01b]{background-color:var(--fg-color);color:var(--text-invert-color);fill:var(--text-invert-color);align-items:flex-end;display:flex;height:1.75rem;min-width:6.5rem;overflow:hidden;padding-left:.375rem;padding-right:.375rem;width:6.5rem}@media (min-width:768px){.anim-subtitle .name[data-v-e03ec01b]{font-size:1.125rem;height:2rem;line-height:1.75rem;min-width:8rem;padding-bottom:.25rem;width:8rem}}.anim-subtitle .name[data-v-e03ec01b]{animation:name-appear-e03ec01b .3s linear backwards;transform-origin:top}.anim-subtitle .value[data-v-e03ec01b]{align-self:center;border-radius:.375rem;font-size:1.25rem;line-height:1.75rem;line-height:1;margin-left:.75rem;overflow:hidden;white-space:nowrap;width:100%}@media (min-width:768px){.anim-subtitle .value[data-v-e03ec01b]{font-size:1.875rem;line-height:2.25rem;margin-top:-4px;padding:2px .5rem 2px 2px}}.anim-subtitle .value[data-v-e03ec01b]{animation:typing-e03ec01b 1s steps(25) backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes delimiter-appear-e03ec01b{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes name-appear-e03ec01b{0%{color:var(--fg-color);min-width:0;padding:0;width:0;width:0}50%{min-width:6.5rem;width:35vw;width:6.5rem}@media (min-width:768px){50%[data-v-e03ec01b]{min-width:8rem;width:8rem}}50%{color:var(--fg-color)}70%{color:var(--fg-color)}80%{color:var(--text-invert-color)}90%{color:var(--fg-color)}to{color:var(--text-invert-color)}}@keyframes typing-e03ec01b{0%{padding:2px 0;width:0}to{width:100%}}.main-title[data-v-4fdfa0ec]{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:10}.main-title .logo[data-v-4fdfa0ec]{align-self:center;animation:logo-appear-4fdfa0ec .5s ease-in;filter:drop-shadow(0 0 20px rgba(0,0,0,.9));margin-bottom:60px}.main-title .fields[data-v-4fdfa0ec]{display:flex;flex-direction:column;gap:8px;justify-content:center}.main-title .menu[data-v-4fdfa0ec]{display:flex;gap:12px;margin-top:-4px}@media (min-width:768px){.main-title .menu[data-v-4fdfa0ec]{width:calc(33vw + 15px)}}.main-title .menu-button[data-v-4fdfa0ec] .main-button{animation:menu-button-appear-4fdfa0ec .4s linear backwards;transform-origin:left}@keyframes menu-button-appear-4fdfa0ec{0%{color:var(--fg-color);opacity:0;transform:scaleX(0)}50%{color:var(--fg-color);opacity:1;transform:scaleX(1)}70%{color:var(--fg-color)}80%{color:var(--text-invert-color)}90%{color:var(--fg-color)}to{color:var(--text-invert-color)}}@keyframes logo-appear-4fdfa0ec{0%{filter:blur(100px);opacity:0}to{filter:none;opacity:1}}