@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap);#root,body{margin:0}#root{--gap:15px;--card-gap:10px;--padding:10px;--radius:10px;--red-color:#bd230e;--blue-color:#17749e;--gray-color:#bbb4a6;--black-color:#1f1f1f;--back-color:#ffe1aa;--darken-percent:80%;--lighten-percent:70%;--selected-darken-percent:50%;--other-color:#020202;--other-light-color:#fff;--selected-other-color:#fff;--darken-red-color:color-mix(in srgb,var(--red-color) var(--darken-percent),var(--other-color));--darken-blue-color:color-mix(in srgb,var(--blue-color) var(--darken-percent),var(--other-color));--lighten-red-color:color-mix(in srgb,var(--red-color) var(--lighten-percent),var(--other-light-color));--lighten-blue-color:color-mix(in srgb,var(--blue-color) var(--lighten-percent),var(--other-light-color));--red-gradient:linear-gradient(var(--red-color),color-mix(in srgb,var(--red-color) var(--darken-percent),var(--other-color)));--blue-gradient:linear-gradient(var(--blue-color),color-mix(in srgb,var(--blue-color) var(--darken-percent),var(--other-color)));--gray-gradient:linear-gradient(var(--gray-color),color-mix(in srgb,var(--gray-color) var(--darken-percent),var(--other-color)));--black-gradient:linear-gradient(var(--black-color),color-mix(in srgb,var(--black-color) var(--darken-percent),var(--other-color)));--back-gradient:linear-gradient(var(--back-color),color-mix(in srgb,var(--back-color) var(--darken-percent),var(--other-color)));--seleted-back-gradient:linear-gradient(color-mix(in srgb,var(--back-color) var(--selected-darken-percent),var(--selected-other-color)),color-mix(in srgb,var(--back-color) var(--selected-darken-percent),var(--selected-other-color)));--input-height:50px;--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;grid-column-gap:var(--gap);grid-row-gap:var(--gap);background-color:#434343;box-sizing:border-box;column-gap:var(--gap);display:grid;grid-template-columns:300px 1fr 300px 1fr;grid-template-rows:40px minmax(270px,30%) 1fr;height:100vh;padding:var(--padding);row-gap:var(--gap)}@media only screen and (max-height:800px){#root{--padding:10px;--gap:10px;--card-gap:5px;--radius:5px;grid-template-rows:40px minmax(200px,20%) 1fr}}@media only screen and (max-width:1500px){#root{grid-template-columns:15% 1fr 15% 1fr}}.home{align-items:center;background-color:#f0f8ff;background-image:url(/static/media/background.fa47b9f53280c124c850.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;grid-area:1/1/span 3/span 4;justify-content:center;width:100%}.home form{background-color:#fff;border:2px solid #dbdbdb;border-radius:var(--radius);padding:40px}.home h1{color:#949494;font-size:450%;font-weight:400;margin:0 0 25px;text-align:center}.home form div{display:grid;grid-template-columns:3fr 1fr}.home,.home input{font-size:130%}.home input[type=text]{grid-area:1/1;margin-left:5px;padding:5px}.home input[type=submit]{cursor:pointer;grid-area:1/2;margin-left:5px;padding:5px}.home p{text-align:center}.home p a{color:#b4b4b4;cursor:pointer}section.menu{display:flex;flex-direction:row;font-family:var(--font-family);height:100%;justify-content:space-between;padding:0}section.menu .left,section.menu .right{align-content:center;align-items:stretch;display:flex;flex-direction:row}section.menu .left>div,section.menu .right>div{background-color:#101010;border-radius:var(--radius);color:#d2d2d2;font-family:var(--font-family);font-size:25px;font-weight:900;height:100%;line-height:40px;margin-right:10px;padding:0 35px;position:relative;text-transform:uppercase}section.menu svg{position:relative;top:2px}section.menu input[type=checkbox]{margin-right:10px;transform:scale(1.5)}section.menu .left>div.current-player.play{animation-direction:alternate;animation-duration:.7s;animation-iteration-count:infinite}section.menu .left>div.current-player-red{animation-name:red-animation;background-color:var(--red-color)}section.menu .left>div.current-player-blue{animation-name:blue-animation;background-color:var(--blue-color)}section.menu .left>div.plays-red{background-color:var(--red-color)}section.menu .left>div.plays-blue{background-color:var(--blue-color)}section.menu button{background-color:#acacac;border-radius:var(--radius);border-width:0;margin-left:5px;padding:0 15px}section.menu button:hover{background-color:#ddcb7b}section.menu .end-turn{background-color:#dfbe29}@keyframes red-animation{0%{background-color:var(--red-color)}to{background-color:#971c0b}}@keyframes blue-animation{0%{background-color:var(--blue-color)}to{background-color:#135e7f}}section.menu label{color:#a5a5a5;line-height:40px;margin-right:5px}@media only screen and (max-width:60em){section.menu label{display:none}}section.team-box{color:#fff;font-family:var(--font-family);padding:15px 30px}section.team-box.red-team{background-color:var(--red-color);background-image:var(--red-gradient);text-align:right}section.team-box.blue-team{background-color:var(--blue-color);background-image:var(--blue-gradient)}section.team-box .score{font-size:500%;font-weight:300;text-shadow:2px 2px 3px #00000036}section.team-box ul{list-style:none;margin:0;padding:0}section.team-box ul span{display:block;font-size:80%;font-weight:900;margin-top:20px;opacity:60%;text-transform:uppercase}section.team-box.blink{animation-direction:alternate;animation-duration:.3s;animation-fill-mode:none;animation-iteration-count:6;animation-name:short-animation}@keyframes short-animation{0%{background-image:none}to{background-color:rgba(255,255,0,.693);background-image:none}}@media only screen and (max-height:800px){section.team-box{color:#fff;font-family:var(--font-family);padding:10px 20px}section.team-box .score{font-size:300%;font-weight:300;text-shadow:2px 2px 3px #00000036}}section.word-table ul li{align-items:center;background-color:var(--back-color);background-image:var(--back-gradient);border-radius:var(--radius);display:flex;flex-direction:column;grid-template-rows:1fr 1fr;justify-content:center;position:relative;text-align:center}section.word-table ul li.to-clue{border:2px solid #fff}section.word-table ul li.selected{background-image:var(--seleted-back-gradient)}section.word-table ul li div.check{font-size:150%;position:absolute;right:10px;top:10px}section.word-table ul li div.word{font-family:Roboto Condensed,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.7vw;font-weight:600;text-shadow:2px 2px 3px #00000036;text-transform:uppercase}section.word-table ul li div.tips{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:max(.7vw,10px);font-weight:700}section.word-table ul li.red{background-color:var(--red-color);background-image:var(--red-gradient);color:#fff}section.word-table ul li.blue{background-color:var(--blue-color);background-image:var(--blue-gradient);color:#fff}section.word-table ul li.gray{background-color:var(--gray-color);background-image:var(--gray-gradient);color:#fff}section.word-table ul li.back{background-color:var(--back-color);background-image:var(--back-gradient);color:#000}section.word-table ul li.black{background-color:var(--black-color);background-image:var(--black-gradient);color:#fff}section.word-table ul li.revealed{opacity:60%}section.word-table ul li.revealed .word{font-size:1.4vw;font-style:italic;opacity:25%;text-shadow:none}section.word-table{padding:0}section.word-table ul{grid-column-gap:var(--card-gap);grid-row-gap:var(--card-gap);column-gap:var(--card-gap);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;height:100%;list-style:none;margin:0;padding:0;row-gap:var(--card-gap)}section.log{background-color:#fff;display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;grid-template-rows:auto var(--input-height)}section.log ul{list-style:none;margin:0;overflow-y:scroll;padding:0}section.log li{padding:2px 10px;padding:4px 10px}section.log .user-red{background-color:#e8cfcd}section.log .user-blue{background-color:#c3d5e6}section.log .user-red.highlight{background-color:#d28a84}section.log .user-blue.highlight{background-color:#739ec7}section.log .userName{font-weight:700}section.log .word{font-weight:900;text-transform:uppercase}section.log .help{background-color:#ffffffbb;border-radius:2px;padding:2px 10px}.log li{padding:3px 10px}.log .help{background:#ffffffb3;border-radius:3px;display:inline-block;padding:1px 8px}.log .user-red{background-color:#e9aeae}.log .user-blue{background-color:#a6c6ec}.log .userName{font-weight:700}.log .user-red{color:#900}.log .user-blue{color:blue}.log .word{font-weight:700;text-transform:uppercase}.log .word-red{color:#900}.log .word-blue{color:blue}.log .word-gray{color:#777}.log .word-black{color:#000}section.log .clue-box{border-radius:0 0 5px 5px;width:100%}section.log .clue-box form{display:grid;grid-template-columns:auto 50px 100px;height:100%}section.log form input[type=text]{font-size:large;text-transform:uppercase}section.log form button,section.log form input{border:1px solid grey;margin:0;padding:4px}section.log .clue-box span{background-color:#181818;color:#fff;color:#898989;display:block;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:200%;height:100%;line-height:var(--input-height);overflow:hidden;text-align:center;width:100%}section.log .clue-box span.clue{background-color:#1f1f1f;color:#fff;text-transform:uppercase}section.log .clue-box span.clue.red{background-color:var(--red-color)}section.log .clue-box span.clue.blue{background-color:var(--blue-color)}section.log .clue-box span.wait{color:var(--blue-color);font-size:130%}section.log .clue-box span.wait.red{color:var(--lighten-red-color)}section.log .clue-box span.wait.blue{color:var(--lighten-blue-color)}section.log .clue-box span::-webkit-scrollbar{display:none}section.chat{background-color:#fff;border-radius:var(--radius);display:grid;font-size:120%;grid-template-rows:35px auto var(--input-height);padding:0;width:100%}section.chat.with-reply-box{grid-template-rows:35px auto minmax(var(--input-height),-webkit-min-content) var(--input-height);grid-template-rows:35px auto minmax(var(--input-height),min-content) var(--input-height)}section.chat ul{background-color:#fff;border-bottom:none;list-style:none;margin:0;overflow-y:scroll;padding:10px}section.chat li{overflow-wrap:break-word;padding:6px 10px}section.chat li span.author{background-color:#d4d4d4;border-radius:var(--radius);cursor:pointer;padding:4px 10px}section.chat .reply-box{text-wrap:wrap;background-color:#ebeed6;display:none;margin:0;max-height:80px;overflow-wrap:break-word;overflow-y:hidden;padding:8px 0 0;text-overflow:ellipsis;width:100%}section.chat.with-reply-box .reply-box{display:block}section.chat .reply-box button{background:none;border:none;color:#5f5f5f;cursor:pointer;float:left;font-size:200%}section.chat .reply-box span{font-weight:700}section.chat .chat-box{background-color:#d6c0eb;width:100%}section.chat .chat-box form{display:grid;grid-template-columns:auto 100px;height:100%}section.chat form input[type=text]{border:1px solid grey;border-right:none;font-size:large;margin:0;padding:4px}section.chat form button{border:1px solid grey;margin:0;padding:4px}section.chat .chat-box span{color:#fff;display:block;font-size:200%;height:100%;overflow:scroll hidden;text-align:center;width:100%}section.chat li.authc-red span.author{background-color:var(--red-color);color:#fff}section.chat li.authc-blue span.author{background-color:var(--blue-color);color:#fff}section.chat li span.author svg{color:#ff0;font-size:80%}section.chat .quote{color:gray;font-size:80%;font-style:italic;margin-bottom:5px}section.chat .authorQ{font-weight:700}section.chat .quote.qc-red .authorQ{color:red}section.chat .quote.qc-blue .authorQ{color:blue}section.chat .write-box{min-width:0}section.chat .write-box ul{background-color:#787878;border-radius:5px 5px 0 0;color:#fff;overflow:auto;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:nowrap}section.chat .write-box li{display:inline;padding:0}section.chat .write-box li:after{content:", "}section.chat .write-box li:last-child:after{content:""}section{border-radius:var(--radius);padding:var(--padding)}section.menu{grid-area:1/1/span 1/span 4}section.red-team{grid-area:2/1/span 1/span 1}section.blue-team{grid-area:2/3/span 1/span 1}section.log{grid-area:2/2/span 1/span 1}section.word-table{grid-area:3/1/span 1/span 3}section.chat{grid-area:2/4/span 2/span 1}
/*# sourceMappingURL=main.00179f5b.css.map*/