:root{--bg-color: #f4f7f9;--container-bg: #ffffff;--primary-color: #3498db;--primary-hover: #2980b9;--text-color: #34495e;--border-color: #e0e0e0;--success-color: #2ecc71;--shadow-color: rgba(0, 0, 0, .1);--font-family: "Poppins", sans-serif}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px 10px;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cell{width:20px;height:20px;background-color:#f0f0f0;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.cell.wall-top{border-top:2px solid black}.cell.wall-right{border-right:2px solid black}.cell.wall-bottom{border-bottom:2px solid black}.cell.wall-left{border-left:2px solid black}.cell.start{background-color:#90ee90}.cell.end{background-color:#f08080}.cell.player{background-color:#1e90ff;border:2px solid navy;box-sizing:border-box;border-radius:50%;z-index:5}.cell.end.player{background-color:#9400d3;border-color:#000}.cell.error-cell{background-color:#fcc;color:#a00000;font-weight:700;border:1px solid red}@media (max-width: 600px){.cell{width:14px;height:14px}.cell.wall-top{border-top-width:1px}.cell.wall-right{border-right-width:1px}.cell.wall-bottom{border-bottom-width:1px}.cell.wall-left{border-left-width:1px}.cell.player,.cell.end.player{border-width:1px}}.maze-grid-container{margin:10px auto 20px;display:block;width:fit-content;max-width:100%;background-color:#000;line-height:0;outline:none;box-shadow:0 2px 5px var(--shadow-color);border-radius:4px;overflow:hidden}.maze-grid{display:grid;background-color:#f0f0f0}.error-message{color:red;font-weight:700;padding:20px;border:1px solid red;background-color:#ffe0e0;margin:20px}.main-container{background-color:var(--container-bg);padding:30px 40px;border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);text-align:center;width:90%;max-width:800px;box-sizing:border-box;margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}h1{color:var(--text-color);margin-top:0;margin-bottom:25px;font-weight:600;font-size:clamp(1.8em,5vw,2.5em)}.controls{margin-bottom:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px 20px;padding:15px;background-color:#fdfdfd;border-radius:8px;border:1px solid var(--border-color);width:fit-content;max-width:100%}.controls label{display:flex;align-items:center;gap:8px;font-size:.95em;white-space:nowrap}.controls input[type=number]{padding:8px 10px;width:65px;border:1px solid var(--border-color);border-radius:6px;font-size:1em;font-family:var(--font-family);text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.controls input[type=number]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33}.controls button{padding:10px 20px;font-size:1em;font-weight:600;cursor:pointer;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;transition:background-color .2s ease,transform .1s ease}.controls button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.controls button:disabled{background-color:#bdc3c7;cursor:not-allowed;opacity:.7}.game-info{margin-top:10px;margin-bottom:15px;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.timer{font-size:1.2em;font-weight:600;color:var(--text-color);margin:0 0 8px;background-color:#f8f9fa;padding:5px 15px;border-radius:4px;border:1px solid var(--border-color)}.win-message{color:var(--success-color);font-weight:600;font-size:1.4em;margin-bottom:5px;animation:fadeIn .5s ease-in-out}.maze-area{display:flex;flex-direction:column;align-items:center;margin-top:10px;width:100%}.maze-area>div:first-child{cursor:grab}.maze-area>div:first-child:active{cursor:grabbing}.status-message{margin-top:20px;font-style:italic;color:#7f8c8d;min-height:1.2em;padding:20px;background-color:#f8f9fa;border:1px dashed var(--border-color);border-radius:8px;display:inline-block}.instructions{margin-top:20px;color:#7f8c8d;font-size:.9em}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 600px){.main-container{padding:20px 15px;width:95%;margin:10px 0 20px}h1{font-size:1.6em;margin-bottom:20px}.controls{flex-direction:column;gap:15px;width:100%;padding:15px;align-items:stretch}.controls label{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;font-size:1em;text-align:left}.controls input[type=number]{flex-grow:0;flex-shrink:0;width:80px;padding:10px;font-size:1.1em;text-align:center}.controls button{width:100%;padding:12px 20px;font-size:1.1em}.game-info{min-height:40px;margin-bottom:10px;margin-top:15px}.timer{font-size:1.1em;padding:4px 12px}.win-message{font-size:1.25em}.instructions{font-size:.85em;margin-top:15px}}