.game{grid-row-gap:4vh;row-gap:4vh}.board,.game{display:flex;flex-direction:column}.cell,.row{display:flex}.cell{font-size:min(2vw,2vh);height:min(8vw,8vh);width:min(8vw,8vh);justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box}.shapeCell{margin:-1px;height:min(4vw,4vh);width:min(4vw,4vh)}.emptyCell{border:1px solid transparent;height:min(8vw,8vh);width:min(8vw,8vh)}.shapeRow{display:flex;align-items:flex-start;flex-direction:row}.shapeColor{background-color:var(--shape-color);display:flex;cursor:pointer}.selected{background-color:var(--selected-color)}body.dark .selected{background-color:var(--selected-color-dark)}.flexDirectionRow{flex-direction:row}.flexDirectionColumn{flex-direction:column}.flexDirectionRowReverse{flex-direction:row-reverse;justify-content:flex-end}.flexDirectionColumnReverse{flex-direction:column-reverse}.shapesContainer{display:flex;flex-wrap:wrap;grid-column-gap:20px;column-gap:20px;grid-row-gap:20px;row-gap:20px;justify-content:center;height:100%;align-content:center}.shape{display:flex;align-items:flex-start;flex-direction:column}.boardContainer{display:flex;flex-direction:row;justify-content:center;grid-column-gap:5vw;column-gap:5vw}.rightContentContainer{height:100%}.buttonContainer,.rightContentContainer{display:flex;flex-direction:column;grid-row-gap:min(3vw,3vh);row-gap:min(3vw,3vh);width:28vw;min-width:12vh}.buttonContainer{justify-content:center;align-items:center}.rotateButtons{display:flex;flex-direction:row;grid-column-gap:min(1vw,1vh);column-gap:min(1vw,1vh);flex-wrap:wrap;justify-content:center}.resetButton,.rotateButton{padding:clamp(1vh,8px,8px) clamp(2vw,20px,20px);background-color:var(--button-color);border:none;border-radius:30px;min-width:75px;margin-bottom:min(1vh,1vw);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-size:clamp(16px,2.5vw,20px)}body.dark .resetButton,body.dark .rotateButton{background-color:var(--button-color-dark);color:var(--text-dark)}.selectedShape{align-self:center;display:flex;transform:scale(.5)}.currentDate{background:var(--current-date-color)}body.dark .currentDate{background:var(--current-date-color-dark)}.winner{font-size:min(5vw,5vh);color:var(--winner-color);font-weight:600}.count,.winner{margin-bottom:min(3vw,3vh)}.count{font-size:min(4vw,4vh);font-weight:500}.borderleft{border-left:1px solid var(--border-color-light)}.borderright{border-right:1px solid var(--border-color-light)}.bordertop{border-top:1px solid var(--border-color-light)}.borderbottom{border-bottom:1px solid var(--border-color-light)}.exteriorborderleft{border-left:2px solid var(--border-color-light)}.exteriorborderright{border-right:2px solid var(--border-color-light)}.exteriorbordertop{border-top:2px solid var(--border-color-light)}.exteriorborderbottom{border-bottom:2px solid var(--border-color-light)}.shapeborderleft{border-left:1px solid var(--shape-color)}.shapeborderright{border-right:1px solid var(--shape-color)}.shapebordertop{border-top:1px solid var(--shape-color)}.shapeborderbottom{border-bottom:1px solid var(--shape-color)}.selected.shapeborderleft{border-left:1px solid var(--selected-color)!important}.selected.shapeborderright{border-right:1px solid var(--selected-color)!important}.selected.shapebordertop{border-top:1px solid var(--selected-color)!important}.selected.shapeborderbottom{border-bottom:1px solid var(--selected-color)!important}.dark{.borderleft{border-left:1px solid var(--border-color-dark)}.borderright{border-right:1px solid var(--border-color-dark)}.bordertop{border-top:1px solid var(--border-color-dark)}.borderbottom{border-bottom:1px solid var(--border-color-dark)}.exteriorborderleft{border-left:2px solid var(--border-color-dark)}.exteriorborderright{border-right:2px solid var(--border-color-dark)}.exteriorbordertop{border-top:2px solid var(--border-color-dark)}.exteriorborderbottom{border-bottom:2px solid var(--border-color-dark)}.shapeborderleft{border-left:1px solid var(--shape-color-dark)}.shapeborderright{border-right:1px solid var(--shape-color-dark)}.shapebordertop{border-top:1px solid var(--shape-color-dark)}.shapeborderbottom{border-bottom:1px solid var(--shape-color-dark)}.selected.shapeborderleft{border-left:1px solid var(--selected-color-dark)!important}.selected.shapeborderright{border-right:1px solid var(--selected-color-dark)!important}.selected.shapebordertop{border-top:1px solid var(--selected-color-dark)!important}.selected.shapeborderbottom{border-bottom:1px solid var(--selected-color-dark)!important}}:root{--background-light:#fff;--background-dark:#222;--text-light:#222;--text-dark:#fff;--shape-color:#3d7f92;--selected-color:#8d2929;--selected-color-dark:#a83c3c;--current-date-color:#ffc600;--current-date-color-dark:#be9200;--border-color-light:#222;--border-color-dark:#eceff1;--dead-border-color:transparent;--winner-color:#147f14;--button-color:#ddd;--button-color-dark:#999}body,html{margin:0;padding:0;width:100vw;height:100vh;box-sizing:border-box;font-family:sans-serif;overflow:hidden}#root{display:flex;flex-direction:column;height:100vh;padding-bottom:20px}body.light{background-color:var(--background-light);color:var(--text-light)}body.dark{background-color:var(--background-dark);color:var(--text-dark)}h1,h4{text-align:center}h1{font-size:min(5vw,5vh);margin-top:3vh;margin-bottom:1vh}.settings-container{padding:20px;font-family:sans-serif}.settings-item{margin-bottom:15px;display:flex;align-items:center}.settings-item label,.theme-label{margin-right:10px}.theme-label{font-weight:700}.theme-toggle-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.theme-toggle-button:hover{background-color:#0056b3}.header{display:flex;flex-direction:row;height:6vh;min-height:42px;width:100%;align-items:center;justify-content:space-between;flex-wrap:nowrap;color:#000;border-bottom:1px solid #3a3a3c;padding:10px 20px;font-family:sans-serif}.header.light{background-color:#f8f9fa;color:#212529}.header.dark{background-color:#343a40;color:#f8f9fa}.header .left{width:20vw;margin-left:3vw;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;grid-column-gap:2vw;column-gap:2vw}.header .center{font-size:28px;font-weight:600;min-width:35px}.header .right{width:20vw;margin-right:3vw;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;grid-column-gap:2vw;column-gap:2vw}.header .icon{font-size:20px;cursor:pointer}.icon{font-size:1.5rem;cursor:pointer;margin-left:10px}.center,.left,.right{display:flex;align-items:center}.center{flex-grow:1;justify-content:center;font-size:1.5rem;font-weight:700}:root{--dialog-background-light:#f8f9fa;--dialog-color-light:#212529;--dialog-background-dark:#343a40;--dialog-color-dark:#f8f9fa}.p-dialog.light{background-color:var(--dialog-background-light);color:var(--dialog-color-light)}.p-dialog.dark{background-color:var(--dialog-background-dark);color:var(--dialog-color-dark)}.p-dialog.light .p-dialog-content,.p-dialog.light .p-dialog-header,.p-dialog.light .p-dialog-titlebar{background-color:var(--dialog-background-light);color:var(--dialog-color-light)}.p-dialog.dark .p-dialog-content,.p-dialog.dark .p-dialog-header,.p-dialog.dark .p-dialog-titlebar{background-color:var(--dialog-background-dark);color:var(--dialog-color-dark)}.setting-item{margin-top:20px;display:flex;align-items:center}.setting-item label{font-size:16px;color:var(--text-light)}.setting-item input[type=checkbox]{margin-right:10px}
/*# sourceMappingURL=main.f3770919.chunk.css.map */