:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#121212;color:#e0e0e0}.chess-app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1rem}.chess-title{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:-.02em}.chess-layout{display:flex;gap:1.5rem;align-items:flex-start}.chess-sidebar{width:200px;display:flex;flex-direction:column;gap:1rem}.chess-captured{background:#1a1a1a;border:1px solid #333;border-radius:.5rem;padding:.5rem}.captured-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#888;margin-bottom:.25rem}.captured-pieces{display:flex;flex-wrap:wrap;gap:.1rem;min-height:1.5rem}.captured-piece{font-size:1.2rem;line-height:1}.chess-history{background:#1a1a1a;border:1px solid #333;border-radius:.5rem;padding:.5rem;max-height:320px;overflow-y:auto}.history-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#888;margin-bottom:.25rem}.history-list{display:flex;flex-wrap:wrap;gap:.2rem}.history-item{font-size:.8rem;font-family:ui-monospace,monospace;color:#ccc;background:#222;padding:.15rem .35rem;border-radius:.2rem}.chess-board-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.chess-status{font-size:1rem;font-weight:600;color:#4caf50;min-height:1.5rem}.chess-status.thinking{color:#ff9800;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);width:480px;height:480px;border:2px solid #555;border-radius:.25rem;overflow:hidden;box-shadow:0 8px 32px #00000080}.square{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.square.light{background:#e8d4b0}.square.dark{background:#b58863}.square.selected{background:#f6f669!important}.square.last-move{background:#cdd26a!important}.square.in-check{background:#f44!important;animation:check-flash .8s ease-in-out infinite}@keyframes check-flash{0%,to{background:#f44}50%{background:#c00}}.piece{font-size:2.8rem;line-height:1;z-index:1;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.white-piece{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.black-piece{color:#1a1a1a;text-shadow:0 1px 0 rgba(255,255,255,.1)}.legal-dot{position:absolute;width:28%;height:28%;background:#0003;border-radius:50%;z-index:2;pointer-events:none}.legal-dot.capture{width:90%;height:90%;background:transparent;border:4px solid rgba(0,0,0,.2);border-radius:50%}.rank-label{position:absolute;top:2px;left:4px;font-size:.6rem;font-weight:700;pointer-events:none;z-index:3}.file-label{position:absolute;bottom:1px;right:3px;font-size:.6rem;font-weight:700;pointer-events:none;z-index:3}.square.light .rank-label,.square.light .file-label{color:#b58863}.square.dark .rank-label,.square.dark .file-label{color:#e8d4b0}.chess-controls{display:flex;gap:.75rem}.chess-controls button{padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;border:1px solid #444;border-radius:.4rem;background:#222;color:#eee;cursor:pointer;transition:all .15s}.chess-controls button:hover:not(:disabled){background:#333;border-color:#666}.chess-controls button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.chess-layout{flex-direction:column-reverse;align-items:center}.chess-sidebar{width:100%;max-width:480px}.chess-board{width:min(90vw,480px);height:min(90vw,480px)}.piece{font-size:min(10vw,2.8rem)}}