.jw-button { 
	--jw-btn-h:30px; 
	--jw-btn-px:10px; 
	--jw-btn-r:5px; 
	--jw-btn-bg:#4876EE; 
	--jw-btn-border:#4876EE; 
	--jw-btn-color:#FFFFFF; 
	--jw-btn-bg-hover:#214DBE; 
	--jw-btn-border-hover:#4876EE; 
}
:root {
	--jw-bg:#f6f2ea;
	--jw-panel:#fff8ee;
	--jw-ink:#1f1c16;
	--jw-muted:#6e6252;
	--jw-accent:#d77a2b;
	--jw-shadow:0 12px 28px rgba(31,28,22,0.18);
}
#jw-chess { display:grid; grid-template-columns: 720px 280px; gap:24px; align-items:start; padding:24px; background:radial-gradient(circle at 20% 15%, #fff6e6 0, #f7efe3 45%, #efe3d4 100%); border:1px solid #e3d4c0; border-radius:18px; box-shadow:var(--jw-shadow); color:var(--jw-ink); font-family: "Georgia","Times New Roman",serif; }
#jw-chess .stage { padding:12px; background:var(--jw-panel); border-radius:16px; border:1px solid #e7d7c1; box-shadow:inset 0 0 0 1px #f1e7d8; }
#jw-chess #board { display:block; width:720px; height:720px; border-radius:12px; box-shadow:0 14px 28px rgba(0,0,0,0.15); background:#d9c1a0; }
#jw-chess .side { display:flex; flex-direction:column; gap:14px; position:sticky; top:16px; }
#jw-chess .card { background:#fff; border:1px solid #eadcc8; border-radius:14px; padding:14px 16px; box-shadow:0 8px 20px rgba(0,0,0,0.08); }
#jw-chess .label { font-size:12px; letter-spacing:0.12em; color:var(--jw-muted); text-transform:uppercase; }
#jw-chess .value { font-size:20px; font-weight:700; margin-top:6px; }
#jw-chess .btns { display:flex; gap:8px; margin-top:10px; }
#jw-chess .btns button { height:36px; padding:0 14px; border-radius:10px; border:1px solid #cfa678; background:#f3d2a5; color:#3a2a18; font-weight:700; cursor:pointer; transition:transform 0.12s ease, box-shadow 0.12s ease; }
#jw-chess .btns button:hover { transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,0.15); }
@media (max-width: 980px) {
	#jw-chess { grid-template-columns: 1fr; }
	#jw-chess #board { width:100%; height:auto; aspect-ratio:1/1; }
	#jw-chess .side { position:static; }
}