@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&family=Ribeye+Marrow&display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,button{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family:"Barlow",sans-serif;font-weight:300}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{width:100%;min-height:100vh;overflow-x:hidden;overflow-y:scroll;font-family:"Barlow",sans-serif}body{width:100%;min-height:100vh}div#root{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:100vh;color:#222}main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:10px;background:url("/img/background.png"),repeating-linear-gradient(120deg, #0e5ec1 0px, #0e5ec1 20px)}main h1{font-size:36px;font-family:"Ribeye Marrow",sans-serif;color:#ffc250;text-align:center;margin:0 0 20px 0}main section{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%}main p{color:#fff;margin:0 0 5px 0}main p strong{color:#ffc250;font-weight:700}main p.timeout{margin:5px 0 10px 0}main p.timeout strong{font-family:"Ribeye Marrow",sans-serif;font-size:32px}main button.btn{outline:none;padding:10px;background-color:#ffc250;border:2px solid #e99800;border-radius:8px;color:#111;margin:0 0 20px 0}main button.btn:not(:disabled){cursor:pointer}main button.btn:not(:disabled):hover{background-color:#ffcb6a}main button.btn:not(:disabled):hover:active{background-color:#ffd483}main button.btn:disabled{background-color:#ccc;border-color:#aaa;color:#888}main .player{font-family:"Ribeye Marrow",sans-serif;font-size:24px;text-align:center}main.hub{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:20px}main.hub section{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}main.hub h1{font-size:64px}main.hub h2{font-size:24px;color:#fff;margin:0 0 10px 0;font-weight:700;letter-spacing:0.02em}main.hub p:not(.player){font-size:16px}main.hub div.game-controls{position:absolute;bottom:10px;left:10px}main.hub button.clear{outline:none;padding:5px;background:rgba(255,255,255,0.2);border-radius:8px;cursor:pointer}main.hub button.clear:hover{background:rgba(255,255,255,0.3)}main.hub button.clear:hover:active{background:rgba(255,255,255,0.4)}main.hub button.clear:not(:last-child){margin:0 5px 0 0}main.hub ul.players{height:325px;margin:0 0 20px 0}main.hub ul.players+p{margin:0 0 20px 0}main.hub ul.players li.player{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:135px;height:38px;padding:7px 15px;background-color:#111;border-radius:8px;color:#fff;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.16, 1.54, 0.38, 1);transition:-webkit-transform 0.5s cubic-bezier(0.16, 1.54, 0.38, 1);transition:transform 0.5s cubic-bezier(0.16, 1.54, 0.38, 1);transition:transform 0.5s cubic-bezier(0.16, 1.54, 0.38, 1), -webkit-transform 0.5s cubic-bezier(0.16, 1.54, 0.38, 1)}main.hub ul.players li.player:not(:last-child){margin:0 0 3px 0}main.hub ul.players li.player.is-mounting{-webkit-transform:translateX(-100px);transform:translateX(-100px)}main.hub ul.players li.player.is-unfinished{background-color:#888;color:#bbb}main.hub ul.players li.player.is-empty{background-color:#888;color:#bbb}main.hub ul.player-placeholders{height:325px;margin-bottom:-325px}main.hub ul.player-placeholders li.player.placeholder{font-size:18px;color:#555;background-color:#777;border:3px solid #888}main.hub section.page-join{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}main.hub section.page-join div.join-half{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%}main.hub section.page-join img{width:400px;margin:10px 0 40px 0;border-radius:10px}main.hub section.page-join p.notice{margin:0 0 20px 0;text-align:center}main.hub section.page-join p.audience-count{font-family:"Ribeye Marrow",sans-serif;font-size:32px;color:#ffc250}main.hub section.page-join button{margin-top:15px}main.hub section.page-judge-captions.is-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}main.hub section.page-judge-captions div.judging-column{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main.hub section.page-judge-captions div.judging-column:not(:last-child){margin:0 50px 0 0}main.hub section.page-judge-captions img{height:320px;margin:0 0 20px 0;border:5px solid #111;border-radius:2px}main.hub section.page-judge-captions p.prompt{width:100%;max-width:600px;color:#ffc250;font-size:42px;font-weight:700;text-shadow:0 2px 2px rgba(0,0,0,0.4);text-align:center;margin:0 0 60px 0}main.hub section.page-judge-captions div.responses{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;margin:0 0 20px 0}main.hub section.page-judge-captions div.response-wrapper{width:calc(50% - 10px);max-width:400px}main.hub section.page-judge-captions div.response-wrapper:nth-child(1){-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}main.hub section.page-judge-captions div.response-wrapper:nth-child(1).is-loser{opacity:0.7}main.hub section.page-judge-captions div.response-wrapper:nth-child(2){-webkit-transform:rotate(3deg) translateY(10px);transform:rotate(3deg) translateY(10px)}main.hub section.page-judge-captions div.response-wrapper:nth-child(2).is-loser{opacity:0.7}main.hub section.page-judge-captions div.response-wrapper:first-child{margin:0 40px 0 0}main.hub section.page-judge-captions div.response{background-color:#fff;padding:20px 10px 10px;border:5px solid #111;border-radius:2px;color:#111;width:100%;position:relative;-webkit-transition:opacity 0.5s,-webkit-transform 0.5s cubic-bezier(0.16, 1.54, 0.38, 1);transition:opacity 0.5s,-webkit-transform 0.5s cubic-bezier(0.16, 1.54, 0.38, 1);transition:transform 0.5s cubic-bezier(0.16, 1.54, 0.38, 1),opacity 0.5s;transition:transform 0.5s cubic-bezier(0.16, 1.54, 0.38, 1),opacity 0.5s,-webkit-transform 0.5s cubic-bezier(0.16, 1.54, 0.38, 1);-webkit-transform:translateX(0);transform:translateX(0);opacity:1}main.hub section.page-judge-captions div.response p.caption{color:#111;font-size:32px;text-align:center;margin:0 0 15px 0}main.hub section.page-judge-captions div.response p.player{color:#136f79;margin:0}main.hub section.page-judge-captions div.supporters{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin-top:5px}main.hub section.page-judge-captions p.supporter{color:#fff;background-color:#111;border-radius:4px;padding:2px 5px;font-size:18px}main.hub section.page-judge-captions p.supporter:not(:last-child){margin:0 3px 0 0}main.hub section.page-judge-captions div.audience-count{position:absolute;bottom:-10px;display:inline;color:#fff;background-color:#222;padding:5px 5px;border-radius:4px}main.hub section.page-judge-captions div.response-wrapper:nth-child(1) div.response.is-mounting{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}main.hub section.page-judge-captions div.response-wrapper:nth-child(1) div.audience-count{left:-20px}main.hub section.page-judge-captions div.response-wrapper:nth-child(2) div.response.is-mounting{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}main.hub section.page-judge-captions div.response-wrapper:nth-child(2) div.audience-count{right:-20px}main.hub section.page-judge-captions div.score{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:-30px;left:50%;background-color:#ffc250;border:2px solid #e99800;padding:0 4px;height:40px;border-radius:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}main.hub section.page-judge-captions div.score p{color:#111;font-family:"Ribeye Marrow",sans-serif;font-size:32px;margin:0}main.hub section.page-judge-captions p.result-type{font-size:20px;margin:0 0 10px 0}main.hub section.page-score p.instructions{font-size:18px;margin:0 0 40px 0}main.hub section.page-score ul.player-scores{margin:0 0 20px 0;width:250px}main.hub section.page-score ul.player-scores li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main.hub section.page-score ul.player-scores li:not(:last-child){margin:0 0 3px 0}main.hub section.page-score ul.player-scores li p.player{padding:7px 15px;background-color:#111;border-radius:8px;color:#fff}main.hub section.page-score ul.player-scores li p.score{font-family:"Ribeye Marrow",sans-serif;font-size:24px;color:#ffc250;text-align:center}main.spoke section input{padding:10px;background-color:#fff;border:2px solid #e99800;border-radius:8px;margin:0 0 5px 0;width:50%}main.spoke section.write img{max-width:100%;max-height:250px;margin:0 auto 10px;border:5px solid #111;border-radius:2px}main.spoke section.write p.prompt{width:100%;max-width:600px;color:#ffc250;font-size:26px;font-weight:700;text-shadow:0 2px 2px rgba(0,0,0,0.4);text-align:center;margin:10px 0 15px}main.spoke section.write input{width:100%}main.spoke section.vote p{margin:0 0 20px 0}main.spoke section.vote div.vote-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;margin:20px 0 0 0}main.spoke section.vote div.vote-buttons button{background-color:#fff;padding:15px;border:4px solid #111;border-radius:2px;color:#111;width:100%}main.spoke section.vote div.vote-buttons button:active{opacity:0.8}main.spoke section.vote div.vote-buttons button:not(:last-child){margin:0 0 30px 0}

/*# sourceMappingURL=index.3-0-1.css.map */