.nav_bar{display:flex;justify-content:left;align-items:center;left:6%;top:10px;position:fixed;z-index:9999}.nav_btn{width:10vh;height:10vh;background:transparent;border:none;cursor:pointer;margin:4px;padding:0}.nav_btn img{width:100%;height:100%}.nav_btn:hover{transform:translateY(-2px)}.nav_btn:active{transform:translateY(0)}.rules{width:40vw;position:fixed;transform:translateY(-50%);top:50%;left:calc(50% - 20vw);z-index:9999}.rules_close{width:3vw;height:3vw;position:absolute;top:1vw;right:1vw}img{width:100%}.settings{width:40vw;position:fixed;transform:translateY(-50%);top:50%;left:calc(50% - 20vw);z-index:9999}.settings_close{width:3vw;height:3vw;position:absolute;top:1vw;right:1vw}.settings_bg{width:100%}.settings_content{width:90%;height:54%;position:absolute;bottom:9vh;left:5%;display:flex;flex-direction:column;align-items:center;justify-content:center}.settings_item{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.settings_item_music{flex-direction:column;align-items:stretch}.settings_item_row{display:flex;align-items:center;width:100%}.settings_item1_title{flex:1;min-width:0}.settings_item1_title_text{font-size:4vh;color:#7d60a8;font-family:AwkwardBlack}.music_toggle{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0;position:relative;z-index:1}.music_toggle_icon{width:20px;height:20px;flex-shrink:0}.music_toggle_track{width:10vh;height:20px;background:#fff;border-radius:5vh;position:relative;overflow:visible;transition:background-color .3s ease;border:1px solid #7d60a8;cursor:pointer;flex-shrink:0}.music_toggle_track.music_on{background:#7d60a8}.music_toggle_handle{position:absolute;top:50%;width:5vh;height:5vh;border-radius:50%;background:#fff;border:2px solid #7d60a8;transform:translateY(-50%);transition:left .3s ease}.music_toggle_track.music_off .music_toggle_handle{left:.5vh}.music_toggle_track.music_on .music_toggle_handle{left:calc(100% - 5vh)}.volume_slider_wrap{width:100%;margin-top:6px}.volume_slider_track{position:relative;width:100%;height:3vh;background:#e0e0e0;border-radius:7px}.volume_slider_fill{position:absolute;left:0;top:0;height:100%;background:#7d60a8;border-radius:7px;pointer-events:none}.volume_slider_input{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:4vh;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.volume_slider_input::-webkit-slider-thumb{-webkit-appearance:none;width:4vh;height:4vh;border-radius:50%;background:#fff;border:2px solid #7d60a8;cursor:pointer;box-shadow:0 1px 3px #0003}.volume_slider_input::-moz-range-thumb{width:4vh;height:4vh;border-radius:50%;background:#fff;border:2px solid #7d60a8;cursor:pointer;box-shadow:0 1px 3px #0003}@media (min-width: 1024px){.settings_content{bottom:4vh}.settings_item1_title_text{font-size:3vh}.volume_slider_track{height:2vh}.volume_slider_input::-webkit-slider-thumb{width:2vh;height:2vh}.volume_slider_input::-moz-range-thumb{width:2vh;height:2vh}}.orientation_notice{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;min-height:100vh;background:url(../png/attention_bg-C4B8m3MB.png) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;text-align:center}.orientation_notice img{width:100%}.home_container{position:relative;width:100%;height:100%}.home{text-align:center;display:flex;justify-content:left;align-items:center;margin-left:6%;margin-top:14px}.home_title{font-size:3rem;color:#667eea;margin-bottom:20px;font-weight:700}.home_description{font-size:1.2rem;color:#666;margin-bottom:40px}.home_btn{width:40px;height:40px;background:#ffb6c1;color:#333;border:none;font-size:8px;border-radius:8px;cursor:pointer;margin:4px;font-weight:700}.home_btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffb6c166}.home_btn:active{transform:translateY(0)}.home_btn img{width:100%;height:100%}.logo_sp{width:30%;height:auto;position:absolute;right:10px;top:18px}.logo_sp img{width:100%}.center{width:40%;position:absolute;bottom:14%;left:50%;transform:translate(-50%);display:flex;justify-content:center;flex-direction:row}.center_logo{width:80%;height:60%;position:absolute;top:10px;left:0;right:0;margin:0 auto;background:#f08080}.center_btn{width:48%;height:60px;margin:0 auto;cursor:pointer}.center_btn img{width:100%;height:auto}.fix_btn{width:150px;height:80px;position:absolute;top:40px;right:40px;line-height:80px;background:#f08080;color:#fff;text-align:center}.popup{position:absolute;z-index:9999;top:10%;left:0;right:0;margin:0 auto;color:#fff;text-align:center;margin-top:4vw}.popup_wrapper{display:inline-block;position:relative;vertical-align:top}.erode_bg{display:block;width:50vw;object-fit:cover}.popup_close{width:30px;height:30px;position:absolute;top:0;right:0;color:#fff;text-align:center;z-index:999}.popup_content{width:56%;position:absolute;top:32%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5vh;box-sizing:border-box}.popup_content_title{width:100%;text-align:center;font-size:5vh;font-weight:700;color:#7c5fa9;font-family:AwkwardBlack}.popup_input{width:100%;height:clamp(34px,6vh,60px);border-radius:10px;border:2px solid #7c5fa9;padding:0 10px;font-size:clamp(14px,4vh,24px);color:#bc98c7;text-align:center;font-family:AwkwardBlack}.popup_btn{width:45%;max-width:120px;height:auto}.gender_popup{position:absolute;z-index:9999;top:10%;left:0;right:0;margin:0 auto;color:#fff;text-align:center;margin-top:2vw}.gender_popup_wrapper{display:inline-block;position:relative}.gender_popup_bg{display:block;width:45vw;object-fit:cover}.gender_popup_close{width:5%;height:10%;float:right;font-size:30px;position:absolute;right:4%;top:6%}.gender_popup_content{width:87%;height:54%;position:absolute;top:33%;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:6%}.gender_popup_item{width:50%;height:100%;border-radius:5px;margin:0 1%;text-align:center;line-height:100%;font-size:20px;font-weight:700;background:#ddcae3}.gender_popup_item img{height:90%;object-fit:contain;margin-top:10%}@media (max-height: 338px){.erode_bg,.gender_popup_bg{width:40vw}}@media (max-width: 768px){.home_title{font-size:2rem}.home_description{font-size:1rem}}.layout{height:100%;display:flex;justify-content:center;align-items:stretch;background-image:url(../png/bg-dPPEY74X.png);background-size:cover;background-position:center;background-repeat:no-repeat}.layout-container{width:100%;height:100%;display:flex;flex-direction:column}.layout-container>*{flex:1}.error_overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#00000080;display:flex;align-items:center;justify-content:center}.error{max-width:40%;cursor:pointer;position:relative}.error_img{width:100%;height:auto;display:block}.error_btn{width:100px;position:absolute;left:50%;transform:translate(-50%);bottom:14%}.loading_overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#00000080;display:flex;align-items:center;justify-content:center}.loading_frame{width:280px;position:relative;border-radius:12px;overflow:hidden}.loading_bg{width:100%;height:auto;display:block}.loading_main{position:absolute;top:0;right:0;bottom:0;left:0;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading_text_img{width:50%}.loading_progress_track{width:100%;height:14px;background:#fff;border:2px solid #c0a8d2;border-radius:999px;overflow:hidden}.loading_progress_fill{height:100%;background:#c0a8d2;border-radius:999px;animation:loadingProgress 2s ease-in-out infinite}@keyframes loadingProgress{0%{width:0%}to{width:100%}}@font-face{font-family:Awkward;src:url(../ttf/Awkward-DBHZwIA1.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:AwkwardBlack;src:url(../../font/AwkwardBlack.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Cubic11;src:url(../ttf/Cubic_11-A1QpzaaH.ttf) format("truetype");font-weight:400;font-style:normal}.font_awkward{font-family:Awkward,sans-serif}.font_awkward_black{font-family:AwkwardBlack,sans-serif}.font_cubic{font-family:Cubic11,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}