*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.language-selector{display:flex;gap:8px;margin-bottom:1rem}.language-selector button{padding:.4em .8em;font-size:.9em;min-width:48px;border-radius:4px;background-color:transparent;border:1px solid #646cff;color:#646cff;transition:all .25s;cursor:pointer}.language-selector button:hover{background-color:#646cff;color:#fff}.language-selector button.active{background-color:#646cff;color:#fff;border-color:#535bf2}.language-selector button.active:hover{background-color:#535bf2;border-color:#535bf2}@media (prefers-color-scheme: dark){.language-selector button{border-color:#646cff;color:#646cff}.language-selector button:hover{background-color:#646cff;color:#fff}}@media (prefers-color-scheme: light){.language-selector button{border-color:#747bff;color:#747bff}.language-selector button:hover{background-color:#747bff;color:#fff}.language-selector button.active{background-color:#747bff;border-color:#535bf2}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.app{display:flex;min-height:100vh;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.controls-container{flex:0 0 350px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);height:fit-content;position:sticky;top:2rem}.controls-section{margin-bottom:2rem}.controls-section:last-child{margin-bottom:0}h2{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#7f8c8d;font-size:.9rem;font-style:italic}h3{color:#34495e;font-size:1rem;font-weight:600;margin-bottom:.75rem}.puzzle-info{display:flex;flex-direction:column;gap:.5rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#34495e0d;border-radius:8px}.label{font-weight:500;color:#2c3e50}.value{font-weight:600;color:#3498db}.solve-controls{display:flex;flex-direction:column;gap:1rem}.checkbox-container{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:#2c3e50;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid #3498db;border-radius:4px;margin-right:.5rem;position:relative;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#3498db}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.solve-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #3498db4d}.solve-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.solve-button:active:not(:disabled){transform:translateY(0)}.solve-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.solve-button.loading{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.solution-controls{display:flex;flex-direction:column;gap:1rem}.solution-counter{text-align:center;padding:1rem;background:#2ecc711a;border:1px solid rgba(46,204,113,.3);border-radius:8px}.counter-text{color:#27ae60;font-weight:600}.navigation-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.nav-button{background:#ecf0f1;border:1px solid #bdc3c7;color:#2c3e50;width:40px;height:40px;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.nav-button:hover:not(:disabled){background:#d5dbdb;border-color:#95a5a6}.nav-button:disabled{opacity:.5;cursor:not-allowed}.current-solution{font-weight:600;color:#2c3e50;min-width:60px;text-align:center}.reset-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%}.reset-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.reset-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.legend ul{list-style:none;padding:0}.legend li{margin-bottom:.5rem;display:flex;align-items:center;color:#2c3e50;font-size:.9rem}kbd{background:#ecf0f1;border:1px solid #bdc3c7;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;font-family:monospace;margin-right:.5rem;box-shadow:0 1px 2px #0000001a}.algorithm-info p{color:#7f8c8d;font-size:.9rem;line-height:1.5}.board-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:2rem}.board-canvas{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;border:2px solid rgba(255,255,255,.8)}.solution-info{text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(255,255,255,.2)}.solution-info p{margin:0;color:#2c3e50;font-weight:600;font-size:1.1rem}.navigation-hint{color:#7f8c8d!important;font-size:.9rem!important;font-weight:400!important;margin-top:.5rem!important}@media (max-width: 1024px){.app{flex-direction:column;gap:1.5rem;padding:1rem}.controls-container{flex:none;position:static;order:2}.board-container{order:1}}@media (max-width: 640px){.controls-container{padding:1.5rem}.solve-button{padding:.875rem 1.5rem;font-size:.9rem}.board-canvas{max-width:100%;height:auto}}.loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 8px 32px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.solution-info{animation:fadeIn .5s ease-out}button:focus-visible,input:focus-visible{outline:2px solid #3498db;outline-offset:2px}