html{position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%}body{margin:auto;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;text-align:center;background:radial-gradient(#215c7c,#1a445a);color:#eee}*,*:before,*:after{box-sizing:border-box}.button{display:inline-block;height:2.2rem;line-height:2.2rem;vertical-align:top;border-radius:3px;background:#eee;width:10rem;color:#222;cursor:pointer}.button[disabled]{background:#888;cursor:not-allowed}#root-route{position:absolute;width:100%;height:100%;flex-direction:column;place-content:center}#root-route #logo{font-size:4rem;font-family:arco,Arial,sans-serif;margin:0;margin-bottom:2rem;font-weight:400}#root-route #type-select{display:flex;justify-content:space-evenly;align-items:center}#root-route #main{height:100%;display:flex;flex-direction:column;justify-content:center}#root-route #info{min-height:100%;display:flex;flex-direction:column;justify-content:center}#root-route #info p{margin:.75rem}#root-route #down-arrow{position:absolute;bottom:0;left:calc(50% - 1.5rem);font-family:arco,Arial,sans-serif;font-size:3rem;opacity:.8}#root-route #version{position:absolute;bottom:.5rem;left:.5rem;font-size:.8rem;opacity:.8}.info-button{font-family:arco,Arial,sans-serif;font-size:3em;position:fixed;top:1rem;right:1.5rem;cursor:pointer}.banner{position:fixed;bottom:1.5rem;right:calc(-50% + 1.5rem);transform:rotate(-45deg);width:100%;background:#802727;border:4px solid #ab3b3b;transform-origin:bottom center;line-height:calc(1.2em + 8px);font-size:1.2em;z-index:1}.settings-icon{position:absolute;top:1.5em;right:1.5em;cursor:pointer}.settings-icon .material-icons{font-size:3em}#instructions{background:#000000e6;font-size:1rem;padding:1rem;text-align:center;border:8px solid #ffffff;animation:blink 2s;animation-iteration-count:infinite}@media only screen and (min-width: 768px){#instructions{font-size:1.2rem}}@media only screen and (min-width: 1200px){#instructions{font-size:1.4rem}}@keyframes blink{50%{border-color:red}}#game-component{position:absolute;width:100%;height:100%;display:flex;flex-direction:column}#game-component #players{font-size:1.2rem;overflow-x:auto;min-height:max-content}#game-component #players #flex-wrapper{display:flex;justify-content:space-evenly;min-width:fit-content}#game-component #players #flex-wrapper>*{margin:.25rem .5rem}#game-component #players .active{font-weight:700;text-decoration:underline}#game-component .button{margin-top:1rem}#game-component .button:not([disabled]){animation:glow 1s infinite alternate}#game-component .button.quit-top-left{position:absolute;top:.75rem;left:.75rem;margin-top:0;width:2.2rem;height:2.2rem;min-width:2.2rem;text-align:center;font-size:1.3rem;line-height:2.2rem;z-index:10}#game-component .button.quit-top-left:not([disabled]){animation:none}#game-component .play-controls{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}#game-component .play-controls .button{margin-top:1rem}@keyframes glow{0%{box-shadow:0 0 #fff}to{box-shadow:0 0 20px #fff}}#game-component #canvas-div{min-height:0;flex-grow:1;position:relative;display:flex}#game-component #canvas{width:100%}#game-component #instructions{position:absolute;bottom:0;width:100%}#setup-single-device{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#setup-single-device #wrapper{display:flex;flex-flow:column;align-items:center;justify-content:center;max-height:calc(100% - 8rem)}#setup-single-device .players{overflow:auto;padding:.5rem 1rem;background:#0003}#setup-single-device .players .button,#setup-single-device #add-player-button{width:fit-content;padding:0 .5rem;margin-left:1rem}#setup-single-device .player{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0}#setup-single-device #wrapper>*{margin:.5rem 0}#setup-single-device .mode-select{display:flex;align-items:center;gap:.5rem}#setup-single-device .mode-select select{min-width:8rem}.input{height:2.2rem;line-height:2.2rem;padding:0 .2rem;margin:0;vertical-align:top;border:none;border-radius:3px;font-weight:700}.nav-back{font-family:arco,Arial,sans-serif;font-size:3em;position:fixed;top:1rem;left:1.5rem;cursor:pointer}#setup-settings-route{position:absolute;width:100%;height:100%;display:flex;flex-direction:column}#setup-settings-route .user-account{font-size:.8rem}#setup-settings-route #content{flex-grow:1;flex-direction:column;display:flex;justify-content:center;align-items:center}#setup-settings-route .grid-wrapper{display:grid;grid-gap:1rem;grid-template-columns:1fr max-content;justify-items:end}#info{position:absolute;width:100%;flex-flow:column;align-items:center;padding:2rem}#info #wrapper{max-height:100%;overflow-y:auto;font-size:1rem}#info p a{text-decoration:none;color:inherit;font-weight:700}@media only screen and (min-width: 768px){#info #wrapper{width:50%}}