:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;--color-primary: #00fff2;--color-onPrimary: #000;--color-secondary: #FFF;--color-wall: #1663ce;--color-cell: #000;--color-player: #5ea1ff;--color-pointer: #009f27;--font-size-xs: .6rem;--font-size-s: .8rem;--font-size-m: 1rem;--font-size-l: 1.25rem;--font-size-xl: 1.5rem;--font-size-xl2: 2rem;--font-size-xl3: 2.5rem;--font-size-xl4: 3rem;--font-size-xl5: 3.5rem;--font-size-xl6: 4rem;--game-canvas-margin: 1rem}@media (min-width: 1200px){:root{--font-size-xs: .8rem;--font-size-s: 1rem;--font-size-m: 1.2rem;--font-size-l: 1.5rem;--font-size-xl: 2rem;--font-size-xl2: 2.5rem;--font-size-xl3: 3rem;--font-size-xl4: 3.5rem;--font-size-xl5: 4rem;--font-size-xl6: 4.5rem;--game-canvas-margin: 1rem}}@media (max-width: 700px){:root{--font-size-xs: .4rem;--font-size-s: .6rem;--font-size-m: .75rem;--font-size-l: 1rem;--font-size-xl: 1.2rem;--font-size-xl2: 1.5rem;--font-size-xl3: 2rem;--font-size-xl4: 2.5rem;--font-size-xl5: 3rem;--font-size-xl6: 3.5rem;--game-canvas-margin: .5rem}}*{box-sizing:border-box}body{width:100%;height:100vh;margin:0;padding:0;background-color:#171717}#root{width:100%;height:100%}.container{position:absolute;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);padding:5rem;color:var(--color-secondary);align-items:center}.container .header{font-size:var(--font-size-xl6);margin:auto;color:var(--color-primary);text-align:center;font-weight:700;letter-spacing:.25rem}.container .buttonContainer{display:flex;gap:.5rem;flex-direction:column}.mazeButton{cursor:pointer;color:var(--color-secondary);font-size:var(--font-size-xl2);border:3px solid var(--color-primary);text-align:center;padding:.75rem 6rem;margin-top:1rem;text-transform:capitalize;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mazeButton:hover{background-color:var(--color-primary);color:var(--color-onPrimary)}.drawingSpeedContainer{display:flex;flex-direction:column;margin:auto;max-width:300px;color:#fff;text-align:center;gap:.5rem;padding-top:.5rem}.mazeSizeInputContainer{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#0ff;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:capitalize;align-content:flex-start;text-align:start}.mazeSizeInputContainer .mazeSizeSelectContainer{display:flex;gap:.5rem;margin-top:.5rem}.mazeSizeInputContainer .header{font-size:var(--font-size-xl)}.mazeSizeInputContainer .subHeader{font-size:var(--font-size-m)}.mazeSizeInputContainer .selectContainer{width:100%;font-size:var(--font-size-l)}.mazeSizeInputContainer .selectContainer:not(:first-child){margin-top:1rem}.mazeSizeInputContainer .mazeButton{margin-top:1.5rem}.mazeSizeInputContainer .drawingSpeedContainer{display:flex;width:100%;margin-top:1rem}.mazeSizeInputContainer .drawingSpeedContainer div{width:100%;color:#0ff;align-content:flex-start;text-align:start;font-size:var(--font-size-xl)}.mazeGameContainer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh}.topBar{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%;margin:0;color:var(--color-primary);font-size:var(--font-size-l);padding:1rem}.topBar .leftContainer{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.topBar .leftContainer .title{font-size:var(--font-size-xl);font-weight:700;text-align:left}.topBar .leftContainer .backToMenu{font-size:var(--font-size-l);text-align:left;cursor:pointer}.topBar .leftContainer .backToMenu:hover{background-color:var(--color-primary);color:var(--color-onPrimary)}.topBar .middleContainer{display:flex;align-items:center}.topBar .rightContainer{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media (max-width: 700px){.topBar{flex-direction:column;justify-content:center}.topBar>div{padding:.5rem}}.bottomBar{display:flex;flex-direction:column;font-size:var(--font-size-m);height:100%;width:100%;justify-content:flex-end;align-items:flex-start;color:var(--color-primary);padding:1rem}#gameCanvasContainer{display:flex;justify-content:center;width:100%}#gameCanvas{display:flex;position:relative}.timeLeft{width:100%;text-align:center;padding:1rem;color:#fff;font-size:var(--font-size-xl)}.container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}.container .gameOverContainer{display:flex;flex-direction:column;align-items:center}.container .gameOverContainer .notificationHeader{font-size:var(--font-size-xl6);text-transform:uppercase;color:#0ff}.container .gameOverContainer .levelReached{font-size:var(--font-size-l)}.container .options{margin-top:1rem}.container .options .option:first-of-type{margin-top:1rem}