:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--transition-speed-st: .2s;--transition-speed-nd: .5s}.light-mode{--bg-primary: #f2f2f2;--bg-secondary: #ffffff;--bg-secondary-hover: #f9f9f9;--text-primary: #333333;--text-secondary: #5b5858;--text-contrast: #f7f7f7;--accent-color: #444444;--accent-hover: #555555;--border-color: rgba(0, 0, 0, .05);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .1);--board-white-brown: #f0d9b5;--board-black-brown: #b58863;--board-white-green: #ebecd0;--board-black-green: #779556;--board-white-blue: #e8efff;--board-black-blue: #7b9dd3}.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #262626;--bg-secondary-hover: #363636;--text-primary: #f2f2f2;--text-secondary: #a3a3a3;--text-contrast: #e4e4e4;--accent-color: #383838;--accent-hover: #737373;--border-color: #333333;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--board-white-brown: #c9b896;--board-black-brown: #8a6d4b;--board-white-green: #d4dca0;--board-black-green: #5a6a42;--board-white-blue: #c8d4e8;--board-black-blue: #5a7aa8}@font-face{font-family:Lexend Deca;src:url(/assets/LexendDeca-VariableFont_wght-CF0uK9iI.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-hover)}body{font-family:Lexend Deca,system-ui,-apple-system,sans-serif;font-weight:300;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed-nd) cubic-bezier(.19,1,.22,1),color var(--transition-speed-nd) cubic-bezier(.19,1,.22,1);min-height:100dvh;overflow-x:hidden}.app-container{display:flex;min-height:100dvh}.main-content{flex:1;padding:2rem;display:flex;flex-direction:column}@keyframes fadeInPage{0%{opacity:0;transform:translateY(10px) scale(.9)}50%{opacity:.8}to{opacity:1;transform:translateY(0) scale(1)}}.page-transition{animation:fadeInPage .4s cubic-bezier(.19,1,.22,1) forwards}.tema-marron .white-1e1d7{background-color:var(--board-white-brown)!important;color:var(--board-black-brown)!important}.tema-marron .black-3m7l9,.tema-marron .black-3c85d{background-color:var(--board-black-brown)!important;color:var(--board-white-brown)!important}.tema-verde .white-1e1d7{background-color:var(--board-white-green)!important;color:var(--board-black-green)!important}.tema-verde .black-3m7l9,.tema-verde .black-3c85d{background-color:var(--board-black-green)!important;color:var(--board-white-green)!important}.tema-azul .white-1e1d7{background-color:var(--board-white-blue)!important;color:var(--board-black-blue)!important}.tema-azul .black-3m7l9,.tema-azul .black-3c85d{background-color:var(--board-black-blue)!important;color:var(--board-white-blue)!important}.chess-board-inner .numeric-fc462,.chess-board-inner .alpha-d2270{color:inherit!important}.dropdown-container{position:relative;display:inline-block}.dropdown-trigger{cursor:pointer;user-select:none;-webkit-user-select:none}.dropdown-menu{position:absolute;min-width:220px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;padding:.25rem;overflow:hidden;animation:dropdownFadeIn .3s cubic-bezier(.165,.84,.44,1);user-select:none;-webkit-user-select:none}.dropdown-menu.side-bottom{top:100%;margin-top:.5rem}.dropdown-menu.side-top{bottom:100%;margin-bottom:.5rem}.dropdown-menu.side-right{bottom:0;left:100%;margin-left:.5rem}.dropdown-menu.side-left{bottom:0;right:100%;margin-right:.5rem}.dropdown-menu.end{right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);margin-bottom:.25rem;display:flex;align-items:center;gap:.75rem}.dropdown-item{width:100%;display:flex;align-items:center;padding:.5rem .75rem;color:var(--text-secondary);text-decoration:none;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-family:inherit;transition:background-color .2s ease,color .2s ease;text-align:left}.dropdown-item:hover{background-color:var(--bg-primary);color:var(--text-primary)}.dropdown-item.destructive{background-color:#f0f0f0}.dropdown-item.destructive:hover{background-color:#af0a0a;color:#fff}.dark-mode .dropdown-item.destructive{background-color:#641f1f}.dark-mode .dropdown-item.destructive:hover{background-color:#7a0101;color:#fff}.item-icon{margin-right:.75rem;font-size:1rem;display:flex;align-items:center}.item-label{flex:1}.dropdown-separator{height:1px;background-color:var(--border-color);margin:.25rem 0}@media(max-width:640px){.dropdown-menu{min-width:180px}}.select-custom{display:flex;align-items:center;gap:.5rem}.select-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.select-wrapper{position:relative;display:inline-flex;align-items:center}.select-input{appearance:none;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.375rem 2rem .375rem .625rem;font-size:.85rem;font-family:inherit;color:var(--text-primary);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;min-width:100px}.select-input:hover{border-color:var(--accent-color)}.select-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #6366f133}.select-icon{position:absolute;right:.5rem;pointer-events:none;color:var(--text-secondary);display:flex;align-items:center}.select-input option{background-color:var(--bg-secondary);color:var(--text-primary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-primary);border:1px solid var(--border-color);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-secondary);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-color);border-color:var(--accent-color)}input:checked+.slider:before{background-color:#fff;transform:translate(20px)}.settings-container{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem}.settings-section{display:flex;flex-direction:column;gap:.8rem;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:background-color var(--transition-speed-st) ease-out}@media(min-width:640px){.settings-section{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}}.settings-info{flex:1}.settings-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.settings-info p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.settings-control{min-width:150px;display:flex;justify-content:flex-end}.layout-container{display:grid;grid-template-columns:auto 1fr;height:100dvh;width:100dvw;overflow:hidden;background-color:var(--bg-primary)}.sidebar{position:relative;width:260px;background-color:var(--bg-secondary);display:flex;flex-direction:column;padding:1.5rem 1rem;margin:1rem;border-radius:var(--radius-lg);transition:width var(--transition-speed-nd) cubic-bezier(.19,1,.22,1),background-color var(--transition-speed-st) ease-out,color var(--transition-speed-st) ease-out;z-index:10}.sidebar-action{position:absolute;top:28px;right:-30px;z-index:15;padding:10px;background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-speed-st) ease,transform var(--transition-speed-nd) ease}.sidebar-action:hover{background-color:var(--bg-secondary-hover);transform:translate(2px)}.sidebar-action .open{transform:rotate(90deg)}.sidebar-action .close{transform:rotate(270deg)}.sidebar-action .open,.sidebar-action .close{transition:transform 1s cubic-bezier(.19,1,.22,1)}.sidebar.collapsed{width:80px}.sidebar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .sidebar-logo,.sidebar.collapsed .nav-item span{display:none}.sidebar-logo{display:flex;font-size:1.5rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.sidebar-footer{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:background-color .2s ease,color .2s ease;font-weight:400;white-space:nowrap;overflow-x:hidden}button.nav-item{background:transparent;border:none;cursor:pointer;width:100%;font-family:inherit;font-size:inherit;text-align:left}.nav-item svg{flex-shrink:0}.nav-item:hover{background-color:var(--bg-primary);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-color);color:#fff}.user-header{display:flex;flex-direction:column;gap:.25rem;font-weight:500}.user-profile-trigger{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:var(--radius-md);transition:background-color .2s ease;width:100%}.user-profile-trigger:hover{background-color:var(--bg-primary)}.user-profile-trigger.collapsed{justify-content:center;padding:.5rem 0}.profile-chevron{color:var(--text-secondary);transition:transform 1s cubic-bezier(.19,1,.22,1)}.user-profile-trigger:hover .profile-chevron{border-radius:50%;transform:translate(3px)}.dropdown-trigger.active .profile-chevron{transform:rotate(90deg)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-info{display:flex;width:100%;justify-content:space-between}.user-name{font-weight:500;font-size:.95rem;color:var(--text-primary)}.user-email{color:var(--text-secondary);font-size:.85rem}.main-wrapper{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column}@media(max-width:640px){.layout-container{grid-template-columns:1fr;grid-template-rows:1fr auto}.sidebar{grid-row:2;width:100%;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:.75rem 1rem;flex-direction:row;align-items:center;justify-content:space-between;height:auto}.sidebar.collapsed{width:100%}.sidebar.collapsed .nav-item{padding-left:.5rem;padding-right:.5rem}.sidebar-action{display:none}.sidebar-nav{flex-direction:row;gap:.25rem;flex:0}.sidebar-nav .nav-item{padding:.5rem}.sidebar-nav .sidebar-logo,.sidebar-nav .nav-item span{display:none}.sidebar-footer{flex-direction:row;gap:.25rem;flex:0}.sidebar-footer .nav-item{padding:.5rem}.sidebar-footer .nav-item span{display:none}.user-profile-trigger{width:auto;padding:.5rem}.user-profile-trigger.collapsed{padding:.5rem}.user-profile-trigger .user-info{display:none}.user-avatar{width:28px;height:28px;font-size:.75rem}.main-wrapper{grid-row:1;padding:1rem}}.elo-chart{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm)}.elo-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.elo-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.elo-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.elo-trend{font-size:.875rem;font-weight:600;padding:.125rem .375rem;border-radius:var(--radius-sm)}.elo-trend.up{color:#22c55e;background:#22c55e1a}.elo-trend.down{color:#ef4444;background:#ef44441a}.elo-graph{height:120px;margin-bottom:.5rem}.elo-graph svg{width:100%;height:100%}.elo-labels{display:flex;justify-content:space-between;font-size:.625rem;color:var(--text-secondary)}.practice-button-container{width:100%}.practice-btn{width:100%;padding:.875rem 1rem;font-size:.875rem;font-weight:600;background:var(--accent-color);color:var(--text-contrast);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-speed-st) ease}.practice-btn:hover{background:var(--accent-hover)}.game-finder{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm)}.game-finder h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.finder-btn{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed-st) ease;margin-bottom:.5rem}.finder-btn:disabled{opacity:.6;cursor:not-allowed}.finder-btn.primary{background:var(--accent-color);color:var(--text-contrast);border:none}.finder-btn.primary:hover:not(:disabled){background:var(--accent-hover)}.finder-btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.finder-btn.secondary:hover{background:var(--bg-secondary-hover);color:var(--text-primary)}.queue-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.queue-section h4{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.queue-list{display:flex;flex-direction:column;gap:.5rem}.queue-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-primary);border-radius:var(--radius-sm)}.player-elo{font-size:.75rem;color:var(--text-secondary)}.challenge-btn{padding:.25rem .5rem;font-size:.75rem;font-weight:600;background:var(--accent-color);color:var(--bg-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-speed-st) ease}.challenge-btn:hover{background:var(--accent-hover)}.friends-list{display:flex;flex-direction:column}.friends-list.empty{padding:2rem 1rem;text-align:center}.friends-list.empty p{font-size:.875rem;color:var(--text-secondary)}.friend-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-sm);transition:background var(--transition-speed-st) ease}.friend-item:hover{background:var(--bg-secondary-hover)}.friend-avatar{position:relative}.avatar-initials{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:var(--text-contrast);font-size:.75rem;font-weight:700;border-radius:var(--radius-full)}.status-dot{position:absolute;bottom:0;right:0;width:.625rem;height:.625rem;border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}.status-dot.online{background:#22c55e}.status-dot.offline{background:var(--text-secondary)}.friend-info{flex:1;display:flex;flex-direction:column}.friend-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.friend-status{font-size:.75rem;color:var(--text-secondary)}.friend-status.pending{color:#d97706}.friend-actions{display:flex;gap:.375rem;align-items:center}.challenge-btn{padding:.375rem .625rem;font-size:.75rem;font-weight:600;background:#3692e7;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-speed-st) ease}.challenge-btn:hover{background:#207aca}.accept-btn{padding:.375rem .625rem;font-size:.75rem;font-weight:600;background:#22c55e;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-speed-st) ease}.remove-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-speed-st) ease}.remove-btn:hover{background:#ef4444;color:#fff}.friends-search{position:relative}.search-input{width:100%;padding:.625rem .875rem;font-size:.875rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-speed-st) ease}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{border-color:var(--accent-color)}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:10;max-height:200px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:.625rem;padding:.625rem;cursor:pointer;transition:background var(--transition-speed-st) ease}.search-result-item:hover{background:var(--bg-secondary-hover)}.result-avatar{flex-shrink:0}.result-avatar .avatar-initials{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:var(--text-contrast);font-size:.625rem;font-weight:700;border-radius:var(--radius-full)}.result-info{flex:1;display:flex;flex-direction:column;min-width:0}.result-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-email{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;background:var(--accent-color);color:var(--bg-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-speed-st) ease;flex-shrink:0}.add-btn:hover{background:var(--accent-hover)}.challenges-list{display:flex;flex-direction:column}.challenges-list.empty{padding:1.5rem;text-align:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md)}.challenges-list.empty p{font-size:.875rem;color:var(--text-secondary)}.challenge-item{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:.5rem}.challenge-info{margin-bottom:.75rem}.challenger-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.challenge-actions{display:flex;gap:.5rem}.accept-btn,.reject-btn{flex:1;padding:.5rem;font-size:.75rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-speed-st) ease}.accept-btn{background:#22c55e;color:#fff;border:none}.accept-btn:hover{background:#16a34a}.reject-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.reject-btn:hover{background:var(--bg-secondary-hover);color:var(--text-primary)}.available-players{display:flex;flex-direction:column}.players-search{padding:.5rem .75rem;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:.75rem;outline:none}.players-search:focus{border-color:var(--accent-color)}.players-list{display:flex;flex-direction:column;gap:.25rem;max-height:300px;overflow-y:auto}.players-empty{font-size:.875rem;color:var(--text-secondary);text-align:center;padding:1rem}.player-item{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:var(--radius-sm);transition:background var(--transition-speed-st) ease}.player-item:hover{background:var(--bg-secondary-hover)}.player-avatar{flex-shrink:0}.player-avatar .avatar-initials{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:var(--text-contrast);font-size:.625rem;font-weight:700;border-radius:var(--radius-full)}.player-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary)}.add-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-speed-st) ease}.add-btn:hover{background:var(--accent-color);color:var(--bg-secondary);border-color:var(--accent-color)}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-header{margin-bottom:.5rem;display:flex;justify-content:center;align-items:center;text-align:center}.dashboard-header h1{padding-top:1rem;font-size:2.2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.dashboard-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1.5rem;align-items:start}.dashboard-left{display:flex;flex-direction:column;gap:1rem}.dashboard-center{display:flex;flex-direction:column;gap:1.5rem}.dashboard-right{display:flex;flex-direction:column;gap:1rem}.section-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm)}.section-card h2{font-size:.75rem;font-weight:700;color:#d1d5db;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.section-empty{font-size:.875rem;color:var(--text-secondary);text-align:center;padding:1rem}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-right{grid-column:1 / -1}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.clearfix-7da63{clear:both}.board-b72b1{border:2px solid #404040;box-sizing:content-box}.square-55d63{float:left;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.white-1e1d7{background-color:#f0d9b5;color:#b58863}.black-3c85d{background-color:#b58863;color:#f0d9b5}.highlight1-32417,.highlight2-9c5d2{box-shadow:inset 0 0 3px 3px #ff0}.notation-322f9{cursor:default;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;position:absolute}.alpha-d2270{bottom:1px;right:3px}.numeric-fc462{top:2px;left:2px}.chess-board-wrapper{display:flex;flex-direction:column;gap:1rem}.board-customization{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.chess-board-inner{width:100%;max-width:80vh;aspect-ratio:1 / 1;margin:0 auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);position:relative;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);touch-action:none}.chess-board-inner.tema-marron{background:linear-gradient(135deg,#8b7355,#6b5344);--move-indicator: rgba(70, 40, 20, .5)}.chess-board-inner.tema-verde{background:linear-gradient(135deg,#5a7a47,#3d5a2e);--move-indicator: rgba(20, 85, 30, .5)}.chess-board-inner.tema-azul{background:linear-gradient(135deg,#5a7a9e,#3d5a7a);--move-indicator: rgba(20, 40, 100, .4)}.chess-board-canvas{width:100%;height:100%;position:relative;z-index:10}.board-controls{display:flex;gap:.5rem;justify-content:center}.control-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:600;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-speed-st) ease}.control-btn:hover{background:var(--bg-secondary-hover)}.chess-board-inner .piece-103db{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.chess-board-inner .white-1e1d7{background-color:#f0d9b5}.chess-board-inner .black-3m7l9{background-color:#b58863}.chess-board-inner .highlight1-3li7e,.chess-board-inner .highlight2-2g2oW{background-color:#ff06}.chess-board-inner .highlight-possible-move{background:radial-gradient(circle,var(--move-indicator) 25%,transparent 26%)}.chess-board-inner .highlight-possible-move:has(img){background:radial-gradient(circle,transparent 35%,var(--move-indicator) 36%,var(--move-indicator) 45%,transparent 46%)}.chess-board-inner .hasValidMove-h7xmh,.chess-board-inner .hasValidMove-h7xmh:hover{cursor:grab}.chess-board-inner .isDragging-1p4VE{cursor:grabbing}.chess-board-inner .is-dragging .piece-103db{opacity:.8;cursor:grabbing}.chess-board-inner .drop-square-155no{background-color:#ff03}.resize-overlay{position:absolute;inset:0;background:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.resize-overlay.visible{opacity:1;visibility:visible;pointer-events:auto;transition:none}.resize-message{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.resize-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-controls-container{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);width:100%}.turn-indicator{display:flex;justify-content:center;align-items:center;padding:.75rem;background-color:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s ease}.turn-text{font-weight:600;font-size:1rem;color:var(--text-primary)}.history-navigation{display:flex;align-items:center;justify-content:center;gap:1rem}.nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-speed-st) ease}.nav-btn:not(:disabled):hover{background-color:var(--bg-secondary-hover);color:var(--text-primary)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.forward-btn svg{transform:scaleX(-1)}.move-counter{font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--text-secondary);min-width:40px;text-align:center}.action-buttons{display:flex;gap:.75rem}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;font-weight:600;font-size:.9rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-speed-st) ease}.draw-btn{background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.draw-btn:hover{background-color:var(--bg-secondary-hover);color:var(--text-primary)}.resign-btn{background-color:transparent;color:#ef4444;border:1px solid #ef4444}.resign-btn:hover{background-color:#ef4444;color:#fff}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.warning-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;background-color:#ef44441a;border-color:#ef4444}.warning-shake .turn-text{color:#ef4444}.player-profile-container{display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem;width:100%}.player-profile-container.current-player{flex-direction:row-reverse;justify-content:flex-start}.player-profile-container.opponent{justify-content:flex-start}.profile-avatar{width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:var(--shadow-sm)}.profile-info{display:flex;flex-direction:column;justify-content:center;gap:.1rem}.current-player .profile-info{align-items:flex-end;text-align:right}.opponent .profile-info{align-items:flex-start;text-align:left}.profile-name{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.profile-elo{font-size:.9rem;color:var(--text-secondary);font-weight:500}.chat-container{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;flex:1;min-height:0}.chat-header{padding:.75rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.chat-header h3{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.chat-messages-wrapper{flex:1;position:relative;min-height:300px}.chat-messages{position:absolute;inset:0;display:flex;flex-direction:column;padding:.75rem;overflow-y:auto}.chat-empty{font-size:.875rem;color:var(--text-secondary);font-style:italic;text-align:center;padding:1rem}.chat-message-wrapper{display:flex;flex-direction:column;margin-bottom:.5rem;max-width:85%}.chat-message-wrapper.my-wrapper{margin-left:auto;align-items:flex-end}.chat-message-wrapper.other-wrapper{margin-right:auto;align-items:flex-start}.chat-message-sender{font-size:.65rem;color:var(--text-secondary);margin-bottom:.15rem;padding:0 .25rem;font-weight:500}.chat-message{padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease;width:fit-content}.chat-message.other-message{background:var(--bg-primary);color:var(--text-primary)}.chat-message.my-message{background:var(--accent-color);color:var(--text-contrast)}.message-text{display:block;font-size:.875rem;word-break:break-word}.message-time{display:block;font-size:.625rem;color:var(--accent-hover);margin-top:.25rem}.chat-message.my-message .message-time{color:var(--text-contrast);opacity:.7}.message-expandable{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease}.message-expandable.expanded{max-height:20px;opacity:1;margin-top:.25rem}.message-date{display:block;font-size:.625rem;color:var(--text-secondary)}.chat-message.my-message .message-date{color:var(--text-contrast);opacity:.7}.chat-input-area{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--border-color)}.input-wrapper{flex:1;position:relative;display:flex}.chat-input{width:100%;padding:.5rem 3.5rem .5rem .75rem;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-speed-st) ease}.chat-input::placeholder{color:var(--text-secondary)}.chat-input:focus{border-color:var(--accent-color)}.chat-input.input-limit{border-color:var(--text-primary)}.char-counter{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.65rem;color:var(--text-secondary);pointer-events:none;transition:color var(--transition-speed-st) ease}.char-counter.limit-reached{color:var(--text-primary);font-weight:600}.send-btn{padding:.5rem .75rem;font-size:1rem;background:var(--accent-color);color:var(--bg-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-speed-st) ease}.send-btn:hover{background:var(--accent-hover)}.pgn-viewer{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;height:200px}.pgn-header{padding:.625rem .75rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-shrink:0}.pgn-header h3{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.pgn-content{flex:1;padding:.75rem;overflow-y:auto;font-family:monospace;font-size:.8125rem}.pgn-content.empty{display:flex;align-items:center;justify-content:center}.pgn-content.empty p{font-size:.875rem;color:var(--text-secondary);font-style:italic;font-family:inherit}.pgn-move-group{display:flex;gap:.375rem;margin-bottom:.25rem}.move-number{color:var(--text-secondary);min-width:1.5rem}.move-white,.move-black{color:var(--text-primary);min-width:2rem}.pgn-result{margin-top:.5rem;font-weight:700;color:var(--text-primary)}.game-page{display:flex;flex:1;width:100%}.game-container{display:flex;justify-content:center;gap:1.5rem;width:100%;max-width:1800px;margin:auto}.game-board-section{flex:1;width:100%;display:flex;flex-direction:column;gap:1rem;min-width:350px;max-width:600px;max-height:900px}.game-mode-selector{display:flex;gap:.5rem}.mode-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-speed-st) ease}.mode-btn:hover{background:var(--bg-secondary-hover);color:var(--text-primary)}.mode-btn.active{background:var(--accent-color);color:var(--bg-secondary);border-color:var(--accent-color)}.game-sidebar{width:100%;max-width:400px;min-width:300px;display:flex;flex-direction:column;gap:1rem;min-height:0}.game-status{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.status-text{font-size:.875rem;font-weight:600;color:var(--text-primary)}.status-actions{display:flex;gap:.5rem}.status-actions .action-btn{padding:.5rem .75rem;font-size:.75rem;font-weight:600;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-speed-st) ease}.status-actions .action-btn:hover{background:var(--bg-secondary-hover);color:var(--text-primary)}.status-actions .action-btn.danger{color:#ef4444;border-color:#ef4444}.status-actions .action-btn.danger:hover{background:#ef4444;color:#fff}@media(max-width:1024px){.game-container{flex-direction:column;align-items:center}.game-sidebar{max-width:600px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:1rem}.auth-container{background-color:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);position:relative;overflow:hidden;width:100%;max-width:768px;min-height:480px}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.overlay{background:var(--bg-primary);position:relative;left:-100%;height:100%;width:200%;transform:translate(0);transition:transform .6s ease-in-out}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;top:0;height:100%;width:50%;transform:translate(0);transition:transform .6s ease-in-out}.light-mode .overlay{background:var(--text-primary)}.light-mode .overlay-content h1{color:var(--bg-primary)}.light-mode .overlay-content p{color:var(--text-contrast)}.light-mode .overlay-content .ghost-btn{color:var(--bg-secondary-hover)}.light-mode .overlay-content .ghost-btn:hover{background-color:var(--accent-hover)}.overlay-content{padding:0 40px;text-align:center;color:var(--text-primary)}.overlay-content h1{font-size:1.5rem;font-weight:700;margin:0}.overlay-content p{font-size:.875rem;line-height:20px;letter-spacing:.5px;margin:20px 0 30px;color:var(--text-secondary)}.overlay-left{transform:translate(-20%)}.overlay-right{right:0;transform:translate(0)}.auth-container.register-active .sign-in-container{transform:translate(100%)}.auth-container.register-active .sign-up-container{transform:translate(100%);opacity:1;z-index:5;animation:show .6s}.auth-container.register-active .overlay-container{transform:translate(-100%)}.auth-container.register-active .overlay{transform:translate(50%)}.auth-container.register-active .overlay-left{transform:translate(0)}.auth-container.register-active .overlay-right{transform:translate(20%)}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.auth-form{background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center;gap:.75rem}.auth-header{text-align:center;width:100%;margin-bottom:1rem}.auth-header h1{font-size:2rem;font-weight:700;color:var(--text-primary)}.auth-error{padding:.75rem;background:#ef44441a;border:1px solid #ef4444;border-radius:var(--radius-sm);color:#ef4444;font-size:.875rem;text-align:center;width:100%}.auth-input{padding:.75rem 1rem;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-speed-st) ease;width:100%}.auth-input::placeholder{color:var(--text-secondary)}.auth-input:focus{border-color:var(--accent-color)}.auth-submit{padding:.75rem;font-size:.875rem;font-weight:600;background:var(--accent-color);color:var(--text-contrast);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-speed-st) ease;width:100%}.auth-submit:hover:not(:disabled){background:var(--accent-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.ghost-btn{border-radius:var(--radius-sm);border:1px solid var(--accent-color);background-color:transparent;color:var(--text-primary);font-size:.875rem;font-weight:600;padding:.75rem 45px;letter-spacing:1px;transition:all 80ms ease-in;cursor:pointer}.ghost-btn:hover{background-color:var(--border-color)}.auth-switch-mobile{display:none;padding-top:1rem;font-size:.875rem;color:var(--text-secondary);text-align:center}.mobile-switch-btn{background:none;border:none;color:var(--accent-hover);font-weight:600;cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.mobile-switch-btn:hover{opacity:.8}@media(max-width:768px){.auth-container{min-height:0;max-width:420px;overflow:visible;border:none;box-shadow:none;background-color:transparent}.overlay-container{display:none}.auth-switch-mobile{display:block}.form-container{position:relative;width:100%;left:0!important;transform:none!important;opacity:1!important;z-index:1!important;animation:none!important;background-color:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:2rem 1.5rem}.auth-form{padding:0}.auth-container:not(.register-active) .sign-up-container{display:none}.auth-container.register-active .sign-in-container{display:none}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleInDesktop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex}.modal-overlay.open{opacity:1;animation:fadeInOverlay .3s ease-in-out}.modal-container{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.modal-container.desktop{margin:auto;width:90%;max-width:500px;border-radius:var(--radius-lg)}.modal-container.desktop.open{transform:scale(1);animation:scaleInDesktop .3s ease-in-out}.modal-container.mobile{position:absolute;bottom:0;left:0;right:0;width:100%;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-bottom:none;max-height:75vh}.modal-container.mobile.open{transform:translateY(0);animation:slideInMobile .3s cubic-bezier(.32,.72,0,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;border-radius:50%;transition:background-color .2s ease}.modal-close-btn:hover{background-color:var(--bg-tertiary-hover)}.modal-body{padding:1.5rem;overflow-y:auto;flex-grow:1;line-height:1.6}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);flex-shrink:0;background-color:var(--bg-primary);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.modal-container.mobile .modal-footer{border-radius:0}.modal-btn{padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border-color);transition:all .2s ease;background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-btn:hover{background-color:var(--bg-tertiary-hover)}.modal-btn.confirm{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.modal-btn.confirm:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}