@import "https://fonts.googleapis.com/css?family=Open+Sans&display=swap";
body,html{width:100vw;height:100vh;padding:0;position:relative;top:0;left:0;margin:0!important;font-family:Open Sans,sans-serif!important}html{margin-top:0!important}h1,h2,h3,a,p,u,b,input,label,button,*{font-family:Open Sans,sans-serif!important}#background_container{-webkit-user-select:none;user-select:none;pointer-events:none;background:radial-gradient(at bottom,#1b2735 0%,#090a0f 100%);width:100vw;height:100vh;position:absolute;overflow:hidden}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}#stars1{width:1px;height:1px;box-shadow:var(--shadows-small);background:0 0;animation:150s linear infinite animStar}#stars1:after{content:" ";width:1px;height:1px;box-shadow:var(--shadows-small);background:0 0;position:absolute;top:100vh}#stars2{width:2px;height:2px;box-shadow:var(--shadows-medium);background:0 0;animation:150s linear infinite animStar}#stars2:after{content:" ";width:2px;height:2px;box-shadow:var(--shadows-medium);background:0 0;position:absolute;top:100vh}#stars3{width:3px;height:3px;box-shadow:var(--shadows-big);background:0 0;animation:150s linear infinite animStar}#stars3:after{content:" ";width:3px;height:3px;box-shadow:var(--shadows-big);background:0 0;position:absolute;top:100vh}#players_modal,#player_list_background{text-align:center;background:#fff;border-radius:5px;flex-direction:column;justify-content:space-around;width:40%;max-width:600px;height:40%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.form-container{position:relative;overflow-y:auto}#players_modal #begin_drinking_button,.card_next,#start_game_button{margin-bottom:1rem}#players_modal #add_player_button{margin:1rem auto}#add_player_button{display:block}#playername_input{margin-left:1rem}#player_list_input{width:100%;max-width:100%;margin:2rem -1rem;display:flex;position:relative}#player_list_input input{flex:1;width:80%;margin-right:10px}#player_list_input button{margin-right:-2rem}@media screen and (max-width:980px){body{flex-direction:column;align-items:center;display:flex;overflow:hidden}body #player_list{width:90vw;height:auto;margin-top:1rem;padding:1rem;display:table;position:relative;top:auto;left:auto;transform:none}body #player_list_container{max-width:none;padding:0;position:relative;overflow-y:auto}#player_list_container .name_node{float:left;width:auto;padding:0 0 0 25px}body .card_body{flex:1;margin-top:1rem;position:relative;top:auto;left:auto;transform:none}#players_modal{transform:translateY(calc(-100% - 1rem))!important}#players_modal,#player_list_background{flex-direction:column;justify-content:space-between;width:400px;max-width:90vw;height:auto;min-height:50vh;margin-top:1rem;display:flex;position:relative;top:auto;left:auto;transform:none}body #passive_list{width:95%;height:25vh;margin:1rem;display:flex;position:relative;top:auto;left:auto;overflow-x:auto}body .passive_card_content{width:200px}body .card_content_container{overflow-y:auto;padding:1rem!important}body .card_content_container .card_content{max-height:100%}.passive_card{display:table}.next_button_container{height:60px;min-height:60px;padding-top:5px}.card_next{padding:5px 25px}#player_list_input{width:100%;max-width:100%;display:flex;position:relative;margin:auto!important}#player_list_input input{flex:1;width:80%;margin-right:10px}#player_list_input button{margin-right:0!important}}.custom .card_next{position:absolute;bottom:0;left:20%!important}.custom_rule_input{align-self:center;margin:auto}body .card_body.custom .next_button_container>button{position:relative;right:auto;margin-left:1rem!important;padding:5px 25px!important;top:auto!important;left:auto!important;transform:none!important}.card_body.custom:after{display:none}#player_list{text-align:center;background-color:#343a40;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%239C92AC' fill-opacity='0.25' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),linear-gradient(to top right,#fff,#eee,#ddd,#ccc,#bbb);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #fff;border-radius:5px;width:250px;height:60vh;padding:2rem;display:none;position:absolute;top:50%;left:5%;transform:translateY(-50%);box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}#player_list.show{display:block}#player_list_container{max-width:200px;padding:1rem;overflow-y:auto}.name_node.current{font-weight:700}.name_node{word-wrap:break-word;width:100%;position:relative}.remove_name_node{color:red;cursor:pointer;position:absolute;top:0;transform:translate(-150%)}.card_body{text-align:center;-webkit-user-select:none;user-select:none;border:1px solid #fff;border-radius:15px;flex-direction:column;width:400px;max-width:90vw;min-height:40%;animation:10s infinite gradient;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 30px -10px #26394d;color:#000!important;background-size:400% 400%!important}.card_body:after{color:#000;text-shadow:-1px -1px #ffffff47,1px -1px #fff,-1px 1px #fff,1px 1px #fff;opacity:.8;background-position:0 0,0 0,10px 18px,10px 18px,0 0,10px 18px;background-size:20px 35px;width:200px;height:200px;font-weight:700;position:absolute;bottom:-125px;right:-125px;transform:rotate(-45deg)}.card_title{padding-top:1rem}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.card_body:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#ffffff21 0% 77%,#ffffff80 92%,#fff0 100%);width:200%;height:200%;animation-fill-mode:forwards;position:absolute;top:-110%;left:-210%;transform:rotate(30deg)}@keyframes shine{10%{opacity:.2;transition-property:left,top,opacity;transition-duration:.7s,.7s,.15s;transition-timing-function:ease;top:-30%;left:-30%}to{opacity:0;transition-property:left,top,opacity;top:-30%;left:-30%}}.card_body.individual:after{content:"Solo";background-color:#e5e5f7;background-image:linear-gradient(30deg,#444cf7 12%,#0000 12.5% 87%,#444cf7 87.5%,#444cf7),linear-gradient(150deg,#444cf7 12%,#0000 12.5% 87%,#444cf7 87.5%,#444cf7),linear-gradient(30deg,#444cf7 12%,#0000 12.5% 87%,#444cf7 87.5%,#444cf7),linear-gradient(150deg,#444cf7 12%,#0000 12.5% 87%,#444cf7 87.5%,#444cf7),linear-gradient(60deg,#444cf777 25%,#0000 25.5% 75%,#444cf777 75%,#444cf777),linear-gradient(60deg,#444cf777 25%,#0000 25.5% 75%,#444cf777 75%,#444cf777)}.card_body.group:after{content:"Group";background-color:#f7e6e6;background-image:linear-gradient(30deg,#f74545 12%,#0000 12.5% 87%,#f74545 87.5%,#f74545),linear-gradient(150deg,#f74545 12%,#0000 12.5% 87%,#f74545 87.5%,#f74545),linear-gradient(30deg,#f74545 12%,#0000 12.5% 87%,#f74545 87.5%,#f74545),linear-gradient(150deg,#f74545 12%,#0000 12.5% 87%,#f74545 87.5%,#f74545),linear-gradient(60deg,#f7454577 25%,#0000 25.5% 75%,#f7454577 75%,#f7454577),linear-gradient(60deg,#f7454577 25%,#0000 25.5% 75%,#f7454577 75%,#f7454577)}.card_body.passive:after{content:"Passive";background-color:#f7f7e6;background-image:linear-gradient(30deg,#f7d745 12%,#0000 12.5% 87%,#f7d745 87.5%,#f7d745),linear-gradient(150deg,#f7d745 12%,#0000 12.5% 87%,#f7d745 87.5%,#f7d745),linear-gradient(30deg,#f7d745 12%,#0000 12.5% 87%,#f7d745 87.5%,#f7d745),linear-gradient(150deg,#f7d745 12%,#0000 12.5% 87%,#f7d745 87.5%,#f7d745),linear-gradient(60deg,#f7d74577 25%,#0000 25.5% 75%,#f7d74577 75%,#f7d74577),linear-gradient(60deg,#f7d74577 25%,#0000 25.5% 75%,#f7d74577 75%,#f7d74577)}.card_body.custom:after{content:"Custom";background-color:#dbdbdb;background-image:linear-gradient(30deg,#949494 12%,#0000 12.5% 87%,#949494 87.5%,#949494),linear-gradient(150deg,#949494 12%,#0000 12.5% 87%,#949494 87.5%,#949494),linear-gradient(30deg,#949494 12%,#0000 12.5% 87%,#949494 87.5%,#949494),linear-gradient(150deg,#949494 12%,#0000 12.5% 87%,#949494 87.5%,#949494),linear-gradient(60deg,#94949477 25%,#0000 25.5% 75%,#94949477 75%,#94949477),linear-gradient(60deg,#94949477 25%,#0000 25.5% 75%,#94949477 75%,#94949477)}.card_body.individual{background:linear-gradient(-45deg,#0008f7,#23a6d5,#23d5ab)}.card_body.group{background:linear-gradient(-45deg,#f70000,#d56523,#d523bf)}.card_body.custom{background:linear-gradient(-45deg,#c9dbd9,#7a7a7a,#aef7f7)}.card_body.passive{background:linear-gradient(-45deg,#e4d6a7,#f9ff00,#f98b00)}.card_body .card_content_container{flex:1;display:flex;position:relative}.card_body .card_content,#add_player_form{align-self:center;width:100%;max-height:80vh;padding:0 1rem;overflow-y:auto}#add_player_form{flex-direction:column;width:80%;margin:auto auto 15%;display:flex}#passive_list{width:240px;height:100vh;position:absolute;top:0;right:0;overflow-y:auto}#continue_button{margin-left:2rem}.passive_card{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23dedbdb' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");border-radius:15px;margin:.25rem;font-size:20px;line-height:1em;position:relative}.passive_card_content{padding:1rem}.passive_card_close_button{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;position:absolute;top:5px;right:10px}.passive_turn_counter{padding:4px 16px;font-size:11px}.card_body.custom .card_content_container{height:40%!important}.custom_rule_input{width:80%;height:50px;margin-bottom:20px}.card_body.custom .card_next{left:30%!important}.card_body.custom .submit_custom{margin-bottom:1rem;position:absolute;bottom:0;right:20%}.card_content{text-shadow:1px 1px #a7a7a74f}#player_list_background:after{content:"";top:calc(-1 * var(--borderWidth));left:calc(-1 * var(--borderWidth));height:calc(100% + var(--borderWidth) * 2);width:calc(100% + var(--borderWidth) * 2);border-radius:calc(2 * var(--borderWidth));z-index:-1;background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82) 0 0/300% 300%;animation:3s infinite alternate animatedgradient;position:absolute}#player_list_background{z-index:0;--borderWidth:5px}button{transition:all .1s;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;color:#fff!important;background:#000!important;border:2px solid #000!important;border-radius:2px!important;padding:2px 16px!important}button:hover{color:#000!important;background:#fff!important}button:focus{outline:none!important}@keyframes animatedgradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*,:before,:after{box-sizing:border-box}body{color:#28303d;font-size:20px;line-height:1.7}.app-root{width:100%;min-height:100vh}.card_title{margin:0;font-size:32px;font-weight:400;line-height:1.3}#player_list h4{margin:0;font-size:24px;font-weight:600;line-height:1.3}button,input,textarea{font-size:20px;line-height:1.5}button{font-weight:500}.card_next{color:#000!important;background:#fff!important}.card_next:hover{color:#fff!important;background:#000!important}.remove_name_node{box-shadow:none;font-weight:700;left:0;transform:none;color:red!important;background:0 0!important;border:0!important;padding:0!important}.remove_name_node:hover{color:#ae0000!important;background:0 0!important}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #2767ad}@media screen and (max-width:980px){.app-root{flex-direction:column;align-items:center;min-height:100vh;display:flex;overflow-y:auto}#player_list_container .name_node{min-width:80px;margin-right:12px}#player_list_input{clear:both}}