body{background-color:#ecefca;color:#fff;margin:0;padding:0;font-family:Arial,sans-serif;text-align:center}.maze-game-main{overflow:auto;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;width:90%;max-width:800px;margin:20px auto;background-color:#94b4c1;border-radius:10px;padding:15px;box-shadow:0 4px 8px #0003;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.maze-grid-container{display:grid;border:5px solid black;margin:20px auto;box-shadow:0 0 15px #0000004d;transition:all .3s ease}.maze-grid-cell{position:relative;display:flex;transition:background-color .3s ease,transform .2s ease}.maze-grid-cell:hover{transform:scale(1.05);z-index:1}.maze-text{position:absolute;width:100%;display:flex;justify-content:center;align-items:center;font-weight:700}.maze-pop-up-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:#000000b3;display:flex;justify-content:center;align-items:center;animation:popUpFadeIn .3s ease-out}@keyframes popUpFadeIn{0%{opacity:0}to{opacity:1}}.maze-pop-up-body{width:90%;max-width:500px;background-color:#578692;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:10px;box-shadow:0 5px 15px #0006;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.maze-pop-up-cancel{display:flex;width:100%;justify-content:flex-end;color:red;cursor:pointer;font-size:24px;transition:transform .2s ease}.maze-loading-div{padding:40px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.maze-movement-btns,.maze-feature-btns{display:flex;width:100%;flex-wrap:wrap;justify-content:center;gap:10px;margin:10px 0}.maze-feature-btns button,.maze-movement-btns button{border:3px solid black;border-radius:7px;padding:8px 12px;background-color:#315173;color:#e9e9e9;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px}.maze-feature-btns button:hover,.maze-movement-btns button:hover{background-color:#213448;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.maze-feature-btns button:active,.maze-movement-btns button:active{transform:translateY(1px)}.maze-movement-btns svg{transform:translateY(2px);transition:transform .2s ease}.maze-movement-btns button:hover svg{transform:translateY(2px) scale(1.1)}.maze-success-msg{color:green;font-size:larger;font-weight:700}.gen_maze-btns{display:flex;gap:10px}.gen-maze-cell{cursor:pointer}.gen-maze-cell:hover{background-color:#a3a7ff!important;transition:all ease-out .3s}@media (max-width: 600px){.maze-game-main{width:95%;padding:10px}.maze-pop-up-body{width:95%;padding:15px}.maze-feature-btns button,.maze-movement-btns button{padding:6px 8px;min-width:100px;font-size:14px}h2{font-size:16px}.maze-text{font-size:x-small}}@media (max-width: 400px){.maze-feature-btns,.maze-movement-btns{gap:5px}.maze-feature-btns button,.maze-movement-btns button{min-width:80px;font-size:12px;padding:5px}}.maze-generation-container{display:flex;justify-content:center;flex-direction:column;align-items:center}.maze-solutions-container{display:flex;flex-direction:column;align-items:center}.loading-conatiner{position:absolute;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;height:100vh;width:100%;z-index:10;background-color:#f0f8ff60;cursor:progress;top:0;left:0}.gen-maze-form{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;gap:10px;text-align:center}.gen-maze-form-conatiner{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.gen-maze-form button,.maze-generation-container button{border:3px solid black;border-radius:7px;padding:8px 12px;background-color:#44607e;color:#e9e9e9;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px;display:flex;align-items:center;justify-content:center}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gen-maze-form button:hover,.maze-generation-container button:hover{background-color:#6c8db0;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.maze-game-main.maze-home-page-main{margin:15vh auto;width:90%;max-width:500px;display:flex;flex-direction:column;align-items:center;animation:fadeIn .8s ease-out;overflow:hidden}.maze-home-page-main img{width:150px;max-width:50%;margin:20px;animation:pulse 2s infinite ease-in-out}.maze-home-page-main div{width:70%;display:flex;flex-direction:column}.maze-home-page-conatiner{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;animation:slideUp .6s ease-out .3s both}.maze-home-page-conatiner button{border:3px solid black;border-radius:7px;padding:10px 15px;background-color:#44607e;color:#e9e9e9;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px;display:flex;align-items:center;justify-content:center;font-size:16px}.maze-home-page-conatiner button:hover{background-color:#6c8db0;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 480px){.maze-home-page-main{margin:10vh auto;width:95%}.maze-home-page-conatiner{flex-direction:column;gap:10px}.maze-home-page-conatiner button{width:100%;padding:12px}}h1{color:#fff;font-size:24px}.maze-Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:96%;padding:10px 2%;background-color:#547792}.maze-Header>div{display:flex;gap:10px}.maze-Header button{border:3px solid black;border-radius:7px;padding:8px 12px;background-color:#315173;color:#e9e9e9;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px}.maze-Header button:hover{background-color:#3f6083;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 600px){.maze-Header{flex-direction:column}.maze-Header button{padding:5px 7px;min-width:80px}}