@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.min.css";:root{--unit: .72px}@media(max-width:720px){:root{--unit: (100vw / 720)}}body,p,h1,h2,h3,h4,h5,h6{margin:0}button{border:none;outline:none;appearance:none}.bd2w-email-login-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bd2w-language-jp .bd2w-email-login-wrap *{font-family:Pretendard JP!important;font-weight:400}.bd2w-email-login-wrap *{font-family:Pretendard!important;font-weight:400;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bd2w-email-login-wrap .bd2w-email-login-container{width:100%;max-width:520px;display:flex;flex-direction:column;padding:0 calc(40 * var(--unit));min-height:calc(830 * var(--unit))}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-close-container{height:calc(90 * var(--unit));display:flex;justify-content:flex-end;align-items:center}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-close-container .bd2w-close-button{padding:calc(8 * var(--unit));cursor:pointer;transform:translate(8px);background-color:#fff}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-close-container img{display:block;width:calc(34 * var(--unit))}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-logo-container{text-align:center;font-size:0;margin-bottom:calc(60 * var(--unit))}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-logo-container img{display:inline-block;width:calc(220 * var(--unit));height:auto}.bd2w-email-login-wrap .bd2w-email-login-container h3.bd2w-login-title{text-align:center;font-size:calc(44 * var(--unit));line-height:calc(52 * var(--unit));font-weight:700;margin-bottom:calc(60 * var(--unit))}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-email-status-container{margin-bottom:calc(32 * var(--unit))}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-email-status-container h5.bd2w-email-status-text{font-size:calc(28 * var(--unit));line-height:calc(30 * var(--unit));text-align:center;font-weight:500}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-content-container{margin-bottom:calc(80 * var(--unit));position:relative}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-content-container .bd2w-common-input{width:100%;height:calc(100 * var(--unit));border:.5px solid rgba(217,217,217,1);padding:0 calc(22 * var(--unit));box-sizing:border-box;font-size:calc(28 * var(--unit));line-height:calc(100 * var(--unit));color:#2d2d2d}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-content-container .bd2w-common-input:focus{outline:none;border:.5px solid rgba(173,175,184,1)}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-content-container .bd2w-common-input::placeholder{font-size:calc(28 * var(--unit));line-height:calc(100 * var(--unit));color:#d9d9d9;font-weight:500}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-content-container .bd2w-email-error-container{position:absolute;bottom:calc(-50 * var(--unit));left:calc(20 * var(--unit))}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-content-container .bd2w-email-error-container p{color:red;font-size:calc(22 * var(--unit))}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-common-button{width:100%;background-color:#2d2d2d;border-radius:calc(10 * var(--unit));height:calc(100 * var(--unit));color:#fff;font-size:calc(28 * var(--unit));line-height:calc(100 * var(--unit));cursor:pointer}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-common-button:hover{color:#fff}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-common-button:disabled{background-color:#adafb8;border:.5px solid rgba(173,175,184,1)}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-back-container{height:calc(80 * var(--unit));text-align:center;display:flex;justify-content:center;cursor:pointer}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-back-container h4{font-size:calc(22 * var(--unit));line-height:calc(80 * var(--unit));font-weight:400}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-resend-email{text-align:center;height:calc(80 * var(--unit));margin-top:calc(20 * var(--unit));display:flex;align-items:center;justify-content:center;cursor:pointer}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-resend-email h4{font-size:calc(22 * var(--unit));font-weight:500}.bd2w-email-login-wrap .bd2w-email-login-container .bd2w-resend-email h4 span{color:#3c41eb}.bd2w-email-login-wrap .bd2w-loader-container{width:100%;display:flex;align-items:center;justify-content:center}.bd2w-email-login-wrap .bd2w-loader{margin:0 auto calc(1em * var(--unit));height:calc(100 * var(--unit));width:20%;text-align:center;padding:1em;display:inline-block;vertical-align:top}svg path,svg rect{fill:#adafb8}.bd2w-email-login-wrap .bd2w-modal-wrap{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10000}.bd2w-email-login-wrap .bd2w-dim{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:-1}.bd2w-email-login-wrap .bd2w-modal-container{width:calc(560 * var(--unit));background-color:#fff;padding-top:calc(48 * var(--unit));padding-bottom:calc(20 * var(--unit));border-radius:calc(14 * var(--unit))}.bd2w-email-login-wrap .bd2w-modal-confirm-button-container{display:flex;align-items:center;justify-content:center}.bd2w-email-login-wrap .bd2w-modal-confirm-button-container button.bd2w-modal-button{padding:0;width:calc(220 * var(--unit));height:calc(80 * var(--unit));background-color:#2d2d2d;border-radius:calc(10 * var(--unit));color:#fff;font-size:calc(28 * var(--unit));line-height:calc(80 * var(--unit));cursor:pointer}.bd2w-email-login-wrap .bd2w-modal-title h3.bd2w-modal-title-text{font-size:calc(36 * var(--unit));margin-bottom:calc(40 * var(--unit));color:#2d2d2d;text-align:center;font-weight:700}.bd2w-email-login-wrap .bd2w-modal-content h4.bd2w-modal-text{font-size:calc(28 * var(--unit));color:#2d2d2d;margin-bottom:calc(35 * var(--unit));text-align:center;font-weight:500}.bd2w-email-login-wrap .bd2w-loading-container{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0000004d;z-index:10000}.bd2w-email-login-wrap .bd2w-waring-text-container{margin-bottom:calc(60 * var(--unit))}.bd2w-email-login-wrap .bd2w-waring-text-container .bd2w-waring-text{font-size:calc(22 * var(--unit));color:#5c5d63;text-align:center}.bd2w-email-login-wrap .bd2w-verification-code-input-container{display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;padding:0 calc(40 * var(--unit));margin-bottom:calc(60 * var(--unit));border:2px solid rgba(217,217,217,1);height:calc(100 * var(--unit))}.bd2w-email-login-wrap .bd2w-verification-code-input-container:focus .bd2w-verification-code-input{border-bottom:none}.bd2w-email-login-wrap .bd2w-verification-code-input::placeholder{color:#d9d9d9}.bd2w-email-login-wrap .bd2w-verification-code-input{width:35px;text-align:center;font-size:calc(44 * var(--unit));font-weight:700;border:none;outline:none;color:#2d2d2d;cursor:text;border-bottom:none}.bd2w-email-login-wrap .bd2w-verification-code-input:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#9e9e9e}@media(max-width:720px){.bd2w-email-login-wrap .bd2w-email-login-container{max-width:none}.bd2w-email-login-wrap .bd2w-verification-code-input-container{display:flex;border:1.5px solid rgba(217,217,217,1)}.bd2w-email-login-wrap .bd2w-verification-code-input{width:30px}}@media(max-width:500px){.bd2w-email-login-wrap .bd2w-verification-code-input{width:23px}}@media(max-width:300px){.bd2w-email-login-wrap .bd2w-verification-code-input{width:15px}}.email-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;width:100%;box-sizing:border-box;max-width:600px;margin:0 auto}.email-container>div{width:100%}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;width:100%;box-sizing:border-box;max-width:500px;margin:0 auto}.login-content{width:100%;display:flex;flex-direction:column;justify-content:center;padding:40px;background-color:#fff;border-radius:30px}.login-header{text-align:center;margin-bottom:20px}.login-header img{width:200px;object-fit:contain}.login-title{font-size:20px;font-weight:700;color:#111;margin:0 0 8px;letter-spacing:2px}.login-subtitle{font-size:14px;color:#888;margin:0}.login-buttons{display:flex;flex-direction:column;gap:12px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 20px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease;border:none;box-sizing:border-box;border:1px solid transparent}.login-btn:active{transform:scale(.98)}.login-btn img{width:20px;height:20px;flex-shrink:0;object-fit:contain}.login-icon{width:20px;height:20px;flex-shrink:0}.login-btn.google{background:#fff;color:#333;border:1px solid #ddd}.login-btn.google:hover{background:#f8f8f8;border-color:#ccc}.login-btn.google:active{background:#f0f0f0}.login-btn.apple{background:#fff;color:#333;border:1px solid #ddd}.login-btn.apple:hover{background:#f8f8f8;border-color:#ccc}.login-btn.apple:active{background:#f0f0f0}.login-btn.email{background:#fff;color:#333;border:1px solid #ddd}.login-btn.email:hover{background:#f8f8f8;border-color:#ccc}.login-btn.email:active{background:#f0f0f0}.login-btn.back{background:transparent;color:#888;font-weight:500;margin-top:8px}.login-btn.back:hover{background:#f8f8f8;color:#666}.login-btn.back:active{background:#f0f0f0}.login-divider{display:flex;align-items:center;margin:8px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#eee}.login-divider span{padding:0 16px;font-size:13px;color:#aaa}.login-footer{padding:24px 0;text-align:center}.login-footer p{margin:0;font-size:11px;color:#ccc;letter-spacing:2px}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;gap:16px;position:fixed;inset:0;z-index:9999}.loading-spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:#333;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:#888;margin:0}.card-container{min-height:100vh;width:100%;max-width:600px;margin:0 auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.card{width:100%;background:#fff;border-radius:30px;margin:20px}.card-body{width:100%;padding:24px;box-sizing:border-box}.card-avatar{text-align:center;margin-bottom:32px}.card-avatar img{width:100%;max-width:280px}.card-stats{width:100%}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0}.stat-item:last-child{border-bottom:none}.stat-item.highlight{background:none}.stat-label{font-size:14px;color:#999}.stat-value{font-size:16px;font-weight:600;color:#222}.stat-value.damage{color:#e53935}.stat-value.level{color:#222}.logout-btn{width:100%;margin-top:40px;padding:16px;border:none;border-radius:8px;font-size:15px;color:#666;cursor:pointer}.logout-btn:hover{background:#f5f5f5}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:30px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;position:relative;overflow:visible}.modal-header{display:flex;justify-content:flex-end;align-items:center}.modal-title{font-size:18px;font-weight:700;color:#111;margin:0}.modal-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#999;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;position:absolute;top:-50px;right:-0px;z-index:2}.modal-body{padding:30px 20px 20px}.modal-message{font-size:14px;color:#333;line-height:1.3;text-align:center;font-weight:700}.modal-message p{margin:0;white-space:pre-wrap}.modal-buttons{display:flex;justify-content:center;margin-top:20px}.modal-btn{width:150px;padding:10px;border-radius:8px;font-size:20px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease;border:1px solid transparent}.modal-btn:active{transform:scale(.98)}.modal-btn.primary{background:#111;color:#fff;border:none}.modal-btn.primary:hover{background:#333}.modal-btn.secondary{background:#fff;color:#333;border:1px solid #ddd}.modal-btn.secondary:hover{background:#f8f8f8;border-color:#ccc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#root{background-image:url(/user-info-card/common-bg.png);background-color:#f0f2f8}*{box-sizing:border-box}