.chess-game{display:grid;grid-template-columns:minmax(0,610px) minmax(260px,1fr);gap:30px;margin:24px 0 45px;align-items:start}.chess-main{min-width:0}.chess-player{display:flex;align-items:center;gap:12px;padding:0 4px 15px;min-height:65px}.chess-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#d8e3cc;color:#294c36;font-size:32px}.chess-player>div{display:grid;gap:2px}.chess-player b{font-size:14px}.chess-player>div>span{font-size:11px;color:#63705f}.chess-player-tag{margin-left:auto;font-size:10px;border:1px solid #d8dfcf;background:#fffef8;border-radius:20px;padding:5px 12px}.chess-you{padding-top:15px}.chess-you>[data-save-notice]{margin-left:auto;font-size:10px;color:#607353;text-align:right;max-width:135px}.chess-board-frame{background:#345840;padding:10px;border-radius:16px;box-shadow:0 12px 26px #1a39201a}.chess-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-radius:7px;overflow:hidden;aspect-ratio:1}.chess-square{position:relative;display:grid;place-items:center;min-width:0;width:100%;aspect-ratio:1;border:0;border-radius:0;padding:0;cursor:pointer;touch-action:manipulation}.chess-square.square-light{background:#f2e5c8;color:#54794f}.chess-square.square-dark{background:#7f9b72;color:#f6e9ce}.chess-square .chess-piece{width:90%;height:90%;max-height:100%;filter:drop-shadow(0 2px 1px #233c2c33);pointer-events:none}.chess-square small{position:absolute;font:700 clamp(9px,1vw,12px)/1 var(--sans);z-index:3}.chess-rank{left:4px;top:4px}.chess-file{right:4px;bottom:3px}.chess-square.square-last{background:#d7cb76}.chess-square.square-last.square-dark{background:#a5b969}.chess-square.square-selected{box-shadow:inset 0 0 0 4px #f6cf57;background:#d7c36b}.chess-square.square-hint{box-shadow:inset 0 0 0 4px #e1b842}.chess-square.square-check{background:#cf8170}.chess-square.square-legal:after{content:"";position:absolute;width:24%;height:24%;background:#28493255;border-radius:50%}.chess-square.square-capture:after{content:"";position:absolute;inset:3px;border:4px solid #345d3890;border-radius:50%}.chess-square:focus-visible{outline:3px solid #fbdb67;outline-offset:-3px;z-index:4}.chess-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:3px}.chess-quick-actions button,.chess-share button{border:1px solid #d6decc;border-radius:12px;padding:12px;background:#fffdf5;color:#345840;font-size:17px;min-height:46px}.chess-quick-actions button span{font-size:11px;margin-left:5px}.chess-side{border:1px solid #dfe3d6;background:#fffef9;border-radius:20px;overflow:hidden}.chess-status-box{padding:25px;background:#edf1e4}.chess-status-box .eyebrow{font-size:9px;letter-spacing:1.5px}.chess-status-box h2{font-size:29px;margin:12px 0}.chess-status-box p{font-size:13px;line-height:1.6;color:#536b4c;margin:0;min-height:42px}.chess-settings{display:grid;gap:14px;padding:22px}.chess-settings label{font-size:11px;font-weight:650;color:#506148}.chess-settings select{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid #d1d9c6;background:#fafbf5;border-radius:9px;color:#2c4832;font-size:12px;margin-top:6px}.chess-settings .button{margin-top:4px;justify-content:space-between;border-radius:24px;font-size:12px}.chess-moves{padding:0 22px 15px}.chess-moves summary{display:flex;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:650;border-top:1px solid #e7eadf;padding-top:16px}.chess-moves summary span{font-size:10px;color:#6e7c61}.chess-moves ol{max-height:240px;overflow:auto;list-style:decimal;padding:0 0 0 23px;margin:14px 0 0;font:12px/1.8 var(--sans);font-variant-numeric:tabular-nums}.chess-moves li{padding:5px 8px}.chess-moves li:nth-child(odd){background:#f1f4e9}.chess-moves li>span{display:inline-block;width:47%}.chess-moves>p{font-size:12px;color:#718069;margin:10px 0 0}.chess-share{padding:0 22px}.chess-share button{font-size:11px;padding:10px;width:100%}.chess-small{font-size:10px;color:#73806a;line-height:1.6;padding:15px 22px;margin:0}.chess-share textarea{width:100%;height:120px;font-size:12px;margin-top:12px}.chess-promotions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.chess-promotions button{background:#f2eddb;border:1px solid #cbd4be;border-radius:12px;padding:10px 5px;color:#345840;min-width:65px}.chess-promotions svg{height:62px;display:block;width:100%}.chess-promotions span{font-size:11px;text-transform:capitalize}.chess-game dialog button:not(.button){min-height:44px;border:1px solid #bdc9b2;border-radius:9px;padding:8px 13px;background:#fffdf5;color:#345840}.chess-game dialog h2{font-size:30px}.chess-game dialog p{font-size:14px}.chess-game dialog{max-width:470px}
@media(max-width:900px){.chess-game{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.chess-status-box{padding:20px}.chess-settings{padding:18px}}
@media(max-width:700px){.chess-game{grid-template-columns:minmax(0,1fr);gap:22px}.chess-main{max-width:580px;width:100%;margin:auto}.chess-side{display:grid;grid-template-columns:1fr 1fr}.chess-status-box{grid-column:1/-1}.chess-settings{grid-row:2/5}.chess-moves{padding:18px}.chess-moves summary{border-top:0;padding-top:0}.chess-small{padding:12px 18px}.chess-share{padding:0 18px}.chess-player{padding-bottom:12px}.chess-board-frame{padding:7px;border-radius:12px}.chess-quick-actions button{padding:10px 4px}.chess-quick-actions button span{font-size:10px}.chess-rank{top:2px;left:3px}.chess-file{bottom:2px;right:3px}}
@media(max-width:400px){.chess-side{display:block}.chess-status-box h2{font-size:27px}.chess-moves{padding-top:0}.chess-player>div>span{font-size:10px}.chess-player{gap:9px}.chess-avatar{height:38px;width:38px}.chess-player-tag{padding:4px 8px}.chess-you>[data-save-notice]{max-width:105px;font-size:9px}}