#root,body,html{height:100%;width:100%}body,html{font-family:VITRO;font-size:16px;margin:0;min-height:600px;min-width:1200px;overflow:hidden;padding:0}@media (max-width:1400px){html{font-size:23px}}@media (min-width:1401px) and (max-width:1600px){html{font-size:26px}}@media (min-width:1601px) and (max-width:1800px){html{font-size:29px}}@media (min-width:1801px){html{font-size:32px}}@media (max-height:700px){html{font-size:23px}}@media (min-height:701px) and (max-height:800px){html{font-size:26px}}@media (min-height:801px) and (max-height:900px){html{font-size:29px}}div,input,nav{box-sizing:border-box}@font-face{font-family:VITRO;font-style:bold;font-weight:900;src:url(/static/media/VITRO%20CORE%20TTF.82a2b0ef9f7a3886a8cd.ttf) format("truetype")}@font-face{font-family:VITRO;font-style:normal;font-weight:700;src:url(/static/media/VITRO%20INSPIRE%20TTF.f3132f4a34301f075d09.ttf) format("truetype")}@font-face{font-family:VITRO;font-style:thin;font-weight:400;src:url(/static/media/VITRO%20PRIDE%20TTF.4a989a61e6062c1b91d1.ttf) format("truetype")}@font-face{font-family:Cafe24Ssurround;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff) format("woff")}.lg-container{background-color:#bed7ff;display:flex;min-height:100vh;position:relative;-webkit-user-select:none;user-select:none}.lg-leftcontainer{flex-direction:column;position:relative;width:55%}.lg-leftcontainer,.lg-title{display:flex;justify-content:center;z-index:2}.lg-title{align-items:center;background-color:#c9ddfd;border-radius:5vh;box-shadow:0 0 20px #c9ddfdc0;font-size:4vh;height:10vh;margin-left:10%;position:absolute;top:10vh;width:80%}.lg-title img{height:8vh;margin-left:.5vw}.lg-title h1{-webkit-text-stroke:2px #1a2a6c;font-size:calc(2.7vh + 2.7vw)}.lg-title div,.lg-title h1{color:#f4f8ff;font-weight:900}.lg-title div{-webkit-text-stroke:1px #1a2a6c;font-size:calc(1vh + 1vw)}.lg-rule{color:#1a2a6c;display:flex;flex-direction:column;gap:1vh;height:60vh;justify-content:center;margin-left:10%;margin-top:5%;padding:1%;width:80%}.lg-rule li{font-family:arial;font-size:calc(1vh + 1vw);line-height:calc(1.55vh + 1.55vw);list-style:"✔ ";padding-left:calc(1vh + 1vw);text-align:justify;text-indent:calc(-1.1vh - 1vw)}.lg-rule strong{color:#165a9e;font-size:calc(1.1vh + 1.1vw)}.lg-rule span{color:#e12b2b;font-size:calc(1.1vh + 1.1vw);font-weight:600}.lg-rightcontainer{align-items:center;display:flex;justify-content:center;margin-left:3%;position:relative;width:42%;z-index:1}.lg-rightcontainer-back{background-color:#5572a0;box-shadow:0 0 20px #00385680;height:200vh;position:fixed;right:-15vw;transform:rotate(13deg);width:60vw;z-index:-1}.login-form{align-content:center;background:#fff;border-radius:.7vh;box-shadow:0 0 10px #0000004d;display:flex;flex-wrap:wrap;height:60%;justify-content:center;padding-left:4vw;padding-right:4vw;width:65%}.login-form input{border:none;border-bottom:2px solid #ccc;font-size:calc(.7vh + .7vw);margin-bottom:1.5rem;outline:none;padding:1vh;transition:border-color .3s ease;width:100%}.login-form input:focus{border-color:#265fb9}.lg-error{color:#e31010;font-family:arial;font-size:calc(.6vh + .6vw);position:absolute;top:50%}.login-button{background-color:#335c9e;border:none;border-radius:1vh;color:#fff;cursor:pointer;font-size:calc(.75vh + .75vw);font-weight:400;height:8%;margin-bottom:2vh;margin-top:3vh;padding:1vh;transition:all .3s ease;width:100%}.login-button:hover{background-color:#2b4b7f;box-shadow:0 5px 15px #0000001a}.login-button:active{background-color:#335c9e;box-shadow:0 5px 15px #0000001a;transition:all .1s ease}.lg-or{background-color:#0000001a;border-radius:10px;height:1.5px;width:100%}.signup-button{background-color:#fff;border:2px solid #335c9e;border-radius:1vh;color:#335c9e;cursor:pointer;font-size:calc(.65vh + .65vw);font-weight:600;height:8%;margin-top:2vh;padding:1vh;transition:all .2s ease;width:100%}.signup-button:hover{border:2px solid #2b4b7f;box-shadow:0 5px 15px #0000001a;color:#2b4b7f}.signup-button:active{border:2px solid #335c9e;box-shadow:none;color:#335c9e;transition:all .1s ease}.lg-modal{align-items:center;background-color:#fff;border-radius:2vh;display:flex;height:40vh;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:30vw;z-index:100}.lg-modal-overlay{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99}.lg-modal-content{align-content:center;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;width:80%}.lg-modal-content h2{color:#1a2a6c;font-family:arial;font-size:calc(1.2vh + 1.2vw)}.lg-modal-content span{-webkit-text-stroke:1.3px #1a2a6c;color:#f1f5fe;font-family:VITRO;font-size:calc(1.6vh + 1.6vw);font-weight:900;position:relative;top:-.4vh}.lg-modal-content input{border:1.7px solid #bdbdbd;border-radius:5px;font-size:calc(.65vh + .65vw);height:4.5vh;margin-bottom:4vh;outline:none;padding-left:2vh;width:80%}.lg-modal-content input:focus{border:none;box-shadow:0 0 7px #2559ad}.lg-modal-content button{background-color:#335c9e;border:none;border-radius:1vh;color:#fff;cursor:pointer;font-size:calc(.6vh + .6vw);height:4vh;width:40%}.lg-modal-content button:hover{background-color:#2b4b7f}.lg-modal-content button:last-child{align-items:center;background:none;border:none;color:#1a2a6c;cursor:pointer;display:flex;font-family:Cafe24Ssurround;font-size:30px;height:18px;justify-content:center;position:absolute;right:2vw;top:3vh;width:18px}.lg-modal-content button:hover:last-child{color:#0f183d}.lb_container{align-items:center;background-color:#9db3d6;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100vw}.lb_sidebar{background-color:#cfd9ec;box-shadow:2px 0 5px #00000080;height:100vh;left:0;padding:2vh;position:fixed;top:0;width:17vw;z-index:50000}.lb_sidebar_top{border:2px solid #5a6c8a;border-radius:10px;box-shadow:0 0 10px #0000004d;height:35vh;margin-top:8vh}.lb_sidebar_profile,.lb_sidebar_top{background-color:#465d7e;overflow:hidden}.lb_sidebar_profile{height:65%;position:relative}.lb_sidebar_profile:before{background-color:#9db3d6;border:.7vh solid #647ea3;border-radius:50%;content:"";height:12vw;left:50%;position:absolute;top:60%;transform:translate(-50%,-50%);width:12vw;z-index:90}.lb_sidebar_profile img{margin-left:10%;position:absolute;top:25%;width:80%;z-index:100}.lb_sidebar_nn{align-items:center;background-color:#f2f7ff;border:1vh solid #465d7e;border-radius:calc(1vh + 5px);border-top:.7vh solid #465d7e;display:flex;flex-direction:column}.lb_sidebar_name{font-size:2.2vh;font-weight:700;letter-spacing:.1vw;padding-top:.1vh}.lb_sidebar_name,.lb_sidebar_num{color:#3a4a61;height:50%;text-align:center}.lb_sidebar_num{border-top:1.7px solid #9db3d6;font-size:1.7vh;padding-bottom:.2vh;width:70%}.lb_rule{background-color:#d3cf54;border:none;border-radius:.5vh;color:#fff;cursor:pointer;font-size:1.6vh;margin-right:8%;padding:.5vh .7vw .7vh;text-align:center;transition:background-color .2s ease;width:42%;z-index:100000}.lb_rule:hover{background-color:#c3bf4c}.lb_rule:active{background-color:#d3cf54}.lb_sidebar_logout{align-items:center;display:flex;height:10%;justify-content:center;padding-top:5px}.lb_sidebar_logout_button{background-color:#e74c3c;border:none;border-radius:.5vh;color:#fff;cursor:pointer;font-size:1.6vh;padding:.5vh .7vw .7vh;transition:background-color .2s ease;width:42%}.lb_sidebar_logout_button:hover{background-color:#c0392b}.lb_sidebar_logout_button:active{background-color:#e74c3c}.lb_sidebar_delete_button{bottom:50%;cursor:pointer;left:50%;position:absolute;transform:translate(-50%,-50%)}.lb_sidebar_bottom{align-items:center;background-color:#f7faff;border:1px solid #5a6c8a;border-radius:10px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;height:40vh;margin-top:6vh;overflow:hidden}.lb_sidebar_list{border-bottom:2px solid #9db3d6;color:#3a4a61;font-family:Cafe24Ssurround;font-size:2.3vh;padding:1vh;text-align:center;width:80%}.lb_sidebar_list_name{padding:1vh;width:95%}.lb_sidebar_list_name li{border-bottom:1px solid #cfd9ec;color:#3a4a61;font-size:1.8vh;list-style-type:"- ";padding:.5vh 0}.lb_sidebar_list_name li:last-child{border-bottom:none}.lb_confirm_overlay{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100000}.lb_confirm_dialog{background-color:#cfd9ec;border-radius:10px;box-shadow:0 0 10px #0000004d;padding:20px;text-align:center}.lb_confirm_dialog p{color:#3a4a61;font-size:2vh;margin-bottom:20px;padding:0 1.7vw}.lb_confirm_buttons{display:flex;gap:10px;justify-content:center}.lb_confirm_buttons button{border:none;border-radius:5px;cursor:pointer;font-size:1.8vh;padding:10px 20px;transition:background-color .3s}.lb_confirm_buttons button:first-child{background-color:#e74c3c;color:#fff}.lb_confirm_buttons button:first-child:hover{background-color:#c0392b}.lb_confirm_buttons button:first-child:active{background-color:#e74c3c}.lb_confirm_buttons button:last-child{background-color:#7f8c8d;color:#fff}.lb_confirm_buttons button:last-child:hover{background-color:#6c7a7a}.lb_confirm_buttons button:last-child:active{background-color:#7f8c8d}.lb_overlay{background-color:#0006;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:8}.lb_topcontainer{align-items:flex-start;background-color:#f0f4f8;box-shadow:0 0 0 2px #5a6c8a,0 0 0 4px #3d4d65;display:flex;flex-direction:column;height:100%;margin-left:17vw;overflow:hidden;position:fixed;width:83%}.lb_no_rooms_message{align-items:center;font-size:calc(.9vh + .9vw);height:80vh;justify-content:center}.lb_no_rooms_message,.lb_roomlist{display:flex;margin:5vh auto;width:75%}.lb_roomlist{align-content:flex-start;box-sizing:border-box;flex-wrap:wrap;justify-content:space-around;overflow-y:auto;padding-top:50px}.lb_roomlist::-webkit-scrollbar{display:none}.lb_roombox{background-color:#d9e2f2;border-radius:1vh;box-shadow:0 0 0 1px #687c9f,0 0 0 2px #4c607e;cursor:pointer;display:flex;flex-direction:column;height:18vh;justify-content:center;margin-bottom:4vh;padding:2vh;position:relative;transition:all .3s ease;width:40%;z-index:5}.lb_roombox:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.lb_roombox:nth-child(odd){margin-right:2%}.lb_roombox:nth-child(2n){margin-left:2%}.lb_roombox:hover{box-shadow:0 0 0 2px #687c9f,0 0 0 3px #4c617f;transform:translateY(-.3vh)}.lb_roombox:nth-child(odd){margin-left:7%;margin-right:auto}.lb_roombox:nth-child(2n){margin-left:auto;margin-right:7%}.lb_roombox_num{align-items:center;background-color:#9db3d6;border-radius:50%;box-shadow:0 0 0 1px #99abd9,0 0 0 3px #5a6c8a,0 0 0 4px #3d4d65;color:#fff;display:flex;font-size:calc(1.1vh + 1vw);font-weight:600;height:6vh;justify-content:center;left:50%;position:absolute;top:0;transform:translate(-50%,-50%);width:6vh}.lb_roombox_title{color:#3a4a61;font-family:Cafe24Ssurround;font-size:calc(1vh + 1vw);font-weight:700;margin-bottom:1.2vh;margin-top:1vh}.lb_roombox_bottom{display:flex;justify-content:space-between;width:100%}.lb_botcontainer{bottom:0;display:flex;height:18vh;justify-content:center;left:0;position:absolute;width:100%;z-index:5}.lb_roomMake{background-color:#778eb6;border:none;border-radius:1vh;color:#fff;cursor:pointer;font-family:Cafe24Ssurround;font-size:calc(1vh + 1vw);font-weight:700;height:40%;padding:1vh 2vh;transition:all .1s ease;z-index:5}.lb_roomMake:hover{background-color:#596f8f;box-shadow:0 0 0 1px #7288af,0 0 0 2px #3d4d65}.lb_roomMake:active{background-color:#6c7fa4;box-shadow:0 0 0 1px #4d607d}.lb_formcontainer,.lb_passwordContainer{align-items:center;background-color:#cfd9ec;border:1px solid #5a6c8a;border-radius:2vh;box-shadow:0 0 0 1px #5a6c8a,0 0 0 2px #3d4d65;flex-direction:column;font-size:2.4vh;height:20vh;margin-left:17vw;padding:50px 20px;position:fixed;width:25%;z-index:1000000}.lb_inputgroup{align-items:center;display:flex;gap:.7vw;margin-top:1vh}.lb_inputgroup label{color:#3a4a61;font-family:Cafe24Ssurround;text-align:right;width:6vw}.lb_formcontainer form{align-items:center;display:flex;flex-direction:column;gap:1vh;height:100%;justify-content:center}.lb_roomPassword,.lb_roomname{border:0;font-size:1.7vh;font-weight:900;height:2.3vh;outline:none;width:18vh}.lb_passwordContainer form{gap:1vh;height:100%}.lb_passwordContainer form,.lb_passwordInputGroup{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.lb_passwordInputGroup{color:#3a4a61;font-family:Cafe24Ssurround}.lb_selectedRoomName{color:#354254;font-size:3.5vh;margin-bottom:3vh}.lb_roombox_admin{font-size:2.4vh}.lb_submit{align-items:center;background-color:#9db3d6;border:none;border-radius:1.5vh;bottom:-1.8vh;box-shadow:0 0 0 1px #5a6c8a,0 0 0 2px #3d4d65;color:#fff;cursor:pointer;display:flex;font-family:Cafe24Ssurround;font-size:calc(.8vh + .8vw);height:2vh;justify-content:center;left:50%;padding:1.8vh 0;position:absolute;transform:translate(-50%);transition:all .3s ease;width:40%}.lb_submit:hover{background-color:#b9cbe9;color:#3a4a61}.lb_submit:active{box-shadow:0 0 0 1px #5a6c8a,0 0 0 2px #3d4d65}.lb_closeButton{background:none;border:none;color:#3a4a61;cursor:pointer;font-size:1.2em;position:absolute;right:1vw;top:1.2vh;z-index:10000000}.lb_closeButton,.lb_error{font-family:Cafe24Ssurround}.lb_error{color:#d34848;font-size:calc(.7vh + .7vw);position:fixed;top:49.6vh}.lb_rules_modal{align-items:center;background-color:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:100000}.lb_rule_content,.lb_rules_modal{display:flex;justify-content:center}.lb_rule_content{align-items:start;background-color:#cfd9ec;border-radius:1.5vh;box-shadow:0 0 10px #0000004d;cursor:default;flex-direction:column;font-family:Cafe24Ssurround;padding:1.4vw;position:absolute;z-index:90000}.lb_rule_content h3{color:#102b40;font-size:calc(1.1vh + 1.1vw);font-weight:900;margin-top:3vh;text-align:center;width:100%}.lb_rule_content ul{list-style:"※  ";margin-top:0;padding:0}.lb_rule_content li{color:#1f3a50;font-size:calc(.8vh + .8vw);font-weight:600;letter-spacing:.13vw;line-height:1.8;margin-bottom:1.4vh;margin-top:.3vh;position:relative;word-break:keep-all}.lb_rule_content .highlightt{color:#d9534f}.lb_rule_content .highlight,.lb_rule_content .highlightt{font-size:calc(.85vh + .85vw);font-weight:700;letter-spacing:.2vw}.lb_rule_content .highlight{color:#f8645f}.lb_rule_content .lowlightt{color:#1874be}.lb_rule_content .lowlight,.lb_rule_content .lowlightt{font-size:calc(.85vh + .85vw);font-weight:700;letter-spacing:.2vw}.lb_rule_content .lowlight{color:#3da8ff}.wr_container{background-color:#9db3d6;display:flex;flex-wrap:wrap;height:100vh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100vw;z-index:1}.wr_container:before{background-image:url(/static/media/keyboard.770ddf8ded133cf1ebb6.jpg);background-position:50%;background-repeat:repeat;background-size:300px;content:"";height:500%;left:0;opacity:.05;position:absolute;top:0;transform:rotate(-15deg);transform-origin:0 5000px;width:500%;z-index:-1}.wr_delete{background:linear-gradient(180deg,#94a7cb,#6e7d8d);border:none;border-radius:5px;box-shadow:0 0 0 1px #63758e,0 0 0 2px #4f6180;color:#fff;cursor:pointer;font-size:16px;font-weight:700;left:0;margin:20px;padding:8px 10px;position:absolute;top:0}.wr_countdown{color:#f0f3ff;font-size:15vh;font-weight:900;left:50%;position:absolute;text-shadow:4px 4px 10px #0000004d;top:50%;transform:translate(-50%,-50%);z-index:1000}.wr_back{align-items:center;background:linear-gradient(180deg,#94a7cb,#6e7d8d);border-radius:50%;box-shadow:0 0 0 2px #63758e,0 0 0 4px #4f6180;cursor:pointer;display:flex;height:50px;justify-content:center;left:2.5vw;position:fixed;top:4vh;width:50px;z-index:5}.wr_back:hover{background:linear-gradient(180deg,#a6bcdf,#7f94b5)}.wr_back:active{background:linear-gradient(180deg,#8090a4,#5f6b7a)}.wr_back:after,.wr_back:before{content:"";position:absolute}.wr_back:before{background-color:#e7e7e7;height:6px;left:13px;top:50%;transform:translateY(-50%);width:25px}.wr_back:hover:before{background-color:#f0f0f0}.wr_back:after{border-bottom:5px solid #e7e7e7;border-left:5px solid #e7e7e7;box-sizing:border-box;height:16px;left:13px;top:17px;transform:rotate(45deg);width:16px}.wr_back:hover:after{border-bottom:5px solid #f0f0f0;border-left:5px solid #f0f0f0}.wr_topcontainer{height:8vh;left:50vw;position:fixed;top:5vh;transform:translateX(-50%);z-index:3}.wr_title,.wr_topcontainer{align-items:center;display:flex;justify-content:center;width:40vw}.wr_title{background:linear-gradient(180deg,#a0bbed,#718ca9);border:2px solid #63758e;border-radius:2vh;box-shadow:0 0 10px #0000004d,inset 0 0 20px #00000080;color:#f8f4f0;font-family:Cafe24Ssurround;font-size:calc(2vh + 2vw);height:auto;letter-spacing:.2vw;padding:1.5vh 2.5vw;position:relative;text-align:center;text-shadow:3px 3px 4px #00000080;text-transform:uppercase;z-index:1}.wr_container:after{background-color:#92a8cc;border:2px solid #abbdda;border-radius:3vh;box-shadow:0 0 0 2px #63758e,0 0 0 3px #4f6180,0 0 0 4px #b9cbe9;content:"";height:74vh;margin-left:17.5vw;margin-top:17vh;position:fixed;width:65vw;z-index:1}.wr_leftcontainer{align-content:flex-start;background:linear-gradient(to bottom right,#a6bcdf,#b9cbe9);border:1px solid #b3d0fe;border-radius:2vh;box-shadow:0 0 0 1px #7f94b5,0 0 0 2px #697fa4,0 0 0 3px #414f65;display:flex;flex-wrap:wrap;height:70%;justify-content:flex-start;margin-left:19vw;margin-top:19vh;position:relative;width:35%;z-index:2}.wr_player1,.wr_player2,.wr_player3,.wr_player4{background:linear-gradient(180deg,#6e7b8c,#9db3d6,#a8b3c4);border:1px solid #000;border-radius:2vh;box-shadow:0 0 0 1.5px #bebebe,0 0 0 3.5px #a7a7a7,0 0 0 5px #9a9a9a,0 0 0 6px #5e5e5e;display:flex;flex-direction:column;height:35%;margin:3% 5% 1.5%;overflow:hidden;position:relative;width:40%}.wr_player1_top,.wr_player2_top,.wr_player3_top{align-items:center;background:linear-gradient(180deg,#8090a4,#5f6b7a);border-bottom:1px solid #000;display:flex;font-family:Cafe24Ssurround;height:18%;justify-content:center;width:100%;z-index:1}.wr_player1_top p,.wr_player2_top p,.wr_player3_top p{align-items:center;background-color:#ebebeb;border:1px solid #000;border-radius:2vh;display:flex;font-size:calc(.8vh + .8vw);height:70%;justify-content:center;width:60%}.wr_kick{background-color:#000c;border-radius:2vh;box-shadow:0 0 0 2px #63758e,0 0 0 4px #4f6180;display:flex;flex-direction:column;left:50%;padding:2vh 2vw;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10000}.wr_kick p{font-size:calc(1vh + 1vw);margin-bottom:2vh;text-align:center}.wr_kick p,.wr_kickbutton{color:#f3ebe6;font-family:Cafe24Ssurround}.wr_kickbutton{-webkit-text-stroke:.05vh #303030;background:linear-gradient(180deg,#ed5959,#753434);border:none;border-radius:1vh;box-shadow:0 0 0 1px #c55f5f,0 0 0 2px #820606;cursor:pointer;display:flex;font-size:calc(.9vh + 1vw);letter-spacing:.1vw;margin:auto;padding:1vh 2vw;transition:all .2s ease}.wr_kickbutton:hover{background:linear-gradient(180deg,#f07575,#8f4141);transform:scale(1.05)}.wr_kickbutton:active{transform:scale(.95)}.wr_cancelbutton{background:none;border:none;color:gray;cursor:pointer;font-family:Cafe24Ssurround;font-size:calc(1.2vh + 1.2vw);position:absolute;right:1vw;top:1vh}.wr_cancelbutton:hover{color:#959494;transform:scale(1.05)}.wr_cancelbutton:active{color:gray;transform:scale(.95)}.wr_x{-webkit-text-stroke:.1vh #303030;color:#b2927d;cursor:pointer;font-size:calc(1.2vh + 1.2vw);font-weight:700;position:absolute;right:.8vw;top:0;transition:transform .1s ease}.wr_x:hover{color:#d3b9a2;transform:scale(1.05)}.wr_x:active{transform:scale(.95)}.wr_player1 img{left:-.5vw;top:2vh}.wr_player1 img,.wr_player2 img{display:flex;height:100%;position:absolute}.wr_player2 img{top:3vh}.wr_player3 img{display:flex;height:90%;left:.4vw;position:absolute;top:4vh}.wr_player1_bot{background:linear-gradient(180deg,#7d7d7d,#303030);color:#ca7f49}.wr_player1_bot,.wr_player2_bot,.wr_player3_bot{-webkit-text-stroke:.1vh #000;align-items:center;border-top:1px solid #000;display:flex;font-size:calc(.75vh + .75vw);font-weight:900;height:14%;justify-content:center;letter-spacing:.2vw;margin-top:auto;width:100%;z-index:1}.wr_player2_bot,.wr_player3_bot{background:linear-gradient(180deg,#ed9e59,#755a34);color:#f3ebe6}.wr_player4:before{background:linear-gradient(90deg,#393939,#ccc);border-right:5px solid #404040;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,57% 100%,56% 80%,40% 85%,40% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,57% 100%,56% 80%,40% 85%,40% 100%,0 100%);transform:translate(-50%,-50%) rotate(43deg);z-index:1}.wr_player4:after,.wr_player4:before{border-bottom:5px solid #404040;border-radius:15px;content:"";height:30px;left:50%;position:absolute;top:50%;width:75%}.wr_player4:after{background:linear-gradient(270deg,#393939,#ccc);border-left:5px solid #404040;transform:translate(-50%,-50%) rotate(-43deg)}.wr_bottom{background:linear-gradient(180deg,#889eba,#9db3d6);border-radius:2vh;bottom:3%;box-shadow:0 0 0 1.5px #bebebe,0 0 0 3.5px #a7a7a7,0 0 0 5px #9a9a9a,0 0 0 6px #5e5e5e;height:15%;position:absolute;right:5%;width:90%}.wr_bottom,.wr_bottom_left{align-items:center;border:1px solid #000;display:flex}.wr_bottom_left{background-color:#e1e4ea;border-radius:1vh;flex-direction:row;height:60%;margin-left:4%;margin-top:3.9%;width:50%}.wr_bottom img{height:70%;margin-left:20%;margin-top:0}.wr_bottom p{font-size:calc(1vh + 1vw);font-weight:600;margin-left:6%;margin-top:15%}.wr_bottom_left_num{-webkit-text-stroke:calc(.1vh + .1vw) #e1e4ea;font-size:calc(1.9vh + 1.9vw);font-weight:900;margin-left:15%}.wr_bottom_start{-webkit-text-stroke:calc(.06vh + .06vw) #690d01;background:linear-gradient(180deg,red,#c30000,#720101);border:1px solid #c56b5f;border-radius:1.2vh;box-shadow:0 0 0 1px #821406,0 0 0 2px #690d01;color:#eef4f4;font-size:calc(1.3vh + 1.3vw);margin-left:7%;padding:0 5px;width:35%}.wr_bottom_start,.wr_bottom_start_count{align-items:center;display:flex;font-weight:900;height:80%;justify-content:center;letter-spacing:.1vw}.wr_bottom_start_count{font-size:calc(1.1vh + 1.1vw);margin-left:6%;padding:0 15px}.wr_bottom_start:hover{box-shadow:0 0 0 1px #821406,0 0 0 3px #690d01;cursor:pointer;scale:1.02}.wr_bottom_start:active{box-shadow:0 0 0 1px #821406,0 0 0 2px #690d01;cursor:pointer;scale:1}.wr_bottom_ready{-webkit-text-stroke:calc(.06vh + .06vw) #694a01;align-items:center;background:linear-gradient(180deg,#fb0,#c38f00,#735400);border:1px solid #c56b5f;border-radius:1.2vh;box-shadow:0 0 0 1px #826d06,0 0 0 2px #694a01;color:#eef4f4;display:flex;font-size:calc(1.1vh + 1.1vw);font-weight:900;height:80%;justify-content:center;letter-spacing:.1vw;margin-left:3%;width:28%}.wr_bottom_ready:hover{box-shadow:0 0 0 1px #826d06,0 0 0 3px #694a01;cursor:pointer;scale:1.02}.wr_bottom_ready:active{box-shadow:0 0 0 1px #826d06,0 0 0 2px #694a01;scale:1}.wr_bottom_ready_not{-webkit-text-stroke:calc(.06vh + .06vw) #5e5e5e;align-items:center;background:linear-gradient(180deg,#d2d2d2,#a8a8a8,#5f5f5f);border:1px solid #bababa;border-radius:1.2vh;box-shadow:0 0 0 1px #7b7b7b,0 0 0 2px #6c6c6c;color:#eef4f4;display:flex;font-size:calc(1.1vh + 1.1vw);font-weight:900;height:80%;justify-content:center;letter-spacing:.1vw;margin-left:3%;width:28%}.wr_bottom_ready_not:hover{box-shadow:0 0 0 1px #7b7b7b,0 0 0 2px #6c6c6c;cursor:pointer;scale:1.02}.wr_bottom_ready_not:active{box-shadow:0 0 0 1px #7b7b7b,0 0 0 2px #6c6c6c;scale:1}.wr_rightcontainer{border-radius:1vh;box-shadow:0 0 0 1px #7f94b5,0 0 0 2px #697fa4,0 0 0 3px #414f65;display:flex;flex-direction:column;height:70%;justify-content:flex-start;margin-left:2vw;margin-top:19vh;overflow:hidden;width:25%;z-index:2}.wr_chatbox{background:linear-gradient(180deg,#8b9dbc,#596371);color:#ebe8e8;display:flex;flex-direction:column-reverse;flex-grow:1;font-size:14px;letter-spacing:.03vw;overflow:hidden;overflow:auto;width:100%}.wr_chatMessage{font-family:Arial;margin:2px}.system-message{align-self:center;color:#ee5353;font-size:calc(.7vh + .7vw);margin-bottom:.3vh;margin-top:.2vh}.wr_inputContainer{border-top:1px solid #000;display:flex;height:6%;width:100%}.wr_input{background:linear-gradient(180deg,#fff,#aaa);border:0;font-size:calc(.5vh + .6vw);height:100%;letter-spacing:.05vw;outline:none;width:85%}.wr_send{-webkit-text-stroke:calc(.05vh + .05vw) #555;align-items:center;background:linear-gradient(180deg,#888,#333);border:none;color:#fff;cursor:pointer;display:flex;font-size:calc(.75vh + .75vw);font-weight:900;height:100%;justify-content:center;width:15%}.wr_send:hover{font-size:calc(.8vh + .8vw)}.wr_send:active{font-size:calc(.75vh + .75vw)}.wr_rule{-webkit-text-stroke:calc(.04vh + .05vw) #574f1c;align-items:center;background:linear-gradient(0deg,#f0da45,#dec947,#b09b3a) top,linear-gradient(180deg,#f0da45,#dec947,#b09b3a) bottom;background-repeat:no-repeat;background-size:100% 50%;border-radius:3vh;box-shadow:0 0 0 2px #726825,0 0 0 3px #322e11;color:#fffce9;display:flex;font-family:Cafe24Ssurround;font-size:calc(1.2vh + 1.2vw);height:6vh;justify-content:center;letter-spacing:.1vw;position:absolute;right:5vw;top:5vh;transition:all .5s ease;width:14vw;z-index:4}.wr_rule:hover{box-shadow:0 0 0 2px #726825,0 0 0 4px #322e11;cursor:pointer;scale:1.01}.wr_rule.active{width:30vw}.wr_rule:before{-webkit-text-stroke:calc(.04vh + .04vw) #c7b228;align-items:center;background-color:#e6d568;border-radius:50%;box-shadow:0 0 0 1px #e8de98,0 0 0 3px #8f822d,0 0 0 4px #574f1d;color:#faf5d4;content:"<";display:flex;font-family:VITRO;font-size:calc(1.8vh + 1.8vw);font-weight:600;height:4.2vh;justify-content:center;left:0;margin-left:.7vh;position:absolute;transition:all .5s ease;width:4.2vh}.wr_rule:hover:before{background-color:#e5da78;border:1px solid #fdfae4;box-shadow:0 0 0 2px #a99e47,0 0 0 4px #706736}.wr_rule.active:before{transform:rotate(-180deg)}.wr_rule_content{align-items:start;background:linear-gradient(180deg,#f4eb8b,#fffbc4);border-bottom-left-radius:3vh;border-bottom-right-radius:3vh;box-shadow:0 0 0 2px #726825,0 0 0 3px #322e11;display:flex;flex-direction:column;font-family:Cafe24Ssurround;justify-content:center;opacity:0;padding:30px 10px 10px;position:absolute;right:5vw;top:9vh;transition:all .5s ease;width:30vw;z-index:3}.wr_rule_content.visible{opacity:.9}.wr_rule_content h3{color:#102b40;font-size:calc(1.1vh + 1.1vw);font-weight:900;margin-top:3vh;text-align:center;width:100%}.wr_rule_content ul{list-style:"※  ";margin-left:2.5vw;margin-top:0;padding:0}.wr_rule_content li{color:#1f3a50;font-size:calc(.8vh + .8vw);font-weight:600;letter-spacing:.13vw;line-height:1.8;margin-bottom:1.4vh;margin-top:.3vh;position:relative;word-break:keep-all}.wr_rule_content .highlightt{color:#d9534f}.wr_rule_content .highlight,.wr_rule_content .highlightt{font-size:calc(.85vh + .85vw);font-weight:700;letter-spacing:.2vw}.wr_rule_content .highlight{color:#f8645f}.wr_rule_content .lowlightt{color:#1874be}.wr_rule_content .lowlight,.wr_rule_content .lowlightt{font-size:calc(.85vh + .85vw);font-weight:700;letter-spacing:.2vw}.wr_rule_content .lowlight{color:#3da8ff}.container{background:#a4b2c8;display:flex;flex-wrap:wrap;height:100vh}.overlay{background-color:#ff000008;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:10000}.leftcontainer{align-items:center;flex-grow:1;margin-right:6.5%;margin-top:1vh;position:relative;text-align:center;width:25%}.profile{background:linear-gradient(#9fb9d5,#d5e3f1);border:.28vh solid #839ec0;border-radius:50%;box-shadow:0 0 0 .25vh #539cf0,0 0 0 .5vh #6d7c8e;height:16.5vh;margin-left:3vw;margin-top:1.9vh;min-height:130px;min-width:140px;overflow:hidden;position:relative;width:9.5vw;z-index:3000}.profile img{height:90%;margin-top:10%}.happy-image{filter:drop-shadow(0 0 .35vh #3cdbff);margin-top:7%}.happy-image,.sad-image{height:95%;margin-left:2.5%;width:95%;z-index:3000}.sad-image{filter:drop-shadow(0 0 .35vh #ff423e);margin-top:6%}.profile_name{-webkit-text-stroke:.12vh #11324d;background:linear-gradient(#4088c0,#61a7dc);border:.2vh solid #839ec0;border-radius:40px 60px/50px 30px;box-shadow:0 0 0 .2vh #bcbcbc,0 0 0 .4vh #6d7c8e;color:#ecf4fc;font-size:calc(1.8vh + 1vw);height:5.5vh;letter-spacing:.7vw;line-height:5vh;margin-left:8.5vw;margin-top:-13.3vh;min-width:290px;padding-left:3vw;width:22vw;z-index:2000}.profile_name,.profile_timer{font-weight:900;position:relative}.profile_timer{background:linear-gradient(#fff,#d4d4d4);border:.22vh solid #dbdbdb;border-radius:60px 25px/35px 50px;box-shadow:0 0 0 .22vh #b8b8b8,0 0 0 .4vh #686868;color:#262626;font-size:calc(2vh + .8vw);height:8vh;line-height:12vh;margin-left:10vw;margin-top:-3.5vh;min-width:220px;padding-right:6vw;text-align:right;width:17vw;z-index:1000}.timer{height:2.8vh;margin-left:-1.5vw;margin-top:4.5vh;position:fixed}.ranking{align-items:center;animation:gentle-pulse 3s infinite;background:linear-gradient(145deg,#9fb9d5,#d5e3f1);border:.27vh solid #11324c;border-radius:4vh;box-shadow:0 0 0 .1vh #539cf0,0 0 0 .18vh #6d7c8e;display:flex;height:9vh;justify-content:flex-end;margin-left:-8vw;margin-top:7vh;min-width:350px;padding:0 1.5vw;position:relative;width:28vw}.ranking:before{color:#11324d;content:"현재 ";margin-top:.8vh}.ranking:after,.ranking:before{font-size:3.5vh;font-weight:900;margin-right:1vw;text-shadow:1px 1px 2px #ffffff80}.ranking:after{color:#143b5a;content:"등";margin-top:1vh}@keyframes gentle-pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.ranking_number{color:#094170;font-size:6vh;font-weight:900;margin-right:.7vw;position:relative;text-shadow:0 0 .3vh #539cf0,0 0 .4vh #539cf0}.rankbox{background:linear-gradient(135deg,#9fb9d5,#d5e3f1);border:.3vh solid #11324c;border-radius:15px;box-shadow:0 0 0 .15vh #539cf0,0 0 0 .4vh #6d7c8e;height:50vh;margin-left:19%;margin-top:5vh;overflow:visible;position:relative;width:80%}.rankbox_title{-webkit-text-stroke:.15vh #11324d;border-bottom:.4vh solid #11324c;color:#ecf4fc;font-family:Cafe24Ssurround;font-size:calc(2vh + 1.3vw);height:8vh;letter-spacing:.15vw;line-height:8vh;margin-bottom:-1vh;margin-left:5%;text-shadow:.1vh .1vh .2vh #00000080;width:90%}.rankbox div p{border-radius:10px;box-shadow:0 0 0 .17vh #b8b8b8,0 0 0 .32vh #686868;height:75%;margin-left:3%;margin-top:3%;position:relative}.rankbox div p,.rankbox_num{align-items:center;display:flex;justify-content:center;letter-spacing:.2vw}.rankbox_num{align-self:center;background:linear-gradient(#4088c0,#61a7dc);border:.17vh solid #839ec0;border-radius:50%;box-shadow:0 4px 8px #0003;font-size:calc(1.6vh + 1.4vw);height:7.5vh;min-width:60px;width:5vw}.rankbox_first,.rankbox_second,.rankbox_third{display:flex;font-size:calc(1vh + 1vw);font-weight:900;height:7vh;justify-content:space-around;line-height:2vh;margin-left:5%;margin-right:7%;margin-top:5vh}.rankbox_first div,.rankbox_second div,.rankbox_third div{width:75%}.rankbox_first div p,.rankbox_second div p,.rankbox_third div p{background:linear-gradient(90deg,silver,#e6e6e6);border:.22vh solid #a9a9a9;color:#4f4f4f}.rightcontainer{display:flex;display:inline-block;margin-right:5%;text-align:center;width:60%}.wordbox{grid-column-gap:.1vh;grid-row-gap:.12vh;background:linear-gradient(#f4ece1,#f9f4ea);border:1px solid #2d4567;border-radius:1%;box-shadow:0 0 0 1px #3a5171,0 0 0 2px #475d7c,0 0 0 3px #546987,0 0 0 4px #617592,0 0 0 5px #6f819c,0 0 0 6px #7c8da7,0 0 0 7px #8999b2,0 0 0 8px #96a5bd;display:grid;font-size:calc(1vh + .9vw);grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(12,1fr);height:75vh;margin-top:9vh;padding:2vh 1.3vh;position:relative;width:90%;@media (max-height:710px){font-size:calc(.8vh + .85vw);padding-top:8px}}.wordbox-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2000}.text{background-color:#f9f8f4;border:.28vh solid #293643;border-radius:.4vh;color:#293643;display:inline-block;font-family:Cafe24Ssurround;height:auto;letter-spacing:.13vw;padding-top:.2vh;text-decoration:none;width:5.5vw}.hidden-word{animation:fadeOut .4s forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.4vh)}}.inputbox input{border-radius:1vh;font-size:2.8vh;height:5vh;margin-right:10%;margin-top:5vh;text-align:center;width:40%}.inputbox input.invalid{animation:shake .5s;border:.35vh solid red;outline:none}@keyframes shake{0%{transform:rotate(0deg)}20%{transform:rotate(1deg)}40%{transform:rotate(-1deg)}60%{transform:rotate(1deg)}80%{transform:rotate(-1deg)}to{transform:rotate(0deg)}}.game-result-screen{background-color:#5a779a;color:#fff;height:100vh;justify-content:space-between;padding:25px;position:relative;width:100vw}.current-score,.game-result-screen{align-items:center;display:flex;flex-direction:column}.current-score{background-color:#7194be;border-radius:2vh;box-shadow:0 0 50px #48658d;height:45%;justify-content:center;left:0;margin-left:2.5vw;margin-top:30vh;position:fixed;top:0;width:15vw;z-index:1000}.current-score h1{-webkit-text-stroke:1px #11324d;font-size:calc(1.5vh + 1.5vw);font-weight:700;letter-spacing:.1vw}.current-score .ranking-number{min-width:160px}.teamicon{display:flex;height:4vh;margin-top:.1vh}.header,.teamicon{text-align:center}.header h1{-webkit-text-stroke:.3vh #11324d;font-size:7vh;font-weight:900;letter-spacing:.3vw;margin:8px 0}.logo{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:11vh;justify-content:center;margin-top:5vh;position:absolute;top:0;width:22%}.logo h2{color:#11324c;font-size:1.1rem;margin:0}.content{align-items:center;display:flex;justify-content:center}.wrap{background-color:#f0f4f8;border:5px solid #11324c;border-radius:20px;gap:10vh;padding:10px;position:absolute;top:18vh;width:60vw}.team-ranking{align-items:center;background-color:#f0eee9;justify-content:center;width:15vw}.overall-ranking,.team-ranking{border-radius:10px;display:flex;flex-direction:column;height:60vh;padding:10px;text-align:center}.overall-ranking{align-content:center;background-color:#d4e1ea;box-shadow:0 4px 12px #0000001a;justify-content:start;width:100%}.overall-ranking h1{color:#00477d;font-weight:900;margin:10px 10px 20px}.myranking{align-items:center;background-color:#f0eee9;border-radius:10px;display:flex;flex-direction:column;height:60vh;justify-content:center;padding:10px;text-align:center;width:12vw}.ranking-item{align-items:center;display:block;margin-bottom:10px;margin-top:10vh}.ranking-item1{grid-column-gap:2vh;column-gap:2vh;display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,auto);margin-left:2vw;position:relative}.ranking-loading{color:#000;font-size:18px;left:50%;margin:30px;position:absolute;top:50%;transform:translate(-50%,-50%)}.ranking-item2{grid-column-gap:2vh;column-gap:2vh;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,auto)}.ranking-num{color:#235073;overflow:hidden;text-overflow:ellipsis;width:12vw}.ranking-num,.ranking-number{align-items:center;background:linear-gradient(180deg,#f9f9f9,#e6e6e6);border:3px solid #11324c;border-radius:5px;box-shadow:0 4px 8px #00000026;display:flex;font-family:Cafe24Ssurround;font-size:.9rem;font-weight:700;justify-content:space-between;margin:10px 0;padding:5px 10px}.ranking-number{color:#11324c;width:25vw}.ranking-number .rank-info{align-items:center;display:flex;min-width:80px}.ranking-number .teamicon{height:4vh;margin-right:5px}.ranking-number .rank-text{color:#3b4755;margin-left:3vw;position:absolute;white-space:nowrap}.ranking-number .player-name{color:#3b4755;flex-grow:1;margin-left:2vw;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ranking-number .player-score{-webkit-text-stroke:1.5px #11324d;color:#fff;white-space:nowrap}.username{display:inline-block;max-width:12vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;@media (max-height:700px) and (min-width:1200px){max-width:15vh}@media (max-height:900px) and (min-width:1200px){max-width:16vh}}.home-button{align-items:center;background-color:#f0f4f8;border:none;border-radius:1.5vh;box-shadow:0 4px 8px #0003;color:#11324c;cursor:pointer;display:flex;height:7vh;justify-content:center;padding:8px;position:absolute;top:86vh;transition:all .3s ease;width:7vh}.home-button:hover{background-color:#e0e8ef;box-shadow:0 6px 12px #0000004d}.home-button img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));width:100%}
/*# sourceMappingURL=main.7580c6cc.css.map*/