@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body,html{background:#000}.makePage{background-image:url(/static/media/background.5adb9a58c818fee93717.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100vh;overflow:hidden;width:100vw}@media (max-width:1000px){.makePage{height:100vh;max-height:100vh;max-width:100vw;width:177.78vh}}.menuBar{bottom:0;left:50%;position:fixed;transform:translateX(-50%);width:100vw;z-index:100}.make{flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh}.Q1,.Q2,.make{align-items:center;display:flex;justify-content:center;width:100%}.Q1,.Q2{margin:1rem 0}.Q1 img,.Q2 img{height:40px;margin-right:.5rem;width:40px}.Q1 h2,.Q2 h2{font-size:1.2rem}#S1,#S2{background:#fff;background-image:none;border:1px solid #9f9f9f;border-radius:5px;box-shadow:none;display:block;font-family:NeoDunggeunmo;font-size:1rem;height:40px;margin:.5rem auto;text-align:center;width:220px}.cukemonFeature{align-items:center;background-image:url(/static/media/selectBackground.631b6a6d9ebe0fa2638c.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:185px;justify-content:center;margin:0 auto 1rem;position:relative;width:400px}.featureTextarea{background:#0000;border:none;box-sizing:border-box;color:#333;font-family:NeoDunggeunmo;font-size:1.1rem;height:100%;outline:none;padding:18px;resize:none;width:100%}.cukemonFeature p{font-size:.9rem;margin-top:.5rem;text-align:center}.featureCounter{background:#0000;bottom:28px;color:#333;font-family:NeoDunggeunmo;font-size:1rem;pointer-events:none;position:absolute;right:18px}.submitButton{margin:2rem auto 0;position:static;text-align:center}.inputBackground,textarea.inputBackground{background-image:url(/static/media/selectBackground.631b6a6d9ebe0fa2638c.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}textarea.inputBackground{border:none;box-sizing:border-box;display:block;font-size:1.1rem;height:120px;margin:0 auto;max-height:200px;min-height:100px;padding:16px 18px;resize:none;width:90%}.pokeRedButton{background:#b71c1c;border:3px solid #fff;border-radius:12px;box-shadow:0 4px #7f1010;color:#fff;cursor:pointer;font-family:NeoDunggeunmo;font-size:1.3rem;padding:.8em 2.5em;transition:background .2s,box-shadow .2s}.pokeRedButton:hover{background:#d32f2f;box-shadow:0 2px #7f1010}.imgSubmitButton{align-items:center;background:none;background-image:url(/static/media/button.11fb51a17c0abf43f8b3.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;color:#fff;cursor:pointer;display:flex;font-family:NeoDunggeunmo;font-size:1.6rem;height:58px;justify-content:center;padding:0;text-shadow:2px 2px 0 #7f1010;width:236px}.imgSubmitButton:active{filter:brightness(.9)}.imgSubmitButton:hover{transform:scale(1.05)}@media (max-width:767px){.makePage{background-image:url(/static/media/backgroundMobile.7c7c82a88f822f1fa4ad.webp);min-width:100vw}.make,.makePage{min-height:100vh}.make{max-width:100vw;min-width:0;padding:0}.Q1,.Q2{font-size:4vw;margin:2vw 0}#S1,#S2,.cukemonFeature,.featureTextarea,.imgSubmitButton{border-radius:8px;margin:0 auto;max-width:350px;min-width:0;width:80vw}#S1,#S2{font-size:4vw;height:45px;margin-bottom:2vw;max-width:350px}.cukemonFeature{height:150px;margin-bottom:2vw;padding:0}.featureTextarea{font-size:4vw;max-width:350px;padding:10px}.imgSubmitButton img{height:auto;width:50%;width:auto}.featureCounter{bottom:18px;font-size:3.5vw;right:18px}}.resultContent{background-image:url(/static/media/background.5adb9a58c818fee93717.webp);background-size:contain;height:56.25vw;justify-content:center;max-height:100vh;max-width:100vw;min-height:0;min-width:0}.chatBox{background-image:url(/static/media/selectBackground.631b6a6d9ebe0fa2638c.webp);background-size:cover;height:185px;justify-content:center;margin:0 auto;width:400px}body,html{display:flex;flex-direction:column}.menubarItems{border:none;bottom:8vh;display:flex;font-family:NeoDunggeunmo;gap:.8vw;left:0;position:fixed}.menubarItems button{background-color:initial;background-repeat:no-repeat;background-size:cover;border:none;height:5vw;width:5vw}.makePageLink{background-image:url(/static/media/makeicon.bde20b49575b35db1b55.webp)}.battleLink{background-image:url(/static/media/battleicon.d44a3569377723e87188.webp)}.rankingLink{background-image:url(/static/media/rankingicon.5c55cb302fa4345c5353.webp)}.myPageLink{background-image:url(/static/media/mypageicon2.9c042f89413c09d3b3e2.webp)}.menubarItems button img{height:5vw;margin-bottom:10px;margin-top:2%;padding-left:0;width:5vw}.menubarItems .battleLink,.menubarItems .makePageLink,.menubarItems .myPageLink,.menubarItems .rankingLink{align-items:center;display:flex;flex-direction:column}.menubarItems button:hover{filter:brightness(1.2)}.menubarItems.centered{left:50%;transform:translateX(-50%)}@media (max-width:767px){.menubarItems{align-items:center;border:none;bottom:3vh;left:50%;position:fixed;transform:translateX(-50%)}.menubarItems button{height:17vw;padding:0;width:17vw}.menubarItems{justify-content:flex-start}}.pokeStyleButton{align-items:center;background-color:#6b4cb3;border:2px solid #000;border-radius:9999px;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:8px 16px;transition:background-color .3s}.pokeStyleButton:hover{background-color:#5a3ba0}.pokeball{height:32px;margin-right:8px;position:relative;width:32px}.topGroup{height:50%;position:absolute;top:0;transition:transform .3s ease;width:100%;z-index:3}.pokeStyleButton:hover .topGroup{transform:translateY(-50%)}.topHalf{background-color:#d12d2d;border:2px solid #000;border-top-left-radius:50% 100%;border-top-right-radius:50% 100%;height:100%}.bottomHalf,.topHalf{box-sizing:border-box;width:100%}.bottomHalf{background-color:#fff;border:2px solid #000;border-bottom-left-radius:50% 100%;border-bottom-right-radius:50% 100%;bottom:0;height:50%;position:absolute;z-index:1}.centerLine{background-color:#000;height:4px;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:2}.centerButton{background-color:#fff;border:2px solid #000;border-radius:50%;height:10px;left:50%;position:absolute;top:100%;transform:translate(-50%,-50%);width:10px;z-index:4}@media (max-width:767px){.pokeStyleButton{padding:1vw;white-space:nowrap}}.typeTable{background:#fff;border-radius:2%;padding:10px;position:fixed;right:5vw;top:2.5vh;z-index:1000}.typeTable h1{font-size:1.3vw;padding-bottom:1vh;text-align:center}.typeImage{height:40vh;margin-bottom:2vh}.defenseTitle{margin-bottom:10px}.effectVeryStrong{color:darkred}.effectStrong{color:red}.effectWeak{color:blue}.effectNone{color:#000}.attackTitle{color:#000!important}@media (max-width:767px){.typeTable{display:none}}.login{align-items:center;background:url(/static/media/background1.b976601f399944055985.webp) no-repeat 50% fixed;background-color:#000;background-size:contain;display:flex;height:100vh;justify-content:center;width:100vw}#webLogo{pointer-events:none;position:absolute;top:7vh;width:45vw}.loginButton{position:relative;text-align:center;top:27.2vh;width:100vw}.loginButton button{background:url(/static/media/kakaobutton.61479fae91620f2f6b47.webp);background-size:cover;border:none;font-size:15px;height:60px;outline:none;width:330px}.kakaoLoginText{padding-left:3vw}.loginButton button:hover{filter:brightness(90%)}@media (max-width:767px){#root,body{height:100%;padding:0}.login{background:url(/static/media/mobileBackground.595dee039c45ce00930a.webp) no-repeat 50%;background-size:100vw 100vh}#webLogo{top:31vh;width:87vw}.loginButton button{height:44px;width:240px}.kakaoLoginText{padding-left:6vw}}body,html{overflow:hidden}body{display:flex;justify-content:center;margin:0}.Battle,body{align-items:center}.Battle{aspect-ratio:4/3;background-image:url(/static/media/background.e727b962ef2f8ef84ff0.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-direction:column;justify-content:space-between;max-height:100vh;position:relative;width:100vw}.content{height:100%}.battleContainer,.content{position:relative;width:100%}.battleContainer{align-items:center;display:flex;height:60%;justify-content:space-between;padding:2vw}.blueTeamSection,.redTeamSection{position:relative;width:45vw}.blueTeamSection,.cuketmon,.redTeamSection{align-items:center;display:flex;flex-direction:column;height:100%}.cuketmon{width:40%}.enemyCuketmonImage,.myCuketmonImage{bottom:30%;height:auto;position:absolute;width:20%;z-index:1}.battleAnimationOverlay{z-Index:10;height:100%;left:0;position:absolute;top:0;width:100%}.skillAnimation{background-repeat:no-repeat;height:fit-content;position:relative;top:-15vw;width:30vw}@keyframes spriteAnimation{to{left:var(--endX)}}.hitEffect{animation:hitAnimation .5s ease forwards}@keyframes hitAnimation{to{filter:brightness(.5) sepia(1) hue-rotate(-60deg) saturate(5);transform:translateY(-50px)}}.skillSection{height:auto;left:15%;padding:2%;position:relative}.battleMessage{background:url(/static/media/battleMessage.5f5726a8a5c0f1192dcd.webp) no-repeat 50%;background-size:contain;color:#000;font-size:2rem;height:10vw;padding:2%;position:absolute;text-align:center;top:25%;width:60vw;z-index:2}.loadingScreen{animation:spin 1s linear infinite;background:linear-gradient(180deg,#fe0001 50%,#fff 0);border:8px solid #000;border-radius:50%;height:200px;position:relative;width:200px}.notification{background:#fff;border-radius:5px;bottom:20px;left:50%;padding:10px;position:fixed;transform:translateX(-50%);z-index:1000}.loadingScreen:before{background:#000;content:"";height:8px;position:absolute;top:92px;transform:translatey(-50%);width:192px}.loadingScreen:after{background:#fff;border-radius:50%;box-shadow:inset 0 0 0 8px #000,inset 0 0 0 10px #fff,inset 0 0 0 12px #000;content:"";height:50px;left:90px;position:absolute;top:90px;transform:translate(-50%,-50%);width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.resultScreen{align-items:center;background-image:url(/static/media/WinnerStage.73e3f68ece398ad6026a.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;font-size:2vw;height:100vh;justify-content:center;width:100vw}.resultScreen>h1{margin:0;padding:0;position:absolute;top:0}.winnerCuketmonImage{bottom:30%;height:auto;position:absolute;width:10%}.battleEndButton{bottom:10%;position:absolute}.endBattleButton{background-color:#e63946;border:none;border-radius:1rem;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1.5rem;padding:1rem 2rem;transition:background-color .3s ease}.endBattleButton:hover{background-color:#c9303e}@media (max-width:430px){.Battle{align-items:center;aspect-ratio:3/7;background-image:url(/static/media/backgroundMobile.06c94c4eb72489750f9b.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;justify-content:center;max-height:100vh;padding:2%;width:100vw}.cuketmon{height:100%;width:100%}.enemyCuketmonImage,.myCuketmonImage{width:50%}.battleAnimationOverlay{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:center;position:absolute;top:35%;z-index:10}.skillAnimation{background-repeat:no-repeat;margin-bottom:20vw;position:relative;width:50vw}.battleMessage{align-items:center;display:flex;font-size:4vw;height:10vw;justify-content:center;max-width:100vw;padding:10vw;position:relative;width:fit-content}@keyframes spriteAnimation{to{left:var(--endX)}}.hitEffect{animation:hitAnimation .5s ease forwards}@keyframes hitAnimation{to{filter:brightness(.5) sepia(1) hue-rotate(-60deg) saturate(5);transform:translateY(-5vw)}}.skillSection{display:flex;justify-content:center;position:static}.skillButton:disabled{background-color:#ccc;cursor:not-allowed}.skillType{bottom:20%;display:flex;font-size:2vw;gap:2%;justify-content:center;margin-top:1%;position:absolute;right:10%;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.resultScreen{align-items:center;background-image:url(/static/media/WinnerStage.73e3f68ece398ad6026a.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;font-size:2vw;height:100vh;justify-content:center;width:100vw}.resultScreen>h1{margin:0;padding:0;position:absolute;top:0}.winnerCuketmonImage{bottom:30%;height:auto;position:absolute;width:10%}.PokeStyleButton{bottom:10%;position:absolute}.skillType{font-size:3vw}}.hpBarContainer{background:url(/static/media/Blue_HPBar.669b342db6b08728faeb.webp) no-repeat;background-size:contain;height:8vw;width:18vw}.hpBarName{color:#222;font-size:1.5vw;font-weight:700;margin-bottom:4px;margin-left:1vw;margin-top:.9vw}.hpBarOuter{background-color:#ddd;border:2px solid #444;border-radius:6px;height:.8vw;margin-left:6.5vw;overflow:hidden;width:10.3vw}.hpBarInner{height:100%;transition:width .2s linear}.hpBarText{font-weight:700;margin-right:3vw;text-align:right}@media (max-width:767px){.hpBarContainer{background:url(/static/media/Blue_HPBar.669b342db6b08728faeb.webp) no-repeat cover;background-size:100% 100%;height:fit-content;margin-top:30vw;width:40vw}.hpBarName{font-size:3vw}.hpBarOuter{background-color:#ddd;border:.2vw solid #444;border-radius:2vw;height:2vw;margin-left:15vw;overflow:hidden;width:23vw}.hpBarInner{height:100%;transition:width .2s linear}.hpBarText{font-size:3vw;font-weight:700;margin-right:3vw;text-align:right}}.battleChatbox{align-items:center;display:flex;height:100%;justify-content:center;width:50vw}.leftPanel{grid-gap:1vw;box-sizing:border-box;display:grid;flex-direction:row;flex-wrap:wrap;gap:1vw;grid-template-columns:1fr 1fr;width:100%}.moveButton{background:url(/static/media/moveButton.b71098c9c6db5d19021d.webp)no-repeat 50%;background-size:contain;border-radius:5px;cursor:pointer;height:100%;padding:1vw;text-align:center;width:20vw}@keyframes blinkColor{0%{color:#000}50%{color:gray}to{color:#000}}.moveButton.selected{animation:blinkColor 1s infinite;font-weight:700}.rightPanel{position:relative}.skillDetail{background:url(/static/media/moveDetail.c1c97fe4e69d10e64864.webp)no-repeat 50%;background-size:contain;background-size:100% 100%;height:10vw;margin-left:1vw;width:17.8vw}.skillInfo{display:flex}.skillDetail p{font-size:1.5vw;font-weight:700;padding:1vw}.skillDetail img{height:2vw;padding-left:1vw}@media (max-width:430px){.battleChatbox{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center;width:fit-content}.leftPanel{margin-top:5vw}.leftPanel,.rightPanel{width:fit-content}.moveButton{background:url(/static/media/moveButton.b71098c9c6db5d19021d.webp)no-repeat 50%;background-size:100% 100%;font-size:2vh;height:8vh;text-align:center;width:20vh}.moveButton,.skillDetail{align-items:center;display:flex;justify-content:center}.skillDetail{flex-direction:column;height:30vw;position:relative;width:40vw}.skillInfo{display:block}.skillDetail p{font-size:2vh;padding:0}.skillDetail img{height:5vw}}html{background-color:#000}.ranking{align-items:center;background-image:url(/static/media/background1.37fc11f09c7fbeaf1c70.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100vh;width:100vw}.rankingBoard{font-size:17px;position:absolute;text-align:center;top:10vh;width:100vw}.cukemonImageContainer{margin-top:3.6vh;position:relative;transition:transform .2s}.cukemonImageContainer img{height:7vw;width:7vw}.cukemonImage:hover{transform:scale(1.05)}.historyBoard{background-image:url(/static/media/rankingboard.ce72b69e0ba4ecff02c4.webp);background-repeat:no-repeat;background-size:cover;border-collapse:collapse;color:#fff;height:340px;left:30vw;position:relative;width:605px}.historyBoard .trainerName{font-size:1.5vw;padding-bottom:1.3vw;padding-top:8vh;text-shadow:-3px -3px 0 #041430,-3px -2px 0 #041430,-3px -1px 0 #041430,-3px 0 0 #041430,-3px 1px 0 #041430,-3px 2px 0 #041430,-3px 3px 0 #041430,3px -3px 0 #041430,3px -2px 0 #041430,3px -1px 0 #041430,3px 0 0 #041430,3px 1px 0 #041430,3px 2px 0 #041430,3px 3px 0 #041430,-2px -3px 0 #041430,-1px -3px 0 #041430,0 -3px 0 #041430,1px -3px 0 #041430,2px -3px 0 #041430,-2px 3px 0 #041430,-1px 3px 0 #041430,0 3px 0 #041430,1px 3px 0 #041430,2px 3px 0 #041430}.historyBoard .row1,.historyBoard .row2,.historyBoard .row3,.historyBoard .row4{display:flex;margin-top:3.4vh;white-space:nowrap}.historyBoard .row1{gap:76%;margin-left:5vw;position:relative}.historyBoard .row2{gap:58%;margin-left:16%;margin-top:5%}.historyBoard .row3{gap:75%;margin-left:5.5vw;margin-top:5%}.historyBoard .row4{gap:72%;margin-left:5.9vw;margin-top:5%}.historyBoard .row1 div:last-child,.historyBoard .row2 div:last-child,.historyBoard .row3 div:last-child,.historyBoard .row4 div:last-child{line-height:1;min-width:4ch;padding-right:10vw;text-align:left}.historyBoard .row1 div:first-child,.historyBoard .row2 div:first-child,.historyBoard .row3 div:first-child,.historyBoard .row4 div:first-child{flex:1 1;padding-right:1vw;position:relative}.historyBoard .row1 div:first-child:after,.historyBoard .row2 div:first-child:after,.historyBoard .row3 div:first-child:after,.historyBoard .row4 div:first-child:after{background-image:radial-gradient(currentColor 1.2px,#0000 0);background-repeat:repeat-x;background-size:6px 1px;content:"";height:1px;left:100%;opacity:.85;position:absolute;top:50%;transform:translateY(-50%)}.historyBoard .row1 div:first-child:after{width:27vw}.historyBoard .row2 div:first-child:after{width:20vw}.historyBoard .row3 div:first-child:after{width:27vw}.historyBoard .row4 div:first-child:after{width:25vw}@media (max-width:767px){#root,body{height:100%;padding:0}.ranking{background-image:url(/static/media/backgroundMobile.6a9a881148f324399869.webp);background-size:cover;flex-direction:column;height:100%;justify-content:center;padding-top:0}.rankingBoard{font-size:17px;padding-bottom:0;top:20%}.cukemonImageContainer{left:0;white-space:nowrap;width:100vw}.cukemonImageContainer img{height:14vw;width:14vw}.historyBoard{background-image:url(/static/media/rankingboardMobile.fcef7f7714769c9b4363.webp);background-size:contain;left:10vw;width:80vw}.historyBoard .trainerName{font-size:20px;margin-bottom:10vw;padding-top:3.2vh}.historyBoard .row1,.historyBoard .row2,.historyBoard .row3,.historyBoard .row4{font-size:3.5vw;margin-bottom:2.9vh;margin-top:0}.historyBoard .row2{gap:50%;margin-left:7vw}.historyBoard .row4{gap:70%}.historyBoard .row1 div:first-child:after,.historyBoard .row2 div:first-child:after,.historyBoard .row3 div:first-child:after,.historyBoard .row4 div:first-child:after{display:none}}span{font-family:NeoDunggeunmo}.myPage{background-image:url(/static/media/background.2cfdaa16bf3572ce5d36.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;height:100vh;overflow:hidden;width:100vw}.cukemonImg img{left:40vw;pointer-events:none;position:absolute;top:29vh;transition:transform 1s ease-in-out;width:clamp(150px,20%,300px)}.cucketmonProfile{background-image:url(/static/media/cukemonProfile.7feb9fa2a421386d5052.webp);background-size:cover;font-family:NeoDunggeunmo;height:103px;left:39vw;margin-bottom:1vh;padding-bottom:.5%;padding-top:1%;position:relative;text-align:center;top:13vh;-webkit-user-select:none;user-select:none;width:317px}.cucketmonProfile img{height:25px;width:25px}.buttons{color:#fff;font-size:1vw;left:76vw;position:absolute;top:37vh;-webkit-user-select:none;user-select:none}#feed,#play{height:5.5vw;margin-bottom:2vh;width:5.5vw}.feedCukemonButton span,.playCukemonButton span{left:-3.5vw;position:relative;top:-1.6vw}#releaseButton{left:19vw;position:absolute;top:45vh;width:4%}#releaseButton:hover,.feedCukemonButton:hover,.playCukemonButton:hover{filter:brightness(.7)}@media (max-width:767px){#root,body{height:100%;left:0;padding:0;top:0}.myPage{background-image:url(/static/media/backgroundMobile.7cc7611ba8f31e9b1b5d.webp);background-size:cover;height:100vh;padding:0}.buttons{top:13vh;white-space:nowrap}#feed,#play{height:17vw;margin-bottom:1vh;width:17vw}#cuketmonImage{left:34%;position:absolute;top:53vh;width:35%}.cucketmonProfile{height:65px;left:26vw;margin-left:0;margin-top:5%;position:absolute;top:37vh;width:200px}.cucketmonProfile p{font-size:20px}.cucketmonProfile img,.cucketmonProfile span{font-size:10px;height:10px;width:10px}.feedCukemonButton span,.playCukemonButton span{font-size:4vw;left:-11.5vw;top:-1.8vh}#releaseButton{left:4vw;position:absolute;top:14.5vh;width:12%}}.resultPage{background:#000;justify-content:center}.resultContent,.resultPage{align-items:center;display:flex;height:100vh;width:100vw}.resultContent{background-image:url(/static/media/background.70aa3c64682350f6ac45.webp);background-size:cover;flex-direction:column;justify-content:flex-end;position:relative}.chatBox,.resultContent{background-position:50%;background-repeat:no-repeat}.chatBox{align-items:center;background-image:url(/static/media/chatBox.9e01b28a79838414cda3.webp);background-size:100% 100%;display:flex;height:90px;justify-content:flex-start;margin:0 auto 32px;max-width:800px;padding-left:32px;width:90vw}.chatBox,.chatBox textarea{border:none;box-sizing:border-box}.chatBox textarea{background:#0000;color:#333;font-family:NeoDunggeunmo;font-size:1.1rem;height:80%;outline:none;padding:10px;resize:none;width:90%}.mentText{color:#21707a;font-family:NeoDunggeunmo;font-size:1.3rem;line-height:1.5;text-align:left;width:100%;word-break:keep-all}@media (max-width:767px){.resultContent{background-size:cover;height:100vh;width:100vw}.chatBox{height:60px;margin-bottom:12px;max-width:98vw;padding-left:12px;width:98vw}.chatBox textarea{font-size:4vw;padding:8px}.mentText{font-size:1.1rem;padding:0}}.textbox{align-items:stretch;background-color:#f0f0f0;border:2px solid #333;display:flex;max-width:100%;min-height:auto;position:relative}.sidePattern{background-color:#777;background-image:linear-gradient(45deg,#666 25%,#0000 0),linear-gradient(-45deg,#666 25%,#0000 0),linear-gradient(45deg,#0000 75%,#999 0),linear-gradient(-45deg,#0000 75%,#999 0);background-repeat:repeat;background-size:8px 8px;width:16px}.left{border-right:2px solid #333}.right{border-left:2px solid #333}.textboxContent{color:#000;flex:1 1;font-family:Press Start\ 2P,monospace;font-size:12px;height:100%;padding:12px;position:relative}.text{margin:0;white-space:pre-wrap}.blinkIndicator{animation:blink 1s infinite;bottom:8px;font-size:12px;position:absolute;right:8px}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}@media (max-width:767px){.textbox{max-width:100%;min-height:60px}.sidePattern{background-size:6px 6px;width:12px}.textboxContent{font-size:10px;padding:8px}.blinkIndicator{bottom:6px;font-size:10px;right:6px}}.namePage{background-image:url(/static/media/background.2e39347d284336ab5550.webp);background-repeat:none;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.nameInputBox{aspect-ratio:3.4/1;background-image:url(/static/media/nameBox.688e6c87afa8dc588355.webp);background-repeat:no-repeat;background-size:cover;height:auto;margin:0 auto;max-width:860px;position:relative;top:25%;width:80vw}.namePage .cukemonImage{left:10%;position:absolute;top:0;width:30%}.nameInputBox p{font-family:NeoDunggeunmo;font-size:clamp(20px,3vw,40px);font-weight:700;left:55%;position:absolute;top:8%}.nameInput{display:flex;left:44%;position:absolute;top:40%}.nameInput input{background:none;border:none;border-bottom:2px dotted #000;color:#525252;cursor:none;font-family:NeoDunggeunmo;font-size:clamp(8px,2vw,25px);margin-left:42%;outline:none;width:18vw}.nameInput{font-size:clamp(8px,1vw,30px);padding-left:2.5%}.nameInput input{position:absolute;top:0}#remainWord{font-size:clamp(7px,1vw,12px);left:20vw;position:relative;top:2vh}.choiceButtons{color:#fff;display:flex;font-size:clamp(3px,1.5vw,15px);gap:.8vw;left:28vw;position:absolute;top:20vh}@media (max-width:767px){.nameInputBox{top:40%}.nameInputBox p{left:42vw}.namePage .cukemonImage{font-size:10px;top:0}.nameInput{left:43%;top:40%}.nameInput input{width:24.5vw}#remainWord{left:28vw;top:.9vh}.choiceButtons{font-size:4vw;gap:1.8vw;left:26.3vw;top:5.8vh;transform:scale(.4)}}@font-face{font-family:PFStardust;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/PFStardust.woff) format("woff")}.aspectWrapper{background:#000;height:100vh;justify-content:center}.aspectWrapper,.pickScreen{align-items:center;display:flex;width:100vw}.pickScreen{aspect-ratio:4/3;background:url(/static/media/background.d3142a85556f7b40c9e1.webp) 50%/contain no-repeat;flex-direction:column;justify-content:space-between;max-height:100vh;position:relative}.pickTitle{color:#fff;font-family:PFStardust;font-size:3vw;line-height:1;margin-top:3vw;text-align:left;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.pickContent{align-items:center;display:flex;height:30vw;justify-content:center}.arrowButton{background:none;border:none;cursor:pointer;margin-bottom:15vw;transition:transform .2s}.arrowButton:hover{transform:scale(1.2)}.cuketmonCard{align-items:center;display:flex;flex-direction:column;width:50%}.cuketmonImage{height:auto;width:50%}.commonImageContainer{margin-top:1vw;position:relative;width:20vw}.commonImageContainer img{display:block;width:100%}.overlayText{color:#222;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.nameText{font-size:1.5vw;left:45%;text-align:right;top:40%;width:100%}.hpText{left:15%;top:80%}.hpText,.typeText{font-size:1.5vw}.typeText img{width:fit-content}.specText{color:#1c5252;font-size:1.6vw;left:60%;position:absolute;top:50%;transform:translate(-50%,-50%);width:55%}.specRow{display:flex;justify-content:space-between;margin:.5vh 0}.buttonContainer{display:flex;gap:3vw;justify-content:center;margin-bottom:5%}.buttonSet{background:none;border:none;cursor:pointer}.buttonSet img{height:5vw}.pickScreenLoading,.pickScreenNoData{align-items:center;background:#000;color:#fff;display:flex;font-size:2rem;height:100vh;justify-content:center;width:100vw}@media (max-width:767px){.pickScreen{align-items:center;background:url(/static/media/backgroundMobile.9edb9985a2878a8a678e.webp) 50%/contain no-repeat;background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.pickTitle{color:#fff;font-size:5vh;font-weight:700;margin-bottom:2vh;margin-top:10%}.pickContent{align-items:center;display:flex;height:100vh;justify-content:center;margin-top:8vh;width:100vw}.cuketmonCard{position:absolute;top:22vh}.cuketmonImage{width:40vw}.arrowButton{margin-bottom:50vh}.arrowButtonRight{position:absolute;right:5vw}.arrowButtonLeft{left:5vw;position:absolute}.commonImageContainer{margin-top:3vh;position:relative;width:80vw}.hpBarWrapper img{display:block;height:auto;width:100%}.overlayText{font-weight:700;position:absolute;white-space:nowrap}.nameText{left:-10%;text-align:right}.hpText,.nameText{font-size:5vw;transform:translateY(-50%)}.hpText{left:10%;text-align:left}.specText,.typeText{font-size:5vw}.specText{left:60%;position:absolute;top:50%}.buttonContainer{display:flex;gap:3vw;justify-content:center;margin-bottom:5.8vh}.buttonSet img{height:6vh;margin-top:1vh}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,NeoDunggeunmo,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:NeoDunggeunmo,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{font-family:NeoDunggeunmo,sans-serif;height:100%;width:100%}*,body,html{margin:0;padding:0}*{box-sizing:border-box}
/*# sourceMappingURL=main.36596af1.css.map*/