.chessboard{display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;aspect-ratio:1 / 1;width:100%;max-width:90vmin;max-height:90vmin;border:2px solid #2c3e50;border-radius:12px;padding:6px;background:#34495e;box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a;position:relative}.square{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;transition:all .2s ease}.square.light{background:#f8f9fa;border:1px solid rgba(0,0,0,.04)}.square.dark{background:#495057;border:1px solid rgba(0,0,0,.1)}.square.selected{background:#3498db!important;box-shadow:inset 0 0 0 3px #3498db4d}.square:hover:not(.selected){background-color:#3498db1a}.piece{width:85%;height:85%;object-fit:contain;-webkit-user-select:none;user-select:none;cursor:grab;position:relative;z-index:2;transition:transform .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.piece:hover{transform:scale(1.05)}.piece:active{cursor:grabbing;transform:scale(1.08)}.legal-move-dot{position:absolute;width:32%;height:32%;background:#27ae60;border-radius:50%;z-index:1;opacity:.8;box-shadow:0 2px 6px #27ae604d}:root{--light-square: #f8f9fa;--dark-square: #495057;--highlight: #3498db}.player-pod{display:flex;flex-direction:column;padding:1.25rem;border-radius:8px;background:linear-gradient(135deg,#34495e,#2c3e50);border:1px solid rgba(255,255,255,.1);border-left:3px solid rgba(255,255,255,.2);transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.player-pod.active{border-left-color:#5dade2;background:linear-gradient(135deg,#5dade2,#3498db);color:#fff;box-shadow:0 6px 20px #5dade240,0 2px 8px #0003;transform:translateY(-2px)}.player-pod.active .username,.player-pod.active .rating,.player-pod.active .clock-display{color:#fff}.player-pod.b .username{color:#bdc3c7}.player-main-info{display:flex;justify-content:space-between;align-items:center}.player-details .username{font-weight:600;font-size:1.1rem;color:#ecf0f1}.player-details .rating{margin-left:.6rem;color:#95a5a6;font-weight:500}.clock-display{font-size:1.4rem;font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,monospace;color:#ecf0f1;background:#0003;padding:.4rem .9rem;border-radius:6px;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 3px #0003}.captured-pieces-container{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem;height:22px}.captured-pieces{display:flex;gap:.2rem;padding:.2rem .4rem;background:#0000001a;border-radius:4px}.captured-piece-img{width:18px;height:18px;opacity:.9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:all .2s ease}.captured-piece-img:hover{opacity:1;transform:scale(1.1)}.material-advantage{font-size:.8rem;font-weight:600;color:#2ecc71;background:#2ecc7133;padding:.25rem .6rem;border-radius:4px;border:1px solid rgba(46,204,113,.3)}.move-history-container{flex-grow:1;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:8px;margin:1.5rem 0;padding:1.25rem;overflow-y:auto;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.9rem;box-sizing:border-box;box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1)}.move-pair{display:flex;margin-bottom:.4rem;padding:.5rem .8rem;border-radius:6px;transition:all .2s ease;border-left:2px solid transparent}.move-pair:hover{background:#3498db26;border-left-color:#3498db;transform:translate(3px)}.move-pair:nth-child(2n){background:#ffffff08}.move-number{color:#bdc3c7;width:32px;text-align:right;margin-right:.8rem;flex-shrink:0;font-weight:500}.move{flex-basis:70px;font-weight:600;color:#ecf0f1;transition:color .2s ease}.move:hover{color:#3498db}.action-bar{background-color:var(--secondary);padding:.5rem;border-radius:6px;display:flex;justify-content:space-around;align-items:center;min-height:60px;box-sizing:border-box}.action-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;width:60px;font-family:Poppins,sans-serif}.action-button:hover{color:var(--text-primary)}.action-button .icon{font-size:1.5rem}.action-button .label{font-size:.75rem;font-weight:700}.status-panel{background:linear-gradient(135deg,#2c3e50,#34495e);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;width:320px;height:min(85vh,800px);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;box-shadow:0 12px 32px #0003,0 4px 12px #0000001a}.panel-center-section{flex-grow:1;display:flex;flex-direction:column;margin:1.5rem 0;min-height:0}.check-indicator{text-align:center;color:#fff;font-weight:600;font-size:.9rem;margin-bottom:.8rem;padding:.8rem;background:linear-gradient(135deg,#e74c3c,#c0392b);border:1px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:0 4px 12px #e74c3c4d,inset 0 1px #fff3;animation:checkPulse 2s ease-in-out infinite}@keyframes checkPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #e74c3c4d,inset 0 1px #fff3}50%{transform:scale(1.02);box-shadow:0 6px 16px #e74c3c66,inset 0 1px #ffffff4d}}@media (max-width: 1024px){.status-panel{width:95vw;height:auto;padding:1rem;border-radius:8px}.panel-center-section{min-height:150px}.move-history-container{margin:1rem 0;padding:1rem}.player-pod{padding:1rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background-color:var(--primary);padding:2rem;border-radius:8px;text-align:center;border:1px solid var(--secondary);animation:slideIn .3s ease}.modal-content h2{margin-top:0;color:var(--text-primary)}.modal-content p{font-size:1.1rem;color:var(--text-secondary)}.modal-content button{background-color:var(--accent);color:var(--text-primary);border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:1rem;transition:background-color .2s ease}.modal-content button:hover{background-color:#4752c4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.game-page{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;width:100%;height:100%;padding:2rem;box-sizing:border-box}.board-container{height:min(85vh,800px);width:min(85vh,800px);display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.game-page{flex-direction:column;justify-content:flex-start;padding:1rem;gap:1rem;height:auto}.board-container{width:95vw;height:95vw}}.app-container{position:relative;width:100vw;height:100vh;overflow:hidden}.branding-overlay{position:absolute;top:20px;right:30px;color:var(--text-secondary);font-family:Roboto Mono,monospace;font-size:1.1rem;font-weight:700;z-index:10}.main-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:auto}:root{--background: #202225;--primary: #2f3136;--secondary: #36393f;--text-primary: #dcddde;--text-secondary: #a1a3a7;--accent: #5865f2;--light-square: #ebebd0;--dark-square: #779556;--highlight: rgba(88, 101, 242, .5)}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:Poppins,sans-serif;background-color:var(--background);color:var(--text-primary);display:flex;justify-content:center;align-items:center}