body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--loading_background: rgb(56, 120, 155);--cream: rgb(253, 230, 166);--lobby_primary: rgba(27,65,118,.6);--lobby_secondary: rgb(56, 120, 155);--lobby_tertiary: rgba(27,65,118,.75);--lobby_primary_solid: rgba(27,65,118,1);--trans_background: rgba(27,65,118,1)}.loading_background{display:flex;position:absolute;top:0;left:0;flex-direction:column;width:100vw;height:100vh;overflow:hidden;align-items:center;justify-content:center;background-color:var(--loading_background);z-index:99}.loading_text{position:absolute;font-size:5vh;font-weight:700;color:var(--cream);z-index:100}:root{--main_background_color: rgb(74,193,196);--border_color: rgb(23, 137, 219);--edge_color: rgb(51,90,137);--button_main: rgb(27,65,118);--button_main-hover: rgb(24, 55, 99);--button_shadow: rgb(0,99,147);--modal_background_color: rgb(92, 123, 151);--std_width: 1536px}.main_container{display:flex;flex-direction:row;height:100vh;width:100vw;background-color:#fff;overflow:hidden;justify-content:center;background-color:var(--main_background_color)}.home_container{display:flex;flex-direction:column;justify-content:center;align-items:center}.home_top_right{display:flex;position:absolute;top:5vh;right:5vh;z-index:90;align-items:center;gap:2vh}.home_top_name{margin:0;color:#fff;font-size:3vh;font-weight:700}.profile_icon_container{display:flex;height:10vh;width:10vh;align-items:center;justify-content:center}.profile_icon{display:block;width:90%;height:90%;border-radius:50%;background-color:var(--button_main);box-shadow:0 .5vh 0 var(--button_shadow);cursor:pointer;color:#fff}.profile_icon:hover{background-color:var(--button_main-hover);box-shadow:0 .25vh 0 var(--button_shadow);margin-top:.5vh}.profile_options{display:flex;flex-direction:column;position:absolute;top:9vh;right:0vh;background-color:var(--button_main);width:10vh}.profile_option{display:flex;align-items:center;color:#fff;box-sizing:border-box;padding:.5vh;cursor:pointer}.profile_option:hover{opacity:.75}.front_waves{display:flex;position:fixed;width:auto;height:50.725vh;bottom:0;z-index:10;background-repeat:no-repeat;animation:waving 8s infinite;transition-timing-function:ease}@keyframes waving{0%{transform:translate(-2.72vh) rotate(2deg)}50%{transform:translate(2.72vh) rotate(-2deg)}to{transform:translate(-2.72vh) rotate(2deg)}}.monster_container{display:flex;position:fixed;top:18vh;height:80vh;width:auto;aspect-ratio:72/100;animation:bobbing 6s infinite;transition-timing-function:ease;z-index:9}.monster{display:flex;position:fixed;height:100%;width:100%;z-index:9;background-repeat:no-repeat;animation:swaying 5s infinite;transition-timing-function:ease}@keyframes bobbing{0%{transform:translateY(1.63vh)}50%{transform:translateY(-3.26vh)}to{transform:translateY(1.63vh)}}@keyframes swaying{0%{transform:rotate(2deg)}50%{transform:rotate(-4deg)}to{transform:rotate(2deg)}}.side_waves{display:flex;position:fixed;height:110.87vh;top:-10.87vh;width:auto;z-index:8;background-repeat:no-repeat}.right_waves{display:flex;position:fixed;height:109.57vh;width:auto;top:-25vh;margin-left:54.35vh;z-index:8;background-repeat:no-repeat}.blue_purple{display:flex;position:fixed;height:43.48vh;width:auto;top:46.74vh;margin-left:16.3vh;z-index:8;background-repeat:no-repeat}.mountain{display:flex;position:fixed;height:20.48vh;width:auto;top:50.54vh;margin-right:65.22vh;z-index:8;background-repeat:no-repeat}.ship{display:flex;position:fixed;height:10.17vh;width:auto;top:60.65vh;margin-right:58.7vh;z-index:8;background-repeat:no-repeat;animation:floating 6s infinite}@keyframes floating{0%{transform:translate(.54vh) rotate(-2deg)}50%{transform:translate(-.54vh) rotate(2deg)}to{transform:translate(.54vh) rotate(-2deg)}}.cream{display:flex;position:fixed;bottom:0;z-index:12;width:auto;height:31.64vh;background-repeat:no-repeat}.side_bar{display:block;position:fixed;height:100vh;width:0;z-index:15;background-color:var(--button_main)}.particles{display:block;position:fixed;height:auto;width:208.89vh;z-index:14;animation:fading 4s infinite alternate}@keyframes fading{0%{opacity:.3}to{opacity:.75}}.title{display:block;position:fixed;height:35vh;width:auto;top:15vh;right:13vw;z-index:15}.bottom_buttons{display:flex;flex-direction:row;height:21.74vh;width:208.89vh;gap:20.889vh;box-sizing:border-box;justify-content:center;align-items:center;align-self:flex-end;z-index:20}.button_container{display:flex;box-sizing:border-box}.button{display:flex;min-width:auto;height:8.7vh;aspect-ratio:18/4;box-sizing:border-box;justify-content:center;align-items:center;border-radius:2.17vh;border:none;background-color:var(--button_main);box-shadow:0 1.09vh 0 var(--button_shadow);cursor:pointer;color:#fff;font-size:4.89vh;font-weight:800}.home_center_container{position:fixed;display:flex;height:100%;width:100%;justify-content:center;align-items:center;inset:0;z-index:100}.play_options_container{padding:2.72vh;display:flex;gap:1.5vh;flex-direction:column;align-items:center}.play_option_container{display:flex;height:10vh}.play_option{display:flex;height:90%;flex-direction:column;align-items:center;gap:10%}.button_container:hover .button{background-color:var(--button_main-hover);box-shadow:0 .545vh 0 var(--button_shadow);margin-top:1.09vh}.enter_code_container{display:flex;min-width:auto;height:8.7vh;aspect-ratio:18/4;box-sizing:border-box;justify-content:center;align-items:center;gap:10%;border-radius:2.17vh;border:none;background-color:#fff;box-shadow:0 1.09vh 0 var(--button_shadow)}.enter_room_submit{display:block;height:40%;cursor:pointer;color:var(--button_main)}.enter_room_submit:hover{color:var(--button_shadow)}.roomname_container{width:70%;height:2vh;color:var(--button_main);outline-color:var(--button_main)}@media(min-aspect-ratio:2/1){.side_bar{width:calc((100vw - 208.89vh)/2)}.title{right:calc((100vw - 208.89vh)/2 + 20vh)}}@media(max-aspect-ratio:80/55){.bottom_buttons{flex-direction:column;gap:0;height:32.61vh;margin-bottom:5.43vh}.button_container{height:30%;margin-bottom:1vh}.title{right:auto;height:40vh;width:auto}}@media(max-aspect-ratio:38/60){.title{right:auto;height:auto;width:90vw}}.screenSize{position:fixed;display:flex;flex-direction:column;top:50px;left:50px;gap:10px;color:#ff0;background-color:#00000080;z-index:100}:root{--lobby_primary: rgba(27, 65, 118, .6);--lobby_secondary: rgb(56, 120, 155);--lobby_tertiary: rgba(27, 65, 118, .75);--lobby_primary_solid: rgba(27, 65, 118, 1)}.room_lobby_container{display:flex;flex-direction:column;width:100vw;height:100vh;align-items:center}.top_bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:20%;width:80%}.top_bar_left{display:flex;width:20%;height:100%;align-items:center;justify-content:center}.top_bar_logo{display:block;height:70%;width:auto}.top_bar_right{display:flex;height:100%;width:50%;gap:2%;align-items:center;justify-content:right}.top_bar_text{display:flex;flex-direction:column;justify-content:center;height:100%;height:50%}.top_bar_name{margin:0;color:#fff;font-size:3.5vh;font-weight:800;text-align:right}.top_bar_title{display:block;margin:0;color:#fff;font-size:2.5vh;font-weight:600;text-align:right}.top_bar_profile{display:block;height:40%;width:auto;aspect-ratio:1/1}.profile_pic{display:block;height:100%}.sections{display:flex;flex-direction:row;height:80%;width:80%;justify-content:space-between}.section_title{display:flex;margin:0;box-sizing:border-box;padding:2vh;height:15%;font-size:5vh;color:#fff;font-weight:800;align-items:center;justify-content:center}.room_players_container{display:flex;flex-direction:column;align-items:center;height:90%;width:20%;background-color:var(--lobby_primary);border-radius:3vh}.player_container{display:flex;align-items:center;justify-content:space-between;width:90%;height:12%;box-sizing:border-box;padding:1vh;border-radius:1vh;margin-bottom:1vh;background-color:var(--lobby_tertiary)}.player_left{display:flex;flex-direction:column;height:100%;width:75%;gap:2%}.player_left_top{display:flex;flex-direction:row;gap:5%;height:70%;width:100%}.player_pic_container{display:flex;height:90%;width:auto;aspect-ratio:1/1}.player_name{color:#fff;font-size:2vh;font-weight:700}.player_title{color:#fff;font-size:1.3vh;font-weight:400}.lobby_ready_text{color:var(--lobby_secondary);font-size:1.5vh;font-weight:800}.player_color{display:block;height:70%;width:auto;aspect-ratio:1/1;box-sizing:border-box;border:solid .4vh;border-color:#fff;cursor:pointer}.player_right{display:flex;align-items:center;justify-content:center;width:25%;height:100%}.color_picker_background{position:fixed;display:flex;height:100vh;width:100vw;justify-content:center;align-items:center;inset:0}.color_picker_container{display:flex;flex-direction:column;background-color:var(--lobby_primary_solid);border:1px solid white}.color_picker_title{display:flex;justify-content:center;align-items:center;margin:0;color:#fff;font-size:2.5vh;font-weight:700}.color_picker_options{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:center;justify-content:space-evenly;gap:1vh;padding:1vh}.color_option{display:flex;height:7vh;width:7vh;box-sizing:border-box;border:.5vh solid white;cursor:pointer}.color_option:hover{opacity:.75}.color_picker_buttons{display:flex;justify-content:flex-end;height:20%;align-items:center;gap:1vh;padding:1vh}.color_picker_button{display:flex;height:70%;align-items:center;border:none;border-radius:.5vh;background-color:var(--lobby_secondary);color:#fff;font-size:2vh;font-weight:700;cursor:pointer}.color_picker_button:hover{opacity:.75}.room_settings_container{display:flex;flex-direction:column;align-items:center;height:90%;width:50%;background-color:var(--lobby_primary);border-radius:3vh}.room_settings_middle_container{display:flex;flex-direction:column;width:100%;flex-grow:1;box-sizing:border-box;padding:2vh}.room_link_container{display:flex;flex-direction:row;width:100%;align-items:center;box-sizing:border-box;gap:2%;border-radius:1vh;background-color:var(--lobby_tertiary)}.room_link_text{display:flex;margin:0;align-items:center;box-sizing:border-box;height:70%;padding-left:2%;padding-right:2%;background-color:var(--lobby_secondary);border-radius:1vh;color:#fff;font-size:2vh;font-weight:700}.room_copy_button{display:flex;height:70%;align-items:center;border:none;border-radius:1vh;background-color:var(--lobby_secondary);color:#fff;font-size:2vh;font-weight:700;cursor:pointer}.room_copy_button:hover{opacity:.75}.room_map_container{display:flex;flex-direction:column;width:100%;height:40%;align-items:center}.room_map_text{margin:1%;color:#fff;font-size:3vh;font-weight:700}.room_map_options{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%;height:80%;background-color:var(--lobby_tertiary);border-radius:1vh}.room_map_option{display:block;height:80%;width:22%;box-sizing:border-box;background-size:cover;border-radius:.5vh;cursor:pointer}.room_map_option:hover{opacity:.75}.lobby_bottom_buttons{display:flex;width:100%;gap:5%;padding:2vh;box-sizing:border-box;align-items:center;justify-content:center}.lobby_bottom_button{display:flex;height:100%;width:25%;align-items:center;justify-content:center;padding:.5vh;border:none;border-radius:1vh;background-color:var(--lobby_secondary);color:#fff;font-size:3vh;font-weight:700;cursor:pointer}.lobby_bottom_button:hover{opacity:.75}.room_chat_container{display:flex;flex-direction:column;align-items:center;height:90%;min-height:0;width:20%;background-color:var(--lobby_primary);border-radius:3vh}.room_chat_inside{display:flex;flex-direction:column;width:90%;flex:1 1 0;min-height:0;padding:1vh;gap:1vh;border-radius:2vh;box-sizing:border-box;background-color:var(--lobby_tertiary)}.chat_scroll_container{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden}.chat_scroll_inside{display:flex;flex-direction:column;align-items:center;padding-top:2vh;justify-content:flex-end;min-height:100%;width:100%;box-sizing:border-box}.message_container{display:flex;width:100%;height:auto}.message{margin:0;color:#fff;font-size:2vh;width:100%;overflow-wrap:break-word;text-wrap:wrap;box-sizing:border-box;padding:.25vh}.new_chat_container{display:flex;align-self:center;box-sizing:border-box;justify-content:space-between;padding:2%;border-radius:1vh;align-items:center;width:100%;background-color:var(--lobby_secondary)}.new_chat_input{display:flex;width:80%;background-color:transparent;border:none;outline:none;color:#fff}.new_chat_input::placeholder{color:#ffffffbf}.new_chat_submit{display:block;width:10%;height:80%;aspect-ratio:1/1;color:#fff;cursor:pointer}.new_chat_submit:hover{opacity:.75}.chat_scroll_container::-webkit-scrollbar{width:.75vh}.chat_scroll_container::-webkit-scrollbar-track-piece:start{margin-top:1vh}.chat_scroll_container::-webkit-scrollbar-thumb{border-radius:.5vh;margin-right:2vh;box-sizing:border-box;background:var(--lobby_secondary);background-clip:padding-box}@media(max-aspect-ratio:2/1){.sections,.top_bar{width:95%}}:root{--lobby_primary: rgba(27,65,118,.6);--lobby_secondary: rgb(56, 120, 155);--lobby_tertiary: rgba(27,65,118,.75);--lobby_primary_solid: rgba(27,65,118,1)}.login_page{display:flex;height:100vh;width:100vw;align-items:center;justify-content:center;background-size:cover;flex-direction:column;gap:5vh}.logo{height:15vh}.login_container{display:flex;flex-direction:column;background-color:var(--lobby_primary);padding:1.5vh 3vh 3vh;box-sizing:border-box;border-radius:3vh;align-items:center;justify-content:center;gap:2vh}.login_text{display:flex;color:#fff;font-size:4vh;font-weight:700;margin:0;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.form_container{display:flex;flex-direction:column;gap:1.5vh;width:100%;align-items:center}.form_option{display:flex;background-color:var(--lobby_secondary);outline:none;border:none;color:#fff;box-sizing:border-box;padding:.5vh;width:100%;border-radius:.5vh;font-size:2vh}.form_option::placeholder{color:#fff;opacity:.75}.submit_button{background-color:var(--lobby_secondary)}.link{display:flex;color:#fff;text-decoration:underline;margin:0;cursor:pointer;font-size:2vh}.link:hover{opacity:.75}.adminTools{padding:1rem;max-width:1200px;margin:0 auto}.adminTools__section{margin-bottom:1.5rem}.adminTools__statusRow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.adminTools__lastUpdate{margin-left:.5rem;color:var(--color-muted, #666)}.adminTools__error{color:var(--color-error, #c00)}.adminTools__table{width:100%;border-collapse:collapse}.adminTools__th,.adminTools__td{text-align:left;padding:.25rem .5rem;border:1px solid #ccc}.adminTools__td--small{font-size:.85em}.adminTools__subheading{margin-top:1rem;margin-bottom:.5rem;font-size:1rem}.adminTools__subheading:first-of-type{margin-top:0}.adminTools__td--muted{color:var(--color-muted, #666);font-style:italic}