@import"https://fonts.googleapis.com/css2?family=Sigmar&display=swap";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css";*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}*::-webkit-scrollbar{width:.4rem}*::-webkit-scrollbar-track{background:#202521;border-radius:1rem}*::-webkit-scrollbar-thumb{background:#263127;border-radius:1rem}html,body,#root,.App{height:100%;width:100%;overflow:hidden}html,body{background-color:#1d271f}#root{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}a,a:hover,a:visited{color:#c2c2c2;text-decoration:none}.login-content{height:100%;width:100%;background:#1e311f;margin:0 auto;padding:15%;font-size:1.2rem;text-align:center;color:#738a48}.title{font-family:Sigmar,sans-serif;font-size:2rem}.center{text-align:center}.login-content .form-input{font-size:1.3rem}.login-content .form-input input{padding:.5rem;margin-top:.5rem;margin-bottom:.5rem;font-size:1.4rem;background-color:#325234;border:none;outline:none;border-radius:.4rem;width:100%;max-width:20rem}.login-content .form-input input::placeholder{color:#113513}.spinner{display:inline-block;width:3rem;height:3rem;margin:.4rem;border:dotted .6rem;border-radius:100%;font-family:cursive;animation:rotate 1s ease-in-out 0s infinite}.login-content .login-btn{display:inline-block;height:2.5rem;padding:0 1.5rem;margin:1rem 0;font-size:1.4rem;background-color:#36741e;border:none;outline:none;border-radius:.4rem;cursor:pointer;color:#b9b9b9;width:100%;max-width:20rem}.login-content .login-btn:hover{background-color:#366936}.login-content .login-btn:active{background-color:#2b422d}.login-error{color:#b65731}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.login-content{font-size:1.2rem}.title{font-size:1.7rem}}.chat-page{position:relative;height:100%;width:100%;background:#1d271f;display:flex;font-family:Arial,sans-serif}.side{display:flex;flex-direction:column;height:100%;width:17%;background:#141f16;color:#818181}.room-list{flex-grow:1;color:gray;padding:1rem;overflow-y:auto;overflow-x:hidden}.room-list .active{color:#c2c2c2}.footer{margin-bottom:.4rem;padding-right:1rem;text-align:right;display:flex;align-items:flex-end}.footer .credit{padding:.5rem;font-family:Sigmar,sans-serif;flex-grow:1}.footer i{font-size:3rem;cursor:pointer}.footer a{color:inherit}.footer i:hover{color:#d4d4d4}.toggle-btn{display:none}.friend{padding:1rem;margin:.1rem;border-radius:0 0 20%/50%}.unique-name{color:#7e7e7e;font-size:.8rem}.friend:hover{background:#1d301f}.room-name:hover{background:#1d301f;cursor:pointer}.room-name{font-size:1.1rem;border-bottom:#1e311f solid .1rem;padding:1rem;margin:.1rem}.message{width:100%;height:100%;display:flex;flex-direction:column}.message-list-wrapper{padding:1rem;height:calc(100% - 6rem);max-height:100%;height:min-content;width:100%;color:#d4d4d4;overflow:auto;position:relative;flex-grow:1;display:flex;flex-direction:column}.message-list{width:100%}.fetch-button-box{margin:4rem auto 0}.fetch-button{width:fit-content;background-color:#202e23;border:solid #141f16 1px;border-radius:10px;color:#bebebe;padding:.5rem;cursor:pointer}.fetch-button:active{background-color:#2b3d2f}.message-outBox{margin:none;padding:none}.split-date{text-align:center;color:#7e7e7e;font-size:.9rem;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 .5rem}.split-date p{padding:0 .5rem}.split-date hr{flex-grow:1;border-color:#7e7e7e;border-width:1px;border-radius:0%;border-left:none;border-right:none}.message-outBox:first-of-type{margin-top:3rem}.message-box{padding:.8rem;border-radius:1rem;display:flex}.message-box:hover{background:#1e311f}.message-innerbox{display:inline-block}.author-icon{display:inline-block;flex-shrink:0;vertical-align:top;text-align:center;line-height:2rem;width:2rem;height:2rem;border-radius:10%;font-size:1.1rem;margin-right:1rem;padding:0}.online-icon{position:relative;margin-top:.3rem}.online-mark{border-radius:50%;width:1rem;height:1rem;display:inline-block}.online-icon .online-mark{position:absolute;right:0;bottom:0;width:.7rem;height:.7rem}.icon-img{width:100%;height:100%;border-radius:10%}.message-author{display:inline-block;font-size:1.1rem}.message-time{display:inline-block;font-size:.8rem;padding-left:.8rem}.message-text{font-size:1rem;color:#b3b3b3;white-space:pre-wrap;width:100%;overflow-wrap:break-word;word-break:break-word;-webkit-user-select:text;user-select:text}.message-img{display:block;margin-top:.5rem;border-radius:5%;cursor:pointer;min-width:8rem;max-width:100%;max-height:300px}.text-link,.text-link:hover,.text-link:visited{color:#8ed4ff}.Emoji{font-size:3rem}.inline{display:flex;margin:.5rem 0;width:100%}.input-box{padding:1rem .5rem .5rem;width:100%;position:relative;border-top:solid 1px #171a18}.input-box.not-touch{pointer-events:none}.message-input{color:#d4d4d4;border:none;display:block;background:#2b332c;outline:none;border-radius:1rem;font-family:Arial,sans-serif}.font-size-select{outline:none;width:fit-content;height:1.5rem;margin:0;vertical-align:middle;background-color:#141f16;border:none;border-radius:10px;color:#b3b3b3}.color-select{height:1.5rem;width:1.5rem;margin:0;margin-left:.2rem;vertical-align:middle;background:none;border:none;border-radius:10px}.img-preview-box{position:relative;width:fit-content;height:fit-content}.img-preview-box i{position:absolute;top:1px;right:1px;width:2rem;height:2rem;text-align:center;font-size:2rem;background-color:#b3b3b380;border-radius:100%;cursor:pointer}.img-preview{border-radius:10%}.FlexTextarea{position:relative;width:100%;resize:none}.FlexTextarea *{font-size:1rem;color:#b3b3b3}.FlexTextarea__dummy{overflow:hidden;visibility:hidden;padding:.5rem 1rem;min-height:2.2rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-height:1.2}.FlexTextarea__textarea{position:absolute;top:0;left:0;display:block;overflow:hidden;padding:.5rem 1rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;width:100%;height:100%;resize:none;line-height:1.2;z-index:0}.username-input{width:20%;min-width:10rem;padding:.4rem 1rem;margin:.3rem;font-size:.9rem;color:#d4d4d4;border:none;display:inline-block;background:#314132;outline:none;border-radius:1rem}.message-button{background:#2b332c;padding:.5rem;margin-left:.3rem;width:2.2rem;height:2.2rem;border-radius:100%;color:#d4d4d4;border:none;cursor:pointer;line-height:1}.geo-button{font-size:.8rem;width:1.8rem;height:1.8rem}.submit-button{flex-shrink:0}.file-upload-button{margin-left:0;margin-right:.3rem;flex-shrink:0}.message-button:hover{background:#425844}.modal-img-view{position:fixed;inset:0;margin:auto;z-index:9999;background:#0009;transition:all .5s ease-out}.modal-img-view img{position:fixed;inset:0;margin:auto;max-width:100%;max-height:100%}.img-close-button{position:fixed;border:none;background:#b9b9b91f;top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);font-size:2rem;width:2rem;height:2rem}.clickable{cursor:pointer}@media(max-width:1024px){@keyframes slidIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.side{display:flex;width:100%;position:absolute;z-index:777;animation:slidIn .3s;background-color:#151f15}.side.hide{display:none}.toggle-btn{position:absolute;font-size:2.5rem;cursor:pointer;z-index:999;display:flex;left:0;width:100%;text-align:left;color:#8f8f8f;background-color:#1d271f;border-bottom:solid 1px #171a18}.room-list{padding-top:3rem}.message{width:100%;padding-left:0;padding-right:0}.message-button:hover{background:#2b332c}.message-button:active{background:#425844}}.profile-main{width:100%}.profile-header{width:100%;padding:.7rem 10%;font-size:2rem;background-color:#1d301f;border-bottom:solid 1px #171a18}.profile-header a{color:#c2c2c2}.profile{color:#c2c2c2;font-size:1rem;padding:1rem 10%}.profile h2{text-align:center}.profile-col{border-bottom:#747774 solid 1px;padding:1rem 0;display:flex;align-items:center}.col-item{width:32%;display:inline-block;margin-right:3%;text-align:left;word-wrap:break-word}.col-item.dummy{width:0%}.profile-col .col-title{width:33%;text-align:right;padding-right:3%}.profile-col .col-btn{width:23%;padding-left:4%;text-align:left}.edit-btn{background:#314132;padding:.5rem;border-radius:10%;color:#d4d4d4;border:none;cursor:pointer;line-height:1;margin-bottom:.3rem}.profile-col img{border-radius:10%}.modal{background-color:#222c23;color:#d4d4d4;padding:2rem;width:100%;border-radius:10px}.modal .edit-btn{margin-top:1rem;margin-left:1rem}.modal input{width:100%;margin-bottom:1rem;padding:.4rem 1rem;font-size:1rem;color:#d4d4d4;border:none;background:#314132;outline:none;border-radius:10px}.modal .ic-btn{cursor:pointer}.modal .img-preview{display:block;margin:.5rem auto;background:#1d301f;background-image:none}.modal .img-preview.hide{display:none}.modal-btns{text-align:right}.modal .error{color:#e43333}.notification-controls .edit-btn{margin-right:.5rem}.notification-controls [role=status]{display:block;font-size:.9rem}.notification-controls [role=status]:empty{display:none}.app-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;background:transparent;color:inherit;max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);overflow:auto}.app-dialog::backdrop{background:#0000007f}.user-icon{padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:2rem;cursor:pointer;position:relative}.user-icon:focus-visible{outline:2px solid #8ed4ff;outline-offset:3px}.user-icon .online-mark{pointer-events:none}.user-presence-tooltip{position:fixed;z-index:10000;max-width:calc(100vw - 1rem);padding:.5rem .7rem;border:1px solid #425844;border-radius:.5rem;background:#141f16;color:#d4d4d4;font:.85rem/1.4 Arial,sans-serif;box-shadow:0 .2rem .8rem #0005;overflow-wrap:anywhere}.search{display:flex;flex-direction:column}.search .message-list-wrapper{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 6em)}.search .input-bar{width:100%;padding:1rem}.search input{width:60%;margin:auto;padding:.4rem 1rem;font-size:1rem;color:#d4d4d4;border:none;background:#314132;outline:none;border-radius:10px}.nothing{color:#575757}@media(max-width:1024px){.search .input-bar{margin-top:4rem}.search .message-list-wrapper{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 10em)}}.gallery{padding:2em;display:flex;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 6em);overflow:auto;flex-direction:row;flex-wrap:wrap}.gallery .pages{margin:0;padding:0;width:100%}.gallery .pages button{margin:.3rem}.gallery .pages button:disabled{color:#555}.gallery div{width:fit-content;object-fit:cover;margin:2px;padding:0;flex-grow:1}@media(max-width:1024px){.gallery{margin-top:4em}}.games-page,.mosblock-page{display:block;height:100%;overflow:auto;padding:1rem;color:#fcfcfc;font-family:Arial,sans-serif}.games-page h1,.games-page>p{text-align:center;margin:1rem}.game-card{display:block;max-width:40rem;margin:1rem auto;padding:1.5rem;border:1px solid #536455;border-radius:.5rem;color:inherit;text-decoration:none}.game-card h2{margin-bottom:.5rem}.game-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin:.5rem}.game-board{position:relative;width:fit-content;max-width:100%;margin:auto}.game-board canvas{display:block;max-width:100%;background:#212c22;touch-action:none}.game-start,.game-over{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center}.game-start,.game-over button{padding:.5rem 1rem;font-size:2rem;cursor:pointer}.game-over p{color:#f36b6b;font-size:2.5rem;white-space:nowrap}.game-point{position:absolute;top:45%;left:40%;font-size:3rem;pointer-events:none;animation:game-point-fade 1s forwards}@keyframes game-point-fade{to{opacity:0;transform:translateY(-2rem)}}.games-page>a:not(.game-card),.mosblock-page>a{display:inline-flex;padding:.5rem;font-size:1.5rem}.game-stats span{display:inline-flex;align-items:center;gap:.4rem}.game-start,.game-over button{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;background:#314132;color:#d4d4d4;border:0;border-radius:50%}.mosblock-page [role=status]:empty{display:none}.call-page{display:block;height:100%;overflow:auto;padding:1rem;color:#eee;font-family:Arial,sans-serif}.call-page header{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:1rem}.call-page p{margin:.75rem 0}.call-page [role=alert]{color:#ff9d9d}.call-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.call-videos video{width:100%;min-width:0;min-height:10rem;aspect-ratio:16/9;object-fit:contain;background:#101511;border:1px solid #536455;border-radius:.5rem}.call-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.call-page button,.call-page select{max-width:100%;min-height:2.75rem;padding:.6rem .85rem;border:1px solid #536455;border-radius:.5rem;background:#263b2c;color:#eee;cursor:pointer}.call-page button:hover{background:#354f3c}.call-page button:focus-visible,.call-page select:focus-visible{outline:2px solid #8ed4ff;outline-offset:2px}.call-controls label{display:flex;align-items:center;gap:.5rem;min-width:0;max-width:100%}.call-controls select{min-width:0;flex:1}@media(max-width:600px){.call-page{padding:.75rem}.call-videos{grid-template-columns:minmax(0,1fr);gap:.75rem}.call-controls{gap:.5rem}.call-controls label{width:100%}}.call-page header a{display:inline-flex;padding:.5rem;font-size:1.5rem}.call-page button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;padding:.5rem;font-size:1.3rem;border:0;border-radius:50%}.call-page button[aria-pressed=true]{color:#ff9d9d;background:#3c292b}.call-controls label>svg{flex-shrink:0;font-size:1.25rem}.call-page [role=status]:empty{display:none}