.chess-board-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;box-shadow:0 12px 32px #00000080;border:2px solid #334155;-webkit-user-select:none;user-select:none}.game-play{width:min(100%,760px);margin:0 auto}.live-scoreboard{min-width:220px;padding:.85rem 1rem;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#0f172a73}.chess-clock{display:inline-flex;align-items:center;gap:.65rem;padding:.5rem .75rem;border:1px solid rgba(148,163,184,.24);border-radius:10px;font-variant-numeric:tabular-nums;font-weight:700}.chess-clock>div{min-width:3.75rem;padding:.35rem .45rem;border-radius:7px;text-align:center}.chess-clock>div.active{background:#7c3aed33;color:#c4b5fd}.chess-clock>div.low-time{color:#fca5a5}.captured-pieces{min-height:1.5rem;padding:.2rem .6rem;color:#cbd5e1;font-size:1.35rem;letter-spacing:.05rem}.game-status{padding:.75rem 1rem;border:1px solid rgba(148,163,184,.24);border-radius:10px;text-align:center;font-weight:600}.game-status.check{border-color:#f59e0b80;color:#fcd34d}.game-status.checkmate{border-color:#ef44448c;color:#fca5a5}.game-status.draw{border-color:#3b82f673;color:#bfdbfe}.move-history{max-height:220px;overflow-y:auto;padding:.75rem;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#0f172a4d}.move-row{display:grid;grid-template-columns:2.5rem 1fr 1fr;gap:.5rem;padding:.35rem 0;border-bottom:1px solid rgba(148,163,184,.12)}.move-row:last-child{border-bottom:0}.promotion-modal{display:flex;gap:.5rem;padding:.75rem;border:1px solid rgba(196,181,253,.6);border-radius:12px;background:#1e293b;box-shadow:0 16px 40px #0006}.promotion-modal button{min-width:2.75rem;min-height:2.75rem;border:1px solid rgba(148,163,184,.3);border-radius:8px;background:#7c3aed21;color:#fff;font-size:1.6rem;cursor:pointer}.promotion-modal button:hover{background:#7c3aed57}