body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.board{background-color:#111;border:2px solid #333;border-radius:6px;box-shadow:0 0 6px #0006;display:grid;overflow:hidden}.cell{align-items:center;display:flex;justify-content:center;transition:background-color .3s ease}.white{background-color:#f0d9b5}.black{background-color:#b58863;color:#fff}.queen{size:2rem;animation:pop .2s ease-in;color:#1a0000}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.app-container{background-color:#1e1e2f;color:#fff;display:flex;font-family:Arial;height:100vh;overflow:hidden}.panel{background-color:#2a2a3d;border-left:2px solid #333;overflow-y:auto;padding:10px}.snapshots-panel{border-right:2px solid #333;width:22%}.steps-panel{width:25%}.panel-title{margin-bottom:10px;text-align:center}.snapshot-container{margin-bottom:20px;text-align:center}.snapshot-board{aspect-ratio:1;width:100%}.step-label{color:#bbb;font-size:.8rem;margin-top:4px}.divider{border-color:#444}.main-panel{flex:1 1;padding:20px;text-align:center}.controls{margin-bottom:10px}.input-box{border:none;border-radius:4px;margin-left:5px;padding:4px 8px}.btn{border:none;border-radius:4px;cursor:pointer;margin-left:10px;padding:6px 16px}.btn.start{background-color:#00c18c;color:#fff}.btn.reset{background-color:#ff5c5c;color:#fff}.btn.pause{background-color:#ffc107;color:#000}.steps-list{color:#ccc;font-size:.9rem;padding-left:18px}.step-item{margin-bottom:8px}.main-board{display:flex;justify-content:center}@media (max-width:768px){.app-container{flex-direction:column;height:auto}.snapshots-panel,.steps-panel{height:200px;width:100%}.main-panel{padding:10px}.snapshots-panel{display:none}}
/*# sourceMappingURL=main.e8e12c09.css.map*/