:root{--bg-primary:linear-gradient(135deg, #120509 0%, #290b16 100%);--bg-secondary:#1a1214d9;--bg-panel:#150e10f2;--border-color:#d4af3740;--text-primary:#f8f4eb;--text-secondary:#c2b1a2;--accent-cyan:#d4af37;--accent-violet:#aa8620;--accent-neon:gold;--board-light:#ece5c8;--board-dark:#6f2031;--square-highlight:#d4af3759;--square-last-move:#aa86204d;--square-check:#dc262699;--shadow-premium:0 8px 32px 0 #00000073;--font-family:"Plus Jakarta Sans", system-ui, sans-serif;--font-header:"Cormorant Garamond", Georgia, serif}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);letter-spacing:.5px;font-weight:600}#root{box-sizing:border-box;flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(12px);border-radius:16px}.navbar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);z-index:100;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.navbar-brand{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.navbar-links{gap:12px;display:flex}.nav-link{color:var(--text-secondary);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:var(--accent-cyan);background:#d4af371f}.nav-user{align-items:center;gap:12px;display:flex}.btn-primary{background:var(--accent-cyan);color:#1a080d;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-weight:600;transition:all .15s}.btn-primary:hover{background:var(--accent-neon)}.btn-primary:disabled{color:#887d81;cursor:not-allowed;background:#4a3e42}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:#ffffff0a;border-radius:10px;padding:10px 20px;font-weight:600;transition:all .15s}.btn-secondary:hover{border-color:var(--accent-cyan);background:#ffffff14}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.chess-container{box-sizing:border-box;grid-template-columns:1fr 360px;gap:32px;width:100%;max-width:1200px;margin:16px auto;padding:0 24px;display:grid}@media (width<=900px){.chess-container{grid-template-columns:1fr}}.board-wrapper{flex-direction:column;align-items:center;gap:16px;display:flex}.board-grid{box-sizing:border-box;border:8px solid #2b181e;border-radius:8px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid;overflow:hidden;box-shadow:0 10px 25px #00000014}.square{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.square.light{background-color:var(--board-light)}.square.dark{background-color:var(--board-dark)}.square.highlighted:after{content:"";pointer-events:none;border-radius:50%;width:24%;height:24%;position:absolute}.square.light.highlighted:after{background-color:#6f2031bf}.square.dark.highlighted:after{background-color:#ffd700d9}.square.highlighted.has-piece:after{background-color:#0000;border-radius:50%;width:80%;height:80%}.square.light.highlighted.has-piece:after{border:4px solid #6f2031bf}.square.dark.highlighted.has-piece:after{border:4px solid #ffd700d9}.square.last-move{background-color:var(--square-last-move)!important}.square.checked{background-color:var(--square-check)!important}.chess-piece{object-fit:contain;z-index:10;width:85%;height:85%;transition:transform .1s}.chess-piece:hover{transform:scale(1.05)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);flex-direction:column;gap:20px;width:90%;max-width:440px;padding:32px;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}