.confirm-modal{display:flex;flex-direction:column;background-color:#ffc466;border:1px solid #000;border-radius:12px;width:410px;height:124px;justify-content:center;text-align:center}.confirm-modal .message{font-size:24px;margin-bottom:18px;font-family:YoonChild-ManSeh}.confirm-modal .actions{display:flex;justify-content:center;gap:27px;font-size:13px}.confirm-modal .actions button{background:none;border:none;font-size:13px}
.modal-backdrop-game{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1010px;height:600px;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:100}.modal-backdrop-home{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:100;display:flex;align-items:center;justify-content:center}
.close-btn{background:none;border:none}
.code-input-modal{position:relative;display:flex;flex-direction:column;background-color:#ffc466;border:1px solid #000;border-radius:12px;width:410px;height:218px;justify-content:center;text-align:center}.code-input-modal .close-btn{position:absolute;top:13.7px;right:14.67px;font-size:20px}.code-input-modal .title{font-size:24px;margin-bottom:20px;font-family:YoonChild-ManSeh}.code-input-modal .code-inputs{display:flex;justify-content:center;gap:6px;margin-bottom:20px}.code-input-modal .code-inputs input.code-box{width:66px;height:66px;font-size:28px;text-align:center;border:1px solid #000;border-radius:12px;outline:none;background-color:#fff}.code-input-modal .confirm-btn{background:none;border:none;font-size:13px}
.room-enter-modal{position:relative;display:flex;flex-direction:column;background-color:#ffc466;border:1px solid #000;border-radius:12px;width:410px;height:325px;justify-content:center;align-items:center;text-align:center}.room-enter-modal .close-btn{position:absolute;top:13.7px;right:14.67px;background:none;border:none;font-size:20px;cursor:pointer}.room-enter-modal .title{font-size:24px;font-family:YoonChild-ManSeh;margin-bottom:20px}.room-enter-modal .room-type{width:257px;height:30px;background-color:#89c881;border-radius:8px;border:1px solid #000;color:#fff;font-size:16px;margin-bottom:18px}.room-enter-modal .room-info-box{width:257px;height:82px;background-color:#fff;border:1px solid #000;border-radius:8px;margin-bottom:10px}.room-enter-modal .room-info-box .host-line{display:flex;justify-content:center;margin-top:16px;font-size:16px}.room-enter-modal .room-info-box .host-line .leader-icon{width:24px;height:24px}.room-enter-modal .room-info-box .room-name{margin-top:8px;font-size:13px}.room-enter-modal .password-input{width:257px;height:41px;border:1px solid #000;border-radius:8px;font-size:12px;margin-bottom:20px;padding-left:12px}.room-enter-modal .enter-btn{background:none;border:none;font-size:16px}
.custom-checkbox-wrapper{width:fit-content;display:inline-flex;align-items:center;cursor:pointer;gap:3.69px;position:relative}.custom-checkbox-wrapper input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:absolute;opacity:0;width:13px;height:13px;margin:0;z-index:2;cursor:pointer}.custom-checkbox-wrapper .custom-checkbox{width:13px;height:13px;border-radius:4px;border:1.05px solid #999;background-color:#fff;position:relative;z-index:1}.custom-checkbox-wrapper .custom-checkbox .check-icon{display:none;position:absolute;top:2px;left:1px;width:9px;height:8px;pointer-events:none}.custom-checkbox-wrapper input[type=checkbox]:checked+.custom-checkbox{border-color:#000}.custom-checkbox-wrapper input[type=checkbox]:checked+.custom-checkbox .check-icon{display:block}.custom-checkbox-wrapper .checkbox-label{font-size:12px;font-family:"SUIT-Regular"}.custom-checkbox-wrapper input[type=checkbox]:focus+.custom-checkbox{outline:2px solid #000;outline-offset:-1px}.custom-checkbox-wrapper.disabled .custom-checkbox{color:#999}.custom-checkbox-wrapper.disabled .checkbox-label{color:#999}
.report-modal{position:relative;display:flex;flex-direction:column;background-color:#ffc466;border:1px solid #000;border-radius:12px;width:410px;height:467px;justify-content:center;align-items:center;text-align:center}.report-modal .close-btn{position:absolute;top:13.7px;right:14.67px;background:none;border:none;font-size:20px;cursor:pointer}.report-modal .title{font-size:24px;font-family:YoonChild-ManSeh;margin-bottom:20px}.report-modal .reported-user{width:257px;height:30px;background-color:#89c881;border-radius:8px;border:1px solid #000;font-size:16px;margin-bottom:10px;color:#fff}.report-modal .reason-box{display:flex;flex-direction:column;width:257px;height:185px;background-color:#fff;border:1px solid #000;border-radius:8px;overflow:hidden;margin-bottom:10px;padding:16px}.report-modal .reason-item{display:flex;align-items:center;padding-bottom:8px;padding-top:8px;border-bottom:1px solid #f2f3f6}.report-modal .reason-item.first{padding-top:0}.report-modal .reason-item.last{border-bottom:none}.report-modal .reason-item .checkbox-label{width:190px}.report-modal .etc-input{width:257px;height:80px;border:1px solid #000;border-radius:8px;padding:12px;font-size:12px;margin-bottom:20px;resize:none}.report-modal .etc-input::placeholder{font-size:12px}.report-modal .submit-btn{background:none;border:none;font-size:13px}
.confirm-modal{display:flex;flex-direction:column;background-color:#ffc466;border:1px solid #000;border-radius:12px;width:400px;height:150px;justify-content:center;text-align:center}.confirm-modal .message1{font-size:13px;margin-bottom:8px}.confirm-modal .message2{font-size:24px;font-family:YoonChild-ManSeh;margin-bottom:18px}.confirm-modal .actions{display:flex;justify-content:center;gap:27px;font-size:13px}.confirm-modal .actions button{background:none;border:none;font-size:13px}
.home-modal{background-color:#fff;border-radius:16px;box-shadow:0 0 4px rgba(0,0,0,.25);width:383px;height:209px;position:relative;text-align:center}.home-modal .close-btn{position:absolute;top:18.25px;right:23px;background:none;border:none;font-size:20px;cursor:pointer}.home-modal .content{font-size:16px;padding-top:77px}.home-modal .confirm-btn{background-color:#89c881;border:none;width:238px;height:40px;border-radius:20px;font-size:16px;font-weight:bold;box-shadow:0 0 4px rgba(0,0,0,.25);margin-top:26px}
.description-modal{position:relative;display:flex;flex-direction:column;justify-content:center;width:544px;height:227px;padding:40px;background:#fff;border:1.5px solid #000;border-radius:9px;font-size:20px;z-index:2}.description-modal .close-btn{position:absolute;top:13.7px;right:14.67px;font-size:20px;z-index:3}.description-modal .description-box{position:absolute;top:0px;left:40px;width:520px;height:227px;padding-right:40px;overflow-y:auto;scrollbar-width:thin}.description-modal .description-box::-webkit-scrollbar{width:4px}.description-modal .description-box::-webkit-scrollbar-thumb{background-color:#999;border-radius:3px}.description-modal .description-box::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.description-modal .description-box::-webkit-scrollbar-button{display:none;height:0}.description-modal .description-box .text-content{padding-top:45px;box-sizing:border-box}
.root-layout-container{position:relative;width:100%;height:100%;overflow-y:auto;user-select:none}
.sign-in-form-container{z-index:5;position:relative;width:287.58px;margin-top:20.28px}.sign-in-form-container .sign-in-form{position:relative;display:flex;flex-direction:column;width:100%;gap:5.09px}.sign-in-form-container .sign-in-form input{border:solid 1.8px #000;border-radius:8px;width:100%;height:36px;padding-left:9.87px;font-size:12px}.sign-in-form-container .sign-in-form input::placeholder{color:#999}.sign-in-form-container .sign-in-error-message{position:absolute;margin-left:4.98px;height:15px;font-size:12px;color:#e90c0c}.sign-in-form-container .sign-in-option-container{position:relative;display:flex;gap:13.6px;margin-left:4.98px;margin-top:20.64px}.sign-in-form-container .sign-in-option-container .email-save-container,.sign-in-form-container .sign-in-option-container .auto-sign-in-container{position:relative;display:flex;align-items:start;gap:5.35px}.sign-in-form-container .sign-in-option-container .email-save-container .active,.sign-in-form-container .sign-in-option-container .auto-sign-in-container .active{background-color:#89c881}.sign-in-form-container .sign-in-option-container .email-save-container .email-save-btn,.sign-in-form-container .sign-in-option-container .email-save-container .auto-sign-in-btn,.sign-in-form-container .sign-in-option-container .auto-sign-in-container .email-save-btn,.sign-in-form-container .sign-in-option-container .auto-sign-in-container .auto-sign-in-btn{-webkit-appearance:none;appearance:none;width:16.05px;height:16.05px;border-radius:6px;border:solid 1.84px #999;background-color:#fff;margin:0;cursor:pointer}.sign-in-form-container .sign-in-option-container .email-save-container .email-save-btn:checked,.sign-in-form-container .sign-in-option-container .email-save-container .auto-sign-in-btn:checked,.sign-in-form-container .sign-in-option-container .auto-sign-in-container .email-save-btn:checked,.sign-in-form-container .sign-in-option-container .auto-sign-in-container .auto-sign-in-btn:checked{background-image:url("data:image/svg+xml,%3Csvg%20width=%2711%27%20height=%279%27%20viewBox=%270%200%2011%209%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M1.0127%201.47966C1.45301%203.41483%201.859%205.41962%202.61545%207.26533C3.4547%209.31309%205.1793%206.75967%206.01856%205.73579C7.14302%204.36395%208.94531%202.21988%209.70709%200.681641%27%20stroke=%27black%27%20stroke-width=%271.3376%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E");border-color:#000;background-repeat:no-repeat;background-position:center center;background-size:8.69px 7.36px}.sign-in-form-container .sign-in-option-container label{display:flex;align-items:center;font-size:12px;height:15px}.sign-in-form-container .sign-in-btn,.sign-in-form-container .guest-sign-in-btn{position:relative;display:flex;align-items:center;justify-content:center;width:288px;height:35px;border-radius:8px;border:solid 1.8px #000;font-size:14px}.sign-in-form-container .sign-in-btn{margin-top:16.95px;background-color:#89c881}.sign-in-form-container .guest-sign-in-btn{margin-top:11px;background-color:#e9ff9f}
.sign-in-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:linear-gradient(rgb(170, 232, 255) 0%, rgb(255, 255, 255) 34%)}.sign-in-container .logo{position:relative;width:335px;height:94px}.sign-in-container .account-nav-container{z-index:2;position:relative;display:flex;flex-direction:column;align-items:center;width:430px;margin-top:20.04px;font-size:12px;font-weight:500}.sign-in-container .account-nav-container a{text-decoration-line:none;color:#000}.sign-in-container .account-nav-container .find-password-nav-btn{margin-top:12.42px}.sign-in-container .cloud-container{position:absolute;width:100%;height:49.24%;bottom:0}.sign-in-container .cloud-container .cloud{position:relative;width:100%;height:100%}
.sign-in-page-container{position:relative;width:100%;height:100%}
.sign-up-form-container{position:relative;z-index:5;width:288px}.sign-up-form-container .form-group{display:flex;flex-direction:column;position:relative;margin-bottom:38px;gap:6px}.sign-up-form-container .form-group label{font-size:12px;font-weight:500;margin-left:8px}.sign-up-form-container .form-group input{border:solid .9px #000;border-radius:8px;height:36px;padding-left:9.87px;font-size:12px}.sign-up-form-container .form-group input::placeholder{color:#999}.sign-up-form-container .form-group .input-with-button{display:flex;gap:11px}.sign-up-form-container .form-group .input-with-button input{flex:1}.sign-up-form-container .form-group .input-with-button input:disabled{background-color:#f2f3f6}.sign-up-form-container .form-group .input-with-button button{border:1.5px solid #000;border-radius:10px;width:108px;height:36px;font-size:14px;font-weight:500;padding:0;cursor:pointer}.sign-up-form-container .form-group .input-with-button button:disabled{background-color:#999;color:#000}.sign-up-form-container .form-group .input-with-button .check-nickname-btn{background-color:#f4ec6f}.sign-up-form-container .form-group .input-with-button .request-code-btn{background-color:#89c881}.sign-up-form-container .form-group .input-with-button .verify-code-btn{background-color:#f4ec6f}.sign-up-form-container .form-group .code-timer{position:absolute;right:7px;top:calc(100% + 7px);color:#f28110;font-size:12px}.sign-up-form-container .form-group .sign-up-error-message{position:absolute;top:calc(100% + 3px);margin-left:8px;height:15px;font-size:12px;color:#e90c0c}.sign-up-form-container .form-group .sign-up-success-message{position:absolute;top:calc(100% + 3px);margin-left:8px;height:15px;font-size:12px;color:#007bff}.sign-up-form-container .sign-up-btn{width:288px;height:35px;background-color:#d3f16f;border:solid .9px #000;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;margin-top:8px}
.sign-up-page-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:linear-gradient(rgb(170, 232, 255) 0%, rgb(255, 255, 255) 34%)}.sign-up-page-container .cloud-container{position:absolute;width:100%;height:49.24%;bottom:0}.sign-up-page-container .cloud-container .cloud{position:relative;width:100%;height:100%}
.home-page-header{position:fixed;z-index:100;display:flex;align-items:center;justify-content:center;gap:54px;width:100%;height:20%;background:linear-gradient(rgb(170, 232, 255) 0%, rgb(255, 255, 255) 65%, rgba(255, 255, 255, 0) 100%)}.home-page-header img{width:366px;height:58px}.home-page-header a{text-decoration:none;color:#000;font-size:18px;font-family:"SUIT-Regular"}.home-page-header .home-page-nav-container{display:flex;justify-content:center;white-space:nowrap;width:600px;gap:80px}.home-page-header .sign-in-btn{width:131.91px;height:54.96px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-family:"YoonChild";font-size:20px;font-weight:400;border:solid 2px;border-radius:16px;background-color:#89c881}
.profile-container{position:relative;width:255px;height:122px;background-color:#fff;border:solid 1px;border-radius:16px;display:flex;flex-direction:column;align-items:center}.profile-container .exp-container{position:relative;width:224px;height:20px;background-color:#f2f3f6;border:solid 1px;border-radius:54px;margin:14px 16px 9px 15px}.profile-container .exp-container .exp-bar{position:absolute;width:100%;height:100%;border-radius:54px;overflow:hidden}.profile-container .exp-container .exp-bar::-webkit-progress-bar{background-color:#f2f3f6;border-radius:54px}.profile-container .exp-container .exp-bar::-webkit-progress-value{background-color:#ffda37;border-radius:54px}.profile-container .exp-container .exp-text{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-family:"SUIT-Regular";font-size:13px}.profile-container .profile-user-info-container{position:relative;display:flex;width:216px}.profile-container .profile-user-info-container .profile-img-container{position:relative;display:flex;align-items:center;justify-content:center;width:67px;height:67px;border-radius:8px;background-color:#f28110;overflow:hidden}.profile-container .profile-user-info-container .profile-img-container img{width:30.67px;height:35.21px}.profile-container .profile-user-info-container .profile-detail-container{position:relative;display:flex;align-items:center;justify-content:center;width:129px;font-family:"YoonChild"}.profile-container .profile-user-info-container .profile-detail-container .profile-detail{display:flex;flex-direction:column;align-items:start;justify-content:center;width:92px;gap:8px}.profile-container .profile-user-info-container .profile-detail-container .profile-detail .ranking-container{position:relative;display:flex;justify-content:center;width:72px;height:15px;background-color:#ffda37}.profile-container .profile-user-info-container .profile-detail-container .profile-detail .ranking-container span{display:flex;align-items:center;font-size:15px;font-weight:600;font-family:"YoonChild"}.profile-container .profile-user-info-container .profile-detail-container .profile-detail .ranking-container .left-strip{position:absolute;left:0;width:10px;height:15px;background-color:#ffba0c}.profile-container .sign-out-btn{position:absolute;bottom:5px;right:10px;background:none;border:none;font-size:10.5px}.profile-container .sign-out-btn:hover{color:red}
.home-page-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;height:auto;background-color:#fff}
.introduce-page-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;min-height:100vh}.introduce-page-container ::-webkit-scrollbar{display:none}.introduce-page-container .introduce-top-container{display:flex;flex-direction:column;align-items:center;width:100%}.introduce-page-container .introduce-top-container .introduce-logo{width:548px;height:208px;margin:328px 0 79px 0}.introduce-page-container .introduce-top-container .introduce-choose-bar{width:100%;display:flex;justify-content:center;margin:0 0 107px 0;padding:0px;list-style:none;gap:31px}.introduce-page-container .introduce-top-container .introduce-choose-bar .introduce-choose-button{width:129px;height:58px;border:none;background-color:rgba(0,0,0,0);font-family:"YoonChild";font-size:24px;font-weight:regular}.introduce-page-container .introduce-top-container .introduce-choose-bar .introduce-choose-button.active{background-color:#89c881;border:2px solid #000;border-radius:50%}.introduce-page-container .introduce-main-container{display:flex;justify-content:center;flex-direction:column;gap:151px;font-family:"SUIT-Regular";white-space:pre-line}.introduce-page-container .introduce-main-container .introduce-character-box{display:flex;width:1127px;height:453px;position:relative}.introduce-page-container .introduce-main-container .introduce-character-box.left{flex-direction:row;justify-content:space-between}.introduce-page-container .introduce-main-container .introduce-character-box.left .introduce-character-info{margin-left:50px}.introduce-page-container .introduce-main-container .introduce-character-box.left img{left:200px}.introduce-page-container .introduce-main-container .introduce-character-box.right{flex-direction:row-reverse;justify-content:space-between}.introduce-page-container .introduce-main-container .introduce-character-box.right .introduce-character-info{margin-right:50px}.introduce-page-container .introduce-main-container .introduce-character-box.right img{right:200px}.introduce-page-container .introduce-main-container .introduce-character-box svg{order:1;height:auto;width:auto;max-width:540px;max-height:414px;z-index:1;margin-top:auto}.introduce-page-container .introduce-main-container .introduce-character-box .introduce-character-info{order:2;z-index:2;padding-top:28px;width:482px}.introduce-page-container .introduce-main-container .introduce-character-box .introduce-character-info h2{font-size:48px}.introduce-page-container .introduce-main-container .introduce-character-box .introduce-character-info p{font-size:32px}.introduce-page-container .introduce-main-container .introduce-character-box img{position:absolute;max-height:446px;width:auto;z-index:0}.introduce-page-container .coming-soon{font-family:"YoonChild";font-size:32px;font-weight:regular;margin:300px 0 300px 0}
.start-svg-btn{position:absolute;border:none;background:none;width:432.82px;height:95.87px;bottom:4%;right:2%;z-index:2}.start-svg-btn .svg-main-fill{transition:fill .3s ease}.start-svg-btn .label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.start-svg-btn .label img{width:192.43px;height:41.66px}
.information-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.information-container .information-type-container{margin-left:54px;position:relative;display:flex;left:-400px;gap:13px;font-family:"SUIT-Regular";font-weight:1000;font-size:36px}.information-container .information-type-container .information-type-button{width:210px;height:94px;position:relative;border:none;border-top-left-radius:12px;border-top-right-radius:12px;border-top:3px solid;border-left:3px solid;border-right:3px solid;background-color:#f2f3f6;padding:10px;text-decoration:none;color:#000;display:flex;justify-content:center;align-items:center;font-size:36px;font-weight:800}.information-container .information-type-container .information-type-button.active{background-color:#fff}.information-container .information-type-container .information-type-button.active::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#fff}.information-container .information-content-layout{list-style:none;margin:0;border-radius:12px;padding:49px;width:1288px;height:472px;background-color:#fff;border:2px solid #000;display:flex;flex-direction:column;align-items:center;justify-content:start}.information-container .information-content-layout .info-item{display:flex;justify-content:space-between;align-items:center;width:1200px;height:78px;font-size:24px;border-bottom:1px solid #ccc}.information-container .information-content-layout .info-item:last-child{border-bottom:none}.information-container .information-content-layout .info-item .title{flex:1;text-align:left;text-decoration:none;color:inherit}.information-container .information-content-layout .info-item .date{flex-shrink:0;text-align:right;color:#666;font-size:20px;width:120px}.information-container .information-content-layout .info-item .answer-wait,.information-container .information-content-layout .info-item .answer-done{font-size:16px;margin-right:16px;font-weight:regular}.information-container .information-content-layout .info-item .answer-wait{color:#f28110}.information-container .information-content-layout .info-item .answer-done{color:#2286ff}
.character-introduce-preview-container{display:flex;flex-direction:column;width:630px;height:559px;border-radius:12px;border:2px solid #000;background-color:#f4ec6f;padding:45px 73px 0 73px}.character-introduce-preview-container .character-introduce-header{display:flex;justify-content:flex-start;flex-direction:row;justify-content:space-between;align-items:center}.character-introduce-preview-container .character-introduce-header h2{font-size:36px;font-weight:400;font-family:"YoonChild"}.character-introduce-preview-container .character-introduce-main-header{display:flex;align-items:center;justify-self:center}.character-introduce-preview-container .character-introduce-main-content{display:flex;flex-direction:column;align-items:center;transition:opacity .5s ease;opacity:1}.character-introduce-preview-container .character-introduce-main-content.fade-out{opacity:0}.character-introduce-preview-container .character-introduce-main-content.fade-in{opacity:1}.character-introduce-preview-container .character-introduce-main-content .character-svg{justify-self:center;max-width:270px;height:270px;margin-bottom:20px}.character-introduce-preview-container .character-introduce-main-content .character-svg svg{width:100%;height:100%}.character-introduce-preview-container .character-introduce-main-content .character-info{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;bottom:100px;width:500px;height:64px;padding:17px 34px 17px 34px;gap:34px;font-family:"SUIT-Regular"}.character-introduce-preview-container .character-introduce-main-content .character-info h2{font-size:16px;font-weight:bold}.character-introduce-preview-container .character-introduce-main-content .character-info h3{font-size:24px}
.home-container{width:100%;margin-top:80px}.home-container *{font-family:"SUIT-Regular"}.home-container .home-top-container{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;z-index:2}.home-container .home-top-container .background-container{position:relative;width:100%;height:700px}.home-container .home-top-container .background-container img{position:absolute;bottom:0}.home-container .home-top-container .background-container .left-background-img{left:0;width:659.54px;height:577.1px;z-index:1}.home-container .home-top-container .background-container .right-background-img{right:0;width:908.24px;height:351.71px}.home-container .home-top-container::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:50px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));pointer-events:none;z-index:1}.home-container .start-container{position:absolute;display:flex;left:50%;transform:translateX(-50%);height:428px;width:1267px;top:237px;z-index:3}.home-container .start-container .start-background{position:absolute;top:0;right:0;width:516px;height:428px;z-index:1}.home-container .start-container .intro-msg-img{position:absolute;top:131px;right:85px;width:349px;height:124px;z-index:2}.home-container .start-container button{bottom:28.06px;right:30.51px}.home-container .home-middle-container{position:relative;width:100%;background-color:#fff;padding:80px 0;z-index:1;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:49px 0 49px 0}.home-container .home-middle-container .preview-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:26px;margin-top:23px}
.ranking-preview-container{display:flex;flex-direction:column;justify-content:flex-start;width:630px;height:559px;border-radius:12px;border:2px solid #000;background-color:#fbffec;padding:45px 73px 0 73px}.ranking-preview-container h2{font-size:36px;font-weight:400;font-family:"YoonChild"}.ranking-preview-container .ranking-list{margin:0;padding:0;list-style:none;font-family:"SUIT-regular";font-size:32px}.ranking-preview-container .ranking-list p{display:flex;align-items:center;justify-self:center}.ranking-preview-container .ranking-list .ranking-item{display:flex;padding-left:15px;margin-bottom:27px}.ranking-preview-container .ranking-list .ranking-item .dots{flex:1;height:1px;border-bottom:6px dashed #999;margin:0 8px;transform:translateY(20px)}.ranking-preview-container .ranking-list .ranking-item .score{font-weight:bold;font-size:24px}.ranking-preview-container .my-score-container{display:flex;padding-left:15px;margin-bottom:27px;font-size:32px}.ranking-preview-container .my-score-container .my-score-header{font-weight:bold}.ranking-preview-container .my-score-container .my-score-dots{flex:1;height:1px;border-bottom:6px dashed #f6aa30;margin:0 8px;transform:translateY(22px)}.ranking-preview-container .my-score-container .my-score-box{display:flex}.ranking-preview-container .my-score-container .my-score-background{display:inline-flex;align-items:center;background-color:#f6d74e;margin:0px;top:11px;position:relative;height:28px;padding-right:27px}.ranking-preview-container .my-score-container .my-score-edge{width:9px;height:100%;background-color:#eabc44;margin-right:8px;flex-shrink:0}.ranking-preview-container .my-score-container .my-score{font-weight:bold;font-size:27px;line-height:1;white-space:nowrap}
.announce-page-container{width:1187px;min-height:100vh;padding-top:186px;display:flex;flex-direction:column;align-items:center;font-family:SUIT-Regular}.announce-page-container .announce-title{font-size:24px;font-weight:700;margin:0}.announce-page-container .announce-navbar{margin-top:27px;font-family:YoonChild}.announce-page-container .announce-navbar ul{display:flex;align-items:center;gap:169.5px;list-style:none;padding:0;margin:0}.announce-page-container .announce-navbar .tab{display:flex;justify-content:center;align-items:center;width:113px;height:50px;font-size:20px;cursor:pointer;user-select:none;border-radius:50%;border:2px solid rgba(0,0,0,0)}.announce-page-container .announce-navbar .tab.active{background:#89c881;border-color:#000}.announce-page-container .announce-list-container{position:relative;width:100%;min-height:340px;margin-top:25px}.announce-page-container .announce-list-container .announce-sort{position:absolute;top:-38px;right:0;display:flex}.announce-page-container .announce-list-container .announce-sort button{width:78px;height:30px;font-size:16px;font-family:YoonChild;border:1px solid #000;background:#fff;cursor:pointer}.announce-page-container .announce-list-container .announce-sort button.active{background:#ffc466}.announce-page-container .announce-list-container .announce-item{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid #e0e0e0}.announce-page-container .announce-list-container .announce-item:last-child{border-bottom:none}.announce-page-container .announce-list-container .announce-item .title{all:unset;cursor:pointer;font-size:16px;font-weight:500}.announce-page-container .announce-list-container .announce-item .date{width:100px;text-align:right;color:#999}.announce-page-container .announce-list-container .empty{margin-top:108px}.announce-page-container .announce-pagination{margin:16px 0 56px;display:flex;gap:6.32px;align-items:center;justify-content:center}.announce-page-container .announce-pagination .page-index{font-family:YoonChild;font-size:16px}
.arrow-button{background:none;border:none;padding:4px;cursor:pointer}.arrow-button:disabled{cursor:default}.arrow-button svg{display:block}.arrow-button.right svg{transform:scaleX(-1)}.arrow-button.left svg{transform:scaleX(1)}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px}
.empty-friend{display:flex;flex-direction:column;align-items:center;margin-top:45px;width:100%;height:100%;gap:11.35px}.empty-friend svg{transform:scaleX(-1);width:57.83px;height:55.65px}.empty-friend span{font-family:"YoonChild";font-size:16px;font-weight:normal}
.announce-sort{position:absolute;top:-38px;right:0;display:flex}.announce-sort button{width:78px;height:30px;font-size:16px;font-family:YoonChild;border:1px solid #000;background:#fff;cursor:pointer}.announce-sort button.active{background:#ffc466}
.announce-detail-page-container{position:relative;width:1278px;min-height:100vh;padding-top:186px;display:flex;flex-direction:column;align-items:center;font-family:SUIT-Regular}.announce-detail-page-container .announce-detail-title{font-size:24px;font-weight:700;margin:0}.announce-detail-page-container .announce-detail-container{width:1278px;height:calc(100vh - 244px);position:absolute;top:244px;background:#fff;border-width:1.5px 1.5px 0px 1.5px;border-style:solid;border-color:#000;box-shadow:0px 0px 16px rgba(0,0,0,.25);border-radius:24px 24px 0px 0px;opacity:0;transform:translateY(calc(100vh - 244px));animation:slideUpFade .4s ease-out forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(calc(100vh - 244px))}100%{opacity:1;transform:translateY(0)}}.announce-detail-page-container .announce-detail-container .announce-detail-header{position:relative}.announce-detail-page-container .announce-detail-container .announce-detail-header .meta-date{position:absolute;left:43px;top:34px;font-style:normal;font-weight:500;font-size:16px;line-height:20px;display:flex;align-items:center;color:#999}.announce-detail-page-container .announce-detail-container .announce-detail-header .close-btn{position:absolute;right:35px;top:29px}.announce-detail-page-container .announce-detail-container .announce-detail-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:127px;gap:43px}.announce-detail-page-container .announce-detail-container .announce-detail-content .content-title{display:flex;gap:33.42px;height:52px;align-items:center;font-weight:500;font-size:24px}.announce-detail-page-container .announce-detail-container .announce-detail-content .content-description{width:923px;display:flex;justify-content:center;align-items:center;font-weight:200;font-size:20px;text-align:center;padding-top:24px;white-space:pre-line}
.servicecenter-page-container{width:1187px;min-height:100vh;padding-top:250px;display:flex;flex-direction:column;align-items:center;font-family:SUIT-Regular}.servicecenter-page-container .servicecenter-title{font-size:32px;font-weight:600;margin:0}.servicecenter-page-container .qna-box-tabs{display:flex;gap:11px;margin-top:45px}.servicecenter-page-container .qna-box-tabs .qna-box{display:flex;justify-content:center;align-items:center;width:451px;height:297px;background:#89c881;border:none;border-radius:16px;font-weight:500;font-style:Medium;font-size:24px}.servicecenter-page-container .qna-box-tabs .qna-box:nth-child(2){background:#d3f16f}.servicecenter-page-container .qna-list-container{position:relative;min-height:340px;margin-top:25px}.servicecenter-page-container .qna-list-container .qna-item{width:914px;height:66px;display:flex;align-items:center;justify-content:start;border-bottom:1.5px solid #e0e0e0;gap:26px}.servicecenter-page-container .qna-list-container .qna-item:last-child{border-bottom:none}.servicecenter-page-container .qna-list-container .qna-item .status-badge{font-size:13px;font-weight:500}.servicecenter-page-container .qna-list-container .qna-item .status-badge.pending{color:#f28110}.servicecenter-page-container .qna-list-container .qna-item .status-badge.done{color:#2286ff}.servicecenter-page-container .qna-list-container .qna-item .title{all:unset;cursor:pointer;font-size:16px;font-weight:500}.servicecenter-page-container .qna-list-container .qna-item .date{width:100px;text-align:right;color:#999}.servicecenter-page-container .qna-list-container .empty{margin-top:108px}.servicecenter-page-container .mooni-container{width:878px;display:flex;justify-content:end}.servicecenter-page-container .mooni-container .mooni-btn{display:flex;justify-content:center;align-items:center;padding:0px 8px;width:119px;height:41px;background:#ffc466;border:2px solid #f28110;border-radius:6px}.servicecenter-page-container .qna-pagination{margin:16px 0 56px;display:flex;gap:6.32px;align-items:center;justify-content:center}.servicecenter-page-container .qna-pagination .page-index{font-family:YoonChild;font-size:16px}
.searchbar-wrapper{width:100%;display:flex;align-items:center}.searchbar-wrapper .search-input{width:330px;height:41px;padding:0 14px;font-size:14px;border:2px solid #999;border-radius:6px}.searchbar-wrapper .search-input:focus{outline:none;border-color:#999}.searchbar-wrapper .search-btn{margin-left:8px;width:119px;height:41px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:8px;background:#d3f16f;border:2px solid #89c881;border-radius:6px;font-size:16px}.searchbar-wrapper .search-btn:hover{background:#b8e85b}
.servicehelp-page-container{width:1187px;min-height:100vh;padding-top:250px;display:flex;flex-direction:column;align-items:center;font-family:SUIT-Regular}.servicehelp-page-container .servicehelp-top{width:100%;display:flex;align-items:end;justify-content:space-between}.servicehelp-page-container .servicehelp-top .servicehelp-title{font-size:24px;font-weight:600;margin:0}.servicehelp-page-container .servicehelp-top .servicehelp-right{display:flex;flex-direction:column;gap:15px}.servicehelp-page-container .qna-list-container{width:100%;position:relative;min-height:340px;margin-top:25px}.servicehelp-page-container .qna-list-container .qna-item{width:100%;height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid #e0e0e0}.servicehelp-page-container .qna-list-container .qna-item:last-child{border-bottom:none}.servicehelp-page-container .qna-list-container .qna-item .qna-item-left{display:flex;gap:26px}.servicehelp-page-container .qna-list-container .qna-item .qna-item-left .status-badge{font-size:13px;font-weight:500}.servicehelp-page-container .qna-list-container .qna-item .qna-item-left .status-badge.pending{color:#f28110}.servicehelp-page-container .qna-list-container .qna-item .qna-item-left .status-badge.done{color:#2286ff}.servicehelp-page-container .qna-list-container .qna-item .qna-item-left .title{all:unset;cursor:pointer;font-size:16px;font-weight:500}.servicehelp-page-container .qna-list-container .qna-item .date{width:100px;text-align:right;color:#999}.servicehelp-page-container .qna-list-container .empty{margin-top:108px}.servicehelp-page-container .mooni-container{width:100%;display:flex;justify-content:end}.servicehelp-page-container .mooni-container .mooni-btn{display:flex;justify-content:center;align-items:center;padding:0px 8px;width:119px;height:41px;background:#ffc466;border:2px solid #f28110;border-radius:6px}.servicehelp-page-container .qna-pagination{margin:16px 0 56px;display:flex;gap:6.32px;align-items:center;justify-content:center}.servicehelp-page-container .qna-pagination .page-index{font-family:YoonChild;font-size:16px}
.qna-page-container{width:1187px;min-height:100vh;padding-top:250px;display:flex;flex-direction:column;align-items:center;font-family:SUIT-Regular}.qna-page-container .qna-top{width:100%;display:flex;align-items:end;justify-content:space-between}.qna-page-container .qna-top .qna-title{font-size:24px;font-weight:600;margin:0}.qna-page-container .qna-detail-container{width:1278px;height:calc(100vh - 301px);position:absolute;top:301px;border-width:2px 2px 0px 2px;border-style:solid;border-color:#000;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;padding:75px 86px;box-sizing:border-box;opacity:0;transform:translateY(calc(100vh - 301px));animation:slideUpFade .4s ease-out forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(calc(100vh - 301px))}100%{opacity:1;transform:translateY(0)}}.qna-page-container .qna-detail-container .qna-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px;padding:0 27px}.qna-page-container .qna-detail-container .qna-detail-header .detail-title{font-size:24px;font-weight:600}.qna-page-container .qna-detail-container .qna-detail-header .detail-date{color:#999;font-size:16px}.qna-page-container .qna-detail-container .qna-detail-body{display:flex;justify-content:center}.qna-page-container .qna-detail-container .qna-detail-body .detail-content-box{width:100%;min-height:196px;padding:31px 27px;border:1px solid #999;border-radius:16px;font-size:16px;font-weight:500;white-space:pre-line;line-height:1.4;background:#fff}.qna-page-container .qna-detail-container .qna-detail-footer{display:flex;justify-content:center;gap:30px}.qna-page-container .qna-detail-container .qna-detail-footer .btn-exit{margin-top:39px;width:108px;height:36px;border-radius:10px;border:1.5px solid #000;background:#f2f3f6;font-size:14px;font-weight:500}
.qna-post-container{width:1187px;min-height:100vh;padding-top:250px;display:flex;flex-direction:column;align-items:center;font-family:SUIT-Regular}.qna-post-container .qna-post-top{width:100%;display:flex;align-items:end;justify-content:space-between}.qna-post-container .qna-post-top .qna-post-title{font-size:24px;font-weight:600;margin:0}.qna-post-container .qna-post-create-container{width:1278px;height:calc(100vh - 301px);position:absolute;top:301px;border-width:2px 2px 0px 2px;border-style:solid;border-color:#000;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;padding:75px 86px;box-sizing:border-box;opacity:0;transform:translateY(calc(100vh - 301px));animation:slideUpFade .4s ease-out forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(calc(100vh - 301px))}100%{opacity:1;transform:translateY(0)}}.qna-post-container .qna-post-create-container .title-box{width:100%;margin-bottom:40px}.qna-post-container .qna-post-create-container .title-box .title-input{width:100%;height:46px;background:#f2f3f6;border-radius:16px;border:none;padding:0 20px;font-size:16px;font-weight:600}.qna-post-container .qna-post-create-container .content-box{width:100%;height:196px}.qna-post-container .qna-post-create-container .content-box .content-textarea{width:100%;height:100%;background:#f2f3f6;border-radius:16px;border:none;padding:31px 27px;font-size:16px;font-family:SUIT-Regular;font-weight:500;resize:none}.qna-post-container .qna-post-create-container .qna-post-create-footer{margin-top:40px;display:flex;justify-content:center;gap:30px}.qna-post-container .qna-post-create-container .qna-post-create-footer .btn-exit{width:108px;height:36px;border-radius:10px;border:1.5px solid #000;background:#f2f3f6;font-size:14px;font-weight:500}.qna-post-container .qna-post-create-container .qna-post-create-footer .btn-submit{width:108px;height:36px;border-radius:10px;border:1.5px solid #000;background:#89c881;font-size:14px;font-weight:500}
.side-ranking{width:302px}.side-ranking .side-title{font-size:20px;font-weight:400;margin-bottom:35px}.side-ranking .side-list{display:flex;flex-direction:column;gap:16.47px;font-family:SUIT-Regular}.side-ranking .side-list .side-item{display:flex;font-size:21.08px;padding-left:5px;padding-right:5px;align-items:center;line-height:29.65px}.side-ranking .side-list .side-item.highlight{background:#ffda37}.side-ranking .side-list .side-item .rank{padding-right:10px}.side-ranking .side-list .side-item .name{padding-right:5px}.side-ranking .side-list .side-item .dashed-line{flex:1;border-bottom:2px dashed #d7cccc}.side-ranking .side-list .side-item .score{width:60px;font-size:16px;text-align:right}
.ranking-page-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh}.ranking-page-wrapper .ranking-page{width:1187px;display:flex;justify-content:space-between;padding-top:222px;font-family:YoonChild}.ranking-page-wrapper .ranking-page .ranking-center{position:relative;margin-top:90px;width:476px}.ranking-page-wrapper .ranking-page .ranking-center .rank-label{font-size:20px}.ranking-page-wrapper .ranking-page .ranking-center .my-rank{display:flex;align-items:flex-end;justify-content:flex-end;gap:6px}.ranking-page-wrapper .ranking-page .ranking-center .my-rank .rank-number{font-family:SUIT-Regular;font-size:128px;font-weight:600}.ranking-page-wrapper .ranking-page .ranking-center .my-rank .rank-unit{font-family:SUIT-Regular;font-size:32px;margin-bottom:20px;margin-left:21px}.ranking-page-wrapper .ranking-page .ranking-center .score-row{margin-top:60px;display:flex;align-items:center;justify-content:center;gap:12px}.ranking-page-wrapper .ranking-page .ranking-center .score-row .score-label{font-size:20px}.ranking-page-wrapper .ranking-page .ranking-center .score-row .dashed-line{flex:1;border-bottom:3px dashed #f6aa30}.ranking-page-wrapper .ranking-page .ranking-center .score-row .my-score{position:relative;display:flex;align-items:center;justify-content:center;width:152px;height:40px;font-family:SUIT-Regular;font-size:32px;font-weight:700;background:#ffda37}.ranking-page-wrapper .ranking-page .ranking-center .score-row .my-score::before{content:"";position:absolute;left:0;top:0;width:9px;height:100%;background:#ff9f03}.ranking-page-wrapper .bottom-banner{margin-top:50px;width:100%;height:66px;font-family:YoonChild-ManSeh;background:#e9ff9f;box-shadow:0px 0px 20px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.ranking-page-wrapper .bottom-banner p{font-size:16px;display:flex;align-items:center;justify-content:center}.ranking-page-wrapper .bottom-banner .banner-score{font-size:32px;font-weight:500px}
.game-start-svg-btn{position:absolute;border:none;background:none;padding:0;width:345px;height:64px}.game-start-svg-btn .svg-main-fill{transition:fill .3s ease}.game-start-svg-btn .label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.game-start-svg-btn .label img{width:129px;height:28px}
.context-menu-layout{position:fixed;inset:0;width:100vw;height:100vh;z-index:100}.context-menu-container{position:absolute;width:77px;height:auto;border:1px solid;border-radius:6.96px;padding:0;overflow:hidden;background-color:#fff;box-shadow:0px 0px 8.7px 0px rgba(0,0,0,.15)}.context-menu-container .context-menu-list{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0}.context-menu-container .context-menu-list .context-menu-item{position:relative;display:flex;justify-content:center;align-items:center;width:77px;height:26px;font-size:12px;font-family:"Alatsi-Regular";font-weight:400;list-style:none;cursor:pointer}.context-menu-container .context-menu-list .context-menu-item:hover{background-color:#e9ff9f}.context-menu-container .context-menu-list .context-menu-item:not(:last-child)::after{content:"";position:absolute;bottom:0px;left:8.5px;width:60px;height:1px;background-color:#f2f3f6}
.player-slot{width:136px;height:120px;background-color:#fffef5;display:flex;flex-direction:column;padding-top:12px}.player-slot .slot-header{display:flex;align-items:center;width:100%;padding-left:10px;padding-bottom:14px}.player-slot .slot-header .icon-wrapper{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.player-slot .slot-header .icon-wrapper .leader-icon{width:100%;height:100%;object-fit:contain}.player-slot .slot-header .icon-wrapper .default-icon{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#89c881;border-radius:50%;color:#fff;font-size:20px}.player-slot .slot-header .nickname{padding-left:12px;font-size:16px}.player-slot.empty{background-color:#fff;background-image:url(/16dd84aa34dd540c03ae.png);background-size:cover}.player-slot.empty .blocked-icon{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#f3f2f6;border-radius:50%;color:#fff;font-size:20px}
.waiting-room-container{display:flex;flex-direction:column;width:599px;height:408px;padding-left:35px;padding-top:17px}.waiting-room-container .room-info-header-container{display:flex;justify-content:space-between;width:544px}.waiting-room-container .room-info-header-container span{font-size:12px;font-weight:normal;margin:0}.waiting-room-container .room-info-header-container button{right:1px;color:#7e5615;background:none;border:none;font-family:"SUIT-Regular";font-weight:700}.waiting-room-container .player-grid{width:549px;display:grid;grid-template-columns:repeat(4, 136px);gap:1px;background-color:#000;margin-top:11px;border:1px solid #000}.waiting-room-container .settings-start{display:flex;width:544px;height:100%;margin-top:24px;gap:114.67px}.waiting-room-container .settings-start .difficulty-selector{width:79.33;display:grid;grid-template-columns:auto 1fr;column-gap:8px}.waiting-room-container .settings-start .difficulty-selector .label{font-family:"YoonChild";color:#89c881;font-size:12px}.waiting-room-container .settings-start .difficulty-selector .checkbox-options{display:flex;flex-direction:column;gap:4px}
.game1-create-container{display:flex;flex-direction:column;width:528px;height:361px;margin-left:35px;margin-top:17px}.game1-create-container .game1-create-header{display:flex;justify-content:space-between;border-bottom:1px solid #000;padding-bottom:10px;font-family:YoonChild-ManSeh;font-size:24px}.game1-create-container .game1-create-header button{background:none;border:none}.game1-create-container .middle-container{margin-top:17px}.game1-create-container .middle-container .form-group{margin-top:7px}.game1-create-container .form-group{position:relative;display:flex;align-items:center;gap:8px;margin-top:24px}.game1-create-container .form-group .form-label{position:relative;display:flex;justify-content:center;align-items:center;width:70px;height:26px;margin-left:10px;background-color:#fbffec;border-radius:8px;border:1px solid #000;font-family:SUIT-Regular;font-size:13px}.game1-create-container .form-group input{background-color:#f2f3f6;width:411px;height:26px;padding-left:16px;border:1px solid #000;border-radius:8px;font-family:SUIT-Regular}.game1-create-container .form-group .error-text{position:absolute;top:100%;left:90px;height:15px;font-size:12px;color:#e90c0c}.game1-create-container .form-group .checkbox-group{padding-left:9px;display:flex;flex-wrap:wrap;gap:24px}.game1-create-container .form-group .password-section{display:flex;align-items:center;gap:8px}.game1-create-container .form-group .password-section input{width:95px;padding-left:0;text-align:center}.game1-create-container .form-group .password-section .open-status{display:flex;justify-content:center;width:70px;height:26px;border:1px solid #000;border-radius:8px;background-color:#89c881;font-family:SUIT-Regular}.game1-create-container .okay-btn-wrapper{margin-top:29px;margin-left:183px}
.okay-svg-btn{position:absolute;border:none;background:none;padding:0;width:345px;height:64px}.okay-svg-btn .svg-main-fill{transition:fill .3s ease}.okay-svg-btn .label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.okay-svg-btn .label img{width:129px;height:28px}
.game1-lobby-container{display:flex;flex-direction:column;width:540px;height:361px;margin-left:35px;margin-top:17px}.game1-lobby-container .game1-filter-header{display:flex;justify-content:end;gap:25.28px;margin-bottom:11px}.game1-lobby-container .game1-filter-header .filter-title{font-family:YoonChild;font-size:12px}.game1-lobby-container .room-table-container{height:262px}.game1-lobby-container .room-table-container .room-table{position:relative;width:100%;border-collapse:collapse;table-layout:fixed;font-family:SUIT-Regular;font-size:12px}.game1-lobby-container .room-table-container .room-table .empty-room-cell{padding-top:60px;border-bottom:none;cursor:default;pointer-events:none}.game1-lobby-container .room-table-container .room-table th,.game1-lobby-container .room-table-container .room-table td{height:39px;border-bottom:1px solid #000;text-align:left;vertical-align:middle;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game1-lobby-container .room-table-container .room-table th:nth-child(1),.game1-lobby-container .room-table-container .room-table td:nth-child(1){text-indent:15px;width:40px}.game1-lobby-container .room-table-container .room-table th:nth-child(2),.game1-lobby-container .room-table-container .room-table td:nth-child(2){width:70px}.game1-lobby-container .room-table-container .room-table th:nth-child(3),.game1-lobby-container .room-table-container .room-table td:nth-child(3){width:64px}.game1-lobby-container .room-table-container .room-table th:nth-child(4),.game1-lobby-container .room-table-container .room-table td:nth-child(4){width:220px}.game1-lobby-container .room-table-container .room-table th:nth-child(5),.game1-lobby-container .room-table-container .room-table td:nth-child(5){width:50px}.game1-lobby-container .room-table-container .room-table th:nth-child(6),.game1-lobby-container .room-table-container .room-table td:nth-child(6){width:40px}.game1-lobby-container .room-table-container .room-table thead{background-color:#f2f3f6}.game1-lobby-container .room-table-container .room-table thead th{height:21px;border-top:1px solid #000;font-size:12px;color:#999;font-weight:normal}.game1-lobby-container .room-table-container .room-table tbody tr:hover{background-color:#f1f1f1}.game1-lobby-container .room-table-container .room-table tbody tr:hover.empty-row:hover{background-color:rgba(0,0,0,0);cursor:default}.game1-lobby-container .page-and-btn{display:flex;justify-content:space-between;align-items:center;margin-top:31.68px}.game1-lobby-container .page-and-btn .pagination{display:flex;font-size:16px;margin-left:23px;align-items:center;font-family:YoonChild}.game1-lobby-container .page-and-btn .pagination span{min-width:18.64px;text-align:center}.game1-lobby-container .page-and-btn .room-actions{display:flex;gap:8px}.game1-lobby-container .page-and-btn .room-actions .action-btn{width:100px;height:40px;font-size:16px;background-color:#fff;border:1px solid #000;font-family:YoonChild}.game1-lobby-container .page-and-btn .room-actions .action-btn:hover{background-color:#e4e4e4}
.game2-lobby-container{position:relative;width:100%;height:100%}.game2-lobby-container .rabbit-image{position:absolute;top:16px;left:121px;width:380px;height:auto;z-index:1;pointer-events:none}.game2-lobby-container .game2-start-btn{position:absolute;top:317px;left:131px;width:345px;height:auto;z-index:0}
.lobby-page-container{position:relative;display:flex;flex-direction:column;width:1010px;height:600px;margin:0 auto;background:linear-gradient(rgb(170, 232, 255) 0%, rgb(255, 255, 255) 34%)}.lobby-page-container .main-content-container{position:absolute;left:176px;bottom:17px;width:612px;height:426px;padding:9px 7px 9px 6px;background-color:#89c881;border:1px solid #000}.lobby-page-container .main-content-container .main-content-img{position:absolute;z-index:2;left:-22px;top:24px;width:48px;height:376px}.lobby-page-container .main-content-container .main-content-nav-container{position:absolute;display:flex;z-index:2;right:32px;top:-35px;height:44px;gap:9px}.lobby-page-container .main-content-container .main-content-layout{width:100%;height:100%;background-color:#fff;border:1px solid #000}.lobby-page-container .lobby-chat-container{position:absolute;right:9px;bottom:17px}
.lobby-chatting-container{-ms-overflow-style:none;z-index:0;width:200px;height:460px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.lobby-chatting-container ::-webkit-scrollbar{display:none}.lobby-chatting-container .lobby-chatting-background{position:absolute;top:0;bottom:0;left:0;right:0;width:200px;height:460px;z-index:-1;border-radius:13px}.lobby-chatting-container .chat-mode-dropdown{position:absolute;bottom:58px;left:7px;width:57px;height:17px;font-size:12px}.lobby-chatting-container .chat-mode-dropdown .chat-mode-btns{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:400;font-family:"YoonChild";border:1px solid #000;background-color:#f2f3f6;cursor:pointer}.lobby-chatting-container .chat-mode-dropdown .chat-mode-btns.whisper{background-color:#f4c261}.lobby-chatting-container .chat-mode-dropdown .chat-mode-menu{position:absolute;background-color:#fff;border:1px solid #000;bottom:100%;list-style:none;z-index:10;width:100%;height:17px;margin:0;padding:0;border:none;font-family:"YoonChild"}.lobby-chatting-container .chat-mode-dropdown .chat-mode-menu li{display:flex;align-items:center;justify-self:center;flex-direction:column;border:1px solid #000;border-bottom:none;font-size:11px;cursor:pointer;width:100%;height:17px;white-space:nowrap;background-color:#fff;gap:0px}.lobby-chatting-container .chat-mode-dropdown .chat-mode-menu li:hover{background-color:#eee}.lobby-chatting-container .chat-mode-dropdown .chat-mode-menu li.selected{font-weight:bold}.lobby-chatting-container .chat-mode-dropdown .chat-mode-menu li.whisper{background-color:#f4c261}.lobby-chatting-container .chat-mode-dropdown .chat-mode-menu li:not(:first-child){border-top:none}.lobby-chatting-container .chat-input-container{display:inline-flex;flex-direction:row;justify-content:center;z-index:1;border:1px solid #000;margin:0px 7px 13px 7px}.lobby-chatting-container .chat-input-container .chat-input{height:44px;width:140px;border:none;resize:none;overflow:auto;font-size:12px;padding:6px 8px}.lobby-chatting-container .chat-input-container .chat-send-btn{display:flex;justify-content:center;align-items:center;height:44px;width:44px;border:none;background-color:#f4ec6f}.lobby-chatting-container .chat-input-container .chat-input:focus,.lobby-chatting-container .chat-input-container .chat-send-btn:focus{outline:none;box-shadow:none}
.chat-message{flex-direction:column;max-width:80%;height:auto;font-size:10px;line-height:normal;margin:0;padding:0;border:none;list-style:none;white-space:pre-wrap;word-break:break-word;font-family:"SUIT-regular"}.chat-message.mine{align-self:flex-end}.chat-message.mine .chat-bubble{background-color:#fff;border:#000 solid 1px;padding:4px 8px 4px 8px}.chat-message.mine .chat-bubble.whisper{background-color:#f4c261}.chat-message.theirs{align-self:flex-start}.chat-message.theirs .chat-nickname{font-size:13px;color:#000;margin-bottom:4px;font-family:"YoonChild"}.chat-message.theirs .chat-bubble{background-color:#f2f3f6;border:#000 solid 1px;padding:4px 8px 4px 8px}.chat-message.theirs .chat-bubble.whisper{background-color:#f4c261}
.chat-window{display:flex;flex-direction:column;overflow-y:auto;margin-top:90px;height:calc(100% - 200px);padding-left:28px;padding-right:23px;gap:12px;font-family:"SUIT"}.chat-window .chat-header{display:flex;align-items:center;justify-content:center;font-size:12px;color:#999}.chat-window .chat-warning{position:absolute;font-size:9px;color:red;font-weight:bold;bottom:15px;z-index:10}
.option-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#fff;border:1px solid #000;border-radius:8px}
.sound-off{background-color:#999}.sound-off .sound-off-line{position:absolute}
.header-container{position:relative;display:flex;width:100%;height:141px}.header-container .profile-container{position:relative;top:19px;left:19px}.header-container .logo-img{position:absolute;left:50%;transform:translateX(-50%);top:36px;width:262.9px;height:73.61px}.header-container .options-container{position:absolute;display:flex;top:19px;right:19px;width:124px;height:36px;gap:8px}
.lobby-nav-container{width:100%;height:100%;display:flex;gap:9px;position:relative}.lobby-nav-container a{position:relative;border:none;width:118px;height:44px;border-top-left-radius:12px;border-top-right-radius:12px;border-top:1px solid;border-left:1px solid;border-right:1px solid;background-color:#f2f3f6;padding:10px;text-decoration:none;font-size:16px;font-family:YoonChild;color:#000;display:flex;justify-content:center}.lobby-nav-container a.active{background-color:#fff}.lobby-nav-container a.active::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#fff}
.friend-list{padding:0;width:117px;height:265px;list-style:none;overflow:auto;overflow-x:hidden;z-index:2}.friend-list .friend-item{position:relative;display:flex;width:110px;height:22px;padding:0;background-color:#fff;border:1px solid #000;border-bottom:none;font-size:12px;line-height:22px}.friend-list .friend-item:last-child{border-bottom:1px solid #000}.friend-list .friend-item .friend-status{width:17px}.friend-list .friend-item .friend-status .status{position:relative;left:4.5px;top:7px;width:8px;height:8px;border-radius:4px}.friend-list .friend-item .friend-status .status.online{background-color:#89c881}.friend-list .friend-item .friend-status .status.offline{background-color:#f2f3f6}.friend-list .friend-item .friend-status .status.away{background-color:#f28110}.friend-list .friend-item .friend-nickname{flex:1;font-family:"SUIT-Regular"}.friend-list .friend-item .sticker{position:relative;width:22px;background-color:#d3f16f}
.friend-request-list-container{position:relative;width:117px;height:245px;overflow-y:auto;top:13px}.friend-request-list-container .friend-request-list{width:110px;height:auto;padding:0;margin:0}.friend-request-list-container .friend-request-list .friend-request-item{display:flex;width:110px;height:22px;list-style:none;font-family:"SUIT-family";font-size:12px;font-weight:400;border:1px solid #000;border-bottom:none}.friend-request-list-container .friend-request-list .friend-request-item:last-child{border-bottom:1px solid #000}.friend-request-list-container .friend-request-list .friend-request-item .nickname{width:88px;padding-left:8px;background-color:#fff}.friend-request-list-container .friend-request-list .friend-request-item .sticker{width:22px;background-color:#d3f16f;border:none}
.friend-search-list-container{position:relative;width:117px;height:245px;overflow-y:auto;top:13px}.friend-search-list-container .friend-search-list{width:110px;height:auto;padding:0;margin:0}.friend-search-list-container .friend-search-list .friend-search-item{display:flex;width:110px;height:22px;list-style:none;font-family:"SUIT-family";font-size:12px;font-weight:400;border:1px solid #000;border-bottom:none}.friend-search-list-container .friend-search-list .friend-search-item:last-child{border-bottom:1px solid #000}.friend-search-list-container .friend-search-list .friend-search-item .nickname{width:88px;padding-left:8px;background-color:#fff}.friend-search-list-container .friend-search-list .friend-search-item .plus-btn{display:flex;align-items:center;justify-content:center;width:22px;font-size:18px;background-color:#ffc466;border:none}
.friend-request-container{position:relative;left:14px;top:12px;width:121px;height:264px}.friend-request-container .friend-add-btn{width:111px;height:33px;font-family:"SUIT-family";font-size:12px;font-weight:400;border:1px solid #000;background-color:#ffc466;display:flex;align-items:center;justify-content:center}.friend-request-container .friend-add-btn span{font-size:16px;margin-left:8px}.friend-request-container .close-add-btn{width:111px;height:25px;border:none}.friend-request-container .close-add-btn button{position:absolute;right:10px;background-color:#ffc466;border:1px solid #000;width:31px;height:25px;border-bottom:none}.friend-request-container .close-add-btn button svg{width:9.5px;height:9.5px}.friend-request-container .close-add-btn button svg path{stroke-width:10px}.friend-request-container .friend-search-container svg{cursor:pointer}
.friend-container{position:absolute;background-color:#89c881;left:19px;bottom:17px;width:149px;height:424px;border:1px solid;border-top-left-radius:12px;border-bottom-left-radius:12px}.friend-container *{font-family:"SUIT"}.friend-container h1{position:relative;top:0;left:50%;transform:translateX(-50%);width:121px;height:46px;margin:0;color:#fff;font-size:32px;font-weight:400;font-family:"DarumadropOne-Regular"}.friend-container .friend-option-container{position:relative;display:flex;margin-top:12px;left:14px;width:121px}.friend-container .friend-option-container button{display:flex;justify-content:center;width:55px;height:30px;padding:6px 14px 5px 14px;border:1px solid #000;font-size:12px;font-weight:400;font-family:"YoonChild";white-space:nowrap;background-color:#f2f3f6;color:#999}.friend-container .friend-option-container button.active{background-color:#d3f16f;color:#000}.friend-container .friend-option-container .friend-request-btn{position:relative;border-left:none}.friend-container .friend-option-container .friend-request-btn .notification-dot{position:absolute;top:4px;right:6px;width:4px;height:4px;background-color:red;border-radius:50%}.friend-container .friend-search-container{position:relative;display:flex;align-items:center;width:111px;height:22px;border:1px solid #000;background-color:#fff}.friend-container .friend-search-container .friend-search-form{flex:1;width:60px;border:none;padding-left:5.5px;margin-left:2px;font-size:12px}.friend-container .friend-search-container .friend-search-form:focus{outline:none}.friend-container .friend-search-container svg{width:16px;height:16px;margin-right:7.5px;cursor:pointer}.friend-container .friend-list-container{position:relative;left:14px;top:12px;width:121px;height:264px}.friend-container .friend-list-container::after{bottom:0}
.edit-avatar-container{position:relative;display:flex;justify-content:center;width:100%;height:100%}.edit-avatar-container .close-btn{position:absolute;top:21px;right:19px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0}.edit-avatar-container .close-btn svg{width:20px;height:20px;display:block}.edit-avatar-container .swatch-grid{margin-top:52px;display:grid;grid-template-columns:repeat(3, 84px);grid-auto-rows:84px;gap:8px;width:283px;height:321px;overflow-y:auto}.edit-avatar-container .swatch-grid::-webkit-scrollbar{width:8px}.edit-avatar-container .swatch-grid::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.edit-avatar-container .swatch-grid::-webkit-scrollbar-thumb{background:#999;border-radius:3px;border:2px solid #fff}.edit-avatar-container .swatch-grid::-webkit-scrollbar-button{display:none;width:0;height:0}.edit-avatar-container .swatch-grid .avatar-swatch{display:flex;align-items:center;justify-content:center;cursor:pointer}.edit-avatar-container .swatch-grid .avatar-swatch .swatch-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.edit-avatar-container .swatch-grid .avatar-swatch .swatch-icon svg{width:48px;height:48px}.edit-avatar-container .swatch-grid .avatar-swatch:hover{filter:brightness(0.95)}.edit-avatar-container .swatch-grid .avatar-swatch.is-selected{border:3px solid #000}
.edit-nickname-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;font-family:"SUIT-Regular"}.edit-nickname-container .close-btn{position:absolute;top:21px;right:19px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0}.edit-nickname-container .close-btn svg{width:20px;height:20px;display:block}.edit-nickname-container .edit-nickname-title{margin-top:51px;font-size:24px;font-weight:400;font-family:"YoonChild-ManSeh"}.edit-nickname-container .edit-nickname-notification{font-size:12px;color:#999}.edit-nickname-container .nickname-input-wrapper{margin-top:36px;display:flex;align-items:center;width:275px;height:42px;padding-left:16px;padding-right:16px;border:1px solid #000;border-radius:8px;background-color:#fbffe8;font-family:"SUIT-Regular"}.edit-nickname-container .nickname-input-wrapper .nickname-input{width:100px;border:none;background:rgba(0,0,0,0);font-size:16px;outline:none}.edit-nickname-container .nickname-input-wrapper .duplicate-check-btn{display:flex;align-items:center;justify-content:center;margin-left:auto;border:none;background:rgba(0,0,0,0);font-size:16px;color:#005dff;cursor:pointer;white-space:nowrap;flex-shrink:0}.edit-nickname-container .nickname-input-wrapper .duplicate-check-btn:hover{font-weight:500}.edit-nickname-container .nickname-input-wrapper .duplicate-check-btn:disabled{color:#999;cursor:default}.edit-nickname-container .nickname-input-wrapper.is-active .duplicate-check-btn{color:#3b82f6;font-weight:500}.edit-nickname-container .help-text{margin-top:8px;font-size:12px;text-align:center;line-height:1.3}.edit-nickname-container .help-text.error{color:#e53935}.edit-nickname-container .help-text.success{color:#3b82f6}.edit-nickname-container .submit-nickname-btn{position:absolute;bottom:56px;background-color:rgba(0,0,0,0);border:none;font-weight:500;font-family:"YoonChild";font-size:16px}
.my-page-home-container{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding-left:40px}.my-page-home-container .close-btn{position:absolute;top:21px;right:19px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0}.my-page-home-container .close-btn svg{width:20px;height:20px}.my-page-home-container .achievements-header{margin-top:52px;font-size:20px;font-weight:400}.my-page-home-container .achievements-header .total{color:#000}.my-page-home-container .achievements-header .current{color:#ff7b00;margin-left:8px}.my-page-home-container .achievements-header .divider{color:#000;margin-left:2px;font-size:14px}.my-page-home-container .achievements-header .rank{color:#999;margin-left:8px;font-size:13px}.my-page-home-container .progress{margin-top:16px;width:318px;height:10px;appearance:none;border:1.5px solid #000;background:rgba(0,0,0,0);border-radius:6px;overflow:hidden}.my-page-home-container .progress::-webkit-progress-bar{background-color:#fbffec;border-radius:6px}.my-page-home-container .progress::-webkit-progress-value{background-color:#89c881;border-radius:6px;transition:width 200ms ease}.my-page-home-container .progress::-moz-progress-bar{background-color:#89c881;border-radius:6px;transition:width 200ms ease}.my-page-home-container .achievements-list{margin-top:16px;display:flex;flex-direction:column;max-height:242px;width:318px;overflow-y:auto}.my-page-home-container .achievements-list::-webkit-scrollbar{width:8px}.my-page-home-container .achievements-list::-webkit-scrollbar-track{background:#f2f3f6}.my-page-home-container .achievements-list::-webkit-scrollbar-thumb{background:#999;border-radius:3px;border:2px solid #f2f3f6}.my-page-home-container .achievements-list::-webkit-scrollbar-button{display:none;width:0;height:0}.my-page-home-container .achievements-list .achievement-item{display:flex;align-items:center;background-color:#fff;width:100%;height:60px;box-sizing:border-box;border-bottom:1px solid #000}.my-page-home-container .achievements-list .achievement-item:first-child{border-top:1px solid #000}.my-page-home-container .achievements-list .achievement-item .achievement-icon-wrapper{display:flex;align-items:center;justify-content:center;width:60px;height:58px;background-color:#f2f3f6}.my-page-home-container .achievements-list .achievement-item .achievement-icon-wrapper .achievement-icon{width:41.73px;height:37px}.my-page-home-container .achievements-list .achievement-item .achievement-texts{display:flex;align-items:flex-start;justify-items:center;margin-left:8px;display:flex;flex-direction:column}.my-page-home-container .achievements-list .achievement-item .achievement-texts .title{font-size:16px;font-weight:400;color:#000}.my-page-home-container .achievements-list .achievement-item .achievement-texts .desc{font-size:13px;color:#999}
.my-info-container{width:100%;height:100%;display:flex;flex-direction:row}.my-info-container .user-info-panel{display:flex;flex-direction:column;justify-content:flex-start;width:216px;flex:0 0 216px;height:100%;font-family:"SUIT-Regular";border-radius:12px;box-shadow:1px 0 0 #000}.my-info-container .user-info-panel .my-page-title{display:flex;align-content:center;justify-content:center;width:116px;height:33px;margin-left:53px;margin-top:45px;font-family:"YoonChild-ManSeh";font-size:24px}.my-info-container .user-info-panel .avatar-wrapper{position:relative;margin-left:52px;margin-top:14px;width:120px;height:120px}.my-info-container .user-info-panel .user-avatar{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background-color:#ffda37;overflow:hidden}.my-info-container .user-info-panel .user-avatar.dimmed{filter:brightness(0.6)}.my-info-container .user-info-panel .avatar-edit{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:14px;line-height:1;z-index:1;padding:0;display:flex;align-items:center;justify-content:center}.my-info-container .user-info-panel .avatar-edit:hover{filter:brightness(0.9)}.my-info-container .user-info-panel .avatar-edit:focus-visible{outline:2px solid #ffda37;border-radius:4px}.my-info-container .user-info-panel .user-email{color:#999;font-weight:400;font-size:12px;margin-left:56px;margin-top:6px}.my-info-container .user-info-panel .info-row{margin-top:12px;display:inline-flex;align-items:center;gap:6px;margin-left:56px}.my-info-container .user-info-panel .info-row .user-nickname{font-size:16px;font-weight:500}.my-info-container .user-info-panel .info-row .edit-icon{background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.my-info-container .user-info-panel .info-row .edit-icon svg{width:20px;height:19px}.my-info-container .user-info-panel .info-row .edit-icon:hover{filter:brightness(0.9)}.my-info-container .user-info-panel .info-row .edit-icon:focus-visible{outline:2px solid #ffda37;border-radius:4px}.my-info-container .user-info-panel .withdraw-button{background-color:rgba(0,0,0,0);border:none;width:fit-content;margin-top:auto;margin-left:82px;margin-bottom:34px;font-weight:400;font-size:12px;color:#999;cursor:pointer}.my-info-container .user-info-panel .withdraw-button:hover{filter:brightness(0.9)}.my-info-container .user-info-panel .withdraw-button:focus-visible{outline:2px solid #ffda37;border-radius:4px}.my-info-container .user-info-edit-container{width:100%;height:100%}
.chat-setting-container{position:relative}.chat-setting-container .chat-setting .normal-chat-setting,.chat-setting-container .chat-setting .whisper-chat-setting{display:flex;align-items:center;margin-top:24px;gap:25.28px}.chat-setting-container .chat-setting .normal-chat-setting .normal-chat-title,.chat-setting-container .chat-setting .normal-chat-setting .whisper-chat-title,.chat-setting-container .chat-setting .whisper-chat-setting .normal-chat-title,.chat-setting-container .chat-setting .whisper-chat-setting .whisper-chat-title{width:49px;font-size:12px;font-family:YoonChild}
.volume-control-container{position:relative;display:flex;align-items:center;justify-content:center;gap:11px}.volume-control-container button{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:4px;background-color:#fff}.volume-control-container button:disabled{background-color:#999}.volume-control-container .volume-progress{width:260px;height:10px;border:1px solid #000;overflow:hidden}.volume-control-container .volume-value{position:absolute;display:block;width:14px;font-size:12px;bottom:23px;left:50%;transform:translateX(-50%)}
.sound-setting-container{position:relative}.sound-setting-container .sound-setting .background-container,.sound-setting-container .sound-setting .sound-effect-container{margin-top:40px;display:flex;align-items:center;gap:11px}.sound-setting-container .sound-setting .background-container .background-title,.sound-setting-container .sound-setting .background-container .sound-effect-title,.sound-setting-container .sound-setting .sound-effect-container .background-title,.sound-setting-container .sound-setting .sound-effect-container .sound-effect-title{flex:0 0 59px}
.setting-page-container{position:relative;display:flex;width:100%;height:100%}.setting-page-container .setting-nav-container{position:relative;width:57px;height:100%;border-radius:12px;box-shadow:1px 0 0 #000;padding:0px;box-sizing:border-box}.setting-page-container .setting-nav-container::after{position:absolute;content:"";width:66px;height:100%;border-radius:12px;box-shadow:1px 0 0 #000}.setting-page-container .setting-nav-container button{position:absolute;width:35px;height:27px;white-space:nowrap;top:35px;left:58px;font-family:SUIT-Regular;font-size:13px;background-color:#fff;border:1px solid #000;border-left:none;z-index:3}.setting-page-container .setting-nav-container button.active{background-color:#d3f16f}.setting-page-container .setting-nav-container button.active::after{position:absolute;content:"";top:0px;left:-1px;height:25px;width:0px;border-left:2px solid #d3f16f}.setting-page-container .setting-nav-container .chat-btn{margin-top:37px}.setting-page-container .setting-content-container{display:flex;flex-direction:column;width:538px;height:100%;padding:43px 69px;font-family:SUIT-Regular}.setting-page-container .setting-content-container .title{position:relative;width:100px;font-family:YoonChild-ManSeh;font-size:24px}.setting-page-container .setting-content-container .close-btn{position:absolute;top:21px;right:19px}.setting-page-container .setting-content-container .divide-line{position:relative;margin-top:12px;width:410px;height:1px;background-color:#000}.setting-page-container .setting-content-container .save-btn{position:absolute;bottom:56px;left:304px;width:fit-content;border:none;background:none;font-family:YoonChild;font-size:16px}
@font-face{font-family:"SUIT-Regular";src:url(/335bc4cf946c7df233f4.woff2) format("woff2")}@font-face{font-family:"YoonChild";src:url(/f705a108f7e8f1344eeb.ttf) format("truetype")}@font-face{font-family:"YoonChild-ManSeh";src:url(/6eda2bee9821cb2c2cb4.ttf) format("truetype")}@font-face{font-family:"YoonChild-MinGuk";src:url(/ad01810d8dd285563bb7.ttf) format("truetype")}@font-face{font-family:"Alatsi-Regular";src:url(/70433400897f3c25b1c1.ttf) format("truetype")}@font-face{font-family:"DarumadropOne-Regular";src:url(/567ab9e55394ef139215.ttf) format("truetype")}
.alert-toast{display:flex;flex-direction:column;background-color:#ffc466;border:1px solid #000;border-radius:12px;width:258px;height:60px;justify-content:center;text-align:center;font-family:YoonChild-ManSeh}
.toast-backdrop-none{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1010px;height:600px;display:flex;align-items:center;justify-content:center;z-index:100;font-family:"YoonChild-ManSeh";pointer-events:none}.toast-backdrop-none>*{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.toast-backdrop-dark{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1010px;height:600px;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-family:"YoonChild-ManSeh";z-index:100}
.wing{width:106px;height:108px;user-select:none;pointer-events:none;transform:translateY(-27px) translateX(26.5px)}.wing.right{transform:scaleX(-1) translateY(-27px) translateX(26.5px)}.game-alert-toast{background-color:#e9ff9f;font-size:30px;font-family:YoonChild-ManSeh;padding:40.66px 53px;border-radius:10.83px;border:solid 1px #000;display:inline-block;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);white-space:nowrap}
.timeover-toast-container{display:flex;justify-content:center;align-items:center;user-select:none}.timeover-image{width:100%;max-width:702px;height:auto}
.ox-toast-container{display:flex;justify-content:center;align-items:center;user-select:none}.ox-image{width:100%;max-width:210.93px;height:auto;margin-top:110px}
.countdown-toast-container{display:flex;justify-content:center;align-items:center;user-select:none}.countdown-image{width:auto;height:253px}
.pray-rabbit-toast-container{position:relative;width:100%;height:100%}.pray-rabbit-toast-container .pray-say-container{position:absolute;top:116px;left:165.5px;display:flex;justify-content:center;align-items:center;padding:30px 70px;width:684px;height:60px;background:#ffc466;border:1px solid #000;box-shadow:0px 0px 20px rgba(0,0,0,.15);border-radius:12px;font-family:YoonChild-ManSeh}.pray-rabbit-toast-container .pray-rabbit-image{position:absolute;top:218px;left:446px;width:133.59px;height:auto}
*{box-sizing:border-box}button{cursor:pointer}html,body,#root{width:100%;height:100%}body{background-color:#f7f7f7;margin:0;padding:0;color:#000}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#fbffec;border-radius:4px;min-height:60px}