.chess-layout{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(210px,1fr);gap:32px;align-items:start}.chess-players{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}.chess-status{min-height:28px;font-size:14px;font-weight:650;color:#3b4d75;margin:10px 0}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:540px;aspect-ratio:1;border:8px solid #637c9e;border-radius:13px;overflow:hidden;box-shadow:0 12px 30px #22335615}.chess-square{border:0;border-radius:0;padding:0;aspect-ratio:1;position:relative;display:grid;place-items:center;min-width:0;isolation:isolate}.chess-square.light{background:#f4ead9}.chess-square.dark{background:#92b4ae}.chess-piece{font-family:'DejaVu Sans','Segoe UI Symbol','Apple Symbols',serif;font-size:clamp(26px,3.5vw,53px);line-height:1;position:relative;z-index:1}.white-piece{color:#fffaf0;text-shadow:1px 0 #40516a,-1px 0 #40516a,0 1px #40516a,0 -1px #40516a,0 2px 2px #40516a}.black-piece{color:#25364b;text-shadow:0 1px 1px #fff7}.chess-square.selected{box-shadow:inset 0 0 0 4px #5362cf}.chess-square.legal:after{content:'';position:absolute;width:24%;height:24%;border-radius:50%;background:#4b59bd70;z-index:2;pointer-events:none}.chess-square.legal:has(.chess-piece:not(:empty)):after{width:88%;height:88%;border:4px solid #6752b1aa;background:transparent}.chess-square.last-move{background:#d4d89c}.chess-square.in-check{background:#e99891}.chess-square:focus-visible{outline:4px solid #7541d2;outline-offset:-4px;z-index:3}.rank-label,.file-label{position:absolute;font:600 9px ui-sans-serif,sans-serif;color:#355065;z-index:3}.rank-label{top:2px;left:3px}.file-label{bottom:1px;right:3px}.chess-message{min-height:38px;margin:14px 0}.chess-aside{padding:19px;background:#f0ecf8;border:1px solid #e0d8ef;border-radius:18px}.chess-aside h2{font-family:Georgia,serif;font-size:24px;font-weight:400}.chess-history{font-size:12px;line-height:1.8;max-height:160px;overflow:auto;padding-left:30px;margin-bottom:0}.empty-history{list-style:none;margin-left:-15px;color:var(--muted)}.chess-promotion{border:1px solid #d8ccec;background:#f4effb;border-radius:12px;padding:16px;margin:14px 0;font-size:13px}.chess-promotion .row{margin-top:12px}.chess-promotion .btn{font-size:12px;padding:8px 12px}.chess-rules summary{font-size:12px}.chess-rules p{font-size:12px}
@media(max-width:1050px){.chess-layout{grid-template-columns:1fr}.chess-board{max-width:520px;margin:auto}.chess-aside{max-width:520px}.chess-piece{font-size:clamp(30px,6vw,51px)}}
@media(max-width:430px){.chess-layout{gap:23px}.chess-board{border-width:5px;border-radius:9px}.chess-piece{font-size:31px}.chess-players .pill{font-size:9px}.chess-players .plain{font-size:11px}.chess-status{font-size:12px}.chess-square.selected{box-shadow:inset 0 0 0 3px #5362cf}.rank-label,.file-label{font-size:7px}.chess-aside{padding:17px}.chess-message{font-size:11px}}