#root{max-width:100vw}.app{display:flex;flex-direction:column;min-height:100vh}.app-nav{display:flex;gap:1rem;justify-content:center;padding:1rem;flex-wrap:wrap;background:#f8fafc;border-bottom:1px solid #e2e8f0}.app-nav button{padding:.75rem 1.5rem;border:2px solid #646cff;background:transparent;color:#646cff;border-radius:12px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.app-nav button:hover,.app-nav button.active{background:#646cff;color:#fff}.app-main{flex:1}.chess-game{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;margin:0 auto}.game-header{text-align:center;width:100%}.game-header h2{margin:0 0 1rem;color:#213547}.game-info{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:center;margin-bottom:1rem;font-size:.9rem}.game-info>div{display:flex;align-items:center;gap:.5rem}.label{font-weight:500;color:#666}.color.white{background:#f0f0f0;color:#333;padding:.25rem .5rem;border-radius:4px;font-weight:700;text-transform:uppercase;font-size:.8rem}.color.black{background:#333;color:#fff;padding:.25rem .5rem;border-radius:4px;font-weight:700;text-transform:uppercase;font-size:.8rem}.engine-info input{width:60px;padding:.25rem;border:1px solid #ddd;border-radius:4px;text-align:center}.status{display:flex;align-items:center;gap:.5rem}.thinking{color:#f39c12;font-weight:500;animation:pulse 1.5s infinite}.loading{color:#3498db;font-weight:500}.game-status{color:#e74c3c;font-weight:700;font-size:1.1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.reset-btn{padding:.5rem 1rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.reset-btn:hover{background:#c0392b}.chessboard-container{width:100%;max-width:500px;aspect-ratio:1}.game-controls{text-align:center;width:100%}.turn-indicator{font-size:1.1rem;font-weight:500;color:#2c3e50;padding:.75rem;background:#ecf0f1;border-radius:8px;display:inline-block}@media (max-width: 768px){.app-nav{padding:.75rem;gap:.5rem;flex-direction:column;align-items:center}.app-nav button{padding:.75rem 1rem;font-size:.85rem;width:100%;max-width:280px;text-align:center}.game-info{flex-direction:column;gap:1rem}.chessboard-container{max-width:90vw}}@media (max-width: 480px){.app-nav{padding:.5rem}.app-nav button{padding:.6rem .8rem;font-size:.8rem;max-width:240px}}.slider{background:linear-gradient(to right,#e5e7eb 0% 100%)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:#4f46e5;cursor:grab;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.slider::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#4f46e5;cursor:grab;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.slider::-moz-range-thumb:active{cursor:grabbing}.slider::-webkit-slider-thumb:active{cursor:grabbing}.slider:active{cursor:grabbing}.slider:disabled{opacity:.5;cursor:not-allowed}.slider:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#9ca3af}.slider:disabled::-moz-range-thumb{cursor:not-allowed;background:#9ca3af}.blindfold-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px dashed #d1d5db;border-radius:12px;padding:2rem;text-align:center}.blindfold-info{max-width:300px}.peek-button{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(0);transition:all .2s ease}.peek-button:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.peek-button:active{transform:translateY(0)}.last-move-display{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.blindfold-board-container{position:relative}.peek-overlay{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.peek-header{animation:pulse 2s infinite}.board-wrapper{border:3px solid #f97316;border-radius:8px;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}