.game-layout{display:flex;gap:2rem;align-items:flex-start;margin-top:2rem;}.game-sidebar{flex:1;min-width:250px;background:var(--surface-color);padding:1.5rem;border-radius:var(--border-radius);border:1px solid rgba(255, 255, 255, 0.05);}.chess-board{display:grid;grid-template-columns:repeat(8, 1fr);width:100%;max-width:600px;aspect-ratio:1;border:5px solid #2d2a3e;border-radius:4px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.5);cursor:default;}.square{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:3rem;user-select:none;position:relative;cursor:pointer;}.square.white-sq{background-color:#ebecd0;}.square.black-sq{background-color:#779556;}.square.selected{background-color:#f6f669 !important;}.square.last-move{background-color:#f6f669 !important;opacity:0.8;}.square.valid-move::after{content:'';width:20%;height:20%;background:rgba(0, 0, 0, 0.1);border-radius:50%;position:absolute;}.square.valid-capture::after{content:'';width:80%;height:80%;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;position:absolute;}.piece{width:90%;height:90%;display:flex;justify-content:center;align-items:center;z-index:10;transition:transform 0.2s;}.piece:active{transform:scale(1.1);}.piece img{width:100%;height:100%;object-fit:contain;}.stats-panel{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;}.stat-box{background:rgba(255, 255, 255, 0.03);padding:0.8rem;border-radius:8px;text-align:center;}.stat-box h4{color:var(--text-muted);font-size:0.8rem;margin-bottom:0.3rem;}.stat-box span{font-weight:700;color:var(--primary-color);}.mode-selector, .difficulty-options{display:flex;gap:0.5rem;margin-bottom:1rem;}.mode-btn{flex:1;background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.1);color:var(--text-muted);padding:0.5rem;border-radius:4px;cursor:pointer;font-size:0.85rem;transition:var(--transition-speed);}.mode-btn.active{background:var(--primary-color);color:white;}.move-history-container{background:rgba(0, 0, 0, 0.2);border-radius:8px;padding:1rem;height:200px;display:flex;flex-direction:column;}.move-history{flex:1;overflow-y:auto;font-family:monospace;font-size:0.9rem;color:var(--text-muted);margin-top:0.5rem;}.move-history div{padding:2px 0;border-bottom:1px solid rgba(255, 255, 255, 0.03);}.board-container{flex:2;display:flex;justify-content:center;}.piece.white{color:#fff;text-shadow:0 0 2px #000;}.piece.black{color:#000;text-shadow:0 0 2px #fff;}@media (max-width:992px){.game-layout{flex-direction:column-reverse;}.game-sidebar{width:100%;min-width:unset;}.board-container{width:100%;}}@media (max-width:600px){.square{font-size:2rem;}.chess-board{border-width:2px;}}.multiplayer-panel{background:rgba(0, 0, 0, 0.3);border:1px solid var(--primary-glow);border-radius:8px;padding:1rem;margin-bottom:1rem;animation:fadeIn 0.3s ease;}.id-badge{color:var(--secondary-color);font-family:monospace;background:rgba(255, 255, 255, 0.05);padding:2px 6px;border-radius:4px;}.join-box{display:flex;gap:0.5rem;margin-top:0.5rem;}.id-input{flex:1;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);color:white;padding:0.4rem;border-radius:4px;font-size:0.85rem;}.small-text{font-size:0.75rem;color:var(--text-muted);}.connection-status{font-size:0.75rem;margin-top:0.5rem;text-align:center;color:var(--text-muted);}.connection-status.connected{color:var(--success-color);}.btn-sm{padding:0.4rem 0.8rem;font-size:0.8rem;}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}