body{margin:0}.main-menu{background-color:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}#controls{flex-direction:column;align-items:center;gap:.5rem;display:flex}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:radial-gradient(circle at 20% 20%,#ffffffeb,#ebebebe6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-card{text-align:center;background:#fff;border:1px solid #d9d9d9;border-radius:12px;min-width:280px;padding:1.5rem 2rem;box-shadow:0 20px 40px #0000002e}.loading-title{margin-bottom:.5rem;font-weight:600}.loading-timer{font-variant-numeric:tabular-nums;margin-bottom:.75rem}.loading-error{color:#b00020;margin:.5rem 0}.loading-status{margin:.5rem 0;font-weight:600}.loading-status--success{color:#1f7a1f}.loading-status--failure{color:#b00020}.loading-actions{justify-content:center;gap:.75rem;display:flex}@property --chessboard-size{syntax:"<integer>";inherits:false;initial-value:8}.chessboard{width:calc(var(--chessboard-size) * 100px);height:calc(var(--chessboard-size) * 100px);grid-template-rows:repeat(var(--chessboard-size), 100px);grid-template-columns:repeat(var(--chessboard-size), 100px);display:grid;position:relative}.square{flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.white{background-color:#ebecd0}.black{background-color:#779556}#knight{width:95px;height:95px;position:absolute}.obstacle{width:80px;height:80px}#simulationContainer{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100vh;display:flex}#chessboarddiv{flex-direction:column;justify-content:center;align-items:center;width:90vh;height:90vh;display:flex}.path-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.path-line{stroke-width:3px;stroke-linecap:round;fill:none}.visit-numbers{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.visit-number{color:#1f2a1f;text-shadow:0 1px #ffffffb3;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.simulation-controls{flex-direction:column;align-items:center;gap:.75rem;display:flex}.simulation-label{flex-direction:column;align-items:center;gap:.25rem;display:flex}.simulation-label input[type=range]{width:220px}.simulation-speed{font-variant-numeric:tabular-nums}.simulation-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}