.logout[data-v-b04c1714]{align-items:center;gap:10px;width:100%;display:flex}.logout .label[data-v-b04c1714]{font-family:var(--font-pretendard);letter-spacing:-.32px;color:var(--item-color);font-size:16px;font-style:normal;font-weight:700;line-height:24px}.logout .icon[data-v-b04c1714]{width:24px;height:24px;color:var(--item-color)}.user-item[data-v-a67d7b8c]{--item-color:var(--Label-Normal,#1b1c1e);--icon-color:var(--Line-Normal-_Strong,#28303785);font-family:var(--font-pretendard);border-radius:4px;align-items:center;gap:10px;padding:8px 12px;font-weight:700;display:flex;position:relative}.user-item.is-no-character[data-v-a67d7b8c]{padding:0}.user-item .user-sub-menu[data-v-a67d7b8c]{width:10px;height:10px;color:var(--icon-color);flex-shrink:0;transition:transform .2s}@media (width<=767px){.user-item .user-sub-menu[data-v-a67d7b8c]{display:none}}.user-item.is-open .user-sub-menu[data-v-a67d7b8c]{transform:rotate(180deg)}.user-item .icon-logout[data-v-a67d7b8c]{width:20px;height:20px;color:var(--item-color)}@media (width>=1025px) and (hover:hover) and (pointer:fine){.user-item[data-v-a67d7b8c]:not(.is-no-character):hover{background:var(--Fill-Alternative,#2830370d);--item-color:var(--Label-Strong,#000);--icon-color:var(--Label-Strong,#000)}.user-item:not(.is-no-character):hover .user-dropdown[data-v-a67d7b8c]{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.user-item:not(.is-no-character):hover .user-dropdown .logout-button[data-v-a67d7b8c],.user-item:not(.is-no-character):hover .user-dropdown .nick-name[data-v-a67d7b8c]{padding:14px 24px}}@media (width>=1025px) and (hover:hover) and (pointer:fine) and (width<=1599px){.user-item:not(.is-no-character):hover .user-dropdown .logout-button[data-v-a67d7b8c],.user-item:not(.is-no-character):hover .user-dropdown .nick-name[data-v-a67d7b8c]{padding:10px 16px}}@media (width>=1025px) and (hover:hover) and (pointer:fine) and (width<=767px){.user-item:not(.is-no-character):hover .user-dropdown .logout-button[data-v-a67d7b8c],.user-item:not(.is-no-character):hover .user-dropdown .nick-name[data-v-a67d7b8c]{padding:8px 12px}}.user-item.is-open[data-v-a67d7b8c]{background:var(--Fill-Alternative,#2830370d);--item-color:var(--Label-Strong,#000);--icon-color:var(--Label-Strong,#000)}.user-item.is-open .user-dropdown[data-v-a67d7b8c]{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.user-item.is-open .user-dropdown .logout-button[data-v-a67d7b8c],.user-item.is-open .user-dropdown .nick-name[data-v-a67d7b8c]{padding:14px 24px}@media (width<=1599px){.user-item.is-open .user-dropdown .logout-button[data-v-a67d7b8c],.user-item.is-open .user-dropdown .nick-name[data-v-a67d7b8c]{padding:10px 16px}}@media (width<=767px){.user-item.is-open .user-dropdown .logout-button[data-v-a67d7b8c],.user-item.is-open .user-dropdown .nick-name[data-v-a67d7b8c]{padding:8px 12px}}@media (width>=1025px) and (hover:hover) and (pointer:fine){.user-item.is-no-character[data-v-a67d7b8c]:hover{background:var(--Fill-Alternative,#2830370d);--item-color:var(--Label-Strong,#000);--icon-color:var(--Label-Strong,#000)}.user-item.is-no-character:hover .user-dropdown[data-v-a67d7b8c]{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.user-item.is-no-character:hover .user-dropdown .logout-button[data-v-a67d7b8c],.user-item.is-no-character:hover .user-dropdown .nick-name[data-v-a67d7b8c]{padding:14px 24px}.user-item.is-no-character[data-v-a67d7b8c]:hover{--item-color:var(--Label-Normal,#1b1c1e);--icon-color:var(--Line-Normal-_Strong,#28303785);background:0 0}}@media (width>=1025px) and (hover:hover) and (pointer:fine) and (width<=1599px){.user-item.is-no-character:hover .user-dropdown .logout-button[data-v-a67d7b8c],.user-item.is-no-character:hover .user-dropdown .nick-name[data-v-a67d7b8c]{padding:10px 16px}}@media (width>=1025px) and (hover:hover) and (pointer:fine) and (width<=767px){.user-item.is-no-character:hover .user-dropdown .logout-button[data-v-a67d7b8c],.user-item.is-no-character:hover .user-dropdown .nick-name[data-v-a67d7b8c]{padding:8px 12px}}.user-item .icon-exit[data-v-a67d7b8c]{color:var(--icon-color)}.user-item .user-icon[data-v-a67d7b8c]{flex-shrink:0;width:24px;height:24px}.user-item .nick-name-text[data-v-a67d7b8c],.user-item .user-icon[data-v-a67d7b8c]{color:var(--item-color)}.user-item .login[data-v-a67d7b8c]{align-items:center;gap:10px;display:flex}.user-item .login .login-text[data-v-a67d7b8c]{letter-spacing:-.32px;color:var(--item-color);white-space:nowrap;font-size:16px}@media (width<=767px){.user-item .login .login-text[data-v-a67d7b8c]{display:none}}.user-item .no-character[data-v-a67d7b8c]{border-radius:4px}.user-item .logout-icon-button[data-v-a67d7b8c],.user-item .no-character-info[data-v-a67d7b8c]{border-radius:4px;align-self:stretch;align-items:center;gap:10px;padding:8px;display:flex}.user-item .logout-icon-button[data-v-a67d7b8c],.user-item .no-account .no-character-info[data-v-a67d7b8c]{cursor:pointer}@media (hover:hover) and (pointer:fine){.user-item .logout-icon-button[data-v-a67d7b8c]:hover,.user-item .no-account .no-character-info[data-v-a67d7b8c]:hover{background:var(--Fill-Normal,#28303714)}}@media (width<=767px){.user-item .logout-icon-button[data-v-a67d7b8c]{display:none}}.user-item .no-character-text[data-v-a67d7b8c]{color:var(--item-color);letter-spacing:-.26px;font-size:13px;line-height:16px}.user-item .nick-name[data-v-a67d7b8c]{border-radius:4px;align-items:center;gap:10px;display:flex}.user-item .nick-name .user-logo[data-v-a67d7b8c]{justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.user-item .nick-name .user-logo img[data-v-a67d7b8c]{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.user-item .user-dropdown[data-v-a67d7b8c]{background:var(--Background-Normal-Normal,#fff);border-top:2px solid var(--Primary-Normal,#ff7926);--item-color:var(--Label-Neutral,#333e48);--icon-color:var(--Label-Assistive,#333e4880);gap:4px;width:max-content;padding:20px;display:none;position:absolute;top:calc(100% + 16px);left:0}.user-item .user-dropdown[data-v-a67d7b8c]:before{content:"";width:100%;height:24px;position:absolute;bottom:100%;left:0}.user-item .user-dropdown .nick-name[data-v-a67d7b8c]{color:var(--item-color);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center}@media (hover:hover) and (pointer:fine){.user-item .user-dropdown .nick-name[data-v-a67d7b8c]:hover{background:var(--Fill-Normal,#28303714);--item-color:var(--Primary-Normal,#ff7926);--icon-color:var(--Label-Alternative,#556069)}.user-item .user-dropdown .nick-name:hover .battle-tag[data-v-a67d7b8c]{color:var(--Label-Alternative,#556069)}}.user-item .user-dropdown .logout-button[data-v-a67d7b8c]{cursor:pointer;border-radius:4px}@media (hover:hover) and (pointer:fine){.user-item .user-dropdown .logout-button[data-v-a67d7b8c]:hover{background:var(--Fill-Normal,#28303714);--item-color:var(--Primary-Normal,#ff7926);--icon-color:var(--Label-Alternative,#556069)}}.user-item .user-dropdown .battle-tag[data-v-a67d7b8c],.user-item .user-dropdown .icon-exit[data-v-a67d7b8c]{color:var(--icon-color)}.user-item .user-dropdown .user-icon[data-v-a67d7b8c]{width:24px;height:24px}.user-item .no-character-dropdown[data-v-a67d7b8c]{display:none}@media (width<=1599px){.user-item .user-dropdown[data-v-a67d7b8c]{padding:10px;top:calc(100% + 10px)}}@media (width<=1024px){.user-item .user-dropdown[data-v-a67d7b8c]{left:unset;right:0}}@media (width<=767px){.user-item[data-v-a67d7b8c]{width:fit-content;margin-left:auto;padding:6px 12px}.user-item .user-dropdown[data-v-a67d7b8c]{left:unset;right:0}.user-item .user-dropdown .nick-name .nick-name-text[data-v-a67d7b8c]{display:block}.user-item .nick-name .nick-name-text[data-v-a67d7b8c],.user-item .no-character .no-character-text[data-v-a67d7b8c]{display:none}.user-item .no-character-dropdown[data-v-a67d7b8c]{align-items:center;gap:10px;padding:10px}.user-item .linking-account[data-v-a67d7b8c]{cursor:pointer;align-items:center;gap:10px;padding:6px 12px;display:flex}}@media (width<=767px) and (hover:hover) and (pointer:fine){.user-item .linking-account[data-v-a67d7b8c]:hover{background:var(--Fill-Normal,#28303714);--item-color:var(--Primary-Normal,#ff7926);--icon-color:var(--Label-Alternative,#556069)}}@media (width<=767px){.user-item .linking-account[data-v-a67d7b8c]:active,.user-item .logout-icon-button[data-v-a67d7b8c]:active,.user-item .no-account .no-character-info[data-v-a67d7b8c]:active{background:var(--Fill-Normal,#28303714)}.user-item .user-icon[data-v-a67d7b8c]{width:32px;height:32px}}.default-button{background:var(--Label-Normal,#1b1c1e);cursor:pointer;border-radius:2px;justify-content:space-between;align-items:center;gap:28px;min-width:234px;height:56px;padding:5px 5px 5px 43px;transition:background-color .2s,color .2s;display:inline-flex}.default-button .default-button-icon-wrap{aspect-ratio:1;background:var(--Background-Normal-Alternative,#f9fbff);width:auto;height:100%;color:var(--Label-Normal,#1b1c1e);border-radius:2px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:10px;transition:background-color .2s;display:flex}.default-button .default-button-icon-wrap .default-button-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.default-button .default-button-label{min-width:0;color:var(--Background-Normal-Alternative,#f9fbff);font-family:var(--font-pretendard);letter-spacing:3.2px;text-align:left;text-transform:uppercase;font-size:16px;font-style:normal;font-weight:600;line-height:1.25;transition:color .2s}.default-button:hover{background:var(--Primary-Normal,#ff7926)}.default-button:hover .default-button-label{color:var(--Static-Neutral-Dark-Heavy,#283037)}.default-button.is-color{background:var(--Primary-Normal,#ff7926)}.default-button.is-color .default-button-label{color:var(--Static-Neutral-Dark-Heavy,#283037)}.default-button.is-color:hover{background:var(--Label-Normal,#1b1c1e)}.default-button.is-color:hover .default-button-label{color:var(--Background-Normal-Alternative,#f9fbff)}@media (width<=1599px){.default-button{gap:24px;min-width:185px;height:46px;padding:4px 4px 4px 28px}.default-button,.default-button .default-button-icon-wrap{border-radius:2px}.default-button .default-button-label{letter-spacing:1.5px;font-size:15px}}@media (width<=1024px){.default-button{min-width:227px;height:56px;padding:5px 5px 5px 43px}.default-button,.default-button .default-button-icon-wrap{border-radius:2px}.default-button .default-button-label{letter-spacing:3.2px;font-size:16px}}.game-start-button[data-v-e4937bd5]{grid-area:button;margin-left:20px}.game-start-button[data-v-e4937bd5]:disabled{pointer-events:none;opacity:.4;cursor:not-allowed;background:var(--Label-Neutral,#333e48);color:var(--Static-Neutral-Dark-Heavy,#283037)}.game-start-button[data-v-e4937bd5]:disabled .default-button-label{color:var(--Background-Normal-Alternative,#f9fbff)}@media (width<=1599px){.game-start-button[data-v-e4937bd5]{margin-left:16px}}@media (width<=1024px){.game-start-button[data-v-e4937bd5]{display:none}}