.game-page-heading{margin-top:30px}.game-page-heading h1{font-size:34px}.chess-app{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:28px;align-items:start;max-width:1100px;margin-inline:auto}.board-panel{min-width:0;background:#fff;border:1px solid #e0e5dc;border-radius:20px;padding:20px;box-shadow:0 10px 30px #18362d05}.player-clock{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.player-clock.bottom-clock{margin:15px 0 0}.player-clock>span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.player-token{font-family:Georgia,'DejaVu Sans',serif;font-size:28px;line-height:1}.clock{direction:ltr;display:block;font:500 22px/1.2 system-ui,sans-serif;letter-spacing:1px;padding:10px 18px;background:#f1f3ed;border:1px solid #e0e6da;border-radius:9px;color:#637066;min-width:100px;text-align:center}.clock.active{background:#153b36;color:#fff;border-color:#153b36;box-shadow:0 4px 10px #1a4a3612}.chess-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;overflow:hidden;border-radius:8px;border:5px solid #ebeee3;box-shadow:0 3px 10px #18362d08;touch-action:manipulation}.chess-square{position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;min-width:0;border:0;padding:0;color:#132c28;cursor:pointer;border-radius:0;outline-offset:-4px!important}.square-light{background:#f0eddf}.square-dark{background:#8fab94}.chess-square:hover{box-shadow:inset 0 0 0 3px #153b3644}.chess-square.selected{background:#e0c17b;box-shadow:inset 0 0 0 3px #9b762a}.chess-square.last-move:not(.selected){box-shadow:inset 0 0 0 3px #c7a14a80;background-image:linear-gradient(#dec77733,#dec77733)}.chess-square.legal:after{content:'';position:absolute;width:23%;height:23%;border-radius:50%;background:#143d3855;pointer-events:none}.chess-square.legal:has(.chess-piece):after{width:90%;height:90%;border:4px solid #143d3866;background:transparent}.chess-square.in-check{background:#d18c7e}.chess-piece{font-family:'DejaVu Sans','Segoe UI Symbol','Noto Sans Symbols 2',serif;font-size:clamp(25px,4.5vw,58px);line-height:1;pointer-events:none;z-index:1;user-select:none;filter:drop-shadow(0 2px 1px #143d3820)}.piece-w{color:#fffdf2;-webkit-text-stroke:1px #28433c}.piece-b{color:#15332e;-webkit-text-stroke:.5px #14332b}.rank-label,.file-label{position:absolute;font:10px/1 system-ui,sans-serif;font-weight:600;color:#315c48;z-index:2;pointer-events:none}.rank-label{left:3px;top:3px}.file-label{right:4px;bottom:3px}.square-dark .rank-label,.square-dark .file-label{color:#f6f3e9}.game-status{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:20px;border-radius:9px;background:#eef4e9;padding:10px 15px;min-height:45px;font-size:13px;color:#254c3c}.status-dot{width:7px;height:7px;border-radius:50%;background:#79a281;flex-shrink:0}.status-dot.finished{background:#bd9750}.board-help{font-size:10px;color:#6c7970;text-align:center;margin:13px 5px 0;line-height:1.9}.chess-sidebar{display:grid;gap:20px}.game-settings{display:grid;gap:12px;padding:24px}.game-settings .eyebrow{margin:0}.game-settings h2{font-size:23px;margin-bottom:5px}.game-settings label{font-size:12px;font-weight:700;margin-top:3px}.game-settings select{width:100%;background:#f9faf6;color:#173b32;border:1px solid #d9e1d3;border-radius:9px;padding:12px;min-height:46px;font-size:12px}.game-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.game-buttons>.button:first-child{grid-column:1/-1}.game-buttons .button{font-size:11px;padding:11px 8px}.game-settings>.muted{font-size:10px;margin:4px 0 0;line-height:1.9}.move-history h2{font-size:18px;margin-bottom:18px}.move-table{max-height:270px;overflow:auto;scrollbar-width:thin;font-family:system-ui,sans-serif;font-size:13px}.move-table>div{display:grid;grid-template-columns:30px 1fr 1fr;gap:10px;padding:9px 8px;border-bottom:1px solid #edf0e7}.move-table>div:nth-child(odd){background:#f7f9f3}.move-table small{color:#7a8b7b}.moves-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;color:#6d8070}.moves-empty>span{font-family:Georgia,serif;font-size:50px;color:#7e9e83}.moves-empty p{font-size:11px;margin:12px 0 0}.promotion-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#122c3080;backdrop-filter:blur(5px);padding:20px}.promotion-dialog{background:#fff;border:1px solid #e3e7dd;border-radius:20px;padding:25px;width:min(100%,380px);box-shadow:0 20px 60px #122c3040;text-align:center}.promotion-dialog h2{font-size:19px}.promotion-dialog>div{display:flex;justify-content:center;gap:10px;margin:20px 0}.promotion-dialog>div>button{font-family:Georgia,'DejaVu Sans',serif;font-size:45px;width:60px;height:68px;background:#edf3e7;color:#183d2f;border:1px solid #c9d8bc;border-radius:10px}.promotion-dialog>.button{width:100%}
@media(max-width:900px){.chess-app{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:18px}.board-panel{padding:15px}.game-settings{padding:18px}.game-settings h2{font-size:20px}.chess-piece{font-size:clamp(24px,4.5vw,48px)}.clock{font-size:19px;padding:8px 13px;min-width:90px}}
@media(max-width:760px){.game-page-heading{margin-top:15px}.game-page-heading h1{font-size:29px}.game-page-heading p:not(.eyebrow){font-size:12px;line-height:2}.chess-app{display:flex;flex-direction:column;gap:18px}.board-panel{width:100%;padding:13px;border-radius:17px}.chess-piece{font-size:clamp(24px,7.8vw,49px);-webkit-text-stroke-width:.6px}.chess-board{border-width:3px}.player-clock{margin-bottom:12px}.player-clock>span{font-size:11px}.player-token{font-size:24px}.clock{font-size:19px;min-width:90px;padding:8px 12px}.game-status{font-size:12px;margin-top:15px}.board-help{font-size:9px}.chess-sidebar{width:100%;gap:18px}.game-settings{padding:22px}.game-settings h2{font-size:23px}.move-history{padding:22px}.rank-label,.file-label{font-size:8px}.move-table{max-height:170px}}