:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#17100c;color:#f8ead7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 8%,rgba(219,157,81,.18),transparent 34rem),linear-gradient(135deg,#120d0a,#27180f,#100b09)}button{font:inherit}.shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:24px 0}.hero-panel{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.title-block h1{margin:6px 0 0;font-size:clamp(2rem,5vw,4.8rem);line-height:.98;letter-spacing:0;color:#fff5e8;text-shadow:0 12px 35px rgba(0,0,0,.45)}.kicker,.panel-label,.status-bar{display:inline-flex;align-items:center;gap:8px}.kicker,.panel-label{color:#e8c08f;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.status-bar{min-width:210px;justify-content:center;padding:13px 16px;border:1px solid rgba(255,223,177,.3);border-radius:8px;background:linear-gradient(180deg,#5a381ee6,#2d1c11eb);box-shadow:0 16px 38px #00000057,inset 0 1px #ffffff1f;font-weight:800;color:#ffe3bb}.status-bar[data-state=white-win]{border-color:#7ae5a48c;color:#d5ffdf}.status-bar[data-state=black-win]{border-color:#f884738c;color:#ffd2c9}.game-layout{display:grid;grid-template-columns:minmax(320px,760px) minmax(270px,360px);gap:22px;align-items:start}.board-wrap{width:100%}.board-frame{position:relative;width:min(100%,760px);margin:0 auto;padding:clamp(14px,3vw,28px);border-radius:8px;background:linear-gradient(90deg,rgba(255,236,198,.18),transparent 18%,rgba(58,23,8,.32) 52%,rgba(255,219,158,.16)),repeating-linear-gradient(18deg,#75431e 0 12px,#8d5528 12px 20px,#633514 20px 31px);box-shadow:0 28px 70px #0000007a,inset 0 0 0 2px #ffe8be2e,inset 0 0 0 10px #2d140852}.board-frame:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,231,178,.3);border-radius:6px;pointer-events:none}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;overflow:hidden;border-radius:5px;border:2px solid rgba(39,21,10,.8);box-shadow:inset 0 0 38px #00000057}.square{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border:0;padding:0;cursor:pointer}.square.light{background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 55%),repeating-linear-gradient(22deg,#d0a260 0 14px,#bf8a48 14px 24px,#e1b975 24px 36px)}.square.dark{background:radial-gradient(circle at 30% 25%,rgba(255,223,165,.12),transparent 45%),repeating-linear-gradient(-20deg,#5c3019 0 12px,#3d2012 12px 24px,#70401f 24px 34px)}.square.last:after,.square.selected:after,.square.must-capture:after{content:"";position:absolute;inset:8%;border-radius:8px;pointer-events:none}.square.last:after{border:3px solid rgba(255,222,134,.62)}.square.selected:after{border:4px solid rgba(99,219,171,.9);box-shadow:0 0 20px #63dbab4d}.square.must-capture:after{border:4px solid rgba(255,105,86,.88)}.move-dot{position:absolute;width:28%;aspect-ratio:1;border-radius:999px;background:#6bf4b8e6;box-shadow:0 0 0 8px #6bf4b82e;pointer-events:none}.piece{position:relative;z-index:2;display:grid;place-items:center;width:78%;aspect-ratio:1;border-radius:999px;box-shadow:0 9px 15px #00000057,inset 0 4px 5px #ffffff54,inset 0 -8px 12px #00000042}.piece:before,.piece:after{content:"";position:absolute;border-radius:999px}.piece:before{inset:12%;border:3px solid rgba(255,255,255,.23);box-shadow:inset 0 3px 7px #0000002e}.piece:after{top:14%;left:22%;width:36%;height:17%;background:#ffffff47;filter:blur(4px)}.piece.white{background:radial-gradient(circle at 35% 25%,#fffaf0,#d9c49f 42%,#9b7c55),repeating-linear-gradient(25deg,#dbc195 0 7px,#b68c5d 7px 14px)}.piece.black{background:radial-gradient(circle at 35% 25%,#6d6b67,#2d2d2d 45%,#090909),repeating-linear-gradient(25deg,#3d3934 0 7px,#171514 7px 14px)}.piece.king{outline:3px solid rgba(255,216,111,.82);outline-offset:-8px}.piece svg{z-index:3;color:#f5d16f;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}.coordinates{position:absolute;color:#ffe7c39e;font-size:.72rem;font-weight:900;letter-spacing:.64em;pointer-events:none}.coordinates.top{top:7px;left:10%;right:8%;text-align:center}.coordinates.side{top:12%;right:8px;bottom:10%;display:flex;flex-direction:column;justify-content:space-around;letter-spacing:0}.side-panel{display:grid;gap:14px}.control-group,.rule-card,.history{padding:16px;border:1px solid rgba(255,224,183,.18);border-radius:8px;background:#241811bd;box-shadow:0 18px 38px #00000047}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.segmented button,.new-game{min-height:44px;border:1px solid rgba(255,226,184,.18);border-radius:7px;color:#f9e7cf;background:#5b3921b3;cursor:pointer;font-weight:800}.segmented button.active{background:linear-gradient(180deg,#d49b50,#87521f);color:#1f1209}.new-game{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;background:linear-gradient(180deg,#f0c374,#a96625);color:#1d1108;box-shadow:0 14px 28px #00000047}.rule-card p{margin:10px 0 0;color:#ead4b9;line-height:1.55}.history ol{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.history li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:8px 10px;border-radius:6px;background:#ffe6be14;color:#f1d8b8}.history li.empty{justify-content:center;color:#bfa98f}.history strong{color:#fff4df}@media(max-width:900px){.shell{width:min(100% - 18px,720px);padding-top:14px}.hero-panel,.game-layout{grid-template-columns:1fr}.hero-panel{display:grid}.status-bar{width:100%}.side-panel{grid-template-columns:1fr}.coordinates{display:none}}@media(max-width:520px){.shell{width:100%;padding:10px 8px 18px}.title-block h1{font-size:2.2rem}.board-frame{padding:10px}.piece{width:82%}.segmented{grid-template-columns:1fr}}