#root,body,html{height:100vh;width:100vw}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;overflow-x:auto;overflow-y:auto;width:100%}.app-wrapper{background-attachment:fixed;background-image:url(/static/media/bg.a1633f1e084855f8afc3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;width:100%}.viewport{display:flex}.main-content{display:flex;flex:1 1;justify-content:center;margin-left:min(125px,15vh);margin-top:55px;width:min(90%,1080px)}.main-icon{aspect-ratio:1/1;height:80%;margin-right:10%}.icon{height:40%;margin:.25vw}.icon,.icon.profile{align-self:center;aspect-ratio:1/1}.icon.profile{border-radius:50%;height:60%}.navbar{background-color:#b0d0d6;display:flex;height:55px;justify-content:space-between;min-width:960px;position:fixed;width:100%;z-index:1000}.nav-left{display:flex;height:100%;justify-content:left;list-style:none;margin-left:.5rem}.nav-left.text-box{align-self:center;flex-direction:column;height:60%;margin-left:max(min(3vw,20px),40px)}.nav-left.text,.nav-left.text-box{display:flex;justify-content:center}.nav-left.text{align-items:center;align-self:flex-start;color:#0006;font-size:max(min(.8vw,8px),12px);white-space:nowrap}.nav-right{justify-content:right;list-style:none;margin-right:.75vw}.home-button,.nav-right{align-items:center;display:flex;height:100%}.home-button{aspect-ratio:5/2;background-color:#0000;border:none;color:#000;cursor:pointer;font-size:24px;font-weight:700;white-space:nowrap}.lang-select{aspect-ratio:3/1;background-color:#0000;border-radius:4px;font-size:calc(min(80px, 6vh)/5);height:50%;padding-left:2%}.lang-select,.nav-button{align-items:center;cursor:pointer;display:flex;justify-content:center}.nav-button{background-color:#acc9ce;border:none;color:#000;font-size:calc(min(80px, 6vh)/4);height:100%;margin-left:.75vw;max-width:20%;white-space:nowrap;width:"fit-content"}.nav-button:hover{background-color:#0000001f}.nav-text{font-size:14px;margin:.25vw;position:relative}.sidebar{align-items:center;background-color:#202020;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 55px);margin-top:55px;padding-top:7px;position:fixed;width:min(125px,10vw);z-index:1000}.sidebar-divider{align-self:center;background-color:#ffffff31;height:1px;justify-content:center;margin-top:7px;width:95%}.side-button-slot{display:flex;flex-direction:column;height:60px;width:100%}.side-button{background-color:#ffffff0f;border:none;color:#fff;cursor:pointer;font-size:max(min(1vw,16px),12px);height:45px;width:100%}.side-button:hover{background-color:#ffffff11}@font-face{font-family:en-font;src:url(/static/media/en.d2d7f0c01bffaa5ec8f7.ttf) format("truetype")}@font-face{font-family:kr-font;src:url(/static/media/kr.c89dc775feed56569658.ttf) format("truetype")}@font-face{font-family:jp-font;src:url(/static/media/jp.a3f6fde115bd09a7e4bf.ttf) format("truetype")}@font-face{font-family:zh-font;src:url(/static/media/zh.a7e68e70d5dc194bc172.ttf) format("truetype")}.enFont{font-family:en-font,sans-serif}.krFont{font-family:kr-font,sans-serif}.jpFont{font-family:jp-font,sans-serif}.zhFont{font-family:zh-font,sans-serif}.profile-portrait{display:flex;flex-direction:column;min-width:856px;width:clamp(856px,80vw,1070px)}.profile-filter-slot{aspect-ratio:20/1;display:block;min-width:856px;position:relative;width:100%}.profile-image-request{align-items:center;aspect-ratio:19/1;display:flex;justify-content:center;margin-left:2.5%;width:95%}.profile-image-request-button{-webkit-appearance:none;appearance:none;background:linear-gradient(330deg,#336,#0b0b44);border:1px solid #fff6;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:0;box-shadow:none;color:#fff;height:80%;margin-right:1.5%;min-width:calc(11% - 2px);outline:none;width:fit-content;z-index:250}.profile-image-request-button.data{margin-left:auto;margin-right:0}.profile-image-request-button:disabled{cursor:not-allowed;opacity:.5}.profile-image-request-button:hover{background:linear-gradient(330deg,#669,#0b0b88)}.profile-card-slot{aspect-ratio:2140/940;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #999;box-shadow:0 10px 30px #000;display:block;min-width:856px;position:relative;width:100%;z-index:250}.profile-alert-text{align-self:center;color:#0009;display:flex;font-weight:400;justify-self:flex-end;line-height:1.5;text-align:right;white-space:pre-wrap}.profile-slot{background-color:#fff3;display:block;position:absolute}.profile-card-icon{align-content:center;display:block;height:100%;justify-content:center;object-fit:contain;width:100%}.profile-card-text{display:block;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;z-index:500}.stat-score-slot{align-content:center;display:flex;height:100%;justify-content:center;width:50%}.stat-score-text{align-items:center;color:#fff;display:flex;height:100%;text-align:center}.stat-score-text.title{justify-content:flex-start;width:20%}.stat-score-text.value{justify-content:flex-end;width:50%}.profile-select-slot{align-items:center;display:flex;margin-bottom:15px;margin-top:25px;min-width:856px;position:relative;width:calc(100% - 50px)}.profile-card-character-constellation{pointer-events:none}.empty-select-dropdown{aspect-ratio:1/2;display:flex;height:100%}.profile-ocr-slot{aspect-ratio:2140/856;border:1px solid #fff;border-radius:10px;display:block;margin:3% 0;min-width:856px;position:relative;width:calc(100% - 2px)}.ocr-select-slot{align-content:center;justify-content:center}.ocr-text{color:#fff}.ocr-text.title{font-weight:700}.image-drag-slot{align-items:center;background-color:#0006;height:100%;justify-content:center;overflow:hidden;width:100%}.image-drag-slot,.image-drag-slot-content{display:flex;position:relative}.ocr-request-slot{align-items:center;background-color:#0006;border:1px dashed #fff9;display:flex;height:calc(75% - 10px);justify-content:center;margin:4px;width:calc(100% - 10px)}.ocr-request-slot.focused{border:1px dashed #0ff9}.ocr-request-info-text{color:#aaa;display:flex;height:4%;margin-left:10px;width:90%}.ocr-request-text{background-color:#0009;color:#fff;font-size:1.1vw;font-weight:700;height:fit-content;left:50%;padding:10px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap;width:fit-content;z-index:250}.ocr-status-text{color:#ccc;margin-right:2%}.ocr-status-text.request{color:#cc4}.ocr-status-text.success{color:#84cc84}.ocr-status-text.fail{color:#c88}.ocr-image{height:100%;object-fit:contain;pointer-events:none;width:100%}.ocr-image.focused{opacity:.25}.ocr-request-button-slot{align-items:center;align-self:flex-end;display:flex;height:17%;justify-content:flex-end;justify-self:center;width:100%}.ocr-request-button{aspect-ratio:2/1;height:62.5%;margin:3% 3% 3% 0}.ocr-result-button{aspect-ratio:1.85/1;height:30%;margin-right:2%;padding:0}.login-section,.ocr-result-button{align-items:center;display:flex;justify-content:center}.login-section{min-height:100%;padding:40px 20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:40px;width:100%}.login-box h2{color:#333;font-size:28px;margin:0 0 30px;text-align:center}.input-group{margin-bottom:20px}.input-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.input-group input:focus{border-color:#667eea;outline:none}.error-message,.success-message{font-size:13px;margin:10px 0;padding:10px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:transform .2s,opacity .2s;width:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.divider{color:#999;font-size:14px;margin:25px 0;position:relative;text-align:center}.divider:after,.divider:before{background:#ddd;content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.google-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:12px;transition:background .2s,border-color .2s;width:100%}.google-btn:hover:not(:disabled){background:#f8f9fa;border-color:#bbb}.google-btn:disabled{cursor:not-allowed;opacity:.6}.google-btn img{height:20px;width:20px}.toggle-text{color:#666;font-size:14px;margin-top:20px;text-align:center}.toggle-text span{color:#667eea;cursor:pointer;font-weight:600;margin-left:5px}.toggle-text span:hover{text-decoration:underline}.userinfo-container{margin:50px auto;max-width:800px;width:90%}.user-profile{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:40px}.user-profile h2{color:#333;font-size:28px;margin:0 0 30px}.user-profile h3{color:#333;font-size:20px;margin:20px 0 15px}.profile-card{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:30px}.profile-avatar-section{flex-shrink:0}.profile-avatar{align-items:center;background:#667eea;border-radius:50%;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.avatar-edit{display:flex;flex-direction:column;gap:10px}.avatar-preview{align-items:center;background:#667eea;border-radius:50%;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.photo-input{border:1px solid #ddd;border-radius:6px;font-size:12px;padding:8px;width:200px}.profile-info{flex:1 1}.profile-info h3{color:#333;font-size:28px;margin:0 0 10px}.name-input{border:2px solid #667eea;border-radius:6px;font-size:28px;font-weight:700;margin-bottom:10px;max-width:400px;padding:8px;width:100%}.profile-info .email{color:#666;font-size:16px;margin:5px 0}.profile-info .user-id{color:#999;font-family:monospace;font-size:13px;margin:5px 0}.email-verification{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.verified-badge{background:#d4edda;color:#155724}.unverified-badge,.verified-badge{border-radius:6px;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.unverified-badge{background:#fff3cd;color:#856404}.verify-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.verify-btn:hover:not(:disabled){background:#5568d3}.game-info-section{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:25px}.game-info-display{display:flex;flex-direction:column;gap:15px}.info-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-item .label{color:#666;font-weight:500}.info-item .value{color:#333;font-weight:600}.game-form{gap:20px}.form-row,.game-form{display:flex;flex-direction:column}.form-row{gap:8px}.form-row label{color:#555;font-size:14px;font-weight:500}.form-row input,.form-row select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s}.form-row input:focus,.form-row select:focus{border-color:#667eea;outline:none}.error-message{background:#fee;color:#e74c3c}.error-message,.success-message{border-radius:6px;font-size:14px;margin:15px 0;padding:12px;text-align:center}.success-message{background:#d4edda;color:#27ae60}.action-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btn,.edit-btn,.logout-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.edit-btn{background:#667eea;color:#fff}.edit-btn:hover{background:#5568d3}.save-btn{background:#27ae60;color:#fff}.save-btn:hover:not(:disabled){background:#229954}.save-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#95a5a6;color:#fff}.cancel-btn:hover:not(:disabled){background:#7f8c8d}.logout-btn{background:#e74c3c;color:#fff}.logout-btn:hover{background:#c0392b}
/*# sourceMappingURL=main.78cb4583.css.map*/