:root{color-scheme:light;--bg: #f5f7fb;--text: #15213a;--muted: #67738a;--line: #dbe2ef;--light: #f1d9b5;--dark: #946f4b;--accent: #2f68ff;--green: #1f9d72;--shadow: 0 20px 52px rgba(21, 33, 58, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 0,rgba(47,104,255,.08),transparent 24rem),var(--bg);color:var(--text)}button,select{font:inherit}.app-shell{width:min(1120px,calc(100% - 28px));margin:24px auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(1.45rem,5vw,2.5rem);letter-spacing:0}.topbar p,.side-panel p{color:var(--muted);line-height:1.55}.topbar button{min-height:44px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font-weight:850;padding:0 16px}.game-layout{display:grid;gap:18px}.board-card,.side-panel section{border:1px solid var(--line);border-radius:10px;background:#fffffff5;box-shadow:var(--shadow)}.board-card{overflow:hidden;padding:14px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.feedback-card{display:grid;gap:4px;min-height:58px;border:1px solid var(--line);border-radius:8px;background:#f8fbff;margin-bottom:12px;padding:10px 12px}.feedback-card strong{color:var(--text);font-size:.9rem}.feedback-card span{color:var(--muted);font-size:.82rem;line-height:1.35}.feedback-card.great,.feedback-card.good{border-color:#1f9d7259;background:#eefaf5}.feedback-card.bad{border-color:#d45b4357;background:#fff3f1}.status-row strong{color:var(--text)}.status-row select{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-weight:750;padding:0 10px}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,minmax(0,1fr));width:min(100%,680px);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:8px;border:1px solid #6e5136}.square{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:0;place-items:center;border:0;color:inherit;cursor:pointer;overflow:hidden;padding:0}.square.light{background:var(--light)}.square.dark{background:var(--dark)}.square.selected{box-shadow:inset 0 0 0 4px var(--accent)}.square.last{box-shadow:inset 0 0 0 4px #ffda59bf}.square.legal:after{content:"";position:absolute;height:26%;width:26%;border-radius:999px;background:#1f9d72b8}.square span{position:relative;z-index:1;display:grid;max-width:82%;max-height:82%;place-items:center;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Arial Unicode MS,serif;font-size:min(8.2vw,3.45rem);line-height:1;text-shadow:0 3px 5px rgba(0,0,0,.18)}.white-piece{color:#fff;-webkit-text-fill-color:#ffffff;-webkit-text-stroke:.45px rgba(21,33,58,.42);text-shadow:0 2px 3px rgba(0,0,0,.2),0 0 1px rgba(21,33,58,.58)}.black-piece{color:#151a22;-webkit-text-fill-color:#151a22}.square small{position:absolute;left:4px;bottom:3px;color:#00000073;font-size:.62rem;font-weight:850}.side-panel{display:grid;gap:14px}.side-panel section{padding:18px}.side-panel h2{margin-bottom:12px;font-size:1rem}.capture-row{min-height:38px;color:var(--muted);font-size:1.65rem}.capture-row span{margin-right:5px}@media(min-width:900px){.game-layout{grid-template-columns:minmax(0,620px) 300px;align-items:start;justify-content:center}.chess-board{width:min(100%,540px,calc(100vh - 190px))}.square span{font-size:min(7vh,3.1rem)}.side-panel{position:sticky;top:22px}}@media(max-width:560px){.square span{font-size:min(8vw,2.55rem)}}@media(max-width:560px){.app-shell{width:100%;margin:0;padding:14px}.topbar{align-items:flex-start}.topbar p{display:none}.topbar button{min-width:104px}.board-card{padding:10px}}