*{box-sizing:border-box;margin:0;padding:0}body{background:#ededed;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:900;display:-ms-flexbox;display:flex}#game-board{grid-template-columns:repeat(var(--grid-size),var(--cell-size));grid-template-rows:repeat(var(--grid-size),var(--cell-size));gap:var(--cell-gap);padding:var(--cell-gap);background-color:#ccc;border:1vmin;display:grid;position:relative}.cell{background-color:#aaa;border-radius:1vmin}.tile{width:var(--cell-size);height:var(--cell-size);top:calc(var(--y)*(var(--cell-size) + var(--cell-gap)) + var(--cell-gap));left:calc(var(--x)*(var(--cell-size) + var(--cell-gap)) + var(--cell-gap));background-color:hsl(30deg,86%,var(--background-lightness));color:hsl(39deg,33%,var(--text-lightness));border-radius:1vmin;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-weight:700;transition:all .1s ease-in-out;animation:.2s ease-in-out show;display:-ms-flexbox;display:flex;position:absolute}@keyframes show{0%{opacity:.5;transform:scale(0)}}.game-header{box-sizing:border-box;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:24px;padding:10px;display:-ms-flexbox;display:flex}h1{color:#f9f6f2;box-sizing:border-box;background:#ffc107;border-radius:5px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:75px;height:75px;margin:0;font-size:24px;display:-ms-flexbox;display:flex}.info{color:#776e65;box-sizing:border-box;background:#eee4da;border:1px solid #ccc;border-radius:5px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:75px;height:75px;margin:0 8px 0 0;font-size:16px;display:-ms-flexbox;display:flex;box-shadow:0 2px 5px rgba(0,0,0,.2)}.controls{display:-ms-flexbox;display:flex}.button{cursor:pointer;color:#f9f6f2;border:none;border-radius:5px;width:75px;height:75px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;transition:background .25s;box-shadow:0 2px 5px rgba(0,0,0,.2)}.start{background:#4caf50;font-size:20px}.start:hover{background:#179921}.restart{background:#e57373}.restart:hover{background:#d32f2f}.message{box-sizing:border-box;color:#776e65;text-align:center;background:#d6cdc4;border-radius:5px;width:100%;margin-top:20px;padding:10px;font-size:20px}.hidden{display:none}.container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:350px;display:-ms-flexbox;display:flex}.message-win{color:#f9f6f2;background:#edc22e}.message-container{width:100%;height:150px}.best{color:#776e65;background-color:#f5d78e}
/*# sourceMappingURL=index.045de5cb.css.map */