#root{margin:0 auto;padding:10px;text-align:center}.start{border-radius:10px;height:410px}.start .error{font-size:14px;color:#ff474c;height:24px;margin:0;padding-bottom:10px}.start .error p{text-align:center}.start form{height:auto}.start form input{font-size:16px;height:40px;box-sizing:border-box;text-align:center;text-transform:uppercase;width:100%}.start h1 span{font-size:12px;vertical-align:middle;border-top:1px solid antiquewhite;border-bottom:1px solid antiquewhite;padding:3px 0;text-transform:uppercase}.start h1.title{font-family:PirataOne;font-size:70px;text-shadow:-2px 2px black}button{min-height:60px;width:100%}.secondary-btn{background-color:#3b3b3b;color:#fff}.secondary-btn:disabled{cursor:not-allowed}.actions{display:flex;flex-direction:column;justify-content:space-between;margin-top:20px;width:100%}.actions button:first-of-type{margin-bottom:10px}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}@media (min-width: 768px){#root{padding:60px;max-width:1280px}.start{padding:40px}button{width:150px;min-height:40px}.actions{flex-direction:row}.actions button:first-of-type{margin-bottom:0;margin-right:10px}}.lobby form{display:flex;flex-direction:column}.lobby form input{text-transform:uppercase;text-align:center;height:20px}.lobby form button{margin-top:20px;margin-left:auto}.lobby .welcome{border-bottom:1px solid antiquewhite;padding-bottom:30px}.lobby .welcome .top{font-family:PirataOne,serif;font-size:30px;margin-bottom:0}.lobby .welcome .bottom{font-size:20px;text-transform:uppercase;margin:0}.lobby .players{text-transform:uppercase;font-weight:700;padding:20px 0 30px;border-bottom:1px solid antiquewhite;margin-bottom:30px}.lobby .players .player{display:flex}.lobby .players .player .quill:before{content:"🪶";font-size:25px}.lobby .players .player .dots{border-bottom:4px dotted antiquewhite;flex-grow:6;height:30px;margin:0 10px}.lobby .players .player .name{position:relative;font-size:30px}.lobby .players .player .name span:after{position:absolute;bottom:20%;content:"(host)";font-size:12px;margin-left:10px}.lobby .actions{display:flex;justify-content:space-between;margin-top:20px}.lobby .actions .left{display:flex;align-items:center}.lobby .actions .left span{font-size:14px;text-align:bottom}.lobby .actions button{margin-left:auto}.signup form{display:flex;flex-direction:column}.signup form input{text-transform:uppercase;text-align:center;height:40px}.signup form button{margin-top:20px;margin-left:auto}.game{font-size:20px;border:1px solid #ccc;padding:25px;border-radius:10px;margin-bottom:50px}.game p{font-family:GoudyBookletter1911,Times New Roman,Times,serif}.game .round{font-family:PirataOne;font-size:26px}.bold{font-weight:700}.underline{padding-bottom:10px;border-bottom:1px solid #ccc}.italic{font-style:italic}.uppercase{text-transform:uppercase}.response-form form{display:flex;flex-direction:column}.response-form form input{height:40px}.response-form form input.round-end{cursor:not-allowed}.responses-container{margin-bottom:50px}.response-container{margin-bottom:20px}.response-container .response{width:100%}.response-container .response.voted{background:#1e90ff;color:#242424}.response-container .response.correct{background:#3cb371;color:#242424}.response-container .response.own{background:#faebd7;color:#242424;margin-bottom:40px}.response-container .response.own:hover{cursor:initial}.player-response-container{background-color:#faebd7;border-radius:10px;color:#242424;padding:20px}.player-response-container .actions{display:flex;justify-content:flex-end}.player-response-container .actions button{margin-top:10px;width:100%;background:#242424;color:#faebd7}.round-results .response{background:#faebd7;color:#242424;border-top:1px solid #ccc;border-bottom:none;border-right:1px solid #ccc;border-left:1px solid #ccc;border-top-left-radius:10px;border-top-right-radius:10px;overflow:auto}.round-results .response.correct{background:#3cb371}.round-results .results{border-top:none;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:20px;margin-bottom:10px}.round-results .results>.details{display:flex;justify-content:space-between}.round-results .results>.details .author{text-transform:uppercase}.round-results .results>.details>div:nth-of-type(2){text-align:right;width:50%}.round-results .results>.details>div:nth-of-type(2)>span:last-of-type{font-weight:700;text-transform:uppercase}.round-results .results .points{display:flex;font-weight:700;font-size:24px;color:#faebd7;justify-content:flex-start}.round-results .results .points.correct{color:#3cb371;justify-content:flex-end}.next-round{display:flex}.next-round button{padding:20px;width:100%}.next-round:first-of-type{margin-bottom:20px}.next-round:last-of-type{margin-top:20px}@media (min-width: 768px){.response p{text-align:center}.prompt{width:700px}}.timer-container{width:100%;height:10px;background-color:#faebd7}.timer-container .timer{height:100%;width:0%;background-color:salmon}.reactions{display:flex;justify-content:space-between;margin-top:3px;align-items:center;padding:10px;border-bottom:1px solid #1a1a1a}.reactions>div:first-of-type{font-weight:700;font-size:11px;text-transform:uppercase}.reactions .buttons{display:flex}.reactions button.reaction{display:flex;justify-content:center;align-items:center;background-color:#1a1a1a;border-radius:100%;height:40px;width:40px;margin:3px;min-height:40px}.reactions button.reaction span{font-size:20px}.reactions button.reaction.chosen:disabled{background-color:#1e90ff;color:#fff;opacity:1}.superlatives{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid antiquewhite}.superlatives .container{color:#faebd7;border-radius:10px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.superlatives .container p{margin:4px 0}.superlatives .container p.name{font-size:30px;font-weight:700;text-transform:uppercase;color:#1e90ff}.superlatives .container>.title{font-family:PirataOne;font-size:26px;font-weight:700;font-style:italic}.superlatives .container span{text-transform:uppercase;font-size:12px}.superlatives .container .icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.superlatives .container .icon span:first-of-type{font-size:30px}.superlatives .container .icon p:first-of-type{font-size:11px}.game-over{border-radius:10px;width:100%}.game-over .header{border-bottom:1px solid antiquewhite;padding-bottom:40px}.game-over .header h1{font-family:PirataOne;font-size:70px;margin-bottom:10px}.game-over .winners-and-players{padding-bottom:20px;border-bottom:1px solid antiquewhite}.game-over .winners-and-players .winners{position:relative;margin-top:20px}.game-over .winners-and-players .winners .name,.game-over .winners-and-players .winners .score{color:#3cb371}.game-over .winners-and-players .winners .player{position:relative}.game-over .winners-and-players .winners .player:before{position:absolute;content:"👑";font-size:20px;top:5px;left:-25px}.game-over .winners-and-players .player{display:flex}.game-over .winners-and-players .player .name{flex-grow:1;font-weight:700;text-transform:uppercase;font-size:30px}.game-over .winners-and-players .player .dots{border-bottom:4px dotted antiquewhite;flex-grow:6;height:30px}.game-over .winners-and-players .player .score{flex-grow:1;font-weight:700;font-size:30px}.game-over .winners-and-players .player .score span{font-size:11px;margin-left:5px;text-transform:uppercase}.game-over .error{margin-top:20px}.game-over .actions{display:flex;justify-content:space-between;width:100%}@media (min-width: 768px){.game-over{padding:40px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-center{display:flex;justify-content:center;align-items:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}p{text-align:center}.error{font-size:14px;color:#ff474c;height:24px;margin:0;text-align:center}@media (min-width: 768px){p{text-align:left}.actions{flex-direction:row-reverse}.actions button:first-of-type{margin-right:0;margin-left:10px}.error p{text-align:center}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:PirataOne;src:local("PirataOne-Regular"),url(/assets/PirataOne-Regular-KV2ksRml.ttf)}@font-face{font-family:GoudyBookletter1911;src:local("GoudyBookletter1911-Regular"),url(./assets/fonts/GoudyBookletter1911.ttf)}