.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal{background:var(--ca-bg-card);border-radius:12px;width:95%;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--ca-border)}.admin-modal-header h2{margin:0;font-size:1.25rem;color:var(--ca-text)}.admin-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--ca-text-muted);padding:0;line-height:1}.admin-close-btn:hover{color:var(--ca-text)}.admin-tabs{display:flex;border-bottom:1px solid var(--ca-border)}.admin-tab{flex:1;padding:12px 20px;background:none;border:none;cursor:pointer;font-size:.95rem;color:var(--ca-text-muted);transition:all .2s}.admin-tab:hover{background:var(--ca-bg-light)}.admin-tab.active{color:var(--ca-primary);border-bottom:2px solid var(--ca-primary);margin-bottom:-1px}.admin-error{padding:12px 20px;background:#fee;color:#c00;border-bottom:1px solid #fcc}.admin-content{flex:1;overflow-y:auto;padding:20px}.admin-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.admin-filters input,.admin-filters select{padding:8px 12px;border:1px solid var(--ca-border);border-radius:6px;background:var(--ca-bg);color:var(--ca-text);font-size:.9rem}.admin-filters input[type=text]{width:150px}.admin-filters input[type=date]{width:140px}.admin-filters button{padding:8px 16px;background:var(--ca-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.admin-filters button:hover{background:var(--ca-primary-dark)}.admin-filters button:disabled{opacity:.6;cursor:not-allowed}.admin-stats{color:var(--ca-text-muted);font-size:.85rem;margin-bottom:12px}.admin-actions{display:flex;gap:10px;margin-bottom:16px}.admin-actions button{padding:8px 16px;background:var(--ca-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.admin-actions button:hover{background:var(--ca-primary-dark)}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--ca-border)}.admin-table th{background:var(--ca-bg-light);font-weight:600;color:var(--ca-text-muted);font-size:.85rem;text-transform:uppercase}.admin-table td{color:var(--ca-text)}.admin-table tr:hover{background:var(--ca-bg-light)}.admin-table .game-id{font-family:monospace;font-size:.85rem}.admin-table .result-win{color:#2a2;font-weight:600}.admin-table .result-loss{color:#c44;font-weight:600}.admin-table .result-draw{color:#888}.admin-table .result-ongoing{color:var(--ca-primary)}.admin-table button{padding:4px 8px;font-size:.8rem;margin-right:4px;background:var(--ca-bg);border:1px solid var(--ca-border);border-radius:4px;cursor:pointer;color:var(--ca-text)}.admin-table button:hover{background:var(--ca-bg-light)}.admin-table button.delete-btn{color:#c44;border-color:#c44}.admin-table button.delete-btn:hover{background:#fee}.admin-table button:disabled{opacity:.5;cursor:not-allowed}.user-actions{white-space:nowrap}.create-user-form,.reset-password-form{background:var(--ca-bg-light);padding:16px;border-radius:8px;margin-bottom:16px}.create-user-form h3,.reset-password-form h3{margin:0 0 12px;font-size:1rem}.create-user-form input,.reset-password-form input{display:block;width:100%;max-width:300px;padding:8px 12px;margin-bottom:10px;border:1px solid var(--ca-border);border-radius:6px;background:var(--ca-bg);color:var(--ca-text)}.create-user-form label{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--ca-text)}.create-user-form label input[type=checkbox]{width:auto;margin:0}.form-actions{display:flex;gap:10px}.form-actions button{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem}.form-actions button:first-child{background:var(--ca-primary);color:#fff;border:none}.form-actions button:last-child{background:var(--ca-bg);color:var(--ca-text);border:1px solid var(--ca-border)}.game-detail{padding:0}.back-btn{padding:8px 12px;background:none;border:1px solid var(--ca-border);border-radius:6px;cursor:pointer;color:var(--ca-text);margin-bottom:16px}.back-btn:hover{background:var(--ca-bg-light)}.game-detail h3{margin:0 0 16px;font-family:monospace}.game-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px}.game-detail-grid div{padding:8px 12px;background:var(--ca-bg-light);border-radius:6px}.game-moves h4,.game-pgn h4{margin:0 0 8px;font-size:.95rem;color:var(--ca-text-muted)}.moves-list{display:flex;flex-wrap:wrap;gap:4px 8px;padding:12px;background:var(--ca-bg-light);border-radius:6px;font-family:monospace}.move{color:var(--ca-text)}.move-num{color:var(--ca-text-muted);margin-right:2px}.game-pgn textarea{width:100%;height:150px;padding:12px;background:var(--ca-bg-light);border:1px solid var(--ca-border);border-radius:6px;font-family:monospace;font-size:.85rem;color:var(--ca-text);resize:vertical}*{box-sizing:border-box}:root{--ca-primary: #3d8eb9;--ca-primary-light: #4a9fcf;--ca-primary-dark: #2d7eb5;--ca-accent: #3d8eb9;--ca-bg: #ffffff;--ca-bg-light: #f8f9fa;--ca-bg-card: #ffffff;--ca-bg-card-hover: #f0f4f8;--ca-text: #2c3e50;--ca-text-light: #34495e;--ca-text-muted: #7f8c8d;--ca-border: #e0e6ed;--ca-border-light: #ecf0f1;--ca-success: #27ae60;--ca-danger: #e74c3c;--ca-warning: #f39c12;--ca-shadow: rgba(0, 0, 0, .08);--ca-shadow-hover: rgba(0, 0, 0, .12)}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--ca-bg-light);min-height:100vh;color:var(--ca-text)}.app{display:flex;flex-direction:column;align-items:center;padding:24px;min-height:100vh}.app-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;background:var(--ca-bg-card);border-radius:12px;border:1px solid var(--ca-border);box-shadow:0 2px 8px var(--ca-shadow);width:100%;max-width:1100px}.app-logo{width:56px;height:56px;object-fit:contain}.game-mode-selector{display:flex;gap:4px;background:var(--ca-bg-light);padding:4px;border-radius:8px;margin-right:12px}.mode-btn{padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--ca-text-muted);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.mode-btn:hover:not(:disabled){color:var(--ca-text);background:var(--ca-bg)}.mode-btn.active{background:var(--ca-primary);color:#fff}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.setup-panel{background:var(--ca-bg-card);padding:16px;border-radius:12px;border:1px solid var(--ca-border);box-shadow:0 2px 8px var(--ca-shadow);margin-bottom:12px}.setup-panel h3{margin:0 0 12px;font-size:1rem;color:var(--ca-text)}.setup-section{margin-bottom:12px}.setup-section label{display:block;font-size:.8rem;color:var(--ca-text-muted);margin-bottom:6px}.piece-palette{display:flex;gap:4px;flex-wrap:wrap}.piece-btn{width:40px;height:40px;border:2px solid var(--ca-border);border-radius:6px;background:var(--ca-bg);font-size:1.5rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.piece-btn:hover{border-color:var(--ca-primary);background:var(--ca-bg-light)}.piece-btn.selected{border-color:var(--ca-primary);background:#3d8eb926;box-shadow:0 0 0 2px #3d8eb94d}.piece-btn.black{color:#333}.piece-btn.trash{font-size:1.2rem}.turn-selector{display:flex;gap:8px}.turn-btn{flex:1;padding:8px 12px;border:2px solid var(--ca-border);border-radius:6px;background:var(--ca-bg);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .15s}.turn-btn:hover{border-color:var(--ca-primary)}.turn-btn.active{border-color:var(--ca-primary);background:#3d8eb91a;color:var(--ca-primary)}.setup-actions{display:flex;gap:8px;margin-bottom:12px}.setup-action-btn{flex:1;padding:8px 12px;border:1px solid var(--ca-border);border-radius:6px;background:var(--ca-bg);color:var(--ca-text);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .15s}.setup-action-btn:hover{border-color:var(--ca-primary);background:var(--ca-bg-light)}.setup-start-actions{display:flex;flex-direction:column;gap:8px}.setup-start-btn{padding:10px 16px;border:none;border-radius:8px;background:var(--ca-bg-light);color:var(--ca-text);font-size:.9rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s}.setup-start-btn:hover{background:var(--ca-bg-card-hover)}.setup-start-btn.primary{background:var(--ca-primary);color:#fff}.setup-start-btn.primary:hover{background:var(--ca-primary-dark)}.header-text{flex:1}.player-elo{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:var(--ca-bg);border-radius:8px;border:2px solid var(--ca-primary);margin-right:16px}.elo-label{font-size:.7rem;color:var(--ca-text-muted);text-transform:uppercase;letter-spacing:1px}.elo-value{font-size:1.2rem;font-weight:700;color:var(--ca-primary)}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.auth-actions{display:flex;align-items:center;gap:10px}.admin-dropdown{position:relative}.admin-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--ca-bg-card);border:1px solid var(--ca-border);border-radius:10px;box-shadow:0 10px 30px #0003;padding:6px;z-index:20}.admin-dropdown-item{width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;color:var(--ca-text);border-radius:8px;font-size:.85rem;cursor:pointer}.admin-dropdown-item:hover{background:var(--ca-bg-card-hover)}.auth-user{font-size:.85rem;color:var(--ca-text-muted);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-key-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .2s}.api-key-btn:hover{border-color:var(--ca-primary);background:var(--ca-bg-card-hover)}.api-key-btn.saved{border-color:var(--ca-success);color:var(--ca-success)}.api-key-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.api-key-modal-content{background:var(--ca-bg-card);padding:24px;border-radius:12px;border:1px solid var(--ca-border);box-shadow:0 8px 32px #0000004d;max-width:400px;width:90%}.api-key-modal-content h3{margin:0 0 8px;color:var(--ca-text)}.api-key-modal-content p{margin:0 0 16px;color:var(--ca-text-muted);font-size:.9rem}.api-key-input-field{width:100%;padding:12px;border-radius:8px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.95rem;font-family:monospace;margin-bottom:16px}.api-key-input-field:focus{outline:none;border-color:var(--ca-primary)}.api-key-modal-actions{display:flex;gap:12px}.api-key-modal-actions button{flex:1;padding:10px 16px;border-radius:8px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.api-key-modal-actions .save-btn{background:var(--ca-primary);color:#fff}.api-key-modal-actions .save-btn:hover:not(:disabled){background:var(--ca-primary-dark)}.api-key-modal-actions .save-btn:disabled{opacity:.5;cursor:not-allowed}.api-key-modal-actions .cancel-btn{background:var(--ca-bg);color:var(--ca-text);border:1px solid var(--ca-border)}.api-key-modal-actions .cancel-btn:hover{background:var(--ca-bg-card-hover)}.header-language-selector{flex-shrink:0}.header-language-selector select{padding:8px 12px;border-radius:8px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.9rem;font-family:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s}.header-language-selector select:hover{border-color:var(--ca-primary-light)}.header-language-selector select:focus{outline:none;border-color:var(--ca-primary);box-shadow:0 0 0 3px #3d8eb926}.app-header h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--ca-primary-dark);letter-spacing:-.5px}.app-header p{margin:4px 0 0;color:var(--ca-text-muted);font-size:.9rem;font-weight:400}.settings-toggle{margin-left:auto;padding:8px;background:transparent;border:1px solid var(--ca-border);border-radius:8px;cursor:pointer;color:var(--ca-text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-toggle:hover{background:var(--ca-bg-main);color:var(--ca-primary);border-color:var(--ca-primary-light)}.settings-panel{width:100%;max-width:1100px;margin-bottom:20px;background:var(--ca-bg-card);border-radius:12px;border:1px solid var(--ca-border);box-shadow:0 2px 8px var(--ca-shadow);padding:16px 20px}.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.setting-item{display:flex;flex-direction:column;gap:6px}.setting-header{display:flex;flex-direction:column;gap:2px}.setting-header label{font-size:.85rem;font-weight:600;color:var(--ca-text)}.setting-hint{font-size:.7rem;color:var(--ca-text-muted);line-height:1.3}.setting-select{padding:8px 12px;border-radius:8px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.85rem;font-family:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s}.setting-select:hover:not(:disabled){border-color:var(--ca-primary-light)}.setting-select:focus{outline:none;border-color:var(--ca-primary);box-shadow:0 0 0 3px #3d8eb926}.setting-select:disabled{opacity:.5;cursor:not-allowed;background:var(--ca-bg-light)}.board-color-buttons{display:flex;gap:8px}.setting-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.85rem;font-family:inherit;cursor:pointer;transition:border-color .2s,background-color .2s}.setting-btn:hover{border-color:var(--ca-primary-light);background:var(--ca-bg-light)}@media(max-width:860px){.settings-panel{max-width:640px}.settings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.settings-grid{grid-template-columns:1fr}.settings-panel{padding:12px 16px}}.app-main{width:100%;max-width:1100px}.app-footer{margin-top:24px;padding:12px 24px;text-align:center}.app-footer a{color:var(--ca-text-muted);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s}.app-footer a:hover{color:var(--ca-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200}.modal{background:var(--ca-bg-card);border-radius:12px;border:1px solid var(--ca-border);box-shadow:0 10px 32px #0000004d;width:92%;max-width:420px;padding:20px}.modal-wide{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-tabs{display:flex;gap:6px}.modal-tabs button{border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);padding:6px 10px;border-radius:8px;cursor:pointer}.modal-tabs button.active{border-color:var(--ca-primary);color:var(--ca-primary-dark);background:var(--ca-bg-card-hover)}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form label{font-size:.85rem;color:var(--ca-text-muted);display:flex;flex-direction:column;gap:6px}.modal-form input{padding:10px 12px;border-radius:8px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text)}.modal-form input:focus{outline:none;border-color:var(--ca-primary)}.modal-actions{display:flex;gap:10px;margin-top:8px}.modal-actions button{flex:1;padding:10px 14px;border-radius:8px;border:none;font-weight:600;cursor:pointer;background:var(--ca-primary);color:#fff}.modal-actions button.secondary{background:var(--ca-bg);color:var(--ca-text);border:1px solid var(--ca-border)}.modal-error{padding:10px 12px;border-radius:8px;background:#e74c3c1a;color:var(--ca-danger);border:1px solid rgba(231,76,60,.3);font-size:.85rem}.modal-body{max-height:60vh;overflow:auto}.empty-state{color:var(--ca-text-muted)}.match-list{display:flex;flex-direction:column;gap:10px}.match-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--ca-border);background:var(--ca-bg)}.match-result{min-width:64px;text-align:center;padding:6px 8px;border-radius:8px;font-weight:600;text-transform:uppercase;font-size:.75rem}.match-result.win{background:#27ae6026;color:var(--ca-success)}.match-result.loss{background:#e74c3c26;color:var(--ca-danger)}.match-result.draw{background:#f39c1226;color:var(--ca-warning)}.match-meta{flex:1}.match-title{font-weight:600;color:var(--ca-text)}.match-subtitle,.match-moves{font-size:.8rem;color:var(--ca-text-muted)}.chess-container{display:flex;flex-direction:column;gap:16px}.main-layout{display:flex;gap:16px;align-items:flex-start;width:100%}.board-section{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;max-width:720px}.board-primary-actions{display:flex;justify-content:flex-end;gap:8px}.primary-action-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--ca-primary);background:var(--ca-primary);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.primary-action-btn:hover:enabled{filter:brightness(1.05)}.primary-action-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-action-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.8rem;cursor:pointer;transition:all .2s}.secondary-action-btn:hover:enabled{border-color:var(--ca-primary);background:var(--ca-bg-card-hover)}.secondary-action-btn:disabled{opacity:.6;cursor:not-allowed}.session-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px}.session-chip{padding:4px 8px;border-radius:999px;border:1px solid var(--ca-border);background:var(--ca-bg-card);color:var(--ca-text-muted);font-size:.75rem}.side-panel{flex:0 0 280px;display:flex;flex-direction:column;gap:16px}.competitive-mode-info{background:var(--ca-bg-card);padding:20px;border-radius:12px;border:1px solid var(--ca-border);box-shadow:0 2px 8px var(--ca-shadow);text-align:center}.competitive-mode-info h3{margin:0 0 12px;color:var(--ca-primary);font-size:1.1rem}.competitive-mode-info p{margin:0 0 16px;color:var(--ca-text-muted);font-size:.9rem;line-height:1.4}.opponent-elo{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;background:var(--ca-bg-light);border-radius:8px}.opponent-label{color:var(--ca-text-muted);font-size:.85rem}.opponent-value{font-weight:700;color:var(--ca-text);font-size:1.1rem}.board-with-eval{display:flex;gap:12px}.board-with-notation{display:flex;gap:4px;flex:1}.rank-labels{display:flex;flex-direction:column;justify-content:space-around;padding:2px 0}.rank-label{display:flex;align-items:center;justify-content:center;width:20px;font-size:14px;font-weight:600;color:var(--ca-text-secondary);-webkit-user-select:none;user-select:none}.board-and-files{display:flex;flex-direction:column;flex:1}.file-labels{display:flex;justify-content:space-around;padding:0 2px;margin-top:4px}.file-label{display:flex;align-items:center;justify-content:center;height:20px;font-size:14px;font-weight:600;color:var(--ca-text-secondary);-webkit-user-select:none;user-select:none}.board-wrapper{position:relative;flex:1;aspect-ratio:1;border-radius:8px;box-shadow:0 4px 20px var(--ca-shadow-hover);border:1px solid var(--ca-border)}.move-navigation{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:var(--ca-bg-card);border-radius:8px;border:1px solid var(--ca-border)}.nav-btn{padding:6px 12px;background:var(--ca-bg-main);border:1px solid var(--ca-border);border-radius:6px;cursor:pointer;font-size:1rem;color:var(--ca-text);transition:all .15s}.nav-btn:hover:not(:disabled){background:var(--ca-primary-light);border-color:var(--ca-primary);color:var(--ca-primary-dark)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-position{min-width:50px;text-align:center;font-size:.85rem;color:var(--ca-text-muted);font-weight:500}.captured-row{min-height:32px;display:flex;align-items:center;padding:6px 12px;background:var(--ca-bg-card);border-radius:8px;border:1px solid var(--ca-border)}.captured-row .pieces{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.captured-piece{font-size:1.25rem;line-height:1;opacity:.9}.captured-row .advantage{margin-left:8px;font-size:.85rem;font-weight:600;color:var(--ca-success)}.evaluation-bar{width:28px;display:flex;flex-direction:column;align-items:center;gap:4px}.eval-track{flex:1;width:100%;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;background:#ddd;box-shadow:inset 0 0 4px #0000001a;border:1px solid var(--ca-border)}.eval-fill{transition:height .3s ease}.eval-fill.white-fill{background:linear-gradient(180deg,#fff,#f0f0f0);order:2}.eval-fill.black-fill{background:linear-gradient(180deg,#4a4a4a,#2a2a2a);order:1}.eval-text{font-size:.7rem;font-weight:600;color:var(--ca-text);text-align:center;white-space:nowrap}.eval-text.black-advantage{color:var(--ca-text-muted)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;z-index:10}.loading-overlay p{color:var(--ca-text);margin-top:12px;font-weight:500}.loading-spinner{width:48px;height:48px;border:4px solid var(--ca-border);border-top-color:var(--ca-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-status{background:var(--ca-bg-card);padding:16px;border-radius:12px;text-align:center;border:1px solid var(--ca-border);box-shadow:0 2px 8px var(--ca-shadow)}.status-message{font-size:1.1rem;font-weight:600;margin-bottom:8px}.status-normal .status-message{color:var(--ca-text)}.status-check .status-message{color:var(--ca-danger)}.status-checkmate .status-message{color:var(--ca-warning)}.status-draw .status-message{color:var(--ca-success)}.status-thinking .status-message{color:var(--ca-primary)}.turn-indicator{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ca-text-muted);font-size:.85rem}.turn-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--ca-border)}.turn-dot.white{background:#fff;box-shadow:0 1px 3px #0003}.turn-dot.black{background:#333}.game-controls{background:var(--ca-bg-card);padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--ca-border);box-shadow:0 2px 8px var(--ca-shadow)}.game-id-display{font-size:.85rem;color:#333;background:#e8f4e8;padding:8px 12px;border-radius:6px;font-family:monospace;-webkit-user-select:all;user-select:all;cursor:default;border:1px solid #4a4;margin-bottom:12px}.control-group{display:flex;align-items:center;gap:12px}.control-group label{font-weight:500;min-width:80px;color:var(--ca-text-muted);font-size:.9rem}.control-group select{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.95rem;font-family:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s}.control-group select:hover:not(:disabled){border-color:var(--ca-primary-light)}.control-group select:focus{outline:none;border-color:var(--ca-primary);box-shadow:0 0 0 3px #3d8eb926}.control-group select:disabled{opacity:.5;cursor:not-allowed;background:var(--ca-bg-light)}.control-group.buttons{flex-wrap:wrap;gap:8px}.control-group button{flex:1;min-width:100px;padding:10px 16px;border-radius:8px;border:none;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.control-group button:nth-child(1){background:var(--ca-primary);color:#fff}.control-group button:nth-child(1):hover:not(:disabled){background:var(--ca-primary-dark);box-shadow:0 4px 12px #3d8eb94d}.control-group button:nth-child(2){background:var(--ca-bg);color:var(--ca-text);border:1px solid var(--ca-border)}.control-group button:nth-child(2):hover:not(:disabled){background:var(--ca-bg-card-hover);border-color:var(--ca-primary-light)}.control-group button:nth-child(3){background:var(--ca-bg);color:var(--ca-text);border:1px solid var(--ca-border)}.control-group button:nth-child(3):hover:not(:disabled){background:var(--ca-bg-card-hover);border-color:var(--ca-primary-light)}.control-group button:hover:not(:disabled){transform:translateY(-1px)}.control-group button:disabled{opacity:.5;cursor:not-allowed;transform:none}.move-history{background:var(--ca-bg-card);padding:12px;border-radius:12px;border:1px solid var(--ca-border);box-shadow:0 2px 8px var(--ca-shadow)}.move-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.move-history h3{margin:0;font-size:.9rem;font-weight:500;color:var(--ca-text-muted)}.move-history .move-navigation{padding:0;background:none;border:none;gap:4px}.move-history .nav-btn{padding:4px 8px;font-size:.85rem}.moves-table{display:flex;flex-direction:column;gap:2px;font-family:Courier New,monospace;font-size:.85rem;color:var(--ca-text);max-height:200px;overflow-y:auto}.move-row{display:grid;grid-template-columns:24px 1fr 1fr;gap:4px;padding:2px 4px;border-radius:4px}.move-row.move-header{border-bottom:1px solid var(--ca-border);margin-bottom:4px;padding-bottom:4px}.move-row.move-header:hover{background:transparent}.move-label{font-size:.75rem;color:var(--ca-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:2px 4px}.move-label.white-move{text-align:left}.move-label.black-move{text-align:right}.move-row:not(.move-header):hover{background:var(--ca-bg-main)}.move{display:inline-flex;align-items:center;gap:4px;padding:2px 4px;border-radius:3px}.move.viewing{background:#ff03}.white-move{justify-content:flex-start}.black-move{justify-content:flex-end}.move-number{color:var(--ca-text-muted);font-size:.8em}.move-san{transition:color .2s}.move.move-good .move-san{color:#22c55e;font-weight:600}.move.move-bad .move-san{color:#ef4444;font-weight:600}.move.move-neutral .move-san{color:inherit}.move-quality{font-weight:700;font-size:.9em;margin-left:2px;display:inline-block}.move-quality-good{color:#22c55e;text-shadow:0 0 4px rgba(34,197,94,.5)}.move-quality-bad{color:#ef4444;text-shadow:0 0 4px rgba(239,68,68,.5)}.move-quality-neutral{color:#a3a3a3;opacity:.7}.coach-toggle{margin-left:8px;padding:2px 8px;border-radius:4px;border:1px solid var(--ca-border);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s}.coach-toggle.enabled{background:var(--ca-success);color:#fff;border-color:var(--ca-success)}.coach-toggle.enabled:hover{background:#219a52}.coach-toggle.disabled{background:var(--ca-bg);color:var(--ca-text-muted);border-color:var(--ca-border)}.coach-toggle.disabled:hover{border-color:var(--ca-primary-light);color:var(--ca-text)}.multi-explanation.coach-disabled{opacity:.8}.coach-action-buttons{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.coach-action-buttons:empty{display:none}.help-think-button{padding:4px 10px;border:1px solid var(--ca-primary);border-radius:6px;background:#3d8eb91a;color:var(--ca-primary);font-size:.75rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.help-think-button:hover:not(:disabled){background:var(--ca-primary);color:#fff}.help-think-button:disabled{opacity:.5;cursor:not-allowed}.analyze-move-button{padding:4px 10px;border:1px solid var(--ca-warning);border-radius:6px;background:#f39c121a;color:var(--ca-warning);font-size:.75rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.analyze-move-button:hover:not(:disabled){background:var(--ca-warning);color:#fff}.analyze-move-button:disabled{opacity:.5;cursor:not-allowed}.chess-clock{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--ca-bg-card);border-radius:8px;border:1px solid var(--ca-border);margin-bottom:8px}.clock-controls{display:flex;align-items:center;gap:8px}.clock-controls label{font-size:.8rem;font-weight:500;color:var(--ca-text-muted)}.time-select{padding:4px 8px;border-radius:6px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.8rem;font-family:inherit;cursor:pointer}.time-select:disabled{opacity:.6;cursor:not-allowed}.clock-display{display:flex;gap:8px;margin-left:auto}.clock-increment{font-size:.75rem;color:var(--ca-text-muted);text-align:center;margin-top:2px}.clock-time{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:var(--ca-bg-light);border:2px solid transparent;font-family:Courier New,monospace;font-size:1rem;font-weight:600;transition:all .2s}.clock-time.active{border-color:var(--ca-primary);background:#3d8eb91a}.clock-time.low-time{color:var(--ca-danger);animation:pulse-time 1s infinite}.clock-time.low-time.active{border-color:var(--ca-danger);background:#e74c3c1a}@keyframes pulse-time{0%,to{opacity:1}50%{opacity:.6}}.clock-label{font-size:.9rem}.clock-value{min-width:50px;text-align:center}.move-explanation{background:var(--ca-bg-card);padding:16px;border-radius:12px;border:1px solid var(--ca-border);border-left:4px solid var(--ca-primary);box-shadow:0 2px 8px var(--ca-shadow)}.explanation-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.explanation-title{display:flex;align-items:center;gap:8px}.explanation-title h3{margin:0;font-size:.95rem;font-weight:600;color:var(--ca-text)}.explanation-icon{font-size:1.25rem}.speech-controls{display:flex;align-items:center;gap:10px}.auto-play-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:.8rem;color:var(--ca-text-muted)}.auto-play-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--ca-primary)}.auto-play-toggle .toggle-label{white-space:nowrap}.speed-select{padding:4px 8px;border-radius:6px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.8rem;font-family:inherit;cursor:pointer;transition:border-color .2s}.speed-select:hover{border-color:var(--ca-primary-light)}.speed-select:focus{outline:none;border-color:var(--ca-primary)}.play-button{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;border:1px solid var(--ca-border);border-radius:8px;background:var(--ca-bg);color:var(--ca-text);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .2s}.play-button:hover{background:var(--ca-bg-card-hover);border-color:var(--ca-primary-light)}.play-button.speaking{background:var(--ca-primary);color:#fff;border-color:var(--ca-primary)}.play-button.speaking:hover{background:var(--ca-primary-dark)}.language-selector{display:flex;align-items:center;gap:6px;font-size:.8rem}.language-selector label{color:var(--ca-text-muted)}.language-selector select{padding:4px 8px;border-radius:6px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.8rem;font-family:inherit;cursor:pointer}.language-selector select:hover{border-color:var(--ca-primary-light)}.move-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;margin-bottom:12px}.move-badge.player{background:#3d8eb926;color:var(--ca-primary-dark)}.move-badge.computer{background:#f39c1226;color:var(--ca-warning)}.move-badge strong{font-family:Courier New,monospace}.explanation-placeholder{color:var(--ca-text-muted);font-style:italic;margin:0;font-size:.9rem}.explanation-loading{display:flex;align-items:center;gap:12px;color:var(--ca-text-muted)}.explanation-loading p{margin:0}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:8px;height:8px;background:var(--ca-primary);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.explanation-error{color:var(--ca-danger)}.explanation-error p{margin:0 0 8px}.explanation-error .error-hint{font-size:.85rem;color:var(--ca-text-muted)}.explanation-error code{background:var(--ca-bg-light);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace}.explanation-content{line-height:1.6}.explanation-content p{margin:0;color:var(--ca-text);font-size:.95rem}.opening-book{background:var(--ca-bg-card);padding:12px;border-radius:12px;border:1px solid var(--ca-border);box-shadow:0 2px 8px var(--ca-shadow);margin-bottom:12px}.opening-book.collapsed{padding:8px 12px}.opening-book-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.opening-book-header h3{margin:0;font-size:.9rem;color:var(--ca-text);display:flex;align-items:center;gap:6px}.opening-book.expanded .opening-book-header h3{margin-bottom:8px}.opening-book-header h3:before{content:"📖"}.expand-toggle{background:none;border:none;color:var(--ca-text-muted);cursor:pointer;padding:4px 8px;font-size:.8rem;transition:color .2s}.expand-toggle:hover{color:var(--ca-text)}.opening-book-loading{text-align:center;color:var(--ca-text-muted);padding:8px}.opening-book-error{color:var(--ca-danger);font-size:.8rem;text-align:center;padding:8px}.opening-book-name{background:var(--ca-bg-light);padding:8px 10px;border-radius:6px;margin-bottom:10px;display:flex;gap:8px;align-items:center}.eco-code{font-weight:600;color:var(--ca-primary);font-size:.8rem;background:#3d8eb91a;padding:2px 6px;border-radius:4px}.opening-name{font-size:.85rem;color:var(--ca-text)}.opening-book-moves{font-size:.8rem}.moves-header{display:grid;grid-template-columns:50px 50px 1fr;gap:8px;padding:4px 8px;color:var(--ca-text-muted);font-weight:500;border-bottom:1px solid var(--ca-border);margin-bottom:4px}.opening-book-moves .move-row{display:grid;grid-template-columns:50px 50px 1fr;gap:8px;padding:6px 8px;cursor:pointer;border-radius:4px;transition:background .15s;align-items:center}.opening-book-moves .move-row:hover{background:var(--ca-bg-light)}.col-move{font-weight:600;color:var(--ca-primary)}.col-games{color:var(--ca-text-muted);font-size:.75rem}.col-result{display:flex}.result-bar{display:flex;width:100%;height:10px;border-radius:3px;overflow:hidden}.bar-white{background:#f0f0f0;border:1px solid #ddd;border-right:none}.bar-draw{background:#888}.bar-black{background:#333;border:1px solid #222;border-left:none}.opening-book-empty{color:var(--ca-text-muted);font-size:.8rem;text-align:center;padding:12px;font-style:italic}.multi-explanation{background:var(--ca-bg-card);padding:16px;border-radius:12px;border:1px solid var(--ca-border);box-shadow:0 2px 8px var(--ca-shadow)}.multi-explanation-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.talking-avatar{display:flex;justify-content:center;margin-bottom:12px}.talking-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;animation:talk-bounce .5s ease-in-out infinite;box-shadow:0 4px 12px #3d8eb94d;border:3px solid var(--ca-primary)}@keyframes talk-bounce{0%,to{transform:scale(1) translateY(0)}25%{transform:scale(1.05) translateY(-2px)}50%{transform:scale(1) translateY(0)}75%{transform:scale(1.03) translateY(-1px)}}.voice-settings{display:flex;gap:8px;margin-bottom:12px}.voice-provider-select,.openai-voice-select{padding:6px 10px;border-radius:6px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .2s}.voice-provider-select:hover,.openai-voice-select:hover{border-color:var(--ca-primary)}.voice-provider-select:focus,.openai-voice-select:focus{outline:none;border-color:var(--ca-primary);box-shadow:0 0 0 2px #3d8eb933}.providers-grid{display:flex;flex-direction:column;gap:12px}.follow-up-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--ca-border)}.follow-up-input-row{display:flex;gap:8px}.follow-up-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.85rem;font-family:inherit}.follow-up-input:focus{outline:none;border-color:var(--ca-primary)}.follow-up-input:disabled{opacity:.6}.follow-up-send{padding:8px 14px;border-radius:8px;border:none;background:var(--ca-primary);color:#fff;font-size:.9rem;cursor:pointer;transition:background .2s}.follow-up-send:hover:not(:disabled){background:var(--ca-primary-dark)}.follow-up-send:disabled{opacity:.5;cursor:not-allowed}.follow-up-answer{margin-top:10px;padding:10px;background:var(--ca-bg-light);border-radius:8px;border-left:3px solid var(--ca-primary)}.follow-up-answer p{margin:0 0 8px;font-size:.9rem;line-height:1.5;color:var(--ca-text)}.follow-up-answer .play-button-small{margin-top:4px}.provider-card{background:var(--ca-bg-light);border-radius:8px;border:1px solid var(--ca-border);padding:12px;border-left:3px solid var(--provider-color, var(--ca-primary));transition:box-shadow .2s}.provider-card:hover{box-shadow:0 2px 8px var(--ca-shadow)}.provider-card.primary{border-left-width:4px;background:var(--ca-bg)}.provider-card.rating-good{border-left-color:var(--ca-success);background:#27ae600d}.provider-card.rating-bad{border-left-color:var(--ca-danger);background:#e74c3c0d}.provider-card.rating-neutral{border-left-color:var(--ca-warning)}.rating-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:4px}.rating-badge.rating-good{background:#27ae6026;color:var(--ca-success)}.rating-badge.rating-bad{background:#e74c3c26;color:var(--ca-danger)}.rating-badge.rating-neutral{background:#f39c1226;color:var(--ca-warning)}.provider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.provider-name{font-size:.75rem;font-weight:600;color:var(--provider-color, var(--ca-text-muted));text-transform:uppercase;letter-spacing:.5px}.primary-badge{font-size:.7rem;background:var(--provider-color);color:#fff;padding:2px 6px;border-radius:4px}.provider-cost{font-size:.7rem;font-weight:500;color:var(--ca-text-muted);background:var(--ca-bg-light);padding:2px 6px;border-radius:4px;margin-left:auto;cursor:help}.provider-content{min-height:40px}.provider-loading{display:flex;align-items:center;gap:8px}.provider-loading .typing-indicator span{background:var(--provider-color, var(--ca-primary))}.provider-error{display:flex;align-items:flex-start;gap:6px;font-size:.8rem;color:var(--ca-danger)}.provider-error .error-icon{flex-shrink:0}.provider-explanation{margin:0;font-size:.9rem;line-height:1.5;color:var(--ca-text)}.play-button-small{margin-top:8px;padding:4px 8px;border:1px solid var(--ca-border);border-radius:4px;background:var(--ca-bg);color:var(--ca-text);font-size:.75rem;cursor:pointer;transition:all .2s}.play-button-small:hover{background:var(--ca-bg-card-hover);border-color:var(--ca-primary-light)}.play-button-small.speaking{background:var(--ca-primary);color:#fff;border-color:var(--ca-primary)}.coach-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.level-select{padding:6px 10px;border-radius:6px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .2s}.level-select:hover{border-color:var(--ca-primary-light)}.level-select:focus{outline:none;border-color:var(--ca-primary);box-shadow:0 0 0 2px #3d8eb933}.provider-actions{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.explain-better-button{padding:4px 10px;border:1px solid var(--ca-border);border-radius:4px;background:var(--ca-bg);color:var(--ca-text);font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.explain-better-button:hover{background:var(--ca-bg-card-hover);border-color:var(--ca-primary-light);color:var(--ca-primary)}.explain-better-button:active{transform:scale(.98)}.best-move-button{padding:4px 10px;border:1px solid var(--ca-warning);border-radius:4px;background:#f39c121a;color:var(--ca-warning);font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.best-move-button:hover{background:#f39c1233;border-color:var(--ca-warning)}.voice-select{padding:4px 6px;border-radius:4px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.7rem;font-family:inherit;cursor:pointer;max-width:120px}.voice-select:hover{border-color:var(--ca-primary-light)}.test-voice-btn{padding:4px 8px;border:1px solid var(--ca-border);border-radius:4px;background:var(--ca-bg);color:var(--ca-text);font-size:.8rem;cursor:pointer;transition:all .2s}.test-voice-btn:hover{background:var(--ca-bg-card-hover);border-color:var(--ca-primary-light)}.api-key-input{background:var(--ca-bg-card);padding:12px 16px;border-radius:12px;border:1px solid var(--ca-border);box-shadow:0 2px 8px var(--ca-shadow)}.api-key-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.api-key-icon{font-size:1rem}.api-key-label{font-size:.85rem;font-weight:500;color:var(--ca-text-muted)}.api-key-saved{color:var(--ca-success);font-size:.9rem}.api-key-controls{display:flex;gap:8px;align-items:center}.api-key-field{flex:1;padding:8px 12px;border-radius:6px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.85rem;font-family:monospace}.api-key-field:focus{outline:none;border-color:var(--ca-primary);box-shadow:0 0 0 3px #3d8eb926}.api-key-toggle,.api-key-save,.api-key-clear{padding:8px 12px;border-radius:6px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.8rem;cursor:pointer;transition:all .2s}.api-key-toggle:hover,.api-key-save:hover,.api-key-clear:hover{background:var(--ca-bg-card-hover);border-color:var(--ca-primary-light)}.api-key-save{background:var(--ca-primary);color:#fff;border-color:var(--ca-primary)}.api-key-save:hover{background:var(--ca-primary-dark)}.api-key-clear{color:var(--ca-danger);border-color:var(--ca-danger)}.api-key-clear:hover{background:#e74c3c1a}@media(max-width:960px){.app-main,.app-header{max-width:640px}.main-layout{flex-direction:column}.board-section{width:100%;max-width:none}.side-panel{width:100%;flex:1 1 auto}}@media(max-width:480px){.app{padding:16px}.app-header{padding:12px 16px;gap:12px}.app-logo{width:44px;height:44px}.app-header h1{font-size:1.35rem}.app-header p{font-size:.8rem}.control-group{flex-direction:column;align-items:stretch}.control-group label,.control-group button{min-width:auto}.explanation-header{flex-wrap:wrap}.language-selector{margin-top:8px}}.opening-display{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--ca-bg-light);border-radius:8px;border:1px solid var(--ca-border);font-size:.85rem}.opening-label{color:var(--ca-text-muted);font-weight:500}.opening-name{color:var(--ca-primary);font-weight:600}.stats-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stats-toggle{padding:8px 12px;border-radius:8px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .2s}.stats-toggle:hover{background:var(--ca-bg-card-hover);border-color:var(--ca-primary-light)}.stats-details{display:flex;gap:12px;font-size:.8rem;color:var(--ca-text-muted)}.control-group.buttons.secondary button{background:var(--ca-bg);color:var(--ca-text);border:1px solid var(--ca-border);font-size:.85rem}.control-group.buttons.secondary button:hover:not(:disabled){background:var(--ca-bg-card-hover);border-color:var(--ca-primary-light)}.control-group.buttons.secondary button.hint-btn{border-color:var(--ca-warning);color:var(--ca-warning)}.control-group.buttons.secondary button.hint-btn:hover:not(:disabled){background:#f39c121a}.control-group.buttons.secondary button.sound-btn.enabled{border-color:var(--ca-success);color:var(--ca-success)}.control-group.buttons.danger button{background:var(--ca-bg);border:1px solid var(--ca-border);font-size:.85rem}.control-group.buttons.danger button.resign-btn{color:var(--ca-danger);border-color:var(--ca-danger)}.control-group.buttons.danger button.resign-btn:hover:not(:disabled){background:#e74c3c1a}.control-group.buttons.danger button.draw-btn{color:var(--ca-text-muted)}.control-group.buttons.danger button.draw-btn:hover:not(:disabled){background:var(--ca-bg-card-hover);border-color:var(--ca-primary-light)}.shortcuts-hint{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:8px;border-top:1px solid var(--ca-border-light);font-size:.75rem;color:var(--ca-text-muted)}.hint-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffd9;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10}.hint-overlay p{color:var(--ca-warning);font-weight:600;font-size:1rem}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:var(--ca-bg-card);padding:24px;border-radius:12px;border:1px solid var(--ca-border);box-shadow:0 8px 32px #0000004d;max-width:400px;width:90%}.dialog h3{margin:0 0 12px;color:var(--ca-text);font-size:1.1rem}.dialog p{margin:0 0 20px;color:var(--ca-text-muted);font-size:.95rem}.dialog-buttons{display:flex;gap:12px}.dialog-buttons button{flex:1;padding:10px 16px;border-radius:8px;border:none;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.dialog-cancel{background:var(--ca-bg);color:var(--ca-text);border:1px solid var(--ca-border)!important}.dialog-cancel:hover{background:var(--ca-bg-card-hover)}.dialog-confirm{background:var(--ca-primary);color:#fff}.dialog-confirm:hover{background:var(--ca-primary-dark)}.dialog-confirm.danger{background:var(--ca-danger)}.dialog-confirm.danger:hover{background:#c0392b}.dialog-confirm.primary{background:var(--ca-success);font-size:1.1rem;padding:12px 24px}.dialog-confirm.primary:hover{background:#219a52}.game-over-dialog{text-align:center}.game-over-dialog h3{font-size:1.5rem;margin-bottom:16px}.game-over-message{font-size:1.2rem;margin-bottom:24px;color:var(--ca-text)}.import-dialog{max-width:500px}.pgn-input{width:100%;padding:12px;border-radius:8px;border:1px solid var(--ca-border);background:var(--ca-bg);color:var(--ca-text);font-family:Courier New,monospace;font-size:.85rem;resize:vertical;min-height:120px;margin-bottom:12px}.pgn-input:focus{outline:none;border-color:var(--ca-primary);box-shadow:0 0 0 2px #3d8eb933}.import-error{color:var(--ca-danger);font-size:.85rem;margin-bottom:12px}.import-btn{background:var(--ca-bg-card);border:1px solid var(--ca-border);color:var(--ca-text)}.import-btn:hover:not(:disabled){background:var(--ca-bg-card-hover);border-color:var(--ca-primary-light)}.cancel-btn{background:var(--ca-bg);color:var(--ca-text);border:1px solid var(--ca-border)}.cancel-btn:hover{background:var(--ca-bg-card-hover)}.confirm-btn{background:var(--ca-primary);color:#fff;border:none}.confirm-btn:hover:not(:disabled){background:var(--ca-primary-dark)}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}