:root{--bg-color:#121212;--fg-color:#e6e6e6;--dull-bg:#000;--font-weight:300}:root[dark-mode="off"]{--bg-color:#e6e6e6;--fg-color:#000;--dull-bg:#fff;--font-weight:350}body{display:flex;flex-direction:column;align-items:center;background-color:var(--dull-bg);color:var(--fg-color);min-height:calc(100vh - 16px);width:calc(100vw - 16px);font-weight:var(--font-weight);font-size:max(1.25vw,1.8vh);font-size:max(1.25vw,calc(1.8 * var(--vh)));max-width:100vw}input{font-size:1em}button{font-size:1em}details{margin-bottom:1em}details details{padding-left:3em}details div{padding-left:3em}#game_config{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}#main_menu{padding-left:1em}.config_input{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;margin-bottom:1em}#main_area{display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--bg-color);flex-grow:100}h1{display:flex;justify-content:center;align-items:center;font-size:3em;margin:1em}div.config{display:none}#about{display:flex;justify-content:space-between;flex-direction:column;padding:2em;flex-grow:10}footer{display:flex;flex-direction:column;justify-content:center;align-items:center}#about_content{display:flex;flex-direction:column}.individual_config_input>label{padding-right:1em;padding-left:1em}button,label.expander{border-width:.1em;border-radius:1em 1em .1em .1em;margin-bottom:.1em;padding:0 .5em;box-shadow:5px 5px 5px var(--dull-bg);background:rgb(255 255 255 / 10%);text-align:center;color:var(--fg-color);cursor:pointer}.subjective_answer{padding:.2em 1em;display:flex;flex-direction:row;justify-content:space-evenly}.subjective_answer>button{padding:.2em .3em;font-size:2em;margin-left:.2em;margin-right:.2em}input.subjective_answer_text{padding:.2em .3em;font-size:3em;max-width:3em}input[type="number"]{width:4em}input[type="radio"],input[type="checkbox"]{cursor:pointer}div.mcq{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:100%}ol.mcq_options{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-around;min-width:100%;padding:1em 0}ol.mcq_options>li{display:flex;justify-content:center;flex-basis:45%}ol.mcq_options>li>input{display:none}ol.mcq_options>li>label{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;border-radius:3em;background-color:var(--bg-color);margin-bottom:.3em;padding-left:.2em;padding-right:.2em}ol.mcq_options>li>label.marker{opacity:.1}ol.mcq_options>li>label.option_content{border:solid;background-color:var(--dull-bg);min-width:4em;padding:0 .5em}ol.mcq_options ~ button{padding:.3em 1em .1em}input[type="radio"]:checked+label{color:yellow}ol.mcq_options>li>input:checked ~ label{background-color:#054000;color:yellow}ol.mcq_options>li>input:checked ~ label.marker{opacity:.3}ol.mcq_options>li>input.selected_wrong ~ label{display:flex;background-color:darkred;color:yellow}#toolbar label{box-shadow:5px 5px 5px var(--bg-color);margin-bottom:1em;background-color:var(--dull-bg);position:fixed;width:100%}.create{width:100%}#about label{box-shadow:5px 5px 5px var(--dull-bg);margin-top:1em;background:rgb(255 255 255 / 10%);text-align:center}input:checked ~ div.config{display:flex;flex-direction:column;margin-bottom:.2em}input:checked+label.action_select{padding-bottom:1em}.individual_config_input{display:flex;flex-direction:row;justify-content:space-between}#play_area{display:flex;flex-grow:10;justify-content:center;flex-direction:column;min-width:100%}#create_game_config{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start}#create_game_config label.action_select{padding:.1em 1em;min-width:8em}summary{cursor:pointer}input:checked+#main_content{display:flex;flex-direction:column;justify-content:space-around;align-items:center;min-width:100%;flex-grow:10;height:inherit;margin:0}.double_mcq,.double_font{font-size:1.8em}.quad_mcq,.quad_font{font-size:3.6em}#questions{display:flex;justify-content:space-around;flex-flow:column nowrap;flex-grow:10;height:inherit;padding:0;min-width:100%;margin-left:0}#questions>input,li.problem{display:none}#display_all:checked ~ #questions>li.problem,#display_wrong:not(:checked) ~ #questions>input:checked+li.problem,#display_wrong:checked ~ #questions>li.with_mistake{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;flex-grow:10;height:100%;padding:1em 0;min-width:100%;margin-left:0}#expanders{display:flex;flex-direction:row;justify-content:space-between;width:60%}#tool_bar{display:flex;flex-direction:row;justify-content:space-between;width:100%}#timer{flex-basis:60%;text-align:right}.hidden{display:none !important}#select_join_game:not(:checked) ~ #multi_player_join,#multi_player_select:not(:checked) ~ #multi_player_config,#menu_expander:not(:checked) ~ #main_menu,#about_expander:not(:checked) ~ #about,#play_expander:not(:checked) ~ #play_area,#play_expander:not(:checked) ~ #timer,input[name="main_area_display"]:not(:checked)+*,input[name="play_area_display"]:not(:checked)+*,#user_name_prompt,#auxilliary_options_expander:not(:checked) ~ #auxilliary_options{display:none}input[name="play_area_display"]:checked+#single_player_finished,input[name="play_area_display"]:checked+#player_finished{display:flex;flex-direction:column}input[name="play_area_display"]:checked+#single_player_finished>label.expander,input[name="play_area_display"]:checked+#single_player_finished>button,input[name="play_area_display"]:checked+#player_finished>label.expander,input[name="play_area_display"]:checked+#player_finished>button{margin:1em}#arity{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:1em}#multi_player_game_created_expander:checked ~ #user_name_prompt:not(.hidden),#multi_player_game_joined_expander:checked ~ #user_name_prompt:not(.hidden){display:flex;flex-direction:column}.problem_statement_text{text-align:center;font-size:3.6em}.visual_representation{display:flex;justify-content:center;align-items:center;flex-flow:row wrap;font-size:1.8em}.visual_representation_item{flex-basis:19%;display:flex;justify-content:space-evenly;flex-flow:row wrap;min-width:5em;max-width:6em;padding:.3em}.visual_representation_element{display:flex;justify-content:center}.visual_representation_multi{display:flex;flex-direction:row;align-items:center;justify-content:center}#join_game_url,#start_multi_player_game{width:100%}.strike-through{opacity:.1}@media(orientation:portrait){.visual_representation_multi{display:flex;flex-direction:column;align-items:center;justify-content:center}.visual_representation{font-size:calc(var(--vhdynamic) * 4)}.config{flex-basis:90%;background-color:var(--dull-bg)}.normal_size{font-size:1em}.quad_font{font-size:2.8em}.quad_mcq,.double_font{font-size:1.4em}.double_mcq{font-size:.9em}}.alert{display:flex;justify-content:center;flex-direction:column;height:2em;max-height:2em;font-size:1em}.alert p{animation:fadeout 1s 1;-webkit-animation:fadeout 1s 1;animation-fill-mode:forwards;animation-delay:2s;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards;text-align:center;color:yellow;padding:.1em;margin:0}.alert p.error{color:red}@keyframes fadeout{from{opacity:1}to{opacity:0;max-height:0}}@keyframes fadeout{0{opacity:1}100%{opacity:0;max-height:0}}