.chess-screen{padding-left:12px;padding-right:12px}
.chess-status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;margin-bottom:8px;color:var(--muted);font-size:.76rem}
.chess-board-wrap{padding:7px;border-radius:16px;background:#3b2a20}
.chess-board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));overflow:hidden;border:2px solid #2a1d17}
.chess-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;width:100%;height:100%;padding:0;border:0;border-radius:0;color:#111827}
.chess-cell.light{background:#e8d5b5}.chess-cell.dark{background:#8b5e3c}
.chess-cell:disabled{opacity:1;cursor:default}
.chess-cell.selected{box-shadow:inset 0 0 0 4px #7c5cff}
.chess-cell.last-move::before{inset:7%;border-radius:5px}
.chess-cell.in-check{box-shadow:inset 0 0 0 4px #e11d48}
.chess-piece{position:relative;z-index:1;display:block;width:88%;height:88%;object-fit:contain;pointer-events:none;user-select:none}
.chess-legal-dot{position:absolute;z-index:2;width:24%;aspect-ratio:1;border-radius:50%;background:rgba(109,74,255,.86);box-shadow:0 0 0 3px rgba(255,255,255,.38)}
.chess-cell.capture-target .chess-legal-dot{width:72%;background:transparent;box-shadow:inset 0 0 0 4px rgba(109,74,255,.88)}
.chess-coordinates{display:grid;grid-template-columns:repeat(8,1fr);max-width:min(100%,470px);margin:3px auto 0;padding:0 8px;color:var(--muted);font-size:.65rem;text-align:center}
.chess-result-piece{display:grid;place-items:center;background:#d8b47b;border:1px solid #70492f;overflow:hidden}.chess-result-piece img{width:92%;height:92%;object-fit:contain}
.chess-promotion-overlay{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px;background:rgba(7,11,20,.78)}
.chess-promotion-dialog{width:min(100%,390px);padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 24px 64px rgba(0,0,0,.42);text-align:center}
.chess-promotion-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.chess-promotion-option{display:grid;place-items:center;gap:5px;min-width:0;min-height:76px;padding:8px 4px;border:2px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text)}
.chess-promotion-option:focus-visible,.chess-promotion-option:active{border-color:var(--accent)}
.chess-promotion-option .chess-piece{width:48px;height:48px}.chess-promotion-option small{font-size:.68rem;font-weight:800}
@media(max-width:350px){.chess-screen{padding-left:8px;padding-right:8px}.chess-board-wrap{padding:5px}.chess-piece{width:86%;height:86%}}