.board-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);width:min(80vw,80vh,640px);aspect-ratio:1;border:2px solid var(--border);border-radius:4px;overflow:hidden}.square{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .1s}.square.light{background:var(--board-light, #f0d9b5)}.square.dark{background:var(--board-dark, #b58863)}.square.selected{outline:3px inset var(--highlight, #ffff00);outline-offset:-3px}.square.legal-dest:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background:#0003;pointer-events:none}.square.last-move{background:#ffff0040!important}.piece-img{width:85%;height:85%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform}.coord-file,.coord-rank{position:absolute;font-size:10px;font-weight:600;opacity:.6;pointer-events:none}.coord-file{bottom:2px;right:3px}.coord-rank{top:2px;left:3px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f1a;--surface: #1a1a2e;--border: #2d2d4e;--text: #e2e8f0;--text-muted: #94a3b8;--accent: #7c3aed;--accent-light: #a78bfa;--gold: #ffd700}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}