.history-container{min-height:100vh;background:#0a0a0a;background-image:linear-gradient(rgba(0,150,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.1) 1px,transparent 1px);background-size:20px 20px}.history-header{background:#101010e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(0,150,255,.3);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #0096ff1a}.header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.history-header h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0;text-shadow:0 0 10px rgba(0,150,255,.5)}.header-nav{display:flex;align-items:center;gap:1rem}.nav-link{color:#1a73e8;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.nav-link:hover{background:#1a73e81a;color:#1557b0}.history-main{max-width:1400px;margin:0 auto;padding:2rem}.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.view-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0;text-shadow:0 0 5px rgba(0,150,255,.3)}.view-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-input,.filter-select{padding:.5rem 1rem;border:1px solid rgba(0,150,255,.3);border-radius:6px;font-size:.9rem;background:#202020e6;color:#e0e0e0;transition:border-color .2s ease}.search-input:focus,.filter-select:focus{outline:none;border-color:#0096ff99;box-shadow:0 0 10px #0096ff33}.search-input::placeholder{color:#0096ff99}.search-input{min-width:200px}.games-table-container{background:#202020e6;border-radius:12px;box-shadow:0 2px 12px #0096ff33;overflow:hidden;border:1px solid rgba(0,150,255,.3)}.games-table{width:100%;border-collapse:collapse}.games-table th{background:#0096ff33;padding:1rem;text-align:left;font-weight:600;color:#fff;border-bottom:1px solid rgba(0,150,255,.3);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 5px rgba(0,150,255,.3)}.games-table td{padding:1rem;border-bottom:1px solid rgba(0,150,255,.2);font-size:.9rem;color:#e0e0e0}.games-table tr:hover{background:#0096ff1a}.games-table tr:last-child td{border-bottom:none}.game-id{font-weight:600;color:#0096ff}.game-date{color:#0096ffcc;font-size:.85rem}.game-result{font-weight:600;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;text-align:center;min-width:80px}.result-white-wins{background:#e8f5e8;color:#137333}.result-black-wins{background:#fce8e6;color:#d93025}.result-draw{background:#e8eaed;color:#5f6368}.game-moves{font-weight:500;color:#333}.game-duration{color:#5f6368;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem}.game-suggestions{color:#1a73e8;font-weight:500}.game-termination{color:#5f6368;font-size:.85rem;text-transform:capitalize}.view-game-btn{background:linear-gradient(135deg,#1a73e8,#4285f4);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-game-btn:hover{background:linear-gradient(135deg,#1557b0,#3367d6);transform:translateY(-1px);box-shadow:0 2px 8px #1a73e84d}.actions-cell{display:flex;gap:.5rem;align-items:center;justify-content:center}.download-pgn-btn-small{background:linear-gradient(135deg,#34a853,#2d8f47);border:1px solid #34a853;color:#fff;padding:.4rem .6rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease;font-weight:500;min-width:auto}.download-pgn-btn-small:hover{background:linear-gradient(135deg,#2d8f47,#1e7e34);border-color:#2d8f47;transform:translateY(-1px);box-shadow:0 2px 4px #34a85333}.loading-state,.empty-state{text-align:center;padding:3rem;color:#5f6368}.loading-spinner{width:40px;height:40px;border:3px solid #f1f3f4;border-top:3px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination-container{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#202020e6;border-radius:12px;box-shadow:0 2px 12px #0000001a;border:1px solid #e8eaed}.pagination-info{font-size:.9rem;color:#5f6368;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dadce0;color:#333;padding:.5rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#bdc1c6;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-numbers{display:flex;align-items:center;gap:.25rem;margin:0 .5rem}.page-number{background:none;border:1px solid transparent;color:#5f6368;padding:.5rem .75rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.page-number:hover{background:#f8f9fa;border-color:#dadce0}.page-number.current{background:linear-gradient(135deg,#1a73e8,#4285f4);color:#fff;border-color:#1a73e8;font-weight:600}.page-ellipsis{color:#5f6368;padding:.5rem;font-size:.9rem}.game-replay-view{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-info{display:flex;align-items:center;gap:1rem}.back-button{background:#202020e6;border:1px solid rgba(0,150,255,.3);color:#0096ffe6;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#0096ff1a;border-color:#0096ff80;color:#fff;box-shadow:0 0 10px #0096ff33}.game-details h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#fff;text-shadow:0 0 5px rgba(0,150,255,.3)}.game-meta{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#0096ffcc}.separator{color:#0096ff80}.replay-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;margin-top:2rem}.board-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.chess-board{width:500px;height:500px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000026;border:2px solid #e8eaed}.chess-board .cm-chessboard{width:100%!important;height:100%!important}.chess-board .board{background:transparent}.chess-board .square.white{background-color:#f0d9b5!important}.chess-board .square.black{background-color:#b58863!important}.marker-frame-green{stroke:#4ade80!important;stroke-width:3px!important;fill:none!important;opacity:.8!important}.marker-frame-check{stroke:#ef4444!important;stroke-width:3px!important;fill:none!important;opacity:.9!important}.replay-controls{display:flex;align-items:center;gap:.5rem;background:#202020e6;padding:1rem;border-radius:12px;box-shadow:0 2px 12px #0096ff33;border:1px solid rgba(0,150,255,.3)}.control-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dadce0;color:#333;padding:.75rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s ease;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center}.control-btn:hover:not(:disabled){background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#bdc1c6;transform:translateY(-1px)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.move-counter{margin-left:auto;font-weight:600;color:#333;font-size:.9rem}.download-btn{background:linear-gradient(135deg,#4285f4,#3367d6);border:1px solid #4285f4;border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;font-size:.9rem;color:#fff;font-weight:500;margin-left:1rem;height:44px;display:flex;align-items:center;gap:.5rem}.download-btn:hover{background:linear-gradient(135deg,#3367d6,#2851a3);border-color:#3367d6;transform:translateY(-1px);box-shadow:0 2px 8px #4285f44d}.history-section{background:#202020e6;border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #0096ff33;border:1px solid rgba(0,150,255,.3);height:fit-content}.history-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 0 5px rgba(0,150,255,.3)}.moves-history{max-height:400px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#dadce0 transparent;padding:.25rem;margin:-.25rem}.moves-history::-webkit-scrollbar{width:6px}.moves-history::-webkit-scrollbar-track{background:transparent}.moves-history::-webkit-scrollbar-thumb{background-color:#dadce0;border-radius:3px}.moves-history::-webkit-scrollbar-thumb:hover{background-color:#bdc1c6}.move-item{display:flex;align-items:center;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-bottom:.25rem;border:1px solid transparent;color:#e0e0e0}.move-item:hover{background:#0096ff1a;border-color:#0096ff4d}.move-item.current-move{background:#0096ff33;border:2px solid rgba(0,150,255,.6);box-shadow:0 2px 8px #0096ff4d;font-weight:600;margin:.125rem 0;position:relative;z-index:1;color:#fff}.move-number{font-weight:600;color:#0096ffe6;min-width:2rem;font-size:.85rem}.move-notation{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:600;background:#0096ff33;color:#fff;padding:.2rem .4rem;border-radius:4px;font-size:.85rem;margin-right:.5rem;border:1px solid rgba(0,150,255,.3)}.move-stats{margin-left:auto;display:flex;gap:.5rem;font-size:.75rem;color:#5f6368}.stat-badge{background:#0096ff33;color:#0096ffe6;padding:.1rem .3rem;border-radius:3px;font-size:.75rem;border:1px solid rgba(0,150,255,.3)}@media (max-width: 1024px){.replay-content{grid-template-columns:1fr;gap:1.5rem}.chess-board{width:400px;height:400px}.history-main{padding:1rem}}@media (max-width: 768px){.header-content{padding:0 1rem;flex-direction:column;gap:1rem;align-items:flex-start}.view-header{flex-direction:column;align-items:flex-start}.view-controls{width:100%}.search-input{flex:1;min-width:0}.games-table-container{overflow-x:auto}.games-table{min-width:800px}.chess-board{width:320px;height:320px}.replay-controls{flex-wrap:wrap;justify-content:center}.game-info{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.history-main{padding:.5rem}.games-table th,.games-table td{padding:.5rem;font-size:.8rem}.chess-board{width:280px;height:280px}.actions-cell{flex-direction:column;gap:.25rem}.view-game-btn,.download-pgn-btn-small{font-size:.7rem;padding:.3rem .5rem}.pagination-container{flex-direction:column;gap:1rem;text-align:center}.pagination-controls{justify-content:center;flex-wrap:wrap}.page-numbers{order:-1;margin:0}}