#monsterPostUi{position:absolute;top:0;left:0;height:0%;opacity:0;width:100%;border-radius:10px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;transition:height .4s ease,opacity .4s ease;pointer-events:none;overflow:hidden;cursor:default}#monsterPostUi.openPostDomRoot{height:100%;opacity:1;pointer-events:auto}#postUi{background:linear-gradient(to bottom right,#4c4c4c,#232323,#434343);width:100%;height:100%}#postUi-top{position:relative;height:55%;width:98%;margin:1%;border-radius:10px;background:linear-gradient(to bottom right,#515151,#303030,#323232);display:flex;justify-content:center;align-items:center;flex-direction:column}#postUi-bottom{height:43.2%;width:98%;border-radius:10px;margin:0% 1% 1%;display:flex;justify-content:center;align-items:center;flex-direction:row}#floorInfoTimeContainer-postUi{position:relative;width:100%;height:10%;display:flex;justify-content:center;align-items:center;color:#fff}#floorInfoConitaner-postUi{width:50%;height:100%;display:flex;align-items:center;justify-content:center}#timeContainer-postUi{position:absolute;right:0;height:100%;width:20%;display:flex;align-items:center;justify-content:center}#screenContainer-postUi{width:100%;height:90%;display:flex;justify-content:center;align-items:center}#screen-postUi{width:96%;height:96%;background-color:#bbb}#howToContainer-postUi{width:100%;height:100%;overflow-y:auto;padding:0 3%;box-sizing:border-box;background-color:#9ab1a8;-webkit-overflow-scrolling:touch;scrollbar-width:none}#howToContainer-postUi::-webkit-scrollbar{display:none}.one-postUi{margin-bottom:10%}#postPreviewContainer-postUi{width:100%;height:100%;background-color:#cecbb6;display:flex;justify-content:start;align-items:center;flex-direction:column}#monsterNameAndTypesPreviewContainer-postUi{position:relative;height:20%;width:100%;display:flex;justify-content:center;align-items:flex-end;padding-bottom:2.5%;box-sizing:border-box}#monsterNamePreview-postUi{width:80%;height:55%;background-color:#ebebeb;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#181818;box-shadow:1px 1px 1px #000;box-sizing:border-box}#typesPreviewContainer-postUi{position:absolute;right:15%;top:11%;width:16%;height:43%;display:flex;justify-content:space-between;align-items:center}#typeOnePreview-postUi{height:100%;aspect-ratio:1/1;background:radial-gradient(circle at 30% 30%,#f9eded,#ffd6d6 20%,#ff5a5a 55%,#c70000);border-radius:50%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none;color:#000;font-weight:700}#typeTwoPreview-postUi{height:100%;aspect-ratio:1/1;background:radial-gradient(circle at 30% 30%,#fff,#dfffd6 20%,#57d957 55%,#178a17);border-radius:50%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;box-shadow:1px 1px 1px #000;font-weight:700}#imageAndCommentPreviewContainer-postUi{height:60%;width:100%;display:flex;justify-content:center;align-items:center}#imagePreviewContainer-postUi{height:100%;width:57%;display:flex;justify-content:flex-start;align-items:start}#imagePreviewContainer-postUi img{height:95%;aspect-ratio:1/1;background-color:#ebebeb;image-rendering:pixelated;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#181818;box-shadow:1px 1px 1px #000;box-sizing:border-box}#commentPreviewContainer-postUi{height:100%;width:37%;display:flex;justify-content:flex-end;align-items:start}#commentPreview-postUi{height:95%;width:100%;background-color:#ebebeb;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#181818;box-shadow:1px 1px 1px #000;box-sizing:border-box;overflow-y:auto}#authorNameAndXIdPreviewContainer-postUi{height:17%;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:column}#authorNamePreviewContainer-postUi{max-width:100%;min-width:40%;height:50%;background-color:#d8bfd8;background-color:#ebebeb;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#181818;box-shadow:1px 1px 1px #000;box-sizing:border-box}#xIdPreviewContainer-postUi{max-width:100%;min-width:40%;height:37%;background-color:#708090;background-color:#ebebeb;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#181818;box-shadow:1px 1px 1px #000;box-sizing:border-box}#termsPreviewContainer-postUi{position:relative;height:100%;width:100%;overflow-y:auto;padding:0 3% 15%;box-sizing:border-box;-webkit-overflow-scrolling:touch;background-color:#cacccc}#termsPreviewContainer-postUi::-webkit-scrollbar{display:none}#termsPreviewContainer-postUi{scrollbar-width:none}#termsCheckBox{position:absolute;bottom:1.8%;left:2%;width:100%;width:96%;background-color:#a6a8a9;height:14%;display:flex;justify-content:center;align-items:center;border:1px solid rgb(83,83,83);box-sizing:border-box}.termsCheckLabel{display:flex;align-items:center;gap:8px;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none}#termsAgreeCheckbox-postUi{width:18px;height:18px;cursor:pointer}#commandContainer-postUi{height:100%;width:30%;background:linear-gradient(to bottom right,#d3d3d3,#a4a4a4,#b7b7b7);display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;border-top-left-radius:10px;border-bottom-left-radius:10px;box-shadow:inset 0 0 10px #00000080}#ThumbnailContainer-postUi{position:relative;height:22%;width:70%;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}#ThumbnailContainer-postUi:before{content:"";position:absolute;right:-10%;bottom:-14%;width:120%;height:1px;background-color:#727272}#postButton-postUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#postButton-postUi:active{transform:scale(.94);filter:brightness(.9)}#feedbackBoxButton-postUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#feedbackBoxButton-postUi:active{transform:scale(.94);filter:brightness(.9)}#closeButton-postUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#closeButton-postUi:active{transform:scale(.94);filter:brightness(.9)}#controllerContainer-postUi{height:100%;width:70%;background:linear-gradient(to bottom right,#d3d3d3,#a4a4a4,#b7b7b7);border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:inset 0 0 10px #00000080;display:flex;flex-direction:column;justify-content:center;align-items:center}#controllerTopAreaContainer-postUi{position:relative;height:31%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#controllerTopAreaContainer-postUi:after{content:"";position:absolute;left:5%;bottom:0%;width:90%;height:1%;background-color:#727272}#controllerTopAreaContainerOne-postUi{background-color:#009dff;height:50%;width:90%}#controllerTopAreaContainerTwo-postUi{background-color:#e4e4e4;border-radius:10px;padding:10px;box-sizing:border-box;max-height:90%;width:90%;text-align:start;white-space:pre-wrap;overflow-y:scroll;-webkit-overflow-scrolling:touch}#controllerTopAreaContainerTwo-postUi::-webkit-scrollbar{display:none}#controllerTopAreaContainerTwo-postUi{scrollbar-width:none}#controllerBottomAreaContainer-postUi{position:relative;width:100%;height:69%;border-bottom-right-radius:10px}#scrollAreaContainer-postUi{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#scrollArea-postUi{background-color:#00ccff3f;width:90%;height:90%;border-radius:10px;border:1px solid #009dff;touch-action:none}#postInputButtonsContainer-postUi{width:100%;height:100%}#postInput-postUi{width:100%;height:70%;display:flex;justify-content:center;align-items:center}.step-postUi{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.step-postUi label{width:100%;height:25%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;color:#333}.inputImageWrapper-postUi{height:75%;width:70%;display:flex;justify-content:center;align-items:center;flex-direction:column}.step-postUi label.fileButton-postUi{width:90%;height:80%;background-color:#dfdfdf;display:flex;justify-content:center;align-items:center;border:2px dashed #888;border-radius:10px;cursor:pointer;font-size:18px;font-weight:700}.inputMonsterNameWrapper-postUi,.inputAuthorNameWrapper-postUi,.inputXIdWrapper-postUi{position:relative;width:100%;height:75%;display:flex;justify-content:center;align-items:flex-start;padding-top:6%;box-sizing:border-box}.termsOfServiceWrapper-postUi,.postButtonWrapper-postUi{width:100%;height:75%;display:flex;justify-content:center;align-items:center}.inputCommentWrapper-postUi{position:relative;width:100%;height:75%;display:flex;justify-content:center;align-items:flex-start}#monsterNameInput-postUi,#authorNameInput-postUi,#xIdInput-postUi{width:80%;height:24%;padding:12px 16px;font-size:16px;border:2px solid #ccc;border-radius:10px;box-sizing:border-box}#commentInput-postUi{height:80%;resize:none;width:80%;padding:12px;font-size:16px;border:2px solid #ccc;border-radius:10px;box-sizing:border-box}#monsterNameCounter-postUi,#authorNameCounter-postUi,#xIdCounter-postUi{position:absolute;bottom:45%;right:11%}#commentCounter-postUi{position:absolute;bottom:1%;right:11%}#termsOfServiceScrollArea-postUi{background-color:#00ccff3f;width:90%;height:100%;border-radius:10px;border:1px solid #009dff;touch-action:none}#inputPostButton-postUi{height:30%;width:60%;background-color:#cecbb6;background:linear-gradient(to bottom right,#cecbb6,#303030,#cecbb6);display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#inputPostButton-postUi:active{transform:scale(.94);filter:brightness(.9)}.inputPostButton-postUi.sending{cursor:wait;transform:none;box-shadow:none;opacity:.7}.inputTypesWrapper-postUi{width:100%;height:75%;display:flex;justify-content:space-evenly;align-items:flex-start;padding-top:6%;box-sizing:border-box}#typesInputOne-postUi,#typesInputTwo-postUi{width:30%;height:24%;padding:0 10px;font-size:16px;border:2px solid #ccc;border-radius:6px;box-sizing:border-box;cursor:pointer}#startMenuUi{position:absolute;top:0;left:0;height:0%;opacity:0;width:100%;border-radius:10px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;transition:height .4s ease,opacity .4s ease;pointer-events:none;overflow:hidden;cursor:default}#startMenuUi.openStartMenuRoot{height:100%;opacity:1;pointer-events:auto}#menuUi{background:linear-gradient(to bottom right,#4c4c4c,#232323,#434343);width:100%;height:100%}#menuUi-top{position:relative;height:55%;width:98%;margin:1%;display:flex;justify-content:center;align-items:center;flex-direction:column}#menuUi-bottom{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;height:43.2%;width:98%;border-radius:10px;margin:0% 1% 1%}#menuAreaTopContainer{background:linear-gradient(to bottom,#00055d,#6b6bc8);border-radius:10px;width:100%;height:100%}#floorInfoTimeContainer-menuUi{position:relative;width:100%;height:9%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}#floorInfoConitaner-menuUi{position:relative;display:flex;justify-content:center;align-items:center;width:80%;height:100%}#floorInfoConitaner-menuUi:after{content:"";position:absolute;width:80%;bottom:17%;height:2px;background-color:#e9e9e9;left:50.5%;transform:translate(-50%)}#floorInfo-menuUi{font-size:18px;font-weight:500;color:#e9e9e9}#timeContainer-menuUi{position:absolute;right:-1%;width:20%;height:100%;display:flex;justify-content:center;align-items:center}#timeInfo-menuUi{background-color:#004b95;padding:2% 10%;font-size:16px;font-weight:500;border-radius:10px;color:#e9e9e9}#monsterAllData-menuAreaTop{height:91%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column}#menuAreaTop-second{width:100%;height:8%;background-color:#e9e9e9;border-top-left-radius:4px;border-top-right-radius:20px;display:flex;justify-content:space-around;align-items:center}#monsterLevel-menuAreaTop{width:25%;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px}#monsterName-menuAreaTop{width:50%;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px}#attributes-menuAreaTop{display:flex;justify-content:center;align-items:center;width:25%;height:100%}#mainAttribute-menuAreaTop{height:100%}#mainAttribute-menuAreaTop svg{height:100%}.mainAttributeLabel{font-size:18px}#subAttribute-menuAreaTop{height:100%}#subAttribute-menuAreaTop svg{height:100%}.subAttributeLabel{font-size:18px}#menuAreaTop-third{width:100%;height:55%;display:flex;align-items:center;justify-content:space-evenly}#thirdLeft-manuAreaTop{width:45%;margin-top:auto;height:96%;display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box}#monsterIcon-menuAreaTop{height:85%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}#monsterIconImg-menuAreaTop{width:98%}#monsterHpBg-menuAreaTop{position:relative;height:7.5%;background-color:gray;border:1px solid black;border-radius:3px;width:80%;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center}#monsterHpFg-menuAreaTop{position:absolute;bottom:0%;left:0%;height:100%;border-radius:3px;width:10%}#monsterHpText-menuAreaTop{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-size:15px}#monsterExpBg-menuAreaTop{position:relative;height:7.5%;background-color:gray;border:1px solid black;border-radius:3px;width:80%;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center}#monsterExpFg-menuAreaTop{position:absolute;bottom:0%;left:0%;height:100%;border-radius:3px}#monsterExpText-menuAreaTop{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}#thirdRight-menuAreaTop{margin-right:1%;width:45%;height:100%;display:flex;justify-content:center;align-items:center}#monsterStatsCharts-menuAreaTop{margin-top:7%;width:100%;height:80%;border:1px solid rgb(216,216,216);border-radius:10px;display:flex;justify-content:center;align-items:center}#radarChartSVG{display:flex;justify-content:center;align-items:center;width:100%}#radarChartSVG svg{width:100%;aspect-ratio:1/1}.radarGrid,.radarAxis{stroke-width:3}#radarData{stroke:#c8ff00;fill:#c8ff00;opacity:.8}.radarLabel{font-size:16px}.radarValue{font-size:18px}#menuAreaTop-fourth{width:100%;box-sizing:border-box;padding-top:2%;height:37%}#monsterSkills{width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-evenly}.skillItem-menuAreaTop{width:44%;height:40%;border:2px solid black;position:relative}.skillItem-Top-menuAreaTop{width:100%;height:50%;display:flex;justify-content:center;align-items:center}.skillElement-menuAreaTop{position:absolute;top:-14%;right:1%;width:18%;display:flex;justify-content:center;align-items:center}.skillElement-menuAreaTop svg{width:100%;aspect-ratio:1/1}.elementBadgeIcon{font-size:18px;width:100%}.skillItem-Bottom-menuAreaTop{width:100%;height:50%;display:flex;justify-content:flex-end;align-items:center}.skillPower-menuAreaTop{width:40%}.skillUses-menuAreaTop{display:flex;justify-content:center;align-items:center;width:50%}#menuAreaBottomContainer{height:100%;width:100%;border-radius:10px;display:flex;justify-content:center;align-items:center}#commandContainer-menuUi{position:relative;height:100%;width:30%;background:linear-gradient(to bottom right,#d3d3d3,#a4a4a4,#b7b7b7);display:flex;justify-content:space-around;align-items:center;flex-direction:column;border-top-left-radius:10px;border-bottom-left-radius:10px;box-shadow:inset 0 0 10px #00000080}#commandContainer-menuUi:before{content:"";position:absolute;right:5%;top:25.7%;width:90%;height:1px;background-color:#727272}#ThumbnailContainer-menuUi{position:relative;height:22%;width:70%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}#leftThumbWrap-menuUi{height:83%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid rgb(59,59,59);box-shadow:1px 1px 1px #fff;overflow:hidden;cursor:pointer;transition:transform .2s ease}#leftThumbWrap-menuUi:active{transform:scale(.9)}#leftThumbImg-menuUi{height:93%;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:row;box-sizing:border-box}#infoButton-menuUi{position:relative;background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:8%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#infoButton-menuUi:active{transform:scale(.94);filter:brightness(.9)}#myMonstersButton-menuUi{position:relative;background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;height:8%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#myMonstersButton-menuUi:active{transform:scale(.94);filter:brightness(.9)}#itemButton-menuUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;height:8%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#itemButton-menuUi:active{transform:scale(.94);filter:brightness(.9)}#saveDataButton-menuUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;height:8%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#saveDataButton-menuUi:active{transform:scale(.94);filter:brightness(.9)}#feedbackBoxButton-menuUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;height:8%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#feedbackBoxButton-menuUi:active{transform:scale(.94);filter:brightness(.9)}#closeButton-menuUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:8%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#closeButton-menuUi:active{transform:scale(.94);filter:brightness(.9)}#selectedDataContainer-menuScreen{height:100%;width:70%;background:linear-gradient(to bottom right,#d3d3d3,#a4a4a4,#b7b7b7);border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:inset 0 0 10px #00000080;display:flex;flex-direction:column;justify-content:center;align-items:center}.selectedData-TopAreaContainer-menuScreen{position:relative;height:26%;width:100%;display:flex;justify-content:center;align-items:flex-end}.selectedData-TopAreaContainer-menuScreen:after{content:"";position:absolute;left:5%;bottom:0;width:90%;height:1.8%;background-color:#727272}.selectedData-TopArea-MenuScreen{position:relative;width:100%;height:86%;display:flex;justify-content:center}#swapBtn-MenuScreen{position:absolute;bottom:16%;left:-1%;width:30%;height:40%;transform:translateY(-50%);background-color:#000;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#e6e6e6;font-size:15px}#questionCancelBtnContainer-menuScreen{width:63%;height:90%;display:flex;justify-content:space-between;align-items:center;flex-direction:column}#questionSwapMonsters-menuScreen{width:100%;font-size:16px;font-weight:500;display:flex;justify-content:center;align-items:center;flex-direction:column}#cancelSwapBtn-menuScreen{width:50%;height:40%;background-color:#b07438;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#281500;font-size:15px}.selectedMosnterThumbnailContainerRight-menuScreen{height:83%;aspect-ratio:1/1;background-color:#e4e4e4;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid rgb(59,59,59);box-shadow:1px 1px 1px #fff;overflow:hidden;cursor:pointer;transition:transform .2s ease}.selectedMosnterThumbnailContainerRight-menuScreen:active{transform:scale(.9)}.selectedMonsterThumbnailRight-menuScreen{height:93%;border:1px solid rgb(59,59,59);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:row;box-sizing:border-box}#selectedItemContainer-menuScreen{position:absolute;top:-14%;width:100%;height:110%}#selectedItemTopArea-menuScreen{height:34%;width:100%;display:flex;justify-content:center;align-items:center}#questionOne-selectedItem-menuScreen,#questionTwo-selectedItem-menuScreen{font-weight:500;background-color:#ffffff0f}#selectedItemBottomArea-menuScreen{height:66%;width:100%;display:flex;flex-direction:row}#useGoBackButtonsContainer-menuScreen{width:35%;height:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:column}#useBotton-menuScreen{background-color:#d9bb8a;width:60%;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:3% 0;border-radius:6px;box-shadow:2px 2px 2px #363636;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#useBotton-menuScreen:active{transform:scale(.94);filter:brightness(.9)}#goBackBotton-menuScreen{background-color:#87ceeb;width:60%;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:3% 0;border-radius:6px;box-shadow:2px 2px 2px #363636;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#goBackBotton-menuScreen:active{transform:scale(.94);filter:brightness(.9)}#itemExplanation-menuScreen{padding:1% 2.4%;background-color:#8cb3e6;border-radius:5px;border:1px solid rgb(255,255,255);width:63%;height:100%;box-sizing:border-box}#controllerTopAreaContainerTwo-menuScreen{background-color:#e4e4e4;border-radius:10px;padding:10px;box-sizing:border-box;max-height:90%;width:90%;text-align:start;white-space:pre-wrap;overflow-y:scroll;-webkit-overflow-scrolling:touch}#controllerTopAreaContainerTwo-menuScreen::-webkit-scrollbar{display:none}#controllerTopAreaContainerTwo-menuScreen{scrollbar-width:none}#itemToMyMonsters-menuScreen{position:absolute;top:0%;right:0%;height:100%;width:0%;border-radius:10px;opacity:1;display:flex;align-items:center;transition:width .4s ease,opacity .4s ease;box-sizing:border-box;pointer-events:none;overflow:hidden;cursor:default}#itemToMyMonsters-menuScreen.openitemToMyMonsters{width:100%;opacity:1;pointer-events:auto}.itemToMyMonsters-LeftColumn-menuScreen,.itemToMyMonsters-RightColumn-menuScreen{width:50%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.eachMonsterIconContainer-itemToMyMonsters-menuScreen{background:linear-gradient(to bottom right,#b8b8b8,#939393,#707070);width:90%;height:31%;border:2px solid rgb(59,59,59);border-radius:10px;box-sizing:border-box;overflow:hidden;position:relative;box-shadow:2px 2px 2px #363636;cursor:pointer}.monsterIcon-itemToMyMonsters-menuScreen{border-radius:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transform-origin:center}.selectedData-BottomAreaContainer-menuScreen{position:relative;width:100%;height:74%;border-bottom-right-radius:10px}#myMonstersContainer-menuScreen{height:100%;width:100%;display:flex;align-items:center;box-sizing:border-box}.monsterContainer-Left-menuScreen,.monsterContainer-Right-menuScreen{width:50%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.eachMonsterContainer-menuScreen{background-color:#1a1a1a;background:linear-gradient(to bottom right,#b8b8b8,#939393,#707070);width:90%;height:31%;border:2px solid rgb(59,59,59);border-radius:10px;box-sizing:border-box;overflow:hidden;position:relative;box-shadow:2px 2px 2px #363636;cursor:pointer}.monsterIcon-menuScreen{border-radius:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transform-origin:center}#items-menuScreen{width:100%;height:98%;border-radius:10px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;flex-direction:row}#itemsContainer-menuScreen{width:49%;height:98.5%;border-radius:10px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;display:flex;align-items:center;flex-direction:column;gap:6px;padding-top:2%;padding-bottom:62%;box-sizing:border-box;border:1px solid black;margin-top:1.5%;margin-left:1%}#itemsContainer-menuScreen::-webkit-scrollbar{display:none}.eachItem-menuScreen{background-color:#e9e9b9;border-radius:10px;width:92%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;border:1px solid rgb(89,99,171);padding:2% 0}.eachItem-menuScreen.disabled{opacity:.5;pointer-events:none}.eachItem-menuScreen.selected{outline:2px solid rgb(244,4,4)}.itemName-menuScreen{width:100%;height:50%;font-size:14px;box-sizing:border-box;padding-left:4%}.itemCount-menuScreen{width:100%;height:50%;text-align:end;font-weight:600;padding-right:4%;text-decoration:underline;font-size:15px;box-sizing:border-box}#myMonsterStatus-menuScreen{width:49%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.eachMonsterData-menuScreen{background-color:#1a00c2a4;height:15%;width:97%;display:flex;flex-direction:row;align-items:end;border-top-right-radius:20px}.monsterIconContainer-menuScreen{height:97%;aspect-ratio:1/1}.monsterIcon-itemsMenuScreen{height:100%;aspect-ratio:1/1}.monsterHpBarBg-menuScreen{position:relative;height:40%;background-color:gray;border:1px solid black;border-radius:3px;width:90%;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center}.monsterHpBarFg-menuScreen{position:absolute;bottom:0%;left:0%;height:100%;border-radius:3px}.monsterHpBarValue-menuScreen{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-size:16px}#monsterVoteUi{position:absolute;top:0;left:0;height:0%;opacity:0;width:100%;border-radius:10px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;transition:height .4s ease,opacity .4s ease;pointer-events:none;overflow:hidden;cursor:default}#monsterVoteUi.openVoteDomRoot{height:100%;opacity:1;pointer-events:auto}#voteUi{background:linear-gradient(to bottom right,#4c4c4c,#232323,#434343);width:100%;height:100%}#voteUi-top{position:relative;height:55%;width:98%;margin:1%;border-radius:10px;background:linear-gradient(to bottom right,#515151,#303030,#323232);display:flex;justify-content:center;align-items:center;flex-direction:column}#voteUi-bottom{height:43.2%;width:98%;border-radius:10px;margin:0% 1% 1%;display:flex;justify-content:center;align-items:center;flex-direction:row}#floorInfoTimeContainer-voteUi{position:relative;width:100%;height:10%;display:flex;justify-content:center;align-items:center;color:#fff}#floorInfoConitaner-voteUi{width:50%;height:100%;display:flex;align-items:center;justify-content:center}#timeContainer-voteUi{position:absolute;right:0;height:100%;width:20%;display:flex;align-items:center;justify-content:center}#screenContainer-voteUi{width:100%;height:90%;display:flex;justify-content:center;align-items:center}#screen-voteUi{width:96%;height:96%;background-color:#bbb}#howToContainer-voteUi{width:100%;height:100%;overflow-y:auto;padding:0 3%;box-sizing:border-box;background-color:#9ab1a8;-webkit-overflow-scrolling:touch;scrollbar-width:none}#howToContainer-voteUi::-webkit-scrollbar{display:none}.one-voteUi{margin-bottom:10%}.howToImages-postUi{display:block;margin:auto;width:90%}.separateLine-postUi{width:100%;height:2px;background-color:#060606;margin:10% 0}#watchMonstersContainer-voteUi{width:100%;height:100%;background-color:#f4f4f2;display:flex;justify-content:center;align-items:center}#imageContainer-voteUi{position:relative;height:85%;aspect-ratio:1/1;text-align:center;display:flex;justify-content:center;align-items:center;perspective:1000px;touch-action:none}.transparentImage-voteUi{position:absolute;height:100%;z-index:5}.image-voteUi{width:90%;aspect-ratio:1/1;z-index:4;transition:transform .08s linear,box-shadow .08s linear;transform-style:preserve-3d;image-rendering:pixelated}#imageOuterFrame-voteUi{position:absolute;width:82%;height:100%;background-color:#797009;box-shadow:2px 2px 2.6px #0006;border-radius:3px;z-index:3}#imageInnerFrame-voteUi{position:absolute;width:71%;height:92%;background-color:#f9f9f9;box-shadow:inset 0 4px 10px #0006;z-index:3}#commandContainer-voteUi{height:100%;width:30%;background:linear-gradient(to bottom right,#d3d3d3,#a4a4a4,#b7b7b7);display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;border-top-left-radius:10px;border-bottom-left-radius:10px;box-shadow:inset 0 0 10px #00000080}#ThumbnailContainer-voteUi{position:relative;height:22%;width:70%;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}#ThumbnailContainer-voteUi:before{content:"";position:absolute;right:-10%;bottom:-14%;width:120%;height:1px;background-color:#727272}#howToButton-voteUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#howToButton-voteUi:active{transform:scale(.94);filter:brightness(.9)}#watchMonstersButton-voteUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#watchMonstersButton-voteUi:active{transform:scale(.94);filter:brightness(.9)}#feedbackBoxButton-voteUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#feedbackBoxButton-voteUi:active{transform:scale(.94);filter:brightness(.9)}#closeButton-voteUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#closeButton-voteUi:active{transform:scale(.94);filter:brightness(.9)}#controllerContainer-voteUi{height:100%;width:70%;background:linear-gradient(to bottom right,#d3d3d3,#a4a4a4,#b7b7b7);border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:inset 0 0 10px #00000080;display:flex;flex-direction:column;justify-content:center;align-items:center}#controllerTopAreaContainer-voteUi{position:relative;height:31%;width:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}#controllerTopAreaContainer-voteUi:after{content:"";position:absolute;left:5%;bottom:0%;width:90%;height:1%;background-color:#727272}#controllerTopAreaContainerOne-voteUi{background-color:#e4e4e4;border-radius:10px;padding:10px;box-sizing:border-box;height:80%;width:90%;text-align:start;white-space:pre-wrap;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:center}#controllerTopAreaContainerTwo-voteUi{background-color:#e4e4e4;border-radius:10px;padding:10px;box-sizing:border-box;height:60%;width:90%;text-align:start;white-space:pre-wrap;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:center}#controllerTopAreaContainerOne-voteUi::-webkit-scrollbar{display:none}#controllerTopAreaContainerOne-voteUi{scrollbar-width:none}#controllerTopAreaContainerTwo-voteUi::-webkit-scrollbar{display:none}#controllerTopAreaContainerTwo-voteUi{scrollbar-width:none}#confirmCancelVoteBtnContainer-voteUi{width:90%;height:25%;display:flex;justify-content:space-around;align-items:center}#confirmVoteBtn-voteUi{width:26%;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .2s ease,box-shadow .2s ease;color:#000a4d;background:linear-gradient(to bottom right,#99cbfe,#b8d6ff,#80aada)}#cancelVoteBtn-voteUi{width:26%;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .2s ease,box-shadow .2s ease;color:#4d0000;background:linear-gradient(to bottom right,#fe9999,#ffbfbf,#da8080)}#controllerBottomAreaContainer-voteUi{position:relative;width:100%;height:69%;border-bottom-right-radius:10px}#scrollAreaContainer-voteUi{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#scrollArea-voteUi{background-color:#00ccff3f;width:90%;height:90%;border-radius:10px;border:1px solid #009dff;touch-action:none}#watchMonstersButtonsContainer-voteUi{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}#watchMonstersButtons-voteUi{width:100%;height:60%;display:flex;justify-content:space-around;align-items:center}#selectedHeartMonsters-voteUi{width:100%;height:14%;display:flex;align-items:center;justify-content:end;padding-right:5%;box-sizing:border-box}.selectedHeartMonster-voteUi{border:none;background:none;font-size:24px;cursor:pointer;color:#5a5a5a}.selectedHeartMonster-voteUi.filled{color:#ad0031}#prevMonsterBtn-voteUi,#nextMonsterBtn-voteUi{width:16%;height:90%;border-radius:12px;background:linear-gradient(to bottom,#6294f8,#2f5c97);font-size:18px;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .2s ease,box-shadow .2s ease;color:#00273c}#voteMonsterBtn-voteUi{width:26%;aspect-ratio:1/1;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .2s ease,box-shadow .2s ease;color:#666}#voteMonsterBtn-voteUi.selected{color:#ff2764;background-color:#fff7f9}#submitVoteBtn-voteUi{margin-top:1.5%;width:36%;height:17%;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .2s ease,box-shadow .2s ease;background:linear-gradient(to bottom right,#8b703e,#cbad83,#91650c);color:#232b00}#prevMonsterBtn-voteUi:hover,#nextMonsterBtn-voteUi:hover,#voteMonsterBtn-voteUi:hover,#submitVoteBtn-voteUi:hover{opacity:.9}#prevMonsterBtn-voteUi:active,#nextMonsterBtn-voteUi:active,#voteMonsterBtn-voteUi:active,#submitVoteBtn-voteUi:active{transform:scale(.96)}.box-postUi{width:96%;height:96%;margin:0 auto;padding:14px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8f8f8);border:2px solid rgb(230,230,230);box-shadow:0 8px 25px #00000014;box-sizing:border-box;overflow-y:scroll;-webkit-overflow-scrolling:touch}.box-postUi::-webkit-scrollbar{display:none}.box-postUi{scrollbar-width:none}.title-postUi{font-size:23px;font-weight:700;margin-bottom:12px;color:#2d2d2d}.description-postUi{font-size:15px;line-height:1.8;color:#5a5a5a;margin-bottom:20px}.textarea-postUi{width:100%;min-height:140px;resize:vertical;border:2px solid rgb(225,225,225);border-radius:14px;padding:16px;font-size:16px;line-height:1.7;box-sizing:border-box;outline:none;transition:.2s}.textarea-postUi:focus{border-color:#64aaff;box-shadow:0 0 0 5px #64aaff26}.feedbackBottomArea-postUi{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:15px}.limit-postUi{font-size:13px;color:#828282}.feedbackSendButton-postUi{border:none;background:linear-gradient(135deg,#5aaaff,#468cff);color:#fff;font-size:15px;font-weight:700;padding:13px 24px;border-radius:999px;cursor:pointer;transition:.2s}.feedbackSendButton-postUi:hover{transform:translateY(-2px);box-shadow:0 8px 20px #468cff59}.feedbackSendButton-postUi:active{transform:scale(.97)}.feedbackSendButton-postUi.sending{cursor:wait;transform:none;box-shadow:none;opacity:.7}.feedbackSendButton-postUi.sending:hover{transform:none;box-shadow:none}.responseContainer.feedback{width:100%;background:linear-gradient(135deg,#fff,#f7fff5);display:flex;justify-content:center;margin-top:24px;margin-bottom:12px;border-radius:14px;border:1px solid rgba(101,222,64,.4);box-shadow:0 4px 12px #65de4014}.response.feedback{width:92%;font-size:15px;line-height:1.6;color:#2b2b2b;padding:14px 0;text-align:left}@media(max-width:700px){.feedbackBox{padding:18px}#title-postUi{font-size:23px}.feedbackDescription{font-size:14px}.feedbackTextarea{min-height:120px;font-size:15px}.feedbackBottomArea{flex-direction:column;align-items:stretch}}#prevNextButtons{position:relative;width:100%;height:30%;display:flex;justify-content:space-evenly;align-items:start;padding-top:1%;box-sizing:border-box}#prevNextButtons:before{content:"";position:absolute;top:6%;bottom:14%;left:50%;transform:translate(-50%);width:2px;background-color:#888;border-radius:2px}#prevBtn-postUi,#nextBtn-postUi{width:46%;height:85%;border:none;background-color:transparent;font-size:18px;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .2s ease,box-shadow .2s ease;color:#004062}.hiddenBtn{visibility:hidden;pointer-events:none}#prevBtn-postUi:hover,#nextBtn-postUi:hover{opacity:.9}#prevBtn-postUi:active,#nextBtn-postUi:active{transform:scale(.96)}#prevBtn-postUi:disabled,#nextBtn-postUi:disabled{color:#666;cursor:not-allowed;box-shadow:none}#monsterRankingUi{position:absolute;top:0;left:0;background-color:#f6bb73;height:0%;opacity:0;width:100%;border-radius:10px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;transition:height .4s ease,opacity .4s ease;pointer-events:none;overflow:hidden;cursor:default}#monsterRankingUi.openRankingDomRoot{height:100%;opacity:1;pointer-events:auto}#rankingUi{background:linear-gradient(to bottom right,#4c4c4c,#232323,#434343);width:100%;height:100%}#rankingUi-top{position:relative;height:55%;width:98%;margin:1%;border-radius:10px;background:linear-gradient(to bottom right,#515151,#303030,#323232);display:flex;justify-content:center;align-items:center;flex-direction:column}#rankingUi-bottom{height:43.2%;width:98%;border-radius:10px;margin:0% 1% 1%;display:flex;justify-content:center;align-items:center;flex-direction:row}#floorInfoTimeContainer-rankingUi{position:relative;width:100%;height:10%;display:flex;justify-content:center;align-items:center;color:#fff}#floorInfoConitaner-rankingUi{width:50%;height:100%;display:flex;align-items:center;justify-content:center}#timeContainer-rankingUi{position:absolute;right:0;height:100%;width:20%;display:flex;align-items:center;justify-content:center}#screenContainer-rankingUi{width:100%;height:90%;display:flex;justify-content:center;align-items:center}#screen-rankingUi{width:96%;height:96%;background-color:#bbb;display:flex;justify-content:center;align-items:center}#monsterRankingContainer-rankingUi{width:100%;height:100%;padding:0 3%;box-sizing:border-box;background-color:#dad0b6;display:flex;justify-content:center}#rankingContainer-rankingUi{width:90%;margin:3% 0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}#rankingContainer-rankingUi::-webkit-scrollbar{display:none}.rankingItem-rankingUi{display:flex;align-items:center;justify-content:center;flex-direction:row;width:100%;height:20%;gap:3%;padding-left:1%;padding-right:4%;box-sizing:border-box}.rankingNumber-rankingUi{width:8.7%;text-align:center;font-size:20px;font-weight:700}.rankingMonsterImage-rankingUi{width:20%;aspect-ratio:1/1;object-fit:contain;image-rendering:pixelated}.rankingGraph-rankingUi{position:relative;flex:1;height:40%;background-color:#eef2f7;border:1px solid #8fa3bd;background:#26313d;border:2px solid #7c8794;border-radius:5px;overflow:hidden;box-shadow:0 1px 2px #00000059}.rankingGraphBar-rankingUi{position:relative;height:100%;overflow:hidden;background:linear-gradient(to bottom,#78b7ff,#3f84fa 30%,#2865d1 70%,#1e4fa8);border-radius:3px;box-shadow:inset 0 2px 1px #ffffff73,inset 0 -2px 2px #0000004d;transition:width 5s ease}.rankingGraphBar-rankingUi:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skew(-20deg);animation:liquidShine 3s linear infinite;pointer-events:none}@keyframes liquidShine{0%{transform:translate(0) skew(-20deg)}to{transform:translate(600%) skew(-20deg)}}.rankingGraphVoteCount-rankingUi{position:absolute;top:50%;left:3%;transform:translateY(-50%);font-weight:700;color:#e8e9e9;pointer-events:none}#rankingLoadingMessage{background-color:#e4e4e4;border-radius:10px;padding:10px;box-sizing:border-box;max-height:90%;width:80%;text-align:start;white-space:pre-wrap;display:flex;justify-content:center;align-items:center}#commandContainer-rankingUi{height:100%;width:30%;background:linear-gradient(to bottom right,#d3d3d3,#a4a4a4,#b7b7b7);display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;border-top-left-radius:10px;border-bottom-left-radius:10px;box-shadow:inset 0 0 10px #00000080}#ThumbnailContainer-rankingUi{position:relative;height:22%;width:70%;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}#ThumbnailContainer-rankingUi:before{content:"";position:absolute;right:-10%;bottom:1%;width:120%;height:1px;background-color:#727272}#howToButton-postUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#howToButton-postUi:active{transform:scale(.94);filter:brightness(.9)}#rankingButton-rankingUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#rankingButton-rankingUi:active{transform:scale(.94);filter:brightness(.9)}#feedbackBoxButton-rankingUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#feedbackBoxButton-rankingUi:active{transform:scale(.94);filter:brightness(.9)}#closeButton-rankingUi{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#closeButton-rankingUi:active{transform:scale(.94);filter:brightness(.9)}#controllerContainer-rankingUi{height:100%;width:70%;background:linear-gradient(to bottom right,#d3d3d3,#a4a4a4,#b7b7b7);border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:inset 0 0 10px #00000080;display:flex;flex-direction:column;justify-content:center;align-items:center}#controllerTopAreaContainer-rankingUi{position:relative;height:31%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#controllerTopAreaContainer-rankingUi:after{content:"";position:absolute;left:5%;bottom:0%;width:90%;height:1%;background-color:#727272}#controllerTopAreaContainerOne-rankingUi{background-color:#009dff;height:50%;width:90%}#controllerTopAreaContainerTwo-rankingUi{background-color:#e4e4e4;border-radius:10px;padding:10px;box-sizing:border-box;max-height:90%;width:90%;text-align:start;white-space:pre-wrap;overflow-y:scroll;-webkit-overflow-scrolling:touch}#controllerTopAreaContainerTwo-rankingUi::-webkit-scrollbar{display:none}#controllerTopAreaContainerTwo-rankingUi{scrollbar-width:none}#controllerBottomAreaContainer-rankingUi{position:relative;width:100%;height:69%;border-bottom-right-radius:10px}#scrollAreaContainer-rankingUi{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#scrollArea-rankingUi{background-color:#00ccff3f;width:90%;height:90%;border-radius:10px;border:1px solid #009dff;touch-action:none}.feedbackBoxContainer-postUi{width:100%;height:100%;display:flex;justify-content:center;align-items:center}body{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{margin:0;padding:0;height:100%}body{margin:0;display:flex;justify-content:center;align-items:center;background:#6a6a6a}img{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}#gameScreenContainer{position:relative;box-sizing:border-box;aspect-ratio:9 / 16;width:min(100vw,100vh * 9 / 16,450px);width:min(100vw,100dvh * 9 / 16,450px);background:linear-gradient(to bottom right,#4c4c4c,#232323,#434343);display:flex;flex-direction:column;align-items:center;border-radius:10px}#pauseMenu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000b8;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}#pauseTextAndCloseButtonContainer{width:80%;height:20%;box-sizing:border-box;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}#pauseTextContainer{width:80%;height:40%;display:flex;justify-content:center;align-items:center}#pauseText{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#3d79e1;font-size:clamp(28px,7vw,42px);font-style:italic;letter-spacing:5px;text-shadow:3px 3px 0 #000,0 0 8px rgba(212,175,55,.45);user-select:none;-webkit-user-select:none}#pauseCloseButtonContainer{width:80%;height:35%;display:flex;justify-content:center;align-items:center}#pauseCloseButton{width:50%;height:90%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background:linear-gradient(to bottom right,#000,#6d6d6d,#050505);border:2px solid #3e71c9;border-radius:10px;color:#dbdada;font-size:clamp(16px,4vw,20px);font-weight:500;letter-spacing:2px;text-shadow:2px 2px 0 #000;box-shadow:inset 0 1px #ffffff26,0 4px #080808,0 6px 12px #00000080;cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform .08s ease,background .08s ease,border-color .08s ease}#pauseCloseButton:hover{background:linear-gradient(to bottom right,#000,#626262,#050505);border:2px solid #3272e1}#pauseCloseButton:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff1a,0 1px #080808}.canvasWrapper{position:relative;height:54%;width:98%;margin:1%}#gameCanvas{position:absolute;top:0;left:0;height:100%;width:100%;background:#425160;border-radius:10px}#loadingMessage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:0;width:0;background-color:#959595;border:3px solid rgb(245,245,245);box-shadow:inset 0 0 0 2px #9a9a9a,2px 8px 25px #d0d0d073;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18%;z-index:1000;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s,height .5s,width .5s}#loadingMessage.show{opacity:1;visibility:visible;height:30%;width:50%;transition:opacity .5s ease,height .5s,width .5s}#loadingText{font-size:17px}.loadingPixels{margin-top:4%;width:80%;height:14%;display:flex;justify-content:space-between;align-items:center}.loadingPixels span{height:100%;aspect-ratio:1/1;background-color:#fff;border:1px solid rgb(10,12,0);opacity:.2;transition:opacity .25s ease}.loadingPixels span.active{opacity:1}.controllerAreaWrapper{position:relative;height:44.4%;width:98%;border-radius:10px;margin-bottom:1%;box-sizing:border-box}#controllerAreaCover{position:absolute;top:0;left:0;background-color:#616161;height:100%;opacity:1;width:100%;border-radius:10px;z-index:100;transition:height .6s ease;overflow:hidden;cursor:default}#controllerAreaCover.removeCover{height:0%}#choicesDom{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(to bottom right,#e6e6e6,#c9c9c9,#a7a7a7);border-radius:10px;z-index:4;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.choice-button{width:40%;height:20%;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;color:#fff;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;display:flex;justify-content:center;align-items:center}.choice-one{background:linear-gradient(135deg,#4aadde,#1661a3);box-shadow:0 5px 12px #00000059}.choice-two{background:linear-gradient(135deg,#94a3b8,#475569);box-shadow:0 5px 12px #00000041}.choice-button:hover{transform:translateY(-3px);filter:brightness(1.1)}.choice-button:active{transform:scale(.95)}#controllerArea{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(to bottom right,#e6e6e6,#c9c9c9,#a7a7a7);border-radius:10px}.topBottonContainer{display:flex;gap:1.5%;position:relative;width:100%;height:70%;padding:1%;box-sizing:border-box;border-top-left-radius:10px;border-top-right-radius:10px}.side.left{background:linear-gradient(to bottom right,#666,#474747,#585858);height:100%;width:50%;border-top-left-radius:10px;transition:transform .1s ease,background .1s ease;box-shadow:1px 1px 3px #000;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.side.left:active{background:linear-gradient(to bottom right,#4f4f4f,#303030,#585858);transform:scale(.99)}.side.right{background:linear-gradient(to bottom right,#666,#474747,#585858);height:100%;width:50%;border-top-right-radius:10px;transition:transform .1s ease,background .1s ease;box-shadow:1px 1px 3px #000;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.side.right:active{background:linear-gradient(to bottom right,#4f4f4f,#303030,#585858);transform:scale(.99)}.center{position:absolute;width:45%;aspect-ratio:1/1;background:linear-gradient(to bottom right,#e6e6e6,#c9c9c9,#b6b6b6);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) translateY(25%);display:flex;justify-content:center;align-items:center;z-index:1}.centerCenter{position:relative;width:90%;aspect-ratio:1/1;border-radius:50%;background:linear-gradient(to bottom right,#666,#1b1b1b,#585858);border:1px solid rgb(255,255,255)}.moveBotton{position:absolute;background-color:#9c9c9c;display:flex;align-items:center;justify-content:center;border-radius:3%;z-index:3;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.moveBottonCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#e4e4e4;width:53%;height:53%;z-index:2;display:flex;justify-content:center;align-items:center}.moveBottonCenterCenter{width:60%;aspect-ratio:1/1;border-radius:50%}.moveBotton.Top{top:10%;left:50%;transform:translate(-50%);width:52%;height:39%;border:1px solid rgb(255,255,255);clip-path:polygon(0 0,0 32%,50% 98%,100% 32%,100% 0);background:linear-gradient(to bottom right,#6e6e6e,#343434,#282828);transition:transform .1s ease,background .1s ease;cursor:pointer}.moveBotton.Top:active{background:linear-gradient(to bottom right,#5c5c5c,#1d1d1d,#3f3f3f)}.TopTriangle{background:linear-gradient(to bottom right,#fff,#a2fffd,#d3d3d3);width:22%;aspect-ratio:1/1;position:relative;top:-17%;clip-path:polygon(0 68%,50% 0,100% 68%)}.moveBotton.Bottom{bottom:10%;left:50%;transform:translate(-50%);width:52%;height:39%;clip-path:polygon(0 68%,0 100%,100% 100%,100% 68%,50% 2%);border:1px solid rgb(255,255,255);background:linear-gradient(to bottom right,#6e6e6e,#343434,#282828);transition:transform .1s ease,background .1s ease;cursor:pointer}.moveBotton.Bottom:active{background:linear-gradient(to bottom right,#606060,#1a1a1a,#292929)}.BottomTriangle{background:linear-gradient(to bottom right,#fff,#a2fffd,#d3d3d3);width:22%;aspect-ratio:1/1;position:relative;bottom:-17%;clip-path:polygon(0 32%,50% 100%,100% 32%)}.moveBotton.Left{left:10%;top:50%;transform:translateY(-50%);width:39%;height:52%;clip-path:polygon(0 0,0 100%,32% 100%,98% 50%,32% 0);border:1px solid rgb(255,255,255);background:linear-gradient(to bottom right,#6e6e6e,#343434,#282828);transition:transform .1s ease,background .1s ease;cursor:pointer}.moveBotton.Left:active{background:linear-gradient(to bottom right,#5c5c5c,#1d1d1d,#3f3f3f)}.LeftTriangle{background:linear-gradient(to bottom right,#fff,#a2fffd,#d3d3d3);height:22%;aspect-ratio:1/1;position:relative;left:-17%;clip-path:polygon(0 50%,68% 0%,68% 100%)}.moveBotton.Right{right:10%;top:50%;transform:translateY(-50%);width:39%;height:52%;clip-path:polygon(68% 0,100% 0,100% 100%,68% 100%,2% 50%);border:1px solid rgb(255,255,255);background:linear-gradient(to bottom right,#6e6e6e,#343434,#282828);transition:transform .1s ease,background .1s ease;cursor:pointer}.moveBotton.Right:active{background:linear-gradient(to bottom right,#5c5c5c,#1d1d1d,#2b2b2b)}.RightTriagnle{background:linear-gradient(to bottom right,#fff,#a2fffd,#d3d3d3);height:22%;aspect-ratio:1/1;position:relative;right:-17%;clip-path:polygon(32% 0%,100% 50%,32% 100%)}.bottomBottonContainer{height:30%;width:100%;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.startButtonContainer{width:98%;height:29%;display:flex;align-items:center;padding-left:10%;box-sizing:border-box}#startButton{width:20%;height:55%;border-radius:20px;background:linear-gradient(to bottom right,#b0b0b0,#676767,#b2b2b2);box-shadow:2px 2px 2px #595959;margin-top:-.85%;border:1px solid black;transition:transform .1s ease,background .1s ease;cursor:pointer}#startButton:active{background:linear-gradient(to bottom right,#8a8a8a,#414141,#8b8b8b);transform:scale(.96)}#myMonsterContainer{background:linear-gradient(to bottom,#fff,#a9a9a9,#fff);width:98%;height:70%;margin-bottom:1%;border-radius:10px;border:1px solid black;padding:1% 0;box-shadow:1px 1px 1px #181818;display:flex;justify-content:space-evenly;align-items:center;flex-direction:row;box-sizing:border-box}.eachThumbnail-container{position:relative;width:15%;height:100%;background-color:#b4b4b4;display:flex;justify-content:center;align-items:center;border-radius:5px;border:1px solid rgb(59,59,59);overflow:hidden;box-shadow:1px 1px 1px #181818}.party-thumbnail{width:100%}.hp-bar-bg{position:absolute;bottom:2%;left:50%;transform:translate(-50%);height:10%;background-color:gray;border:1px solid black;border-radius:3px;width:90%}.hp-bar-fg{position:absolute;bottom:2%;left:5%;height:10%;border-radius:3px}#battleScreen{position:absolute;top:0;left:0;background:linear-gradient(to bottom right,#e6e6e6,#c9c9c9,#a7a7a7);height:0%;opacity:0;width:100%;border-radius:10px;z-index:2;padding:.5%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;transition:height .4s ease,opacity .4s ease;pointer-events:none;overflow:hidden;cursor:default}#battleScreen.openBattleArea{height:100%;opacity:1;pointer-events:auto}.selectedMonsterNameHpBarCotnainer{position:absolute;top:0;left:130%;height:90%;opacity:0;width:0;display:flex;flex-direction:column;justify-content:space-between;transition:width .4s ease,opacity .4s ease}.open{width:315%;opacity:1}.selectedMonsterNameLevelContainer{width:100%;height:50%;display:flex;flex-direction:row;justify-content:space-between;padding-left:5%;padding-right:5%;box-sizing:border-box}.selectedMonsterName,.selectedMonsterLevel{white-space:nowrap;overflow:hidden}.selectedMonster-hp-bar-bg{position:relative;bottom:3%;left:50%;transform:translate(-50%);height:36%;background-color:gray;border:1px solid black;border-radius:3px;width:90%;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center}.selectedMonster-hp-bar-fg{position:absolute;bottom:0%;left:0%;height:100%;border-radius:3px}.selectedMonster-hpText{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}#battleScreenBottomArea{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#commandContainer{height:100%;width:30%;background:linear-gradient(to bottom right,#d3d3d3,#a4a4a4,#b7b7b7);display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;border-top-left-radius:10px;border-bottom-left-radius:10px;box-shadow:inset 0 0 10px #00000080}#selectedMonsterDataContainer{position:relative;height:22%;width:70%;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}.selectedMosnterThumbnailContainer{height:83%;aspect-ratio:1/1;background-color:#e4e4e4;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid rgb(59,59,59);box-shadow:1px 1px 1px #fff;overflow:hidden;cursor:pointer;transition:transform .2s ease}.selectedMosnterThumbnailContainer:active{transform:scale(.9)}.selectedMosnterThumbnailContainerRight{height:83%;aspect-ratio:1/1;background-color:#e4e4e4;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid rgb(59,59,59);box-shadow:1px 1px 1px #fff;overflow:hidden;cursor:pointer;transition:transform .2s ease}.selectedMosnterThumbnailContainerRight:active{transform:scale(.9)}.selectedMonsterThumbnail,.selectedMonsterThumbnailRight{height:93%;border:1px solid rgb(59,59,59);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:row;box-sizing:border-box}#selectedDataContainer{height:100%;width:70%;background:linear-gradient(to bottom right,#d3d3d3,#a4a4a4,#b7b7b7);border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow:inset 0 0 10px #00000080;display:flex;flex-direction:column;justify-content:center;align-items:center}.selectedData-TopAreaContainer{position:relative;height:26%;width:100%;display:flex;justify-content:center;align-items:flex-end}.selectedData-TopAreaContainer:after{content:"";position:absolute;left:5%;bottom:0;width:90%;height:1.8%;background-color:#727272}.selectedData-TopArea{position:relative;width:100%;height:86%;display:flex;justify-content:center;align-items:flex-start}.selectedMonsterMoreDetailedCotnainer{position:absolute;top:0%;left:50%;transform:translate(-50%);height:0;opacity:0;width:97%;background:linear-gradient(to bottom right,#bfbfbf,#a7a7a7,#b7b7b7);display:flex;flex-direction:column;transition:height .4s ease,opacity .4s ease;border-bottom-right-radius:10px;pointer-events:none;overflow:hidden;cursor:default}.openDropDown{height:99%;opacity:1;pointer-events:auto}.nameLvHpbarContainer-moreDetailed{background:linear-gradient(to bottom right,#d7d7d7,#b8b8b8,#d2d2d2);width:98%;height:19%;margin:1% auto auto;border-radius:5px;border:1px solid rgb(72,72,72);display:flex;flex-direction:column;gap:3%}.NameLevelContainer-moreDetailed{width:100%;height:45%;display:flex;flex-direction:row;justify-content:space-between;padding-left:2%;padding-right:5%;box-sizing:border-box}.MonsterName-moreDetailed{white-space:nowrap;overflow:hidden;font-size:14px}.MonsterLevel-moreDetailed{white-space:nowrap;overflow:hidden;font-size:14px;font-weight:500}.monster-hpbar-bg-moreDetailed{position:relative;bottom:0%;left:50%;transform:translate(-50%);height:40%;background-color:gray;border:1px solid black;border-radius:3px;width:90%;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center}.monster-hpbar-fg-moreDetailed{position:absolute;bottom:0%;left:0%;height:100%;border-radius:3px;width:10%}.hpText-moreDetailed{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-size:15px}.statusExpSkillsContainer-moreDetailed{height:81%;width:100%;display:flex;padding:1%;box-sizing:border-box;gap:1%}.statusContainer-moreDetailed{width:25%;height:100%;background:linear-gradient(to bottom right,#ffdbdb,#ffd0d0,#ffe6e6);display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:5px;padding:1% 1% 2.5%;box-sizing:border-box;border:1px solid rgb(87,87,87)}.attackStatus-moreDetailed{width:97%;height:19%}.attackStatus-moreDetailed div:first-child{height:50%;font-size:15px}.attackStatus-moreDetailed div:last-child{height:50%;text-align:end;font-weight:500;margin-right:4%;text-decoration:underline;font-size:15px}.defenseStatus-moreDetailed{width:97%;height:19%}.defenseStatus-moreDetailed div:first-child{height:50%;font-size:15px}.defenseStatus-moreDetailed div:last-child{height:50%;text-align:end;font-weight:500;margin-right:4%;text-decoration:underline;font-size:15px}.specialAttackStatus-moreDetailed{width:97%;height:19%}.specialAttackStatus-moreDetailed div:first-child{height:50%;font-size:15px}.specialAttackStatus-moreDetailed div:last-child{height:50%;text-align:end;font-weight:500;margin-right:4%;text-decoration:underline;font-size:15px}.specialDefenseStatus-moreDetailed{width:97%;height:19%}.specialDefenseStatus-moreDetailed div:first-child{height:50%;font-size:15px}.specialDefenseStatus-moreDetailed div:last-child{height:50%;text-align:end;font-weight:500;margin-right:4%;text-decoration:underline;font-size:15px}.speedStatus-moreDetailed{width:97%;height:19%}.speedStatus-moreDetailed div:first-child{height:50%;font-size:15px}.speedStatus-moreDetailed div:last-child{height:50%;text-align:end;font-weight:500;margin-right:4%;text-decoration:underline;font-size:15px}.expSkillsContainer-moreDetailed{width:75%;height:100%;border-top-right-radius:10px;display:flex;flex-direction:column;gap:1%}.skillsContainer-moreDetailed{width:100%;height:78%;background:linear-gradient(to bottom right,#d3eaff,#d0e7ff,#dcefff);display:flex;flex-direction:column;align-items:flex-start;padding:1%;border-radius:5px;box-sizing:border-box;border:1px solid rgb(87,87,87);overflow-y:scroll}.eachSkill-moreDetailed{width:100%;font-size:15px;display:flex;align-items:center}.eachSkill-moreDetailed.hidden{display:none}.expContainer-moreDetailed{width:100%;height:22%;background:linear-gradient(to bottom right,#f0efcc,#ebeac6,#e4e4c8);display:flex;flex-direction:column;border-radius:5px;border:1px solid rgb(87,87,87);box-sizing:border-box;gap:3%}.expBarBg-moreDetailed{position:relative;bottom:3%;left:50%;transform:translate(-50%);height:37%;background-color:gray;border:1px solid black;border-radius:3px;width:90%;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center}.expBarFg-moreDetailed{position:absolute;bottom:0%;left:0%;height:100%;border-radius:3px}.expBarText-moreDetailed{margin-left:2%;font-size:14px}.expBarValue-moreDetailed{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}#swapBtn2{position:absolute;bottom:16%;left:-1%;width:30%;height:40%;transform:translateY(-50%);background-color:#000;border-radius:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#e6e6e6;font-size:15px}.triangleRight-swapBtn2{position:absolute;right:3%;top:-44%;width:60%;height:46%;background-color:#000;clip-path:polygon(0 0,0 100%,100% 100%)}.triangleLeft-swapBtn2{position:absolute;left:3%;bottom:-37%;width:60%;height:40%;background-color:#000;clip-path:polygon(0 0,100% 100%,100% 0)}.selectedData-BottomAreaContainer{position:relative;width:100%;height:74%;border-bottom-right-radius:10px}#fight-battle{position:relative;background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#fight-battle:active{transform:scale(.94);filter:brightness(.9)}#fight-battle:before{content:"";position:absolute;right:0;top:-39.5%;width:100%;height:1px;background-color:#727272}#myMonsters-battle{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#myMonsters-battle:active{transform:scale(.94);filter:brightness(.9)}#items-battle{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#items-battle:active{transform:scale(.94);filter:brightness(.9)}#escape-battle{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#escape-battle:active{transform:scale(.94);filter:brightness(.9)}#goBack-battle{background:linear-gradient(to bottom right,#8b8b8b,#252525,#505050);width:80%;height:10%;display:flex;justify-content:center;align-items:center;border-radius:7px;font-size:15px;border:1px solid rgb(255,255,255);color:#d7d7d7;box-shadow:1px 1px 1px #000;cursor:pointer;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#goBack-battle:active{transform:scale(.94);filter:brightness(.9)}#skillButtons1{height:100%;width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:flex-start;gap:2%;padding:2% 0;box-sizing:border-box}.skill-button{width:45%;height:20%;display:flex;justify-content:center;align-items:center;border:2px solid black;cursor:pointer}.skill-physical{background-color:#ffcba5}.skill-special{background-color:#a4fcff;border-radius:25%}#myMonstersBtn2{height:100%;width:100%;display:flex;align-items:center;box-sizing:border-box}.monsterIconsContainer-Left,.monsterIconsContainer-Right{width:50%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.eachMonsterIconContainer{background-color:#1a1a1a;background:linear-gradient(to bottom right,#b8b8b8,#939393,#707070);width:90%;height:31%;border:2px solid rgb(59,59,59);border-radius:10px;box-sizing:border-box;overflow:hidden;position:relative;box-shadow:2px 2px 2px #363636;cursor:pointer}.monster-icon{border-radius:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transform-origin:center}.active-monster{outline:2px solid rgb(0,17,255)}.select-target{outline:2px solid rgb(244,4,4)}#itemsBtn3{width:100%;height:98%;border-radius:10px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;flex-direction:row}#itemsContainer{width:49%;height:98.5%;border-radius:10px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;display:flex;align-items:center;flex-direction:column;gap:6px;padding-top:2%;padding-bottom:62%;box-sizing:border-box;border:1px solid black;margin-top:1.5%;margin-left:1%}#itemsContainer::-webkit-scrollbar{display:none}.item{background-color:#e9e9b9;border-radius:10px;width:92%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;border:1px solid rgb(89,99,171);padding:2% 0}.item.disabled{opacity:.5;pointer-events:none}.item.selected{outline:2px solid rgb(244,4,4)}#selectedItemContainer{position:absolute;top:-14%;width:100%;height:110%}#selectedItemTopArea{height:34%;width:100%;display:flex;justify-content:center;align-items:center}#questionOne-selectedItem,#questionTwo-selectedItem{font-weight:500;background-color:#ffffff0f}#selectedItemBottomArea{height:66%;width:100%;display:flex;flex-direction:row}#useGoBackButtonsContainer{width:35%;height:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:column}#useBotton{background-color:#d9bb8a;width:60%;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:3% 0;border-radius:6px;box-shadow:2px 2px 2px #363636;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#useBotton:active{transform:scale(.94);filter:brightness(.9)}#goBackBotton{background-color:#87ceeb;width:60%;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:3% 0;border-radius:6px;box-shadow:2px 2px 2px #363636;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#goBackBotton:active{transform:scale(.94);filter:brightness(.9)}#itemExplanation{padding:1% 2.4%;background-color:#8cb3e6;border-radius:5px;border:1px solid rgb(255,255,255);width:63%;height:100%;box-sizing:border-box}.itemName{width:100%;height:50%;font-size:14px;box-sizing:border-box;padding-left:4%}.itemCount{width:100%;height:50%;text-align:end;font-weight:600;padding-right:4%;text-decoration:underline;font-size:15px;box-sizing:border-box}#myMonstersStatus-itemsBtn3{width:49%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.eachMonsterData-itemsBtn3{background-color:#1a00c2a4;height:15%;width:97%;display:flex;flex-direction:row;align-items:end;border-top-right-radius:20px}.monsterIconContainer-itemsBtn3{height:97%;aspect-ratio:1/1}.monsterIcon-itemsBtn3{height:100%;aspect-ratio:1/1}.monsterHpBarBg{position:relative;height:40%;background-color:gray;border:1px solid black;border-radius:3px;width:90%;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center}.monsterHpBarFg{position:absolute;bottom:0%;left:0%;height:100%;border-radius:3px}.monsterHpBarValue{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-size:16px}#itemToMyMonsters{position:absolute;top:0%;right:0%;height:100%;width:0%;border-radius:10px;opacity:1;display:flex;align-items:center;transition:width .4s ease,opacity .4s ease;box-sizing:border-box;pointer-events:none;overflow:hidden;cursor:default}#itemToMyMonsters.openitemToMyMonsters{width:100%;opacity:1;pointer-events:auto}.itemToMyMonsters-LeftColumn,.itemToMyMonsters-RightColumn{width:50%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.eachMonsterIconContainer-itemToMyMonsters{background:linear-gradient(to bottom right,#b8b8b8,#939393,#707070);width:90%;height:31%;border:2px solid rgb(59,59,59);border-radius:10px;box-sizing:border-box;overflow:hidden;position:relative;box-shadow:2px 2px 2px #363636;cursor:pointer}.monsterIcon-itemToMyMonsters{border-radius:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transform-origin:center}#escapeBtn4{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end}#escapeContainer{background-color:#f5f5f5ea;display:flex;flex-direction:column;width:90%;margin-bottom:3.4%;padding-bottom:6%;padding-right:1%;border-radius:5px;box-shadow:2px 2px 2px #363636;box-sizing:border-box}#escapeQuestion{font-weight:500;font-size:16px;text-align:center}#escapeAnswerButtonsContainer{display:flex;flex-direction:row;justify-content:space-around}#escapeBtnYes{background-color:#c1c1c1;padding:2% 0%;width:28%;display:flex;justify-content:center;align-items:center;border-radius:5px;box-shadow:2px 2px 2px #363636;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#escapeBtnNo{background-color:#e7b0b0;padding:2% 0%;width:28%;display:flex;justify-content:center;align-items:center;border-radius:5px;box-shadow:2px 2px 2px #363636;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}#nextMessageBtnContainer{position:absolute;top:0;left:0;background:linear-gradient(to bottom right,#e6e6e6,#c9c9c9,#a7a7a7);height:100%;width:100%;border-radius:10px;display:flex;justify-content:center;align-items:center}#nextMessageBtn{background:linear-gradient(to bottom right,#b0b0b0,#c9c9c9,#a7a7a7);box-shadow:3px 2px 5px #626262;border-radius:12px;border:1px solid rgb(0,0,0);margin-bottom:2%;transition:transform .1s ease,background .1s ease;cursor:pointer;width:43%;height:43%;font-size:17px}#nextMessageBtn:active{background:linear-gradient(to bottom right,#929292,#b8b8b8,#8e8e8e);transform:scale(.98)}.hidden{display:none!important}.invisible{visibility:hidden!important}@media only screen and (max-width:450px){#gameScreenContainer,#gameCanvas,#battleScreen{border-radius:2.4vw}#commandContainer{border-top-left-radius:2.4vw;border-bottom-left-radius:2.4vw;box-shadow:inset 0 0 2.3vw #00000080}.selectedMosnterThumbnailContainer{border:.4vw solid rgb(59,59,59);box-shadow:.2vw .2vw .2vw #fff}.selectedMonsterThumbnail{border:.4vw solid rgb(59,59,59)}.selectedMosnterThumbnailContainerRight{border:.4vw solid rgb(59,59,59);box-shadow:.2vw .2vw .2vw #fff}.selectedMonsterThumbnailRight{border:.4vw solid rgb(59,59,59)}#selectedDataContainer{box-shadow:inset 0 0 2.3vw #00000080}.nameLvHpbarContainer-moreDetailed{border-radius:1vw;border:.4vw solid rgb(72,72,72)}.selectedMonsterMoreDetailedCotnainer,.selectedData-BottomAreaContainer{border-bottom-right-radius:2.3vw}#fight-battle,#myMonsters-battle,#items-battle,#escape-battle,#goBack-battle{border-radius:1.3vw;font-size:3.3vw;border:.1vw solid rgb(255,255,255)}.selectedMonsterName,.selectedMonsterLevel{font-size:3.6vw}.selectedMonster-hp-bar-bg{border:.4vw solid black;border-radius:.8vw}.selectedMonster-hp-bar-fg{border-radius:.8vw}.selectedMonster-hpText{font-size:3.6vw}.skill-button{font-size:3vw;border-radius:2vw;border:.6vw solid black}.eachMonsterIconContainer{border:.6vw solid rgb(59,59,59);border-radius:2vw;box-shadow:.6vw .6vw .6vw #363636}.active-monster{outline:.6vw solid rgb(0,17,255)}.select-target{outline:.6vw solid rgb(244,4,4)}#swapBtn2{border-radius:1vw;font-size:3.3vw}.MonsterName-moreDetailed,.MonsterLevel-moreDetailed{font-size:3.1vw}.monster-hpbar-bg-moreDetailed{border:.4vw solid black;border-radius:.5vw}.monster-hpbar-fg-moreDetailed{border-radius:.5vw}.hpText-moreDetailed{font-size:3.4vw}.statusContainer-moreDetailed{border-radius:1vw;border:.4vw solid rgb(87,87,87)}.attackStatus-moreDetailed div:first-child{font-size:3.3vw}.attackStatus-moreDetailed div:last-child{font-size:3.3vw}.defenseStatus-moreDetailed div:first-child{font-size:3.3vw}.defenseStatus-moreDetailed div:last-child{font-size:3.3vw}.specialAttackStatus-moreDetailed div:first-child{font-size:3.3vw}.specialAttackStatus-moreDetailed div:last-child{font-size:3.3vw}.specialDefenseStatus-moreDetailed div:first-child{font-size:3.3vw}.specialDefenseStatus-moreDetailed div:last-child{font-size:3.3vw}.speedStatus-moreDetailed div:first-child{font-size:3.3vw}.speedStatus-moreDetailed div:last-child{font-size:3.3vw}.expSkillsContainer-moreDetailed{border-radius:2vw}.skillsContainer-moreDetailed{border-radius:1vw;border:.4vw solid rgb(87,87,87)}.eachSkill-moreDetailed{font-size:3.6vw}.expContainer-moreDetailed{border-radius:1vw;border:.4vw solid rgb(87,87,87)}.expBarBg-moreDetailed{border:.4vw solid black;border-radius:.5vw}.expBarFg-moreDetailed{border-radius:.5vw}.expBarText-moreDetailed{font-size:3.1vw}.expBarValue-moreDetailed,#questionOne-selectedItem,#questionTwo-selectedItem{font-size:3.6vw}#useBotton,#goBackBotton{border-radius:.9vw;box-shadow:.4vw .4vw .4vw #363636;font-size:3.6vw}#itemExplanation{padding:1% 2.4%;border-radius:1.2vw;border:.4vw solid rgb(255,255,255);font-size:3.6vw}#itemsContainer{border-radius:2vw;gap:1.36vw;border:.1vw solid black}.item{border-radius:2vw;border:.4vw solid rgb(89,99,171)}.item.selected{outline:.6vw solid rgb(244,4,4)}.itemName{font-size:3.1vw}.itemCount{font-size:3.2vw}.eachMonsterData-itemsBtn3{border-top-right-radius:4.7vw}.monsterHpBarBg{border:.4vw solid black;border-radius:.8vw}.monsterHpBarFg{border-radius:.8vw}.monsterHpBarValue{font-size:3.6vw}#escapeContainer{border-radius:1vw;box-shadow:.4vw .4vw .4vw #363636}#escapeQuestion{font-size:3.6vw}#escapeBtnYes,#escapeBtnNo{border-radius:1vw;box-shadow:.4vw .4vw .4vw #363636;font-size:3.6vw}#nextMessageBtnContainer{border-radius:2vw}#nextMessageBtn{box-shadow:.7vw .5vw 1.2vw #626262;border-radius:2.7vw;border:.1vw solid rgb(0,0,0);font-size:3.8vw}}