.home_page .animation{margin:1em 0;border-top:0.1em solid white;border-bottom:0.1em solid white;padding-top:0.7em;padding-bottom:0.5em}.home_page .animation .user.icon{position:relative;margin-right:1.8em}.home_page .animation .user.icon:last-of-type{margin-right:0}.home_page .animation .user.icon::before{content:'\f007';font-size:3em}.home_page .animation .user.icon .dead{position:absolute;top:0;left:0}.home_page .animation .user.icon .dead::before{content:'\f714';font-size:3em;opacity:0;transition:opacity 1s}.home_page .animation .user.icon.dead::before{opacity:0;transition:opacity 1s}.home_page .animation .user.icon.dead .dead::before{opacity:1}.home_page .animation .user.icon .zzzz{opacity:0;transition:opacity 0.5s}.home_page .animation .user.icon .zzzz.active{opacity:1}.home_page .animation .user.icon .zzzz::before{content:'Zzzz...';font-size:0.6em;position:absolute;top:-10px;left:50px}.home_page .animation .user.icon .eyes{position:absolute;top:0;left:0}.home_page .animation .user.icon .eyes .eye{position:absolute;background:#1b4279}.home_page .animation .user.icon .eyes .eye.left_eye{top:14px;left:20px}.home_page .animation .user.icon .eyes .eye.right_eye{top:14px;left:33px}.home_page .animation .user.icon .eyes.closed .eye{height:0.075em;width:0.30em}.home_page .animation .user.icon .eyes.closed .eye.left_eye{top:20px}.home_page .animation .user.icon .eyes.closed .eye.right_eye{top:20px}.home_page .animation .user.icon .eyes.open .eye{border-radius:50%;width:0.30em;height:0.30em}.home_page .animation .user.icon .eyes.hidden{display:none}.home_page .animation .user.icon .eyes .eye{transition:height 1s, top 1s, border-radius 1.2s}.home_page .animation .user.icon .wolf_ears{position:absolute;top:0;left:0;transition:opacity 1s}.home_page .animation .user.icon .wolf_ears.hidden{opacity:0}.home_page .animation .user.icon .wolf_ears .ear{position:relative;height:0.9em;overflow:hidden;transition:top 1s}.home_page .animation .user.icon .wolf_ears .ear::before{content:'\f56b';font-size:1.2em}.home_page .animation .user.icon .wolf_ears .ear.left_ear{transform:rotate(-20deg);top:-7px;left:26px}.home_page .animation .user.icon .wolf_ears .ear.right_ear{transform:scaleX(-1) rotate(-20deg);top:-28px;left:7px}.home_page .animation .user.icon .wolf_ears.hidden .ear.left_ear{top:5px}.home_page .animation .user.icon .wolf_ears.hidden .ear.right_ear{top:-16px}.home_page .animation .user.icon .phone.icon,.home_page .animation .user.icon .vote_box.icon{position:absolute;top:30px;left:56px;transition:opacity 1s}.home_page .animation .user.icon .phone.icon::before,.home_page .animation .user.icon .vote_box.icon::before{font-size:1.8em;color:#FFF}.home_page .animation .user.icon .phone.icon.hidden,.home_page .animation .user.icon .vote_box.icon.hidden{opacity:0}.home_page .animation .user.icon .phone.icon{transform:rotate(15deg)}.home_page .animation .user.icon .phone.icon::before{content:'\f3cd';font-size:1.8em}.home_page .animation .user.icon .vote_box.icon::before{content:'\f772';font-size:1.4em}.home_page .animation .narration{margin:1em 0;display:flex;justify-content:center;white-space:nowrap;height:3.05em;align-items:center}.home_page .animation .narration .robot.icon::before{content:'\f544';font-size:1.4em}.home_page .animation .narration .speech_bubble{display:flex;white-space:nowrap}.home_page .animation .narration .speech_bubble .point{align-self:center;border:0.5rem solid transparent;border-right:1rem solid white;font-size:0;position:relative;height:0}.home_page .animation .narration .speech_bubble .field{display:inline-block;white-space:initial;background-color:white;color:#1d7093;border-radius:0.5em;padding:0.5em}html,body{margin:0;padding:0;width:100%;height:100%}body{font-size:1.4em;color:#FFFFFF;background:#000}.background_wrapper{min-height:100%}.background_wrapper.prep{background:#22c1c3;background:linear-gradient(0deg, #22c1c3 0%, #19115c 100%)}.background_wrapper.night{background:#2c3a6c;background:linear-gradient(0deg, #6578bb 0%, #010122 100%)}.background_wrapper.day{background:#b4b4ff;background:linear-gradient(0deg, #dbdbff 0%, #747CF2 50%)}.background_wrapper.dead{background:black;background:radial-gradient(circle, black 66%, #c63636 100%)}.background_wrapper .aspect_ratio_wrapper{height:100%;max-width:70vh;margin:auto}.content{padding:0 1em}button,input[type='submit']{border:none;border-radius:0.75em;padding:0.5em;background-color:#FFFFFF;font-weight:800;font-size:0.75em;color:#534a9a}button:active,input[type='submit']:active{background-color:#bfbee3}a{color:white}input[type='text']{border:none;border-radius:0.75em;background-color:#FFFFFF;padding:1em;width:100%;box-sizing:border-box}.icon{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Pro";font-weight:900}.simple_centered_content{box-sizing:border-box;padding:2em;display:flex;align-content:center;justify-content:center;flex-direction:column;text-align:center}.simple_centered_content.fixed_height{height:100vh}*:not(input){-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.connection_issue_popup .text{text-align:center;margin-bottom:1em}.connection_issue_popup button{display:none}.game_settings.popup h1 .settings.icon{font-size:0.9em}.game_settings.popup button.restart{margin-top:4em}.game_settings.popup .sound.icon::before{content:"\f028"}.game_settings.popup .restart.icon::before{content:'\f0e2'}.lighting_effects_setup{margin-bottom:2em}.lighting_effects_setup h2{margin-top:0}.lighting_effects_setup .step{display:none}.lighting_effects_setup .step.show{display:block}.lighting_effects_setup button{margin-top:0.5em;width:100%}.lighting_effects_setup .hue_button_prompt .hue_bridge_icon{display:block;width:30%;height:auto;margin:0 auto}.peeker.popup .info_block{display:inline}.peeker.popup .line{margin-bottom:0.6em}.peeker.popup .icon{margin-right:0.2em}.peeker.popup .name.line .player.icon::before{content:'\f007'}.peeker.popup .name.line .center{text-align:center}.peeker.popup .role.line .role.icon::before{content:'\f2bb'}.peeker.popup .team.line .team.icon::before{content:'\f0c0'}.peeker.popup .secret{color:white;text-align:center}.peeker.popup .secret .revealed{display:none}.peeker.popup .secret.show .hidden{display:none}.peeker.popup .secret.show .revealed{display:inline}.player_picker{text-align:center}.player_picker button{display:block;min-width:50%;margin:0.5em auto}.player_picker .confirm_step,.player_picker .confirm_tied_step{display:none}.player_picker .group_decision{font-size:0.8em}.player_picker .group_decision .group.icon::before{content:'\f0c0'}.popup{display:none;z-index:100;width:100vw;height:100vh;position:absolute;top:0;left:0;background:rgba(0,0,0,0.75);box-sizing:border-box}.popup.open{display:block}.popup.open .growing_content{padding:2em;box-sizing:border-box}.popup.open .growing_content .menu_header{display:flex;justify-content:space-between;width:100%;border-bottom:0.1em solid;margin-bottom:3em}.popup.open .growing_content .menu_header h1{font-size:1.5em;margin:0}.popup.open .growing_content .menu_header .close.icon::before{font-size:1.2em;content:'\f00d'}.popup.open .growing_content .options{display:flex;justify-content:space-between;flex-direction:column}.popup.open .centered_content{box-sizing:border-box;padding:2em;display:flex;align-content:center;justify-content:center;flex-direction:column;height:100%}.potion_picker{text-align:center}.potion_picker button{display:block;min-width:50%;margin:0.5em auto}.potion_picker .pick_target_step .healing_potion,.potion_picker .pick_target_step .death_potion{display:none}.potion_picker .confirm_step{display:none}.game{min-height:100vh;display:flex;flex-direction:column}.game .header{display:flex;justify-content:space-between;height:1.2em;padding:0.5em}.game .header .icon{font-size:1.2em;min-width:1.3em;text-align:center}.game .header .player_info.icon::before{content:'\f007'}.game .header .mayor_indicator::before{visibility:hidden;content:"\f5a2"}.game .header .mayor_indicator.show::before{visibility:visible}.game .header .settings.icon::before{content:"\f085"}.game div[class*="_phase"],.game div[class*="_step_sequence"]{flex-grow:1;padding:0 1em;font-size:1.2em;display:flex;flex-direction:column;justify-content:center;align-items:center}.get_name{min-height:100vh;display:flex;flex-direction:column;justify-content:center;background:#22c1c3;background:linear-gradient(0deg, #22c1c3 0%, #19115c 100%)}.get_name h2{text-align:center;padding-top:1em;margin-top:0}.get_name .content{text-align:center}.get_name .content .alert{font-size:0.8em;margin-bottom:0.5em}.get_name .content .alert .reconnect{font-size:0.9em;margin-bottom:1em}.get_name .content .alert .reconnect .warning.icon::before{content:'\f071'}.get_name .content .join_form input[type='text']{margin-bottom:0.5em}.get_name .content .join_form button{width:100%}.get_name .content .full{font-size:0.9em;margin-top:0.5em}.get_name .content .invite_players{margin:auto}.home_page{min-height:100vh;background:#22c1c3;background:linear-gradient(0deg, #22c1c3 0%, #19115c 100%)}.home_page .content{text-align:center;padding-bottom:1em}.home_page .content h1{text-align:center;padding-top:1em;margin-top:0;margin-bottom:0.2em}.home_page .content h1 .head{font-size:1.4em}.home_page .content h1 .undertitle{font-size:0.6em;font-style:italic}@media only screen and (max-width: 450px){.home_page .content h1 .head{font-size:1.2em}.home_page .content h1 .tail{font-size:0.8em}.home_page .content h1 .undertitle{font-size:0.6em}}.home_page .content .logo{display:flex;margin-bottom:1em}.home_page .content .logo svg{width:50%;align-self:flex-start}.home_page .content .logo svg g{touch-action:none}.home_page .content input[type='text']{border:none;border-radius:0.75em;background-color:#FFFFFF;padding:1em;width:100%;box-sizing:border-box;margin-bottom:0.5em}.home_page .content button{width:100%}.home_page .content .join_game{margin-top:0.5em}.home_page .content .join_game .alert{color:#ff5a5a;font-weight:bold}.home_page .content .create_game{margin-bottom:0.5em}.home_page .content .explanation h2{margin-bottom:0.3em}.home_page .content .explanation ul{text-align:left;margin-top:0.3em;margin-bottom:0;padding-left:0}.home_page .content .explanation ul li{list-style-type:none;margin-bottom:0.6em}.home_page .content .explanation ul .icons{width:2.2em;display:inline-block;text-align:center;padding-right:0.2em}.home_page .content .explanation ul .icons .instructions.icon::before{content:'\f5da'}.home_page .content .explanation ul .icons .phone.icon::before{content:'\f3cd'}.home_page .content .explanation ul .icons .internet.icon::before{content:'\f1eb'}.home_page .content .explanation ul .icons .speak.icon::before{content:'\f4ad'}.home_page .content .explanation ul .icons .touch.icon::before{content:'\f0a5'}.home_page .content .explanation ul .icons .group.icon::before{content:'\f0c0'}.home_page .content button.email{margin-top:1.5em}.home_page .content button.email .email.icon::before{content:'\f0e0'}.home_page .content .buy_me_a_coffee button{margin-top:0.3em}.home_page .content .logo_attribution{margin-top:2em;font-size:0.5em}.instructions p{margin-top:0.5em;text-align:left}.instructions p em{font-weight:bold}.instructions h3,.instructions h4{margin-bottom:0.5em}.instructions h3{font-size:1.3em}.instructions h5{text-align:left;margin:0;font-size:0.9em;display:inline}.end_step_sequence .next_game{margin-top:1em}.lynch_phase .combined_icon{display:flex}.lynch_phase .combined_icon .vote.icon{margin-right:0.5em}.lynch_phase .combined_icon .vote.icon::before{font-size:3em;content:'\f772'}.lynch_phase .combined_icon .dead_person.icon::before{font-size:3em;content:'\f567'}.default_day .sun.icon::before{font-size:4em;content:'\f6c4'}.default_dead .skull.icon{margin-bottom:1em}.default_dead .skull.icon::before{font-size:6em;content:'\f714'}.default_night .eyes_closed.icon{margin-top:1em}.default_night .eyes_closed.icon::before{font-size:3em;content:"\f070"}.healer_phase .healer.icon::before{font-size:3em}.seer_phase .seer.icon::before{font-size:3em}.seer_phase .info_step button{display:block;margin:0.5em auto}.thief_phase .thief.icon::before{font-size:3em}.thief_phase button{display:block;min-width:50%;margin:0.5em auto}.thief_phase .confirm_step{display:none}.twins_phase{text-align:center}.twins_phase .twin.icon::before{font-size:3em}.twins_phase button.ready{margin-top:1em}.werewolves_phase .werewolf.icon::before{font-size:3em}.witch_phase .witch.icon::before{font-size:3em}.assign_roles_phase{perspective:1000px}.assign_roles_phase .top_text{text-align:center}.assign_roles_phase .top_text .explanation{font-size:0.7em}.assign_roles_phase .card{width:100%;margin-top:1em;margin-bottom:1em;flex-grow:0;flex-shrink:0;box-sizing:border-box;transform-style:preserve-3d;transition:0.6s}.assign_roles_phase .card .side{border-width:0.5em;border-color:#636b36;border-radius:1em;border-style:solid}.assign_roles_phase .card .front,.assign_roles_phase .card .back{width:80%;box-sizing:content-box;margin:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}.assign_roles_phase .card.flipped{transform:rotateY(180deg)}.assign_roles_phase .card .back{padding-bottom:40%;padding-top:40%;background:#e6ec55;background:repeating-radial-gradient(closest-side at 40% 40%, #e6ec55 15%, #a5b73e 40%);background-size:20% 20%}.assign_roles_phase .card .front{padding:calc(40% - 3.6em) 0;margin-top:calc(-80% - 1em);transform:rotateY(180deg);background-color:#e6ec55}.assign_roles_phase .card .front .content{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000000;padding:0 0.2em}.assign_roles_phase .card .front .content .role_icon{font-size:3em}.assign_roles_phase .card .front .content .role{height:32.2px;font-weight:bold}.assign_roles_phase .card .front .content .role_reminder{height:2em;font-size:0.7em;font-style:italic;text-align:center}.assign_roles_phase .card .front .content .team{margin-top:0.2em;font-size:0.8em}.assign_roles_phase .card .front .content .team .team.icon::before{content:'\f0c0'}.assign_roles_phase .ready_box{text-align:center;margin-bottom:1em}.connection_phase .counter{font-size:1.5em;margin-top:0.5em}.connection_phase .invite_players{margin-top:1em;text-align:center;width:100%}.connection_phase .invite_players h3{margin-bottom:0}.connection_phase .invite_players .code{margin-bottom:0.5em}.connection_phase .invite_players .copy_link button{width:fit-content;min-width:50%;margin:0.5em auto}.connection_phase .invite_players .link{margin:auto;margin-top:0.5em;width:90%}.connection_phase .invite_players .link input{padding:0.6em;background-color:#dae8ef}.setup_phase h2{margin:0.5em 0 0 0;font-size:1.2em;font-weight:900;border-bottom:solid 0.07em white}.setup_phase form{display:flex;flex-direction:column}.setup_phase form .alert{color:red;font-size:0.9em}.setup_phase form .info.icon::before{content:'\f059';font-size:0.6em}.setup_phase form input[type='number']{max-width:4em}.setup_phase form .setting_explanation{display:none;font-size:0.8em;margin:0.2em 0;background-color:rgba(1,1,1,0.5);padding:0.5em;border-radius:0.3em}.setup_phase form .setting_explanation.open{display:block}.setup_phase form .setting_explanation .icon.close{float:right}.setup_phase form .setting_explanation .icon.close::before{content:'\f00d';padding-left:0.5em;padding-bottom:0.5em}.setup_phase form .total_player{margin-top:0.4em}.setup_phase .sound_hint{margin-top:0.6em;font-size:0.7em}.setup_phase .sound_hint .sound.icon::before{content:'\f028'}.setup_phase button.start{margin:1em auto 0}.setup_phase button.start:disabled{opacity:30%}.setup_phase a.advanced_settings{margin:0.5em auto 0}.setup_phase .advanced_settings.popup h2{font-size:1.0em;margin-bottom:0.5em}.human.icon::before{content:'\f007'}.werewolf.icon::before{content:'\f1b0'}.seer.icon::before{content:'\f06e'}.twin.icon::before{content:'\f500'}.witch.icon::before{content:'\f51a'}.healer.icon::before{content:'\f469'}.leper.icon::before{content:'\f119'}.sleepless_girl.icon::before{content:'\f182'}.hunter.icon::before{content:'\f05b'}.thief.icon::before{content:'\f6fa'}