body{margin:0;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#222;color:#fff}#ui-container{position:absolute;top:10px;left:10px;z-index:10;background:#00000080;padding:15px;border-radius:8px;pointer-events:none}#ui-container *{pointer-events:auto}#menu-header{display:flex;justify-content:space-between;align-items:center;gap:15px}h1{margin:0;font-size:1.2rem;white-space:nowrap}#menu-toggle{background:none;border:1px solid rgba(255,255,255,.3);padding:2px 8px;font-size:1.2rem;border-radius:4px}#menu-toggle:hover{background:#ffffff1a}.controls{display:flex;flex-direction:column;gap:10px}button{padding:10px 15px;border:none;border-radius:5px;background-color:#4caf50;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .3s}button:hover{background-color:#45a049}button:active{background-color:#3e8e41}button:disabled{background-color:#555!important;color:#888;cursor:not-allowed;opacity:.7}#solve-btn{background-color:#2196f3}#solve-btn:hover{background-color:#0b7dda}#hint-btn{background-color:#ff9800}#hint-btn:hover{background-color:#e68a00}#style-btn{background-color:#9c27b0}#style-btn:hover{background-color:#7b1fa2}#bg-btn{background-color:#009688}#bg-btn:hover{background-color:#00796b}#crazy-btn{background-color:#f44336}#crazy-btn:hover{background-color:#d32f2f}#crazy-btn.active{box-shadow:0 0 15px #f44336;border:2px solid white}#debug-toggle-btn{background-color:#607d8b}#debug-toggle-btn:hover{background-color:#455a64}#message{margin-top:15px;font-weight:700;min-height:1.2em;text-align:center}#ui-container.collapsed #controls-wrapper,#ui-container.collapsed #credits,#ui-container.collapsed #message{display:none}#ui-container.collapsed{padding-bottom:5px}#canvas-container{width:100vw;height:100vh}