.chess-page{width:min(1180px,92%);margin:0 auto;padding:55px 0 90px;min-width:0}
.chess-top{margin-bottom:28px}.chess-top h1{font:700 clamp(2.4rem,6vw,4.6rem)/1 var(--font-display);letter-spacing:-.06em;margin:13px 0 12px}.chess-top h1 span{background:var(--yellow);padding:0 7px;border-radius:5px;color:var(--accent-ink)}.chess-top p{color:var(--text-dim)}
.setup-card,.board-wrap,.side-card{background:var(--white);border:var(--bw) solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-md)}.setup-card{padding:28px;display:grid;gap:28px}.setup-step{display:grid;gap:15px}.setup-title{display:flex;gap:13px;align-items:center}.setup-title>span{width:42px;height:42px;display:grid;place-items:center;border:var(--bw) solid var(--black);border-radius:11px;background:var(--yellow);font:700 .75rem var(--font-mono);box-shadow:3px 3px 0 var(--black)}.setup-title small{font:700 .62rem var(--font-mono);letter-spacing:.08em;color:var(--text-dim)}.setup-title h2{font:700 1.25rem var(--font-display);margin:2px 0 0}.choice-grid{display:grid;gap:12px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}.choice{min-width:0;text-align:left;background:var(--white);border:var(--bw) solid var(--black);border-radius:16px;padding:17px;box-shadow:4px 4px 0 var(--black);cursor:pointer;display:grid;gap:6px;font-family:inherit;transition:.15s var(--ease)}.choice:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.choice.active{background:var(--yellow);color:var(--accent-ink)}.choice i{font-size:1.5rem}.choice strong{font:700 1.05rem var(--font-display)}.choice small{font:600 .75rem var(--font-mono);color:var(--text-dim)}.choice.active small{color:inherit}.difficulty-choice{text-align:center;place-items:center}.difficulty-choice strong{font-size:1.2rem}.setup-summary{border-top:var(--bw) solid var(--black);padding-top:20px;display:flex;align-items:end;gap:20px;flex-wrap:wrap}.setup-summary>div{display:grid;gap:4px}.setup-summary small{font:700 .6rem var(--font-mono);color:var(--text-dim)}.setup-summary strong{font:700 .95rem var(--font-display)}.chess-btn{font:700 .76rem var(--font-display);padding:11px 16px;background:var(--white);border:var(--bw) solid var(--black);border-radius:100px;box-shadow:3px 3px 0 var(--black);cursor:pointer;font-family:inherit}.chess-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black)}.chess-btn.primary{background:var(--yellow);color:var(--accent-ink)}.setup-summary .primary{margin-left:auto}.hidden{display:none!important}
.chess-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(0,320px);gap:25px;align-items:start;min-width:0}.board-wrap{padding:18px;min-width:0;overflow:hidden}.board-header{display:flex;justify-content:space-between;gap:10px;min-width:0;font:700 .75rem var(--font-mono);margin:2px 2px 15px}.board-header span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#statusText{color:var(--text-dim);text-align:right}.chess-board{width:min(100%,720px);max-width:100%;margin:0 auto;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));border:var(--bw) solid var(--black);overflow:hidden;border-radius:8px}.square{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:0;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;user-select:none;font-family:"DejaVu Sans",sans-serif;overflow:hidden}.square.light{background:#f3ead5}.square.dark{background:#b98f63}.square.selected{box-shadow:inset 0 0 0 4px var(--yellow)}.square.legal::after{content:"";width:22%;aspect-ratio:1;border-radius:50%;background:var(--black);opacity:.35;pointer-events:none}.square.capture::after{content:"";position:absolute;inset:7%;border:4px solid var(--yellow);border-radius:50%;pointer-events:none}.piece{display:block;font-size:clamp(1.8rem,7vw,4.7rem);line-height:1;width:100%;text-align:center;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.25));z-index:1;pointer-events:none}.piece.white{color:#fff;text-shadow:-1.5px -1.5px 0 #111,1.5px -1.5px 0 #111,-1.5px 1.5px 0 #111,1.5px 1.5px 0 #111}.piece.black{color:#151515;text-shadow:0 1px 0 rgba(255,255,255,.25)}.board-footer{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.chess-side{display:grid;gap:15px;min-width:0}.side-card{padding:21px;min-width:0;box-shadow:var(--shadow-sm)}.side-card h2{font:700 1.45rem var(--font-display);margin:7px 0}.side-card p{font-size:.84rem;color:var(--text-dim);line-height:1.6}.moves-list{margin-top:10px;max-height:250px;overflow:auto;font:700 .75rem var(--font-mono);line-height:1.8}.move-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);gap:6px;border-bottom:1px dashed #bbb;padding:4px 0}
@media(max-width:980px){.chess-layout{grid-template-columns:minmax(0,1fr)}.board-wrap{max-width:760px;margin-inline:auto}.chess-side{grid-template-columns:repeat(2,minmax(0,1fr))}.tip-card{grid-column:1/-1}}
@media(max-width:600px){.chess-page{width:94%;padding-top:30px}.setup-card{padding:18px;gap:22px}.mode-grid,.difficulty-grid{grid-template-columns:1fr}.choice{padding:14px}.setup-summary{align-items:stretch}.setup-summary .primary{margin-left:0;width:100%}.chess-layout{width:100%;gap:18px}.board-wrap{width:100%;padding:8px;border-radius:14px;box-shadow:4px 4px 0 var(--black)}.board-header{font-size:.60rem;margin:2px 1px 10px;gap:6px}.chess-board{width:100%;max-width:100%;border-radius:7px}.square.selected{box-shadow:inset 0 0 0 3px var(--yellow)}.square.capture::after{border-width:3px}.piece{font-size:clamp(1.55rem,9.8vw,3.4rem)}.board-footer{margin-top:12px}.chess-side{grid-template-columns:1fr}.tip-card{grid-column:auto}}
@media(max-width:360px){.chess-page{width:calc(100% - 18px)}.setup-card{padding:14px}.choice{padding:11px}.board-wrap{padding:6px}.piece{font-size:clamp(1.35rem,9.2vw,2.8rem)}.board-header{font-size:.56rem}}