: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, .12);--star-favorite-color: #f59e0b;--star-1st-place: #ffb700ab;--star-2nd-place: #9ca3afb2;--star-3rd-place: #b15d1ed0;--star-10th-place: #eee19936;--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .1);--color-red: #d20f39;--color-green: #16a34a;--color-orange: #f59e0b;--color-blue: #3b82f6;--board-white-brown: #f0d9b5;--board-black-brown: #b58863;--board-white-green: #ebecd0;--board-black-green: #779556;--board-white-blue: #e8efff;--board-black-blue: #7b9dd3;--toast-bg: var(--bg-secondary);--toast-text: var(--text-primary);--vibe-text: var(--toast-text-dark);--toast-muted: var(--text-secondary);--vibe-progress-bg: color-mix(in srgb, var(--accent-color) 12%, transparent);--vibe-accent: var(--accent-color)}.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;--star-favorite-color: #f59e0b;--star-1st-place: #ffb702f3;--star-2nd-place: #b7bfcebd;--star-3rd-place: #b45309d0;--star-10th-place: #bbb77b36;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--color-red: #b22222;--color-green: #22c55e;--color-orange: #fbbf24;--color-blue: #60a5fa;--board-white-brown: #c9b896;--board-black-brown: #8a6d4b;--board-white-green: #d4dca0;--board-black-green: #5a6a42;--board-white-blue: #c8d4e8;--board-black-blue: #5a7aa8;--toast-bg: var(--bg-secondary);--toast-text: var(--text-primary);--toast-muted: var(--text-secondary);--toast-progress-bg: color-mix(in srgb, var(--accent-color) 20%, transparent);--toast-accent: var(--accent-color)}.light-mode .vibe-toaster-container,.light-mode .vibe-toast-card,.dark-mode .vibe-toaster-container,.dark-mode .vibe-toast-card{--vibe-bg: var(--toast-bg);--vibe-border: var(--border-color);--vibe-text-main: var(--toast-text);--vibe-text-muted: var(--toast-muted);--vibe-progress-bg: var(--toast-progress-bg);--vibe-accent: var(--toast-accent)}.light-mode .vibe-variant-success,.dark-mode .vibe-variant-success{--vibe-accent: var(--color-green)}.light-mode .vibe-variant-error,.dark-mode .vibe-variant-error{--vibe-accent: var(--color-red)}.light-mode .vibe-variant-warning,.dark-mode .vibe-variant-warning{--vibe-accent: var(--color-orange)}.light-mode .vibe-variant-info,.dark-mode .vibe-variant-info{--vibe-accent: var(--color-blue)}@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;-webkit-user-select:none;user-select:none}.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}}.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:200px;display:flex;justify-content:flex-end}.settings-dropdown-btn{background-color:var(--bg-primary);color:var(--text-secondary);border:none;border-radius:var(--radius-md);padding:.4rem .75rem;font-size:.75rem;font-weight:500;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.4rem;transition:all var(--transition-speed-st) ease;width:100%}.settings-dropdown-btn:hover{background-color:var(--bg-secondary-hover);color:var(--text-primary)}.settings-dropdown-btn strong{color:inherit;font-weight:600}.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:1.5rem 1rem 1.5rem 2rem;display:flex;flex-direction:column;position:relative}@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}}.loading-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;border-radius:inherit}.loading-message{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-overlay.fullscreen,.loading-curtains.fullscreen{position:fixed;inset:0;z-index:9999;border-radius:0}.loading-overlay.fading-out{animation:fadeOutOverlay .5s ease forwards}@keyframes fadeOutOverlay{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:101;position:relative}.loading-content.fading-out{animation:fadeOutContent .5s ease forwards}@keyframes fadeOutContent{0%{opacity:1}to{opacity:0}}.loading-curtains{position:absolute;inset:0;z-index:100;pointer-events:none;overflow:hidden;border-radius:inherit}.l-curtain{position:absolute;inset:0}.variant-curtains .l-curtain{animation-name:slideOutCortinaRight;animation-duration:.9s;animation-timing-function:cubic-bezier(.87,.05,.02,.97);animation-fill-mode:both}.variant-curtains-down .l-curtain{animation-name:slideOutCortinaDown;animation-duration:.9s;animation-timing-function:cubic-bezier(.87,.05,.02,.97);animation-fill-mode:both}.variant-falling .l-curtain{animation-name:slideOutFalling;animation-duration:.9s;animation-timing-function:cubic-bezier(.87,.05,.02,.97);animation-fill-mode:both}.l-curtain-1{background-color:var(--bg-secondary);z-index:3;animation-delay:0s}.l-curtain-2{background-color:var(--bg-primary);z-index:2;animation-delay:.2s}.l-curtain-3{background-color:var(--border-color);z-index:1;animation-delay:.4s}@keyframes slideOutCortinaRight{0%{transform:translate(0)}to{transform:translate(101%)}}@keyframes slideOutCortinaDown{0%{transform:translateY(0)}to{transform:translateY(101%)}}@keyframes slideOutFalling{0%{transform:translate(0) translateY(0) rotate(0)}to{transform:translate(-120%) translateY(60%) rotate(25deg)}}.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;justify-content:space-between;margin-bottom:1rem}.elo-header-left{display:flex;flex-direction:column;gap:.2rem}.elo-header-top{display:flex;align-items:center;gap:.5rem}.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-empty{text-align:center;color:var(--text-secondary);font-size:.875rem;padding:2rem 0}.elo-graph-container{width:100%;height:250px}.elo-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;gap:.5rem}.elo-aggregation-label{font-size:.75rem;color:var(--text-secondary);flex:1}.elo-see-more{background-color:var(--bg-primary);color:var(--text-secondary);border:none;border-radius:var(--radius-md);padding:.4rem .75rem;font-size:.75rem;font-weight:500;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all var(--transition-speed-st) ease;white-space:nowrap}.elo-see-more:hover{background-color:var(--bg-secondary-hover);color:var(--text-primary)}.elo-chart.full-page{padding:1.5rem}.elo-header-full{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.elo-title-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.elo-subtitle{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0 0}.elo-dropdown-btn{background-color:var(--bg-primary);color:var(--text-secondary);border:none;border-radius:var(--radius-md);padding:.4rem .75rem;font-size:.75rem;font-weight:500;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all var(--transition-speed-st) ease}.elo-dropdown-btn:hover{background-color:var(--bg-secondary-hover);color:var(--text-primary)}.elo-dropdown-btn strong{color:inherit;font-weight:600}.dropdown-arrow{font-size:1rem;color:inherit}@media(max-width:640px){.elo-header-full{flex-direction:column;align-items:stretch;gap:1rem}.elo-filters{display:flex;justify-content:end}.elo-dropdown-btn{width:100%;justify-content:space-between}}@keyframes graphFadeIn{0%{opacity:0}to{opacity:1}}@keyframes graphFadeOut{0%{opacity:1}to{opacity:0}}.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)}.finder-btn.secondary:hover{background:var(--bg-secondary-hover);color:var(--text-primary)}.queue-section{margin-top:1rem;padding-top:1rem}.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{display:flex;padding:.375rem .625rem;gap:.25rem;font-size:.8rem;font-weight:600;align-items:center;background:#3692e7;color:var(--text-contrast);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}.accept-btn:hover{background:#16a34a}.remove-btn{padding:.375rem;display:flex;align-items:center;justify-content:center;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:var(--color-red);color:var(--text-contrast)}.friends-search{position:relative}.search-input{width:100%;padding:.5rem .75rem;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);outline:none;margin-bottom:.75rem}.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-radius:var(--radius-md);box-shadow:var(--shadow-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)}.available-players{display:flex;flex-direction:column}.players-search{padding:.5rem .75rem;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-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-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-speed-st) ease}.add-btn:hover{background:var(--bg-secondary-hover);color:var(--text-primary);border-color:var(--accent-color)}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-header{display:flex;align-items:center;gap:.75rem}.dashboard-header h1{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.dashboard-grid{display:grid;width:100%;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);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-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}.game-controls-container{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--radius-md);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)}.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);cursor:pointer}.nav-btn:not(:disabled):hover{background-color:var(--bg-secondary-hover);color:var(--text-primary)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.forward-double-btn,.back-double-btn{width:60px}.forward-btn svg{transform:scaleX(-1)}.back-double-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}.draw-btn{background-color:var(--bg-primary);color:var(--text-secondary)}.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 1s cubic-bezier(.36,.07,.19,.97) both;background-color:#ef44441a;border-color:#ef4444}.warning-shake .turn-text{color:#ef4444}@keyframes pulse-zoom{0%{transform:scale(1);box-shadow:0 0 0 0 var(--shadow-md)}50%{transform:scale(1.15);box-shadow:0 0 0 10px var(--shadow-md)}to{transform:scale(1);box-shadow:0 0 0 0 var(--shadow-md)}}.highlight-latest{animation:pulse-zoom 2s cubic-bezier(.25,.1,.25,1) 3;color:var(--text-contrast);border-color:var(--accent-hover);z-index:10}.light-mode .highlight-latest{animation:pulse-zoom 2s cubic-bezier(.25,.1,.25,1) 3;color:var(--text-primary);border-color:var(--text-secondary);z-index:10}.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}.player-profile-identity{display:flex;align-items:center;gap:.75rem}.current-player .player-profile-identity{flex-direction:row-reverse}.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;display:flex;align-items:center;gap:.5rem}.elo-trend{font-weight:700}.elo-trend.up{color:#22c55e}.elo-trend.down{color:#ef4444}.profile-name-row{display:flex;align-items:center;gap:.5rem}.winner-badge{font-size:.75rem;font-weight:700;color:#22c55e;background:#22c55e1a;padding:.125rem .375rem;border-radius:var(--radius-sm);text-transform:uppercase}.mobile-chat-btn-wrapper{display:none}@media(max-width:1024px){.mobile-chat-btn-wrapper{display:flex;align-items:center}.player-profile-container.current-player{flex-direction:row;justify-content:space-between}.player-profile-container.current-player.disable{justify-content:end}.current-player .player-profile-identity{flex-direction:row-reverse}}.mobile-chat-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--transition-speed-st),transform var(--transition-speed-st),box-shadow var(--transition-speed-st)}.mobile-chat-btn:hover{background-color:var(--bg-secondary-hover);transform:scale(1.07);box-shadow:var(--shadow-md)}.mobile-chat-btn:active{transform:scale(.95)}.chat-badge{position:absolute;top:-5px;right:-10px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-color);color:var(--text-contrast);font-size:.7rem;font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:width .3s ease-out,transform .3s ease-out,opacity .3s ease-out;overflow:hidden;pointer-events:none}.scrolling-number-wrap{width:100%;height:20px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.scrolling-number-track{display:flex;flex-direction:column;align-items:center;height:40px}.scrolling-number-track.animating{animation:scrollUp .3s ease-out forwards}.scrolling-number-digit{height:20px;display:flex;align-items:center;justify-content:center;line-height:1}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.chat-container{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;flex:1;min-height:30dvh}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-primary)}.chat-header h3{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.chat-header-action{font-size:.75rem;background-color:var(--bg-primary);color:var(--text-secondary);border:none;border-radius:var(--radius-md);padding:.4rem .75rem;cursor:pointer;font-weight:500}.chat-header-action:hover{background-color:var(--bg-secondary-hover);color:var(--text-primary)}.chat-body-container{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-messages-wrapper{flex:1;position:relative;min-height:0}.chat-messages-wrapper.hidden{opacity:0}.chat-messages{position:absolute;inset:0;display:flex;flex-direction:column;padding:.75rem;overflow-y:auto;-webkit-user-select:text;user-select:text}.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}.chat-input-area.hidden{opacity:0}.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-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;background:var(--accent-color);color:var(--text-contrast);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-speed-st) ease}.send-btn:hover{background:var(--accent-hover)}.chat-curtains{position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden}.curtain{position:absolute;inset:0;animation:slideInCortina .9s cubic-bezier(.87,.05,.02,.97) both}.curtain-1{background-color:var(--border-color);animation-delay:0s}.curtain-2{background-color:var(--bg-primary);animation-delay:.2s}.curtain-3{background-color:var(--bg-secondary);animation-delay:.4s}.chat-legend{position:absolute;inset:0;z-index:100;background-color:var(--bg-secondary);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-secondary);gap:1rem}.chat-legend.hidden{animation:fadeInLegend .4s ease-out forwards}.chat-legend.showing{animation:fadeOutLegend .4s ease-out forwards}.chat-legend-icon{color:var(--text-secondary);opacity:.5}.chat-legend-text-group{text-align:center}.chat-legend-title{margin:0 0 .5rem;font-weight:600;color:var(--text-primary)}.chat-legend-desc{margin:0;font-size:.875rem;color:var(--text-secondary);max-width:80%;margin-inline:auto}.chat-legend-btn{padding:.5rem 1rem;background:var(--accent-color);color:var(--text-contrast);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:background .2s}.chat-legend-btn:hover{background:var(--accent-hover)}@keyframes slideInCortina{0%{transform:translate(-101%)}to{transform:translate(0)}}@keyframes fadeInLegend{0%{opacity:0}to{opacity:1}}@keyframes fadeOutLegend{0%{opacity:1}to{opacity:0}}@media(max-width:1025px){.chat-container{min-height:60dvh}}.pgn-viewer{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;height:260px}.pgn-header{padding:.625rem .75rem;background:var(--bg-primary);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-moves{flex:1;overflow-y:auto;padding:.5rem .75rem;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;display:flex;flex-direction:column;gap:6px}.pgn-row{display:grid;grid-template-columns:3.5ch 1fr 1fr;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary-hover);border-radius:var(--radius-sm)}.pgn-row-number{color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;font-family:monospace;text-align:center;-webkit-user-select:none;user-select:none}.pgn-tile{display:flex;justify-content:center;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-sm);transition:background-color var(--transition-speed-st) ease,color var(--transition-speed-st) ease;cursor:default;-webkit-user-select:none;user-select:none;color:var(--text-primary)}.pgn-tile.clickable{cursor:pointer}.pgn-tile.clickable:hover{background:var(--star-10th-place);color:var(--star-1st-place)}.pgn-tile.active{background:var(--star-10th-place);color:var(--star-favorite-color)}.pgn-piece-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.pgn-tile-san{font-weight:600;font-size:1rem}.pgn-result{margin-top:8px;font-weight:700;color:var(--text-primary);text-align:center}.pgn-content.empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-secondary);font-style:italic;font-size:.875rem;padding:.75rem}.game-result-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0}.game-result-title{font-size:2.5rem;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.02em;margin:0}.result-victoria{color:#22c55e}.result-derrota{color:#ef4444}.result-tablas{color:var(--text-secondary)}.game-result-message{font-size:1.125rem;color:var(--text-secondary);margin:0;margin-bottom:2rem;text-align:center}.game-result-actions{display:flex;gap:1rem;width:100%;margin-top:1rem}.result-btn{flex:1;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed-st) ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--border-color)}.result-btn.primary{background:var(--accent-color);color:var(--text-contrast);border:none}.result-btn.primary:hover{background:var(--accent-hover)}.result-btn.secondary{background:var(--bg-secondary);color:var(--text-secondary)}.result-btn.secondary:hover{background:var(--bg-primary);color:var(--text-primary)}.game-container{display:grid;grid-template-columns:minmax(350px,600px) minmax(300px,400px);grid-template-areas:"board sidebar";gap:1.5rem;justify-content:center;align-items:stretch;width:100%;max-width:1800px;margin:auto}.game-board-section{grid-area:board;width:100%;display:flex;flex-direction:column;gap:1rem}.game-sidebar{grid-area:sidebar;width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;min-height:0}@media(max-width:1024px){.game-container{grid-template-columns:100%;grid-template-areas:"board" "sidebar";justify-content:center;align-items:start}.game-sidebar{height:auto}}.game-page{display:flex;flex:1;width:100%}.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-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(--text-contrast);border-color:var(--accent-color)}.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);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-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);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}}.favorites-counter{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--text-primary);background-color:var(--bg-secondary);padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-color);align-self:flex-start;white-space:nowrap;justify-content:center}.favorites-counter svg{font-size:1.2rem}.history-page{position:absolute;left:2rem;right:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:hidden}.history-header{display:flex;gap:.25rem;justify-content:space-between;align-items:center}.history-header-top{display:flex;flex-direction:column;text-align:left;width:60%}.history-header h1{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.games-legend{font-size:.8125rem;color:var(--text-secondary);font-style:italic}.history-filters{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;font-size:.9rem;color:var(--text-secondary)}.history-loading,.history-empty{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary);font-size:.9375rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.history-list-container{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.5rem}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-game-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease,max-height .3s ease,opacity .3s ease,padding .3s ease,margin .3s ease;max-height:120px;opacity:1;overflow:hidden;margin-bottom:.5rem}.history-game-card.removing{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border:none}.history-game-card:hover{background:var(--bg-secondary-hover);border-color:var(--accent-color)}.game-card-left{display:flex;align-items:center;gap:.75rem}.favorite-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary);transition:all var(--transition-speed-st) ease;flex-shrink:0;align-self:center}.favorite-btn:hover{transform:scale(1.1)}.favorite-icon{color:var(--text-secondary);transition:color var(--transition-speed-st) ease}.favorite-btn:hover .favorite-icon,.favorite-icon.active{color:var(--star-favorite-color)}.favorite-btn:hover .favorite-icon.active{color:#ef4444}.game-color-indicator{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.color-w{background:#f0f0f0;color:#333}.color-b{background:#333;color:#f0f0f0}.game-card-info{display:flex;flex-direction:column;gap:.125rem}.game-opponent{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.game-date{font-size:.75rem;color:var(--text-secondary)}.game-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.game-result{font-size:1rem;font-weight:700}.result-win{color:#22c55e}.result-draw{color:#a3a3a3}.result-loss{color:#ef4444}.game-moves{font-size:.75rem;color:var(--text-secondary)}.history-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;width:100%;max-width:1024px;margin-left:auto;margin-right:auto}.back-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-speed-st) ease;flex-shrink:0}.back-btn:hover{background:var(--bg-secondary-hover);color:var(--text-primary)}.history-match-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;background:var(--bg-secondary);padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);width:100%;max-width:1024px;margin-left:auto;margin-right:auto}.match-result{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.match-meta{font-size:.875rem;color:var(--text-secondary)}.review-board-container{width:100%;border-radius:var(--radius-md);overflow:hidden}.review-board-container .white-1e1d7{background-color:var(--board-white-brown)}.review-board-container .black-3m7l9{background-color:var(--board-black-brown)}.review-board-container.tema-verde .white-1e1d7{background-color:var(--board-white-green)}.review-board-container.tema-verde .black-3m7l9{background-color:var(--board-black-green)}.review-board-container.tema-azul .white-1e1d7{background-color:var(--board-white-blue)}.review-board-container.tema-azul .black-3m7l9{background-color:var(--board-black-blue)}.review-board-container .piece-103db{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.no-pgn{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary);font-size:.875rem;background:var(--bg-secondary)}@media(min-width:1025px){.history-page .game-sidebar .pgn-viewer{height:100%;min-height:400px}}@media(max-width:640px){.history-header{flex-direction:column;align-items:stretch;gap:.5rem}.history-header-top{width:100%}.history-page{inset:1rem}.history-page.hide-scrollbar::-webkit-scrollbar{display:none}.history-page.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}.leaderboard-page{position:absolute;inset:2rem;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.leaderboard-page-header{display:flex;gap:.25rem;justify-content:space-between;align-items:center}.leaderboard-header-top{display:flex;flex-direction:column;text-align:left;width:60%}.leaderboard-header-top h1{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.leaderboard-legend{font-size:.8125rem;color:var(--text-secondary);font-style:italic}.leaderboard-my-rank-container{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.leaderboard-my-rank{font-size:.8125rem;background-color:#f59e0b1a;color:var(--star-favorite-color);border:1px solid rgba(245,158,11,.3);padding:.3rem .75rem;border-radius:var(--radius-sm);font-weight:500;display:flex;align-items:center;gap:.375rem}.rank-highlight{font-size:1.1rem;font-weight:700}.leaderboard-content-wrapper{position:relative;flex:1;display:flex;flex-direction:column;min-height:30px}.leaderboard-container{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1.5rem 1.5rem .5rem;box-shadow:var(--shadow-sm);width:100%;display:flex;flex-direction:column;flex:1;overflow:hidden}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;flex:1;padding-top:1rem;padding-bottom:1rem}.leaderboard-header{display:flex;padding:0 1rem .5rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-color);margin-bottom:.5rem;align-items:center;flex-shrink:0}.leaderboard-card{display:flex;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);border:1px solid var(--border-color);transition:transform var(--transition-speed-st) ease,box-shadow var(--transition-speed-st) ease}.leaderboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background:var(--bg-secondary-hover)}.col-rank{width:3rem;text-align:center;display:flex;justify-content:center;align-items:center}.col-player{flex:1;font-weight:500}.col-elo{width:5rem;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;margin-right:1rem}.rank-number{font-weight:700;color:var(--text-secondary)}@keyframes glass-shimmer{0%{transform:translate(-150%) skew(-45deg)}20%,to{transform:translate(250%) skew(-45deg)}}.leaderboard-card.rank-1{background:var(--star-1st-place);color:#111;border-color:var(--star-1st-place);box-shadow:0 4px 10px #fbbf2433;position:relative;clip-path:inset(0 round var(--radius-md))}.leaderboard-card.rank-1 .rank-number,.leaderboard-card.rank-1 .col-player,.leaderboard-card.rank-1 .col-elo{color:#111}.leaderboard-card.rank-2{background:var(--star-2nd-place);color:#111;border-color:var(--star-2nd-place);box-shadow:0 4px 10px #9ca3af33;position:relative;clip-path:inset(0 round var(--radius-md))}.leaderboard-card.rank-2 .rank-number,.leaderboard-card.rank-2 .col-player,.leaderboard-card.rank-2 .col-elo{color:#111}.leaderboard-card.rank-3{background:var(--star-3rd-place);color:#fff;border-color:var(--star-3rd-place);box-shadow:0 4px 10px #b4530933;position:relative;clip-path:inset(0 round var(--radius-md))}.leaderboard-card.rank-3 .rank-number,.leaderboard-card.rank-3 .col-player,.leaderboard-card.rank-3 .col-elo{color:#fff}.leaderboard-card.rank-1:after,.leaderboard-card.rank-2:after,.leaderboard-card.rank-3:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:translate(-150%) skew(-45deg);animation:glass-shimmer 10s infinite ease-in-out;pointer-events:none}.leaderboard-card.rank-top10{background:var(--star-10th-place);border-color:none}.leaderboard-card.rank-top10 .rank-number,.leaderboard-card.rank-top10 .col-player,.leaderboard-card.rank-top10 .col-elo{color:var(--text-primary)}@media(max-width:640px){.leaderboard-page{inset:1rem}.leaderboard-page-header{flex-direction:column;align-items:stretch;gap:.5rem}.leaderboard-header-top{width:100%}.col-elo{margin-right:.5rem}}.favorite-games-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm)}.favorite-games-card h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-top:0}.favorite-games-header-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.favorite-games-title-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.favorite-games-subtitle{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0 0}@media(max-width:640px){.favorite-games-header-top{flex-direction:column;align-items:stretch;gap:1rem}.favorite-games-filters{display:flex;justify-content:flex-end}}.favorite-games-header-top h3{margin:0;padding:0;border:none}.no-favorites{color:var(--text-secondary);font-style:italic;text-align:center;padding:2rem 0}.favorite-games-card .favorites-list{display:flex;flex-direction:column;gap:.5rem}.micuenta-page{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;max-width:1200px;margin:0 auto}.micuenta-profile-header{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;display:flex;align-items:center;gap:2rem;box-shadow:var(--shadow-sm);position:relative}.micuenta-header-actions{margin-left:auto;align-self:flex-start}.micuenta-avatar{width:80px;height:80px;border-radius:var(--radius-full);background-color:var(--accent-color);color:var(--text-contrast);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border:2px solid var(--border-color);flex-shrink:0}.micuenta-user-details{display:flex;flex-direction:column;gap:.5rem}.micuenta-user-details h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.micuenta-email{font-size:.9rem;color:var(--text-secondary);margin:0}.micuenta-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{font-size:.8rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-weight:500}.elo-badge{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.status-badge{background-color:var(--bg-secondary-hover);color:var(--color-green);border:1px solid var(--border-color)}.rank-badge{background-color:#f59e0b1a;color:var(--star-favorite-color);border:1px solid rgba(245,158,11,.3)}.micuenta-content{width:100%;display:flex;flex-direction:column;gap:2rem}.micuenta-card{width:100%}@media(max-width:640px){.micuenta-page{padding:1rem}.micuenta-profile-header{flex-direction:column;text-align:center;padding:1.5rem}.micuenta-user-details{align-items:center}}@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;max-height:60%;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-header-actions{display:flex;align-items:center;gap:.5rem}.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)}