@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box}:root{--sz:13.33333vh}body{font-family:Open Sans,sans-serif;margin:0}#board-container{align-items:center;display:flex;height:100vh;justify-content:center}#board{grid-gap:4px;background-color:#000;border:4px solid;display:grid;grid-template-columns:13.33333vh repeat(9,1fr) 13.33333vh;grid-template-columns:var(--sz) repeat(9,1fr) var(--sz);grid-template-rows:13.33333vh repeat(9,1fr) 13.33333vh;grid-template-rows:var(--sz) repeat(9,1fr) var(--sz);height:98vh;width:98vh}#board #center{background:#c6e8cd;grid-column-end:11;grid-column-start:2;grid-row-end:11;grid-row-start:2}.card-holder{background:#c6e8cd;position:relative}.card-holder .card{align-items:center;display:flex;flex-direction:column;height:13.33333vh;height:var(--sz);position:absolute;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;width:calc(7.92593vh - 5px);width:calc(10.88889vh - var(--sz)*2/9 - 5px)}.card-holder .card label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-backface-visibility:hidden;font-size:.95vh;font-weight:600;margin-top:10%;text-align:center;text-transform:uppercase}.card-holder .card:not(.place) label{font-size:1vh;font-weight:800;padding:0 5px}.card-holder:nth-child(n+11):not(:nth-child(n+22)) .card{-webkit-transform:rotate(90deg) translateY(-100%);transform:rotate(90deg) translateY(-100%)}.card-holder:nth-child(n+22):not(:nth-child(n+32)) .card{-webkit-transform:rotate(180deg) translateY(100%);transform:rotate(180deg) translateY(100%);-webkit-transform-origin:bottom;transform-origin:bottom}.card-holder:nth-child(n+32) .card{-webkit-transform:rotate(270deg) translateX(-100%);transform:rotate(270deg) translateX(-100%)}.card-holder:first-child .card,.card-holder:nth-child(11) .card,.card-holder:nth-child(21) .card,.card-holder:nth-child(31) .card{align-items:center;background-color:#f1f1f1!important;display:flex;height:100%;justify-content:center;width:100%}.card-holder:first-child .card label,.card-holder:nth-child(11) .card label,.card-holder:nth-child(21) .card label,.card-holder:nth-child(31) .card label{margin-top:0}.card-holder .place-bg{block-size:2vh;margin-bottom:20%;position:relative;width:100%}.card-holder .place-bg:after{background-color:#000;content:"";height:4px;position:absolute;top:100%;width:100%}
/*# sourceMappingURL=main.d24de254.css.map*/