:root{color-scheme:light;--bg: #f5f1ea;--panel: #fffaf2;--text: #2a221b;--muted: #6a5f54;--board-light: #eadfce;--board-dark: #534031;--highlight: #e6b866;--capture: #d46b5a;--red: #c4493b;--black: #23221f;--shadow: 0 18px 45px rgba(35, 28, 22, .18)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#ffffff,var(--bg));color:var(--text);font-family:Space Grotesk,Futura,Trebuchet MS,sans-serif}button{font-family:inherit}.app{max-width:1100px;margin:0 auto;padding:32px 20px 40px;display:flex;flex-direction:column;gap:24px}.header{display:flex;justify-content:space-between;align-items:center;gap:16px}.header h1{font-size:clamp(1.6rem,1.3rem + 2vw,2.4rem);margin:0;letter-spacing:.02em}.header p{margin:4px 0 0;color:var(--muted)}.layout{display:grid;gap:24px}@media (min-width: 900px){.layout{grid-template-columns:minmax(280px,1fr) minmax(320px,380px);align-items:start}}.board-wrap{display:flex;justify-content:center;align-items:center}.board{position:relative;width:min(92vmin,560px);aspect-ratio:1 / 1}.board-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:3px solid rgba(35,28,22,.12)}.square{position:relative}.square--light{background:var(--board-light)}.square--dark{background:var(--board-dark)}.square--selected{outline:3px solid rgba(230,184,102,.8);outline-offset:-3px}.square--highlight:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:10px;border:2px solid var(--highlight);opacity:.9}.square--capture:after{border-color:var(--capture);box-shadow:0 0 0 2px #d46b5a4d}.pieces-layer{position:absolute;top:3px;right:3px;bottom:3px;left:3px;pointer-events:none}.piece{position:absolute;width:10.5%;height:10.5%;border-radius:50%;left:0;top:0;transform:translate(-50%,-50%);transition:left .24s ease,top .24s ease;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -6px 10px #0000002e}.piece--red{background:linear-gradient(140deg,#e66b5c,var(--red))}.piece--black{background:linear-gradient(140deg,#3d3a34,var(--black))}.piece:after{content:"";width:60%;height:60%;border-radius:50%;background:#fff3}.piece--king:before{content:"K";position:absolute;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:700;color:#f8f2e5;text-shadow:0 1px 2px rgba(0,0,0,.5)}.piece--threat{box-shadow:inset 0 -6px 10px #0000002e,0 0 0 3px #e6b866cc,0 0 22px #e6b86673;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.03)}}.panel{background:var(--panel);border-radius:18px;padding:20px;box-shadow:var(--shadow);display:grid;gap:16px}.status{font-size:1.1rem;font-weight:600}.status span{display:block;font-size:.9rem;font-weight:400;color:var(--muted);margin-top:4px}.badge{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;padding:6px 10px;border-radius:999px;background:#231c1614}.badge:before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor}.button{border:none;border-radius:999px;padding:10px 16px;background:#2f261c;color:#f7f2e8;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2f261c40}.legend{font-size:.9rem;color:var(--muted);display:grid;gap:8px}.legend strong{color:var(--text)}label{font-weight:600;color:var(--text)}select{border:1px solid rgba(35,28,22,.2);border-radius:10px;padding:8px 10px;background:#fff;color:var(--text);font-size:.9rem}@media (max-width: 600px){.header{flex-direction:column;align-items:flex-start}.board{width:min(92vmin,420px)}}