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