html{width:100%;margin:0;padding:0}body{margin:0;padding:0;font-family:Arial,sans-serif;background:#f0f0f0;width:100%;overflow-x:hidden}.app{padding:0;width:100vw;margin:0;box-sizing:border-box;display:flex;flex-direction:column}.app-header{background:#333;color:#fff;padding:20px;margin-bottom:0;width:100vw;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center}.app h1{margin:0;font-size:2em}.nav{display:flex;gap:10px;margin:0;padding:10px 20px;background:#333;border-bottom:1px solid #555;flex-wrap:wrap;width:100vw;box-sizing:border-box;justify-content:center}.nav a{padding:10px 15px;background:#007bff;color:#fff;text-decoration:none;border-radius:5px}.nav button{padding:10px 15px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.nav a:hover,.nav a.active{background:#0056b3}.main-content{background:white;padding:0;width:100vw;box-sizing:border-box;display:flex;justify-content:center;overflow-x:hidden}.main-content>div{width:100%;display:flex;flex-direction:column;align-items:center}.board-container{display:flex;flex-direction:column;align-items:center;gap:15px}.app-footer{background:#333;color:#fff;padding:20px;text-align:center;width:100vw;box-sizing:border-box;margin-top:auto}.app-footer p{margin:0}.analysis-panel,.training-panel,.tournament-panel,.news-panel,.settings-panel{background:white;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:20px}.analysis-panel h3,.training-panel h3,.tournament-panel h3,.news-panel h3,.settings-panel h3{margin:0 0 15px;color:#333}.panel-content{color:#666}.tab-content{padding:20px;width:100%;display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto}.full-width{width:100%}.analysis-container{display:flex;flex-direction:column;gap:20px}.board-info{display:flex;flex-direction:column;gap:10px;margin-top:15px}.move-counter{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:5px}.turn-indicator{font-weight:700}.engine-status,.current-fen,.evaluation-display{margin:10px 0;padding:10px;background:#f8f9fa;border-radius:5px}.engine-type,.fen-label{font-weight:700;margin-right:10px}.fen-value{font-family:monospace;background:#e9ecef;padding:2px 5px;border-radius:3px}.move-list{max-height:200px;overflow-y:auto;border:1px solid #ddd;padding:10px;border-radius:5px}.move-history{display:flex;flex-wrap:wrap;gap:5px}.move-button{padding:5px 10px;border:1px solid #ddd;background:white;border-radius:3px;cursor:pointer}.move-button:hover{background:#f8f9fa}.move-button.active{background:#007bff;color:#fff}.game-setup{max-width:500px;margin:0 auto;padding:20px;background:#f8f9fa;border-radius:10px;border:1px solid #ddd}.setup-options{display:flex;flex-direction:column;gap:20px}.color-selection,.difficulty-selection{display:flex;flex-direction:column;gap:10px}.color-buttons{display:flex;gap:10px}.color-buttons button{padding:10px 20px;border:2px solid #ddd;background:white;border-radius:5px;cursor:pointer;font-size:16px}.color-buttons button.active{border-color:#007bff;background:#007bff;color:#fff}.engine-buttons{display:flex;gap:10px;margin:10px 0}.engine-buttons button{padding:8px 16px;border:2px solid #ddd;background:white;border-radius:5px;cursor:pointer;font-size:14px;transition:all .2s}.engine-buttons button.active{border-color:#28a745;background:#28a745;color:#fff}.engine-buttons button:hover:not(.active){border-color:#28a745;color:#28a745}.difficulty-selection select{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.start-game-button{padding:15px 30px;background:#28a745;color:#fff;border:none;border-radius:5px;font-size:18px;cursor:pointer;margin-top:10px}.start-game-button:disabled{background:#6c757d;cursor:not-allowed}.game-info{background:#e9ecef;padding:15px;border-radius:5px;margin-bottom:15px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:10px}.game-info p{margin:0;font-weight:700}.game-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}.surrender-button{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.surrender-button:hover{background:#c82333}.reset-button{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.reset-button:hover{background:#0056b3}.react-chessboard [data-piece]{cursor:grab}.react-chessboard [data-piece]:active{cursor:grabbing}.game-layout{display:flex;gap:20px;justify-content:center;align-items:flex-start;margin:20px 0}.board-container{width:500px;height:500px;max-width:500px}.moves-panel{width:300px;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:15px;max-height:500px;overflow-y:auto}.moves-panel h3{margin:0 0 15px;color:#333;font-size:18px}.moves-list{display:flex;flex-direction:column;gap:5px}.move-pair{display:flex;gap:10px;align-items:center;padding:4px;border-radius:4px}.move-pair:nth-child(odd){background:#ffffff}.move-number{font-weight:700;color:#666;min-width:30px}.white-move,.black-move{min-width:50px;padding:2px 6px;border-radius:3px;font-family:monospace}.white-move{background:#f0f0f0;color:#333}.black-move{background:#333;color:#fff}.no-moves{color:#666;font-style:italic;margin:0}@media (max-width: 768px){.game-layout{flex-direction:column;align-items:center}.moves-panel{width:100%;max-width:500px;max-height:200px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.app.light{--bg-color: #ffffff;--text-color: #333333;--header-bg: #f8f9fa;--card-bg: #f5f5f5;--border-color: #ddd;--accent-color: #4caf50;--button-bg: transparent;--button-text: #333333;--hover-bg: #e9ecef}.app.dark{--bg-color: #1a1a1a;--text-color: #e0e0e0;--header-bg: #2d2d2d;--card-bg: #333333;--border-color: #555555;--accent-color: #66bb6a;--button-bg: #404040;--button-text: #ffffff;--hover-bg: #505050}.app{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;transition:background-color .3s ease,color .3s ease}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#213547}}