body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-body{background-color:#23272e;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);max-height:100vh;min-height:100vh}.grid-game-title{font-size:2em;margin:5%}.grid-game-row{flex-direction:row;flex-wrap:wrap;gap:16px;padding:5%}.grid-game,.grid-game-row{display:flex;justify-content:center}.grid-game{align-items:center;background-color:#daa520;border:1px solid #fff;border-radius:16px;color:#fff;cursor:pointer;flex-direction:column;font-weight:700;min-height:150px;min-width:300px;padding:8px;text-shadow:#000 1px 0 10px}.two-team-guessing{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.two-team-guessing-settings-button-container{display:flex;gap:16px;justify-content:center;padding-bottom:16px}.two-team-guessing-settings-title{margin-top:0}.two-team-guessing-toolbar{background-color:#daa520;color:#23272e;display:flex;flex-direction:row;justify-content:space-between}.two-team-guessing-toolbar-group{display:flex;flex-direction:row;gap:8px}.two-team-guessing-toolbar-text-button>button{font-size:x-large;padding:0}.two-team-guessing-toolbar-group-left{justify-content:start}.two-team-guessing-toolbar-group-middle{justify-content:center}.two-team-guessing-toolbar-group-right{justify-content:end}.two-team-guessing-grid{display:flex;flex:1 1;flex-direction:column;gap:1vw;margin:1vw}.two-team-guessing-grid-row{display:flex;flex:1 1;flex-direction:row;gap:1vw;width:100%}.two-team-guessing-grid-row-item{flex:1 1}.two-team-guessing-grid-row-item .grid-button>button{border:5px solid gray}.two-team-guessing-grid-row-item-selecting .grid-button>button{border:5px solid #daa520}.two-team-guessing-grid-item-unselected .flippable-grid-button-front .grid-button>button{background:gray}.two-team-guessing-grid-item-unselected .flippable-grid-button-back .grid-button>button{background:#d3d3d3}.two-team-guessing-grid-row-item .flippable-grid-button-front .grid-button>button{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.two-team-guessing-grid-row-item .flippable-grid-button-back .grid-button>button{color:#000;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.two-team-guessing-grid-item-selected-red .grid-button>button{background:#b22222}.two-team-guessing-grid-item-selected-blue .grid-button>button{background:#4169e1}.two-team-guessing-grid-item-selected-both .flippable-grid-button-front .grid-button>button{background:linear-gradient(90deg,#b22222 50%,#4169e1 0)}.two-team-guessing-grid-item-selected-both .flippable-grid-button-back .grid-button>button{background:linear-gradient(90deg,#4169e1 50%,#b22222 0)}.flippable-grid-button-wrapper{height:100%;perspective:1000px;width:100%}.flippable-grid-button{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.flippable-grid-button-transition-flip-enter{transform:rotateY(5turn)}.flippable-grid-button-transition-flip-enter-active{transform:rotateY(0deg);transition:transform .8s;transition-timing-function:cubic-bezier(.57,.21,.69,1.25)}.flippable-grid-button-transition-flip-enter-done,.flippable-grid-button-transition-flip-exit{transform:rotateY(0deg)}.flippable-grid-button-transition-flip-exit-active{transform:rotateY(180deg);transition:transform .8s;transition-timing-function:cubic-bezier(.57,.21,.69,1.25)}.flippable-grid-button-transition-flip-exit-done{transform:rotateY(180deg)}.flippable-grid-button-back,.flippable-grid-button-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.flippable-grid-button-back{transform:rotateY(180deg)}.grid-button{height:100%}.grid-button>button{height:100%;width:100%}.grid-button>button,.grid-button>button .grid-button-img{align-items:center;display:flex;flex-direction:column;justify-content:center}.grid-button>button .grid-button-img,.grid-button>button .grid-button-img img{box-sizing:border-box;max-height:100%;max-width:100%;object-fit:contain}.grid-button>button .grid-button-img img{display:block}.grid-button>button .grid-button-title{font-size:small;font-weight:700;line-height:1;position:absolute}.grid-button>button .grid-button-subtitle{font-size:small;font-style:italic}
/*# sourceMappingURL=main.b7b6ed27.css.map*/