@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);body{background:#f0f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.app-container{margin:0 auto;max-width:1200px;padding:20px}.header{margin-bottom:20px;text-align:center}.header h1{color:#333;font-size:32px;margin-bottom:5px}.game-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}.board-container{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:20px}.board{border:2px solid #333;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:480px;width:480px}.square{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.square-light{background-color:#f0d9b5}.square-dark{background-color:#b58863}.square-selected{background-color:#aad0ff}.square-possible-move{position:relative}.square-possible-move:after{background-color:#0003;border-radius:50%;content:"";height:20px;position:absolute;width:20px}.piece{cursor:pointer;height:50px;width:50px}.controls-container{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:300px;padding:20px}.control-group{margin-bottom:15px}.control-group h3{color:#333;font-size:18px;margin-bottom:10px;margin-top:0}.btn{background:#4a6fa5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:10px;margin-right:10px;padding:10px 15px;transition:background .3s}.btn:hover{background:#385d8a}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#5a6268}.btn-success{background:#28a745}.btn-success:hover{background:#218838}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.status-message{background:#f8f9fa;border-left:4px solid #4a6fa5;border-radius:4px;margin-top:15px;padding:10px}.player-stats{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:20px;padding:15px}.stats-table{border-collapse:collapse;width:100%}.stats-table td,.stats-table th{border-bottom:1px solid #ddd;padding:8px;text-align:left}.stats-table th{background-color:#f2f2f2}.loading{height:100px}.loading:after{border:4px solid #f3f3f3;border-top-color:#3498db;height:30px;width:30px}.difficulty-selector{margin-bottom:15px}.difficulty-selector select{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.game-history{background:#f8f9fa;border-radius:4px;margin-top:15px;max-height:200px}.move-notation{font-family:monospace;margin:2px 0}.chess-game{align-items:center;display:flex;flex-direction:column;height:100%;margin:10px auto;max-width:800px;position:relative;width:100%}.game-start-container{background-color:#fff;border-radius:8px;border-top:6px solid #4a6fa5;box-shadow:0 10px 20px #0003;max-width:450px;padding:25px;text-align:center;transform:perspective(1000px) rotateX(2deg);width:100%}.difficulty-selection{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:450px;padding:15px;width:100%}.difficulty-selection h3{color:#4a6fa5;font-size:24px;font-weight:600;margin-bottom:25px;text-shadow:1px 1px 2px #0000001a}.difficulty-options{display:flex;flex-direction:column;gap:12px;margin-bottom:25px;width:100%}.difficulty-options button{background-color:#fff;border:2px solid #4a6fa5;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#4a6fa5;cursor:pointer;font-size:16px;font-weight:600;padding:15px;text-align:center;transition:all .3s ease;width:100%}.difficulty-options button:hover{background-color:#e7eef8;box-shadow:0 6px 12px #00000026;color:#2c3e50;transform:translateY(-3px)}.difficulty-options button.selected{background-color:#4a6fa5;border-color:#2c3e50;box-shadow:0 6px 12px #0003;color:#fff}.start-game-btn{background:linear-gradient(90deg,#4a6fa5,#3498db);border:none;border-radius:8px;box-shadow:0 6px 12px #00000026;color:#fff;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:1px;margin-top:10px;max-width:200px;padding:15px 25px;text-transform:uppercase;transition:all .3s ease;width:80%}.start-game-btn:hover{background:linear-gradient(90deg,#3a5a85,#2980b9);box-shadow:0 8px 16px #0003;transform:translateY(-3px)}.start-game-btn:active{box-shadow:0 4px 8px #00000026;transform:translateY(0)}.game-layout{align-items:flex-start;display:flex;gap:15px;max-height:calc(100vh - 200px);width:100%}.game-board-container{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.game-status{align-items:center;box-shadow:0 2px 4px #0000001a;color:#4a6fa5;font-size:16px;font-weight:600;justify-content:center;margin-bottom:10px;max-width:400px;min-height:40px;padding:8px 12px;text-align:center;width:100%}.game-controls-sidebar,.game-status{background-color:#f8f9fa;border-radius:8px;display:flex}.game-controls-sidebar{box-shadow:0 4px 8px #0000001a;flex-direction:column;gap:12px;padding:12px;width:130px}.control-btn{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .3s ease;width:100%}.control-btn:hover:not(:disabled){box-shadow:0 4px 6px #00000026;transform:translateY(-2px)}.control-btn:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.control-btn:disabled{background-color:#e9ecef;color:#adb5bd;cursor:not-allowed}.new-game-btn{background:linear-gradient(90deg,#4a6fa5,#3498db);color:#fff}.resign-btn{background:linear-gradient(90deg,#e74c3c,#c0392b);color:#fff}.draw-btn{background:linear-gradient(90deg,#f39c12,#e67e22);color:#fff}.chess-board-wrapper{align-items:center;justify-content:center}.chess-board,.chess-board-wrapper{display:flex;margin:0 auto;position:relative}.chess-board{border:8px solid #654321;border-radius:4px;box-shadow:0 10px 20px #0000004d;flex-direction:column;height:415px;overflow:hidden;transform:perspective(1000px) rotateX(3deg);width:400px}.chess-board:before{background:linear-gradient(45deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.board-row{display:flex;height:50px;width:100%}.board-square{align-items:center;cursor:pointer;display:flex;flex:1 1;height:50px;justify-content:center;position:relative;transition:all .2s ease;width:50px}.board-square:hover{transform:scale(1.05);z-index:2}.dark{background-color:#b58863}.light{background-color:#f0d9b5}.selected{box-shadow:inset 0 0 0 3px #ffff00b3}.possible-move{position:relative}.possible-move:after{background-color:#0003;border-radius:50%;content:"";height:16px;position:absolute;width:16px;z-index:1}.chess-piece{cursor:pointer;font-size:38px;text-shadow:1px 1px 2px #0006;transition:transform .2s ease;-webkit-user-select:none;user-select:none;z-index:2}.chess-piece:hover{transform:scale(1.2)}.chess-piece.b,.chess-piece.k,.chess-piece.n,.chess-piece.p,.chess-piece.q,.chess-piece.r{color:#000}.chess-piece.B,.chess-piece.K,.chess-piece.N,.chess-piece.P,.chess-piece.Q,.chess-piece.R{color:#fff}.timer-container{bottom:-45px;display:flex;justify-content:space-between;padding:0 5px;position:absolute;width:100%}.timer{border-radius:6px;box-shadow:0 2px 4px #0000001a;font-size:14px;font-weight:600;min-width:90px;padding:8px 15px;text-align:center}.ai-timer{background-color:#e74c3c;border-bottom-left-radius:0;border-top-left-radius:0;color:#fff}.player-timer{background-color:#2ecc71;border-bottom-right-radius:0;border-top-right-radius:0;color:#fff}.notification{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;font-weight:600;min-width:250px;padding:12px 18px;position:fixed;right:20px;text-align:center;top:20px;z-index:1000}.notification.success{background-color:#2ecc71}.notification.error{background-color:#e74c3c}.notification.info{background-color:#3498db}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.game-over-modal{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;left:50%;min-width:300px;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.game-over-modal h2{color:#4a6fa5;margin-bottom:15px}.game-over-modal p{font-size:16px;margin-bottom:15px}.game-over-modal button{background-color:#4a6fa5;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px;transition:all .3s ease}.game-over-modal button:hover{background-color:#3a5a85;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:768px){.game-layout{align-items:center;flex-direction:column}.game-board-container{order:2}.game-controls-sidebar{flex-direction:row;justify-content:space-between;margin-bottom:15px;order:1;width:100%}.control-btn{padding:8px;width:32%}.chess-board{height:335px;width:320px}.board-row{height:40px}.board-square{height:40px;width:40px}.chess-piece{font-size:30px}.timer-container{align-items:center;display:flex;height:100%;justify-content:space-between;left:0;pointer-events:none;position:absolute;top:0;width:100%}.timer{border-radius:4px;box-shadow:0 2px 4px #0000001a;font-size:12px;font-weight:600;min-width:70px;padding:3px 5px;pointer-events:auto;text-align:center}.ai-timer{background-color:#e74c3c;left:35px;transform:translateX(-50%)}.ai-timer,.player-timer{color:#fff;position:absolute}.player-timer{background-color:#2ecc71;right:35px;transform:translateX(50%)}}@media (max-width:480px){.chess-board{border-width:6px;height:295px;width:280px}.board-row{height:35px}.board-square{height:35px;width:35px}.chess-piece{font-size:26px}.difficulty-options button{font-size:.9rem;padding:10px}.start-game-btn{font-size:1rem;padding:12px 20px}.notification{left:5%;min-width:auto;right:5%;width:90%}}.processing-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.processing-message{background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-weight:700;padding:20px}.player-profile{height:100%;overflow-y:auto;padding:30px}.player-profile h2{color:#4a6fa5;margin-bottom:30px;text-align:center}.performance-section{margin-top:40px;width:100%}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:40px}.stat-card{background-color:#fff;border-radius:8px;border-top:4px solid #4a6fa5;box-shadow:0 5px 15px #0000001a;padding:20px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-value{color:#4a6fa5;font-size:2rem;font-weight:700;margin-bottom:10px}.stat-label{color:#666;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.performance-chart{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;display:block;margin-top:20px;padding:20px;width:100%}.performance-chart h3{color:#2c3e50;margin-bottom:20px;text-align:center}.chart-bar{background-color:#eee;border-radius:15px;display:flex;height:30px;margin-bottom:20px;overflow:hidden}.bar-segment{height:100%;transition:width 1s ease-in-out}.bar-segment.win{background-color:#2ecc71}.bar-segment.draw{background-color:#f39c12}.bar-segment.loss{background-color:#e74c3c}.chart-legend{display:flex;gap:20px;justify-content:center}.legend-item{align-items:center;display:flex;gap:5px}.legend-color{border-radius:3px;height:15px;width:15px}.legend-color.win{background-color:#2ecc71}.legend-color.draw{background-color:#f39c12}.legend-color.loss{background-color:#e74c3c}@media (max-width:768px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}}@media (max-width:768px){.player-profile{overflow-y:auto;padding:15px}.performance-chart{margin-top:30px;padding:15px}}.game-history{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;height:auto;max-height:calc(100vh - 200px);min-height:300px;padding:15px}.game-history,.history-container{display:flex;flex-direction:column}.history-container{height:100%}.game-history h2{color:#4a6fa5;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.table-container{display:flex;flex:1 1;flex-direction:column;overflow:auto;position:relative}.game-history table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;table-layout:fixed;width:100%}.game-history th{background-color:#4a6fa5;color:#fff;font-weight:600;padding:12px;position:sticky;text-align:left;top:0;z-index:10}.game-history td{border-bottom:1px solid #eee;padding:10px 12px}.game-history tr:last-child td{border-bottom:none}.game-history tr:nth-child(2n){background-color:#f8f9fa}.game-history tr:hover{background-color:#f1f4f7}.result-win td:nth-child(3){color:#2ecc71;font-weight:600}.result-loss td:nth-child(3){color:#e74c3c;font-weight:600}.result-draw td:nth-child(3){color:#f39c12;font-weight:600}.loading-spinner{align-items:center;display:flex;font-style:italic;height:200px;justify-content:center}.loading-spinner:after{animation:spin 1s linear infinite;border:4px solid #4a6fa54d;border-radius:50%;border-top-color:#4a6fa5;content:"";height:30px;margin-left:10px;width:30px}.empty-history{align-items:center;color:#666;display:flex;font-size:1.1rem;font-style:italic;height:200px;justify-content:center}@media (max-width:768px){.game-history table{font-size:.85rem}.game-history td,.game-history th{padding:8px}}@media (max-width:480px){.game-history table{font-size:.75rem}.game-history td,.game-history th{padding:6px}.game-history{padding:10px}.game-history h2{font-size:20px;margin-bottom:15px}}.game-history td:first-child,.game-history th:first-child{width:30%}.game-history td:nth-child(2),.game-history td:nth-child(3),.game-history th:nth-child(2),.game-history th:nth-child(3){width:20%}.game-history td:nth-child(4),.game-history th:nth-child(4){width:30%}.leaderboard-container{margin:0 auto;max-width:800px;padding:20px}.leaderboard-container h2{color:#333;margin-bottom:20px;text-align:center}.table-container{border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow-x:auto}.leaderboard-container table{border-collapse:collapse;width:100%}.leaderboard-container th{background-color:#2c3e50;color:#fff;padding:12px;text-align:left}.leaderboard-container td{border-bottom:1px solid #ddd;padding:12px}.leaderboard-container tr:nth-child(2n){background-color:#f2f2f2}.leaderboard-container tr:hover{background-color:#e6f7ff}.leaderboard-container .current-player{background-color:#fffde7;font-weight:700}.empty-leaderboard,.loading-spinner{color:#666;padding:20px;text-align:center}.empty-leaderboard{font-style:italic}.leaderboard-container tbody tr:first-child td:first-child:before{content:"🥇 "}.leaderboard-container tbody tr:nth-child(2) td:first-child:before{content:"🥈 "}.leaderboard-container tbody tr:nth-child(3) td:first-child:before{content:"🥉 "}.chess-rules{color:var(--dark-color);font-family:Montserrat,sans-serif;height:calc(100vh - 150px);margin:0 auto;max-width:800px;overflow-y:auto;padding:20px}.chess-rules h2{color:var(--primary-color);font-size:2rem;margin-bottom:20px;text-align:center}.rule-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:0 2px 5px #0000001a;margin-bottom:30px;padding:15px 20px}.rule-section h3{border-bottom:1px solid #0000001a;color:var(--secondary-color);margin-bottom:15px;padding-bottom:8px}.rule-section ul{padding-left:20px}.rule-section li{line-height:1.5;margin-bottom:10px}.rule-section li strong{color:var(--primary-color);font-weight:600}.rule-section li ul{margin-bottom:8px;margin-top:8px}@media (max-width:768px){.chess-rules{padding:15px}.chess-rules h2{font-size:1.5rem}.rule-section{padding:10px 15px}}:root{--primary-color:#1d54a6;--secondary-color:#2c3e50;--accent-color:#e74c3c;--light-color:#ecf0f1;--dark-color:#2c3e50;--success-color:#2ecc71;--warning-color:#1d54a6;--info-color:#3498db;--shadow-color:#0003;--border-radius:8px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2c3e50;color:var(--dark-color);font-family:Montserrat,sans-serif;position:relative}.app,body{height:100vh}.app{flex-direction:column;margin:0 auto;max-width:1200px;padding:10px}.app,header{display:flex}header{align-items:center;border-bottom:2px solid #4a6fa533;flex-shrink:0;justify-content:space-between;margin-bottom:15px;padding:10px 0}header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1d54a6,#2c3e50);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;color:#1d54a6;color:var(--primary-color);font-size:2rem;font-weight:700;text-shadow:2px 2px 4px #0003;text-shadow:2px 2px 4px var(--shadow-color)}.account-controls,.wallet-info{align-items:center;display:flex}.account-controls{gap:10px}.wallet-info span{background-color:#ecf0f1;background-color:var(--light-color);border-left:4px solid #1d54a6;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0003;box-shadow:0 4px 6px var(--shadow-color);font-size:.9rem;font-weight:500;padding:8px 12px}.disconnect-btn{background-color:#e74c3c;background-color:var(--accent-color);font-size:.9rem;padding:8px 12px}.disconnect-btn:hover{background-color:#c0392b}button{background-color:#1d54a6;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0003;box-shadow:0 4px 6px var(--shadow-color);color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}button:hover{background-color:#2c3e50;background-color:var(--secondary-color);box-shadow:0 6px 8px #0003;box-shadow:0 6px 8px var(--shadow-color);transform:translateY(-2px)}button:active{box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--shadow-color);transform:translateY(0)}button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.simple-message{color:#1d54a6;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin:50px auto;text-align:center}.registration-prompt{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);border-top:6px solid #1d54a6;border-top:6px solid var(--primary-color);box-shadow:0 10px 20px #0003;box-shadow:0 10px 20px var(--shadow-color);flex:1 1;margin:20px auto;max-width:500px;padding:30px;text-align:center;transform:perspective(1000px) rotateX(2deg)}.registration-prompt h2{color:#1d54a6;color:var(--primary-color);margin-bottom:15px}.registration-prompt p{font-size:1rem;margin-bottom:20px}.registration-prompt button{font-size:1rem;padding:10px 20px}.main-content{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 15px 30px #0003;box-shadow:0 15px 30px var(--shadow-color);display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 80px);overflow:hidden;transform:perspective(1000px) rotateX(1deg)}.tabs{background-color:#2c3e50;background-color:var(--secondary-color);display:flex;flex-shrink:0;padding:0 20px}.tabs button{background-color:initial;border:none;border-radius:0;box-shadow:none;color:#ecf0f1;color:var(--light-color);cursor:pointer;font-size:1rem;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.tabs button:after{background-color:#e74c3c;background-color:var(--accent-color);bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.tabs button:hover:after{transform:scaleX(.5)}.tabs button.active{color:#fff;font-weight:600}.tabs button.active:after{transform:scaleX(1)}.game-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:10px}.game-status{background-color:#ecf0f1!important;background-color:var(--light-color)!important;border-radius:8px!important;border-radius:var(--border-radius)!important;box-shadow:0 2px 4px #0000001a!important;color:#2c3e50!important;color:var(--secondary-color)!important;font-size:16px!important;font-weight:500!important;line-height:1.4!important;margin:10px auto!important;max-width:90%!important;overflow:hidden!important;padding:8px 12px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:normal!important}.loading{align-items:center;background-color:#fffc;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading:after{animation:spin 1s linear infinite;border:5px solid #4a6fa54d;border-radius:50%;border-top:5px solid var(--primary-color);content:"";height:40px;margin-top:60px;position:absolute;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){header{flex-direction:row;flex-wrap:wrap;gap:10px}header h1{font-size:1.5rem}.account-controls{align-items:flex-end;flex-direction:column}.disconnect-btn,.wallet-info span{font-size:.8rem;padding:6px 10px}}@media (max-width:480px){.tabs button{font-size:.8rem;padding:8px 12px}.app{padding:5px}header{margin-bottom:10px;padding:5px 0}}.game-history{height:calc(100vh - 150px);overflow-y:auto;padding:10px}
/*# sourceMappingURL=main.3be653d6.css.map*/