:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light dark}body{margin:0;min-height:100vh;display:flex;justify-content:center}.app{max-width:40rem;padding:2rem 1rem}.setup-screen{display:flex;flex-direction:column;gap:1rem}.setup-group{border:1px solid #8884;border-radius:.5rem;padding:.75rem 1rem 1rem}.setup-group legend{font-weight:600;padding:0 .25rem}.choice{display:block;padding:.25rem 0;cursor:pointer}.start-button{padding:.6rem 1.2rem;font-size:1rem;border-radius:.5rem;border:none;background:#2f6f4f;color:#fff;cursor:pointer}.start-button:disabled{background:#888;cursor:not-allowed}.setup-hint{color:#a33;margin:0;font-size:.9rem}.game-screen{display:flex;flex-direction:column;align-items:center;gap:.75rem}.game-status{font-weight:600;min-height:1.4em}.board{display:grid;grid-template-columns:repeat(8,3rem);grid-template-rows:repeat(8,3rem);border:3px solid #5b4636;border-radius:4px;width:max-content}.square{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:none;cursor:pointer;font-size:1.6rem}.square.light{background:#ecdcc0}.square.dark{background:#8a5a3b}.square.highlight{background:#3f9d4d;box-shadow:inset 0 0 0 3px #2f7d3b}.square.selected{box-shadow:inset 0 0 0 3px #ffd23f}.square.last-move{outline:3px solid #ffb02e;outline-offset:-3px}.piece{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;line-height:1;-webkit-user-select:none;user-select:none}.piece.light{background:#f4f0e6;color:#b8860b;border:2px solid #b3a98f}.piece.dark{background:#2b2b2b;color:#e8c86a;border:2px solid #111}.piece.man{font-size:1.4rem}.piece.king{font-size:1.5rem;box-shadow:0 0 0 3px #ffd23f inset}.stats-panel{border:1px solid #8884;border-radius:.5rem;padding:.75rem 1rem 1rem;margin-top:1rem;max-width:20rem}.stats-heading{margin:0 0 .5rem;font-size:1rem;font-weight:600}.stats-counters{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem}.stats-row{display:flex;justify-content:space-between;gap:1rem}.stats-row dt{color:inherit}.stats-row dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.resign-button{padding:.5rem 1.1rem;font-size:.95rem;border-radius:.5rem;border:1px solid #a33;background:transparent;color:#a33;cursor:pointer}.resign-button:hover:not(:disabled){background:#a33;color:#fff}.resign-button:disabled{border-color:#888;color:#888;cursor:not-allowed}.feedback-banner{background:#fff4d6;border:1px solid #d9a441;color:#6b4e00;border-radius:.4rem;padding:.5rem .9rem;margin:0}.error-banner{background:#ffe0e0;border:1px solid #c00;color:#700;border-radius:.4rem;padding:.5rem .9rem}.notice-banner{background:#e3ecff;border:1px solid #5a7fc4;color:#1d3a6b;border-radius:.4rem;padding:.5rem .9rem;margin:0 0 .75rem}.restoring-banner{color:#444;font-style:italic;margin:0}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center}.result-dialog{background:#fff;color:#222;border-radius:.75rem;padding:1.5rem 2rem;text-align:center;box-shadow:0 10px 30px #0006}.result-dialog h2{margin:0 0 .5rem}.result-cause{margin:0 0 1rem;color:#444}.new-game-button{padding:.6rem 1.2rem;font-size:1rem;border-radius:.5rem;border:none;background:#2f6f4f;color:#fff;cursor:pointer}