*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111113;--surface:#1e1e21;--border:#2e2e33;--text:#e8e8ed;--text-muted:#888892;--accent:#c9a227;--accent-hover:#dbb73a;--error:#e05252;--white-turn:#f0d9b5;--black-turn:#b58863}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;background:var(--accent);color:#111;letter-spacing:.02em;border:none;border-radius:8px;padding:.65rem 1.75rem;font-size:.95rem;font-weight:600;transition:background .15s,transform .1s}button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:default}.shell{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}.app-header{flex-direction:column;align-items:center;gap:.4rem;display:flex}.app-title{letter-spacing:-.02em;color:var(--text);font-size:1.75rem;font-weight:700}.app-subtitle{color:var(--text-muted);font-size:.875rem}.error-banner{color:var(--error);background:#e0525214;border:1px solid #e0525233;border-radius:8px;padding:.5rem 1rem;font-size:.85rem}.landing-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:2rem;min-width:280px;padding:2.5rem 3rem;display:flex}.landing-piece{-webkit-user-select:none;user-select:none;font-size:5rem;line-height:1}.landing-text{text-align:center;flex-direction:column;gap:.5rem;display:flex}.landing-heading{color:var(--text);font-size:1.2rem;font-weight:600}.landing-desc{color:var(--text-muted);max-width:220px;font-size:.85rem;line-height:1.5}.game-container{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:560px;display:flex}.game-status-row{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.turn-badge{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .9rem;font-size:.85rem;font-weight:500;display:flex}.game-over-card{width:100%;color:var(--text);text-align:center;background:#c9a22714;border:1px solid #c9a22759;border-radius:12px;padding:.75rem 1rem;font-size:.95rem;font-weight:600}.board-wrap{width:100%}.game-actions{justify-content:center;gap:.75rem;display:flex}.secondary-button{background:var(--surface);color:var(--text);border:1px solid var(--border)}.secondary-button:hover:not(:disabled){background:#29292d}.turn-dot{border-radius:50%;width:10px;height:10px}.turn-dot.white{background:var(--white-turn);box-shadow:0 0 6px #f0d9b599}.turn-dot.black{background:var(--black-turn);box-shadow:0 0 6px #b5886399}