.history-main{max-width:1000px;padding-top:32px}.history-heading h1{font-size:clamp(28px,5vw,42px)}.muted{color:var(--muted);line-height:1.6}.history-filter{display:flex;align-items:center;gap:12px;padding:18px;margin:22px 0;flex-wrap:wrap}.history-filter input{width:155px;text-transform:uppercase}.games-list{display:grid;gap:14px}.game-card{padding:22px}.game-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.game-meta time{color:var(--muted);font-size:13px}.game-card h2{font-size:22px;margin:20px 0;overflow-wrap:anywhere}.versus{color:var(--muted);font-size:.65em;font-weight:400;margin:0 10px}.player-x{color:#8bcaff}.game-bottom{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.winner{color:#6de4cc}.history-button{display:inline-block;border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:var(--text);text-decoration:none;background:#0c1831;font-weight:600}.history-button:hover{border-color:var(--accent)}.history-pagination{display:flex;gap:12px;justify-content:center;margin:24px 0}.history-note{font-size:13px;text-align:center}.empty-history{text-align:center;padding:40px 20px}.replay-summary{padding:24px;margin-bottom:14px}.replay-summary h1{font-size:clamp(22px,4vw,32px);overflow-wrap:anywhere}.replay-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:16px}.replay-buttons{display:flex;gap:7px}.replay-buttons button{padding:9px 13px}#replay-step{flex:1;min-width:150px;padding:0;accent-color:var(--accent)}.replay-board{height:clamp(340px,60vh,650px);border:4px solid #c49c65;border-radius:14px;overflow:hidden;margin-top:14px;background:#ead4a6;touch-action:none}#replay-board{cursor:grab}.history-main>p>.history-button{margin:4px}@media(max-width:600px){.history-main{padding-top:20px}.game-card{padding:17px}.game-card h2{font-size:19px}.game-bottom .history-button{width:100%;text-align:center}.replay-controls{justify-content:center}.replay-controls label{width:100%;text-align:center}#replay-step{flex-basis:100%}.replay-summary{padding:18px}.replay-buttons button{padding:9px 12px}}