button,input,ul{padding:unset}button,input{border:unset}input{border-radius:unset}body,figure,h1,h2,p,ul{margin:unset}button,input{text-align:unset}button,h1,h2,input{font:unset}:any-link{text-decoration:unset}button,input,:any-link{color:unset}button,input{background:unset}:focus{outline:unset}:root{font:1em/1.4 "Roboto", "Arial", sans-serif;color:black;background:white}.game{display:flex;width:100vw;height:100vh;overflow-x:hidden;flex-direction:column}.game._modal{overflow:hidden}.game .game-header{display:flex;flex:0 0 auto;padding:12px;justify-content:space-between;color:white;background-color:#455A64}.game .game-header ._tray{display:flex;flex-direction:row-reverse}.game .game-header ._tray>*{display:block;cursor:pointer;margin-left:1em}.game .game-header ._tray>*:last-child{margin-left:unset}.game .game-header ._tray>* img{display:block;height:1.4em}.game .game-main{display:flex;flex-grow:1;flex-direction:column;background-color:white}@media (orientation: landscape){.game .game-main{flex-direction:row}}.game .game-footer{display:flex;flex:0 0 auto;padding:12px;border-top:1px solid #E0E0E0;justify-content:space-between;font-size:0.8em;color:white;background-color:#455A64}.game .game-footer ._github{display:block}.game .game-footer ._github img{display:block;height:1.4em}.game .game-footer :any-link{font-weight:500}.game .game-footer :any-link:focus,.game .game-footer :any-link:hover{text-decoration:underline}.graph{display:flex;flex-direction:column-reverse;overflow:auto}.graph iframe{display:block;flex:0 0 auto;border-bottom:1px solid #E0E0E0;margin-bottom:auto;opacity:0.4;transition-property:opacity;transition-duration:0.2s}.graph iframe:hover,.graph iframe:last-child{opacity:1}.graph::-webkit-scrollbar{display:none}@media (orientation: landscape){.graph{flex:2 2 66.66%}}.tray{display:flex;padding:12px;flex-direction:row-reverse;align-items:center}.tray button{display:block;border-width:2px;border:1px solid transparent;border-radius:2px;margin-left:12px;position:relative;bottom:0;font-weight:500;text-transform:uppercase;cursor:pointer;transition-duration:0.1s;transition-property:bottom}.tray button._primary{padding:6px 12px;color:black;background-color:#FBC02D}.tray button._primary:disabled{color:#C49000}.tray button._primary:not(:disabled):hover{box-shadow:0 2px 12px rgba(0,0,0,0.4)}.tray button._primary:not(:disabled):active{box-shadow:none}.tray button._danger{padding:6px 12px;color:white;background-color:#D32F2F}.tray button._danger:disabled{color:#9A0007}.tray button._danger:not(:disabled):hover{box-shadow:0 2px 12px rgba(0,0,0,0.4)}.tray button._danger:not(:disabled):active{box-shadow:none}.tray button:last-child{margin-left:unset}.tray button:disabled{cursor:not-allowed;color:#999}.tray button:not(:disabled):hover{bottom:2px;text-shadow:0 2px 2px rgba(0,0,0,0.1)}.tray button:not(:disabled):active{bottom:0}.control{display:flex;flex:1 0 auto;flex-direction:column}@media (orientation: portrait){.control{justify-content:flex-end}}@media (orientation: landscape){.control{flex:1 1 33.33%;border-left:1px solid #E0E0E0}}.control .control-keyword{box-sizing:border-box;display:block;width:100%;padding:12px;text-align:center;font-weight:700;font-size:2em;text-transform:uppercase}@media (orientation: portrait) and (min-width: 768px){.control .control-keyword{font-size:3em}}@media (orientation: landscape) and (min-width: 1366px){.control .control-keyword{font-size:3em}}.control .control-tray{border-top:1px solid #E0E0E0}.teams{display:grid;grid-template-columns:repeat(2, 1fr)}.team{display:flex;flex-direction:column;overflow:hidden;text-align:center;color:white}.team input{box-sizing:border-box;width:100%;padding:6px 12px;position:relative;bottom:0;transition-duration:0.1s;transition-property:bottom}.team input:focus{bottom:2px}.team input::placeholder{color:unset;opacity:0.4}.team .team-name{margin:6px 0;font-weight:700;text-transform:uppercase;color:black;background-color:#FBC02D}.team .team-name:focus{box-shadow:0 2px 12px rgba(0,0,0,0.4)}@media (orientation: portrait) and (min-width: 768px){.team .team-name{font-size:1.4em}}@media (orientation: landscape) and (min-width: 1366px){.team .team-name{font-size:1.4em}}.team .team-score{font-weight:900;font-size:2em;text-transform:uppercase}.team .team-score:focus{text-shadow:0 2px 12px rgba(0,0,0,0.6)}@media (orientation: portrait) and (min-width: 768px){.team .team-score{font-size:4em}}@media (orientation: landscape) and (min-width: 1366px){.team .team-score{font-size:4em}}.team .team-answer{margin:6px 0;font-weight:500;text-transform:lowercase}.team .team-answer:focus{text-shadow:0 2px 12px rgba(0,0,0,0.6)}@media (orientation: portrait) and (min-width: 768px){.team .team-answer{font-size:2em}}@media (orientation: landscape) and (min-width: 1366px){.team .team-answer{font-size:1.4em}}.team._blue{background-color:#1976D2}.team._red{background-color:#D32F2F}.custom .custom-term{box-sizing:border-box;display:block;width:100%;padding:6px 12px;border-bottom:1px solid #E0E0E0}@media (orientation: portrait) and (min-width: 768px){.custom .custom-term{font-size:1.4em}}.custom .custom-tray{padding:12px}.modal{display:flex;padding:12px;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.4)}.modal .modal-content{box-sizing:border-box;width:100%;max-width:312px;max-height:100%;padding:12px;overflow:auto;background-color:white;box-shadow:0 2px 12px rgba(0,0,0,0.4)}.modal .modal-content._help{max-width:36em}.modal .modal-content._help ._trendmaster{font-variant-caps:small-caps}.modal .modal-content h1,.modal .modal-content h2{font-weight:bold}.modal .modal-content h1{font-size:2em}.modal .modal-content h2{font-size:1.4em}.modal .modal-content li{margin-bottom:0.5em}.modal .modal-content li:last-child{margin-bottom:unset}.modal .modal-content p,.modal .modal-content ul{margin-bottom:1em}.modal .modal-content p:last-child,.modal .modal-content ul:last-child{margin-bottom:unset}.modal .modal-content ul{padding-left:1em}.modal .modal-content :any-link{color:#1976D2}.modal .modal-content :any-link:focus,.modal .modal-content :any-link:hover{text-decoration:underline}[id^=trends-widget]{box-shadow:none !important}
/*# sourceMappingURL=game.css.map */