:root{--primary-colour:#07626e;--primary-light:#9ce6ee;--text-light:#fff;--text-dark:#000;--bg-primary:#012827;--bg-primary2:#011414;--bg-second:#81ddca;--grad-top:#098b7e;--grad-bottom:#144141;--jjk:#000;--jjk-text:#fff}html,body,#root{scrollbar-width:thin;scrollbar-color:var(--bg-primary2) var(--bg-primary);width:100%;min-width:0;min-height:100%;margin:0}#root{min-width:75vw;min-height:100vh}*{box-sizing:border-box}@media (width<=700px){.answer_output{--guess-columns:5}}@media (width<=450px){.answer_output{--guess-columns:2}}@media (width<=280px){.answer_output{--guess-columns:1}}@font-face{font-family:jujutsu_kaisen;src:url(./Jujutsu_Kaisen-D70fofE1.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}body,p{color:var(--text-light);background:var(--bg-primary);font-family:Montserrat,sans-serif}h1{background:radial-gradient(#188fa773 0%,#0bc3c626 20%,#0000 70%);font-size:56px}p:hover,h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover{cursor:default}.jjk_style{background:var(--jjk);color:var(--jjk-text);justify-content:center;padding:5px 6px;font-family:jujutsu_kaisen,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;display:flex}.page{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:100vh;padding:15px;display:flex;overflow-x:hidden}.header,.main_body{width:min(100%,900px)}.global_header{background:linear-gradient(var(--grad-bottom),var(--bg-primary2));border:4px ridge var(--bg-primary2);border-radius:10px;width:100%;padding:10px;display:flex}.header_menu img{width:70px;height:70px}.header_menu:hover{cursor:pointer}.dropdown_menu{border:3px ridge var(--bg-primary2);background:linear-gradient(var(--grad-bottom),var(--bg-primary2));z-index:1;text-align:left;border-radius:4px;min-width:100px;margin-top:5px!important}.dropdown_link{color:#fff;background:linear-gradient(var(--grad-top),var(--grad-bottom));text-align:left;width:100%}.dropdown_link:hover{cursor:pointer;transform:translateY(-2px)}.main_body,.multiverse_mode{min-width:0}.main_body{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.multiverse_mode{width:100%}.body_info{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.mode_switch{text-align:center;border:1px solid var(--bg-second);border-radius:10px;align-items:center;padding:0;display:flex}.main_footer{background:linear-gradient(var(--bg-primary),var(--grad-bottom));color:var(--text-light);text-align:center;flex-wrap:wrap;justify-content:center;gap:5px;width:100%;margin-top:auto;display:flex;bottom:0}.main_footer p{background:0 0;border:#0000;padding:10px 5px}.footer_button{color:var(--text-light);background:0 0;border:#0000;font-size:medium}.footer_button:hover{cursor:pointer;border:#0000;text-decoration:underline}.switch{width:230px;height:42px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--primary-colour);align-items:center;transition:background-color .4s;display:flex;position:absolute;inset:0}.slider:before{content:"";background-color:var(--primary-light);z-index:0;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .4s;position:absolute;bottom:4px;left:4px}.switch_label{z-index:1;width:50%;color:var(--text-light);font-size:.8rem;transition:color .4s;position:relative}input:checked+.slider{background:var(--primary-colour)}input:checked+.slider:before{transform:translate(111px)}input:not(:checked)+.slider .switch_label:first-child,input:checked+.slider .switch_label:last-child{color:var(--text-dark)}.slider.round{border-radius:10px}.slider.round:before{border-radius:20px}.multiverse_play{padding:10px}.button_style1{background:var(--primary-colour);border:2px solid var(--bg-second);color:var(--text-light);border-radius:4px;padding:5px 15px}.button_style1:hover{cursor:pointer;transform:translateY(-2px)}.universe_select{background:linear-gradient(var(--grad-top),var(--grad-bottom));border-radius:5px;grid-template-columns:repeat(auto-fit,minmax(min(115px,100%),1fr));justify-content:center;gap:15px;width:100%;padding:15px 5px;display:grid;box-shadow:0 12px 24px #0000004d,0 0 12px #188fa773}.universe_select button{text-align:center;border-radius:5px;width:100%;min-width:0;height:29px}.universe_select button:hover{cursor:pointer;transform:translateY(-2px)}.template_universe_select{background:linear-gradient(var(--grad-top), var(--grad-bottom));border-radius:5px;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:center;gap:15px;width:100%;padding:15px 5px;display:grid;box-shadow:0 12px 24px #0000004d,0 0 12px #188fa773}.template_universe_select button{text-align:center;border-radius:5px;width:100%;min-width:0;height:29px}.template_universe_select button:hover{cursor:pointer;transform:translateY(-2px)}.additional_body{flex-direction:column;padding-top:25px;padding-bottom:25px;display:flex}.user_input{width:min(100%,450px)}.user_guess_input{border-color:#000;width:100%;max-width:450px;height:32px;padding:12px 4px;font-size:18px}.user_guess_input:focus{outline-color:var(--primary-colour);border-color:#000;box-shadow:0 0 0 3px #0066cc26}.user_guess_input::placeholder{color:#000;opacity:1;text-align:center}.input_container{gap:10px;display:flex}.guess_button{border-color:#000;align-items:center;width:50px;height:32px;padding:10px 4px;font-size:18px;display:flex}.guess_button:hover{cursor:pointer;border:2px solid var(--grad-bottom);transform:translateY(-2px)}.answer_output{--guess-columns:10;width:100%;min-width:0}.cat_label_layout,.guesses_label{grid-template-columns:repeat(var(--guess-columns),minmax(0,1.3fr));background-color:var(--bg-primary2);border-radius:10px;justify-content:center;gap:15px;width:100%;min-width:0;padding:10px;display:grid;box-shadow:0 0 0 6px #0000004d,0 0 0 4px #00000026}.cat_label_layout>label,.guesses_label>label{overflow-wrap:anywhere;min-width:0;font-size:clamp(.25rem,2vw,.85rem)}.guess_correct_label{text-align:center;background:#31c20d;border-radius:5px;padding:5px 1px}.guess_incorrect_label{text-align:center;background:#d70c0c;border-radius:5px;padding:5px 0}.guesses_label{scrollbar-width:thin;scrollbar-color:var(--bg-primary) var(--bg-primary2);text-align:center;grid-auto-rows:60px;row-gap:10px;max-height:282px;overflow-y:auto}.correct_guess_label{border:2px solid var(--grad-top);background:#88e671;align-items:center;width:100%;height:40px;padding:0 60px;line-height:1;display:flex}.game_over_label{border:2px solid var(--grad-top);background:#ed2d2d;align-items:center;width:100%;height:40px;padding:0 60px;line-height:1;display:flex}.play_again_button{border:3px solid var(--grad-bottom);align-items:center;height:40px;padding:5px;display:flex}.play_again_button:hover{cursor:pointer;transform:translateY(-2px)}.option_list{background-color:var(--jjk);scrollbar-width:thin;scrollbar-color:var(--bg-primary) var(--bg-primary2);grid-template-columns:1fr;grid-auto-rows:50px;row-gap:8px;max-height:282px;padding-right:4px;display:grid;overflow-y:auto}.option_list>:nth-child(n+6){padding-bottom:15px}.option_list_area{padding:3px 0}.list_item{box-sizing:border-box;border:1px solid #fff;border-radius:6px;align-items:center;width:100%;padding:15px 0 0;font-size:16px;transition:all .2s}.option_list>label:hover{cursor:pointer;border:3px solid var(--grad-bottom);transform:translateY(-2px)}.score_display{grid-template:". . . . .";justify-content:center;column-gap:15px;padding:0 3px;display:grid}.guess_lives img{width:40px;height:40px}.no_user{flex-wrap:wrap;justify-content:center;display:flex}.no_user p{text-align:center;justify-content:space-between;padding:35px;font-size:2rem}.no_but{color:#ffffff90;background:0 0;border:#0000;font-size:1.5rem;text-decoration-line:underline}.no_but:hover{cursor:pointer;transform:translateY(-2px)}.popup_overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup_content{background:linear-gradient(#144141,#011414);border-radius:8px;width:90%;max-width:500px;padding:24px;position:relative;box-shadow:0 4px 15px #0003}.popup_content button:hover{border:none}.popup_close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:5px;right:3px}@media (width<=480px){.popup_label{grid-template-columns:1fr}}.set_but{color:#fff;background:0 0;border:#0000;font-size:x-small;text-decoration-line:underline}.set_but2{color:#fff;background:0 0;border:#0000;font-size:medium;text-decoration-line:underline}.set_but:hover,.set_but2:hover{cursor:pointer;transform:translateY(-2px)}.popup_list{flex-direction:column;gap:20px;display:flex}.popup_title{border-bottom:1px solid #eaeaea;margin-top:0;margin-bottom:24px;padding-bottom:12px;font-size:1.25rem;font-weight:600}.popup_row{border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:center;gap:24px;padding-bottom:12px;display:flex}.popup_info{flex-direction:column;flex:1;gap:4px;display:flex}.popup_info label{color:#fafafa;cursor:normal;font-size:.95rem;font-weight:500}.popup_description{color:#bcbcbc;background:0 0;margin:0;font-size:.8rem;line-height:1.4}.popup_input{justify-content:flex-end;min-width:160px;display:flex}.set_input{background-color:#fff;border:1px solid #ccc;border-radius:6px;width:100%;padding:8px 12px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.set_input:focus{border-color:#81ddca;outline:none;box-shadow:0 0 0 3px #0066cc26}.popup_input_alt{justify-content:center;gap:20px;padding:5px;display:flex}.set_but_alt1{color:#fff;background:linear-gradient(#e9da11,#7a8302);border:#0000;border-radius:8px;padding:10px}.set_but_alt2{color:#fff;background:linear-gradient(#6bee2f,#157903);border:#0000;border-radius:8px;padding:10px}.set_but_alt1:hover,.set_but_alt2:hover{cursor:pointer;transform:translateY(-2px)}.login_image{width:200px;height:200px}.login_form{background:linear-gradient(#012827,#144141);border:3px ridge #000;border-radius:10px;padding:35px}h2{text-align:center}.page_con{flex-direction:column;min-height:100vh;display:flex}.login_container{margin-inline:auto;background:linear-gradient(#144141,#011414);border:5px ridge #1b5346;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:5%;margin-bottom:0;display:flex}.input_field{color:#fff;background:linear-gradient(#098b7e,#144141);width:260px;padding:5px}.input_field:focus{border-color:#000;outline-color:#81ddca}.input_field::placeholder{color:#fff;opacity:1}.input_text{color:#fff;text-align:left;background:linear-gradient(#098b7e,#144141);border-color:#252525;width:260px;padding:5px;font-size:13px}.input_text:focus{border-color:#000;outline-color:#81ddca}.input_text::placeholder{color:#fff;opacity:1;text-align:left;font-size:13px}.button_con{justify-content:center;gap:10px;display:flex}.signup_button,.login_button,.gen_button{color:#fff;background:linear-gradient(#098b7e,#144141);border:#0000;border-radius:10px;width:75px;height:25px}.signup_button:focus,.login_button:focus,.gen_button:focus{border-color:#000;outline-color:#81ddca}button:hover{cursor:pointer;border:2px solid #81ddca;transform:translateY(-2px)}