.maze-board-container{width:100%;height:100%;max-width:min(90vw,90vh);max-height:min(90vw,90vh);aspect-ratio:1 / 1;margin:auto;position:relative;background-color:#21252b;border-radius:5px;overflow:hidden}.maze-board-container canvas{display:block;width:100%;height:100%}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#282c34cc;display:flex;justify-content:center;align-items:center;color:#abb2bf;font-size:1.2em;z-index:10}@media (max-width: 768px){.maze-board-container{max-width:95vw;max-height:75vh}}.game-info{background-color:#3a3f4b;padding:1rem;border-radius:5px;box-shadow:0 2px 4px #0003}.info-item{margin-bottom:.5rem;font-size:.95em}.info-item span{font-weight:700;color:#98c379;margin-left:5px}.info-item .status-playing{color:#61dafb}.info-item .status-won{color:#e5c07b}.info-item .status-generating{color:#e06c75}.game-controls{background-color:#3a3f4b;padding:1rem;border-radius:5px;display:flex;flex-direction:column;gap:.8rem}.game-controls label{display:block;margin-bottom:.3rem;font-size:.9em;color:#abb2bf}.game-controls select,.control-button{padding:.6rem 1rem;border:1px solid #5c6370;border-radius:4px;background-color:#4b5263;color:#dcdfe4;font-size:.9em;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;text-align:center}.game-controls select{width:100%}.control-button:hover:not(:disabled){background-color:#5c6370;border-color:#61dafb}.control-button:active:not(:disabled){background-color:#6a7389}.control-button:disabled{background-color:#3a3f4b;color:#5c6370;cursor:not-allowed;border-color:#4b5263}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#282c34;padding:2rem 2.5rem;border-radius:8px;text-align:center;box-shadow:0 5px 15px #0006;border:1px solid #4b5263;min-width:300px}.modal-content h2{color:#61dafb;margin-bottom:1rem}.modal-content p{margin-bottom:1.5rem;color:#abb2bf}.modal-content .control-button{margin-top:.5rem}.game-info .info-item.best-time span{color:#e5c07b}.modal-content .new-best-message{color:#98c379;font-weight:700;margin-top:-.5rem;margin-bottom:1.5rem}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;height:100%;overscroll-behavior:none;position:fixed;width:100%}#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#282c34;color:#abb2bf;line-height:1.6}.app-container{display:flex;flex-direction:column;height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.app-header{text-align:center;padding:1rem 0;color:#61dafb;flex-shrink:0}.game-area{display:flex;flex-grow:1;gap:1.5rem;padding:1rem;overflow:hidden;min-height:0}.game-sidebar{flex:0 0 250px;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:10px}.maze-main-content{flex-grow:1;display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;position:relative;overflow:hidden}.instructions{background-color:#3a3f4b;padding:.8rem;border-radius:4px;font-size:.9em}.instructions .color-swatch{display:inline-block;width:12px;height:12px;border-radius:2px;vertical-align:middle;margin:0 3px}.instructions .color-swatch.end{background-color:#e06c75}.instructions .color-swatch.start{background-color:#98c379}.instructions .color-swatch.player{background-color:#61dafb}.app-footer{text-align:center;padding:.5rem 0;font-size:.8em;color:#5c6370;flex-shrink:0}@media (max-width: 768px){.game-area{flex-direction:column;padding:.5rem;gap:1rem;overflow-y:auto;overflow-x:hidden}.game-sidebar{flex:0 0 auto;width:100%;order:2;overflow-y:visible;padding-right:0}.maze-main-content{order:1;flex-grow:1;flex-shrink:0;min-height:clamp(300px,75vw,500px);width:100%}}