html{--max-cell-size:75px;--vertical-cells:7;--horizontal-cells:7;--available-game-field-height:100px}body,html{height:100%}body{background-color:#b9afaf;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none}#root,.App{height:100%}.App{align-items:center;display:flex;flex-direction:column}select{font-size:1.5rem;height:3rem;margin:2rem 0;min-width:12rem;padding:0 1rem}.buttons{display:flex;gap:.5rem}button{--webkit-appearance:none;font-size:1rem;min-width:100px;padding:8px}.gameFieldWrapper{align-items:center;display:flex;flex:1 1;justify-content:center;margin:16px 0;overflow:hidden;width:100%}.gameField{--cell-size-based-on-available-width:calc(100vw/var(--horizontal-cells));--cell-size-based-on-available-height:calc(var(--available-game-field-height)/var(--vertical-cells));--calculated-cell-size:min(var(--max-cell-size),var(--cell-size-based-on-available-width),var(--cell-size-based-on-available-height));background:#fff}.gameField.won .cell_2:after,.gameField.won .cell_8:after{content:"🥳"}.gameField.won .cell_3:after,.gameField.won .cell_9:after{content:"🎁"}.row{overflow:hidden}.cell,.row{display:flex}.cell{align-items:center;border:1px solid #00000010;font-size:calc(var(--calculated-cell-size)*.8);height:calc(var(--calculated-cell-size) - 2px);justify-content:center;width:calc(var(--calculated-cell-size) - 2px)}.cell_1{background:brown}.cell_2:after,.cell_8:after{content:"😃"}.cell_3:after,.cell_9:after{content:"📦"}.cell_7,.cell_8{background:khaki}.cell_9{background:#9acd32}.joystick{--joystick-button-size:100px;align-items:center;bottom:10px;display:flex;flex-direction:column;justify-content:center;position:fixed;right:10px}.joystickButton{-webkit-tap-highlight-color:transparent;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;height:var(--joystick-button-size);width:var(--joystick-button-size)}.joystick_middle_row{display:flex;gap:calc(var(--joystick-button-size)/2);margin:calc(var(--joystick-button-size)/-4) 0}.joystickButton:hover{background:rgba(0,0,0,.12)}.joystickButton:active{background:rgba(0,0,0,.15)}
/*# sourceMappingURL=main.fc0e3daa.css.map*/