*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f0f1a;min-height:100vh;margin:0;font-family:Segoe UI,sans-serif;transition:background .4s,color .4s}.nav-link{color:#d9dcef;cursor:pointer;background:0 0;border:none;padding:22px 2px 18px;font-size:.95rem;font-weight:600;position:relative}.nav-link:hover,.nav-link-active{color:#fff}.nav-link-active:after{content:"";background:#9b5cff;border-radius:999px;width:34px;height:3px;position:absolute;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #9b5cff8c}.nav-icon-button{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;place-items:center;width:40px;height:40px;padding:0;font-size:1.05rem;transition:background .2s,border-color .2s,transform .2s;display:grid}.nav-icon-button:hover{background:#9b5cff1f;border-color:#9b5cff73;transform:translateY(-1px)}.nav-dropdown{position:relative}.nav-dropdown-menu{opacity:0;visibility:hidden;z-index:300;background:#111526;border:1px solid #9b5cff47;border-radius:14px;min-width:220px;padding:8px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(-5px);box-shadow:0 12px 30px #00000061,0 0 18px #9b5cff1a}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-menu a{color:#d9dcef;border-radius:9px;align-items:center;width:100%;padding:11px 12px;font-size:.88rem;text-decoration:none;display:flex}.nav-dropdown-menu a:hover{color:#fff;background:#9b5cff24}header{text-align:center;z-index:1000;background:#000207;padding:8px 20px;transition:background .4s;position:relative;overflow:visible}.header-top{grid-template-columns:230px 1fr 230px;align-items:center;gap:16px;width:100%;display:grid}header h1{letter-spacing:.5px;font-size:1.5rem}header p{color:#88a;margin-top:4px;font-size:.85rem;transition:color .4s}.header-center{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.header-center p{color:#9aa3c3;margin:0;font-size:.95rem}.header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.contact-modal{z-index:3000;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.contact-modal.is-open{display:flex}.contact-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050612c7;position:absolute;inset:0}.contact-modal-content{z-index:1;background:radial-gradient(circle at 0 0,#6c5ce72e,#0000 50%),#111124;border:1px solid #7d69ff59;border-radius:22px;width:min(460px,100%);max-height:calc(100vh - 40px);padding:26px;animation:.22s contactModalIn;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0000008c,0 0 30px #6450ff14}.contact-modal-close{color:#d8d8ef;cursor:pointer;background:#18182b;border:1px solid #35355d;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.45rem;line-height:1;transition:background .2s,border-color .2s,color .2s,transform .2s;display:flex;position:absolute;top:16px;right:16px}.contact-modal-close:hover{color:#fff;background:#242444;border-color:#7467d9;transform:scale(1.05)}.contact-modal-header{align-items:center;gap:14px;margin-bottom:22px;padding-right:44px;display:flex}.contact-modal-icon{background:#715bff29;border:1px solid #715bff52;border-radius:15px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.45rem;display:flex}.contact-modal-header h2{color:#fff;margin:0 0 4px;font-size:1.35rem;font-weight:800}.contact-modal-header p{color:#9698b5;margin:0;font-size:.82rem;line-height:1.4}.contact-options{flex-direction:column;gap:10px;display:flex}.contact-option{box-sizing:border-box;width:100%;color:inherit;background:#151528;border:1px solid #2d2e50;border-radius:14px;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:grid}.contact-option:hover{background:#1b1b34;border-color:#6658c8;transform:translateY(-1px);box-shadow:0 7px 22px #0003}.contact-option-icon{background:#232342;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.15rem;display:flex}.contact-option-text{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-option-text strong{color:#f8f8ff;font-size:.88rem;font-weight:750}.contact-option-text small{color:#8f91ad;font-size:.72rem;line-height:1.35}.contact-option-arrow{color:#777a9c;font-size:1.45rem;font-weight:300;transition:color .2s,transform .2s}.contact-option:hover .contact-option-arrow{color:#b4a8ff;transform:translate(2px)}@keyframes contactModalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.contact-form-view{width:100%}.contact-back-btn{color:#aeb0ca;cursor:pointer;background:#18182d;border:1px solid #34355c;border-radius:9px;align-items:center;gap:6px;margin:0 0 20px;padding:7px 11px;font-size:.78rem;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.contact-back-btn:hover{color:#fff;background:#22223d;border-color:#675bd0;transform:translate(-2px)}.contact-form-header{align-items:center;gap:14px;margin-bottom:24px;padding-right:45px;display:flex}#contact-form-icon{background:#715bff29;border:1px solid #715bff52;border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.contact-form-header h2{color:#fff;margin:0 0 4px;font-size:1.35rem;font-weight:800}.contact-form-header p{color:#9698b5;margin:0;font-size:.8rem;line-height:1.45}#contact-form{flex-direction:column;gap:17px;display:flex}.contact-form-group{flex-direction:column;gap:7px;display:flex}.contact-form-group label{color:#d8d9ec;font-size:.78rem;font-weight:700}.contact-form-group input{box-sizing:border-box;color:#fff;background:#101022;border:1px solid #343557;border-radius:11px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:.84rem;transition:border-color .2s,background .2s,box-shadow .2s}.contact-form-group textarea{box-sizing:border-box;resize:vertical;color:#fff;background:#101022;border:1px solid #343557;border-radius:11px;outline:none;width:100%;min-height:135px;padding:13px 14px;font-family:inherit;font-size:.84rem;line-height:1.5;transition:border-color .2s,background .2s,box-shadow .2s}.contact-form-group input::placeholder,.contact-form-group textarea::placeholder{color:#656780}.contact-form-group input:focus,.contact-form-group textarea:focus{background:#131328;border-color:#7768df;box-shadow:0 0 0 3px #7768df1f}.contact-technical-info{background:#121226b3;border:1px solid #64679b4d;border-radius:12px;padding:14px}.contact-technical-title{color:#a7a9c9;text-transform:uppercase;letter-spacing:.8px;margin-bottom:11px;font-size:.72rem;font-weight:800;display:block}.contact-technical-row{grid-template-columns:90px minmax(0,1fr);gap:10px;padding:5px 0;font-size:.7rem;display:grid}.contact-technical-row span{color:#797c98}.contact-technical-row strong{color:#c9cada;overflow-wrap:anywhere;min-width:0;font-weight:600}.contact-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5c4fd1,#7a5fe8);border:1px solid #7d69ff8c;border-radius:11px;width:100%;padding:13px 18px;font-family:inherit;font-size:.84rem;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 7px 20px #4e3ebe33}.contact-submit-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 25px #4e3ebe4d}.contact-submit-btn:active{transform:translateY(0)}.contact-form-status{color:#9da0bc;text-align:center;min-height:18px;margin:-5px 0 0;font-size:.72rem}.contact-view[hidden],.contact-technical-info[hidden]{display:none!important}.dropdown-piece-theme{justify-content:flex-end;align-items:center;display:flex;position:relative}.dropdown-title{letter-spacing:.08em;color:#9aa3c4;border-bottom:1px solid #ffffff0f;margin-bottom:4px;padding:8px 18px 6px;font-size:.72rem;font-weight:700}.app-brand{justify-content:flex-start;align-items:center;display:flex}.app-brand-link{color:#fff;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.app-brand-logo{object-fit:contain;flex:none;width:52px;height:52px;display:block}.app-brand-andes{color:#650492}.app-brand-chess{color:#fff}.app-brand-text{letter-spacing:-.3px;white-space:nowrap;font-size:1.55rem;font-weight:800;line-height:1}.app-brand-small .app-brand-logo{width:40px;height:40px}#btn-profile-nav{overflow:hidden}.nav-user-photo{object-fit:cover;border-radius:50%;width:32px;height:32px;display:block}.nav-user-photo[hidden],#nav-user-icon[hidden]{display:none!important}.repertoire-header{padding:2px 24px 10px}.repertoire-header>p{margin:2px 0 0}.header-logo-link{justify-content:flex-start;align-items:center;text-decoration:none;display:flex}.header-logo{object-fit:contain;object-position:left center;width:210px;height:80px;display:block}.header-title{justify-content:center;align-items:center;gap:12px;display:flex}.header-title h1{margin:0;font-size:1.9rem}.header-user-photo{object-fit:cover;border:2px solid #e94560;border-radius:50%;width:42px;height:42px}.repertoire-header>p{text-align:center;color:#9aa3c3;margin:8px 0 0}.repertoire-header .header-actions .dropdown-herramientas,.repertoire-header .header-actions .dropdown-piece-theme{width:auto}.repertoire-header .header-actions .btn-theme{width:auto;min-width:90px}body.light-mode .dropdown-piece-theme .dropdown-content{background:#fff;border-color:#ddd;box-shadow:0 8px 25px #00000026}body.light-mode .dropdown-piece-theme .dropdown-content button{color:#555}body.light-mode .dropdown-piece-theme .dropdown-content button:hover{color:#333;background:#e945601a}.btn-theme{color:#fff;cursor:pointer;background:#2d2d5e;border:1px solid #444;border-radius:20px;margin:0;padding:8px 16px;font-size:.82rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.btn-theme:hover{background:#3d3d7e;border-color:#e94560;transform:translateY(-1px);box-shadow:0 6px 14px #00000038}.user-stats{flex-wrap:wrap;justify-content:center;gap:10px;padding:15px 10px 5px;display:flex}.stat-card{text-align:center;background:#16213e;border-radius:12px;min-width:70px;padding:8px 14px;transition:background .4s,transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-label{color:#88a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.65rem;display:block}.stat-card strong{font-size:1.1rem;display:block}.elo-card{background:linear-gradient(135deg,#e94560,#c81e45);min-width:80px}.elo-card .stat-label{color:#ffcdd2}.elo-card strong{font-size:1.3rem}.categories{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 10px;display:flex}.btn-cat{color:#88a;cursor:pointer;background:#1a1a3e;border:1px solid #2d2d5e;border-radius:24px;padding:7px 14px;font-size:.8rem;font-weight:500;transition:transform .2s,box-shadow .2s,background .2s}.btn-cat:hover{color:#fff;background:#2d2d5e;transform:translateY(-2px);box-shadow:0 6px 14px #0003}.btn-cat.active{color:#fff;background:linear-gradient(135deg,#e94560,#c81e45);border-color:#0000;font-weight:600;box-shadow:0 4px 12px #e9456066}.btn-cat.active:hover{background:linear-gradient(135deg,#d63851,#b01030)}.puzzle-info{text-align:center;padding:5px 15px}.puzzle-meta{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:8px;display:flex}.meta-item{color:#88a;background:#16213e;border-radius:8px;padding:5px 12px;font-size:.8rem;transition:background .4s}.meta-item strong{color:#fff}.message{text-align:center;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;max-width:380px;min-height:42px;margin:8px auto;padding:10px 15px;font-size:.9rem;transition:all .3s;animation:.3s fadeIn;display:flex}.message.success{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc71}.message.error{color:#e74c3c;background:#e74c3c26;border:1px solid #e74c3c}.message.hint{color:#f39c12;background:#f39c1226;border:1px solid #f39c12}.chessground{aspect-ratio:1;border-radius:0;width:min(72vw,540px);height:auto;margin:10px auto 20px;box-shadow:0 0 10px 5px #db1aa78e;overflow:visible!important}body.board-theme-classic{--board-light:#f0d9b5;--board-dark:#b58863}body.board-theme-purple{--board-light:#e8ddf5;--board-dark:#7b5bb3}body.board-theme-green{--board-light:#eeeed2;--board-dark:#769656}body.board-theme-blue{--board-light:#dce6f2;--board-dark:#5b7fa3}body.board-theme-classic cg-board,body.board-theme-purple cg-board,body.board-theme-green cg-board,body.board-theme-blue cg-board{background-image:conic-gradient(var(--board-dark) 25%, var(--board-light) 0 50%, var(--board-dark) 0 75%, var(--board-light) 0)!important;background-size:25% 25%!important}.cg-wrap coords coord{color:#f0c040!important;opacity:1!important;font-size:14px!important;font-weight:700!important}.cg-wrap coords.files{width:100%!important;bottom:-16px!important;left:0!important}.cg-wrap coords.ranks{top:0!important;left:-16px!important}.controls{justify-content:center;gap:12px;padding:15px;display:flex}.controls button{cursor:pointer;letter-spacing:.5px;border:none;border-radius:12px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,filter .2s}.controls button:disabled{opacity:.4;cursor:not-allowed;transform:none}.controls button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 24px #0000004d}.controls button:active:not(:disabled){transform:translateY(1px)scale(.98)}#btn-hint{color:#fff;background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 15px #f39c124d}#btn-hint:hover:not(:disabled){background:linear-gradient(135deg,#f5a623,#e67e22);box-shadow:0 8px 25px #f39c1299}#btn-next{color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71)}#btn-next:hover:not(:disabled){background:linear-gradient(135deg,#2ecc71,#3adf7a);box-shadow:0 8px 25px #33713399}#btn-ranking-bottom{color:#fff;background:linear-gradient(135deg,#f39c12,#e67e22);font-weight:700}#btn-ranking-bottom:hover{background:linear-gradient(135deg,#f5a623,#e67e22);box-shadow:0 8px 25px #f39c1299}#controls-build{flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:0;display:flex}#controls-build button{color:#fff}#controls-build button:hover{border-color:#46ea4b;box-shadow:0 6px 14px #68cd7771}#btn-save-move{color:#fff;text-align:center;background:#2b9b3c;border-color:#46ea4b}#btn-save-move:hover{background:#3bd452;border-color:#3dde55;box-shadow:0 6px 14px #68cd7771}footer{text-align:center;color:#505060;padding:15px;font-size:.75rem;transition:color .4s}.footer-sub{color:#383850;margin-top:3px;font-size:.65rem}.dropdown-apertura{display:inline-block;position:relative}.dropdown-content{z-index:1100;background:#16213e;border:1px solid #2d2d5e;border-radius:12px;min-width:220px;margin-top:0;padding:8px 0;animation:.2s fadeIn;display:none;position:absolute;top:calc(100% + 8px);left:auto;right:0;transform:none;box-shadow:0 8px 25px #00000080}.tools-menu-item{color:#c8cee4;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:.88rem;font-weight:600;display:flex!important}.tools-menu-item:hover{color:#fff;background:#e945601f}.tools-arrow{color:#e94560;font-size:1.3rem;line-height:1}.dropdown-content button{color:#88a;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 18px;font-size:.85rem;transition:all .2s;display:block}.dropdown-content button:hover{color:#fff;background:#e9456026}.dropdown-content button.active{color:#e94560;background:#e9456033;font-weight:700}.dropdown-content.show{display:block}.dropdown-herramientas{display:inline-block;position:relative}.dropdown-herramientas-content{z-index:100;background:#16213e;border:1px solid #2d2d5e;border-radius:12px;min-width:180px;margin-top:8px;padding:8px 0;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 25px #00000080}.dropdown-herramientas-content a{color:#88a;padding:10px 18px;font-size:.85rem;text-decoration:none;transition:all .2s;display:block}.dropdown-herramientas-content a:hover{color:#fff;background:#e9456026}.dropdown-herramientas-content.show{display:block}.tools-submenu{display:none}.tools-submenu.show{display:block}.tools-back{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.88rem;font-weight:700;display:flex!important}.btn-login{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4285f4,#2b6cb0);border:none;border-radius:20px;padding:6px 14px;font-size:.8rem;transition:all .3s}.btn-login:hover{transform:scale(1.05);box-shadow:0 3px 12px #4285f466}.user-info{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.user-photo{border:2px solid #e94560;border-radius:50%;width:28px;height:28px}.user-info span{color:#ccc;font-size:.85rem}.btn-logout{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:12px;padding:3px 10px;font-size:.7rem;transition:all .3s}.btn-logout:hover{color:#fff;background:#e94560;border-color:#e94560}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#16213e;border:1px solid #2d2d5e;border-radius:16px;width:90%;max-width:380px;padding:30px 25px;box-shadow:0 8px 30px #00000080}.modal-content h2{margin-bottom:10px;font-size:1.4rem}.modal-description{color:#88a;margin-bottom:20px;font-size:.85rem;line-height:1.5}.modal-description strong{color:#e94560}.modal-input-group{margin-bottom:8px;position:relative}.modal-input-group input{color:#fff;background:#0f0f1a;border:2px solid #2d2d5e;border-radius:10px;outline:none;width:100%;padding:12px 60px 12px 15px;font-size:1rem;transition:border-color .3s}.modal-input-group input:focus{border-color:#e94560}.modal-input-group input::placeholder{color:#555}.char-counter{color:#555;font-size:.75rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.modal-error{color:#e74c3c;min-height:20px;margin-bottom:5px;font-size:.8rem}.modal-rules{color:#555;margin-bottom:15px;font-size:.7rem}.btn-confirm-nickname{color:#fff;cursor:pointer;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:10px;width:100%;padding:12px 30px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-confirm-nickname:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2ecc7180}.btn-confirm-nickname:disabled{opacity:.4;cursor:not-allowed;transform:none}.ranking-panel{z-index:999;background:#16213e;flex-direction:column;width:350px;height:100%;animation:.3s slideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 20px #00000080}.profile-combinations-more{justify-content:center;margin-top:18px;margin-bottom:8px;display:flex}.profile-combinations-more-btn{color:#d8d8f5;cursor:pointer;background:#141426;border:1px solid #454579;border-radius:10px;min-width:230px;padding:11px 20px;font-size:.82rem;font-weight:700;transition:background .2s,border-color .2s,transform .2s,color .2s}.profile-combinations-more-btn:hover{color:#fff;background:#1d1d36;border-color:#7565d9;transform:translateY(-1px)}.profile-combinations-more-btn:active{transform:translateY(0)}.profile-combinations{margin-top:22px}.profile-combinations h3{color:#fff;margin:0 0 14px;font-size:1rem}.profile-combinations-list{flex-direction:column;gap:12px;display:flex}.profile-combination-item{background:#0f0f1a;border:1px solid #2d2d5e;border-radius:12px;padding:12px 14px}.profile-combination-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.profile-combination-name{color:#fff;font-size:.88rem;font-weight:600}.profile-combination-accuracy{color:#fff;font-size:.9rem}.profile-combination-bar{background:#242641;border-radius:999px;width:100%;height:7px;overflow:hidden}.profile-combination-bar-fill{border-radius:999px;height:100%;transition:width .4s}.profile-combination-bar-fill.high{background:#2ecc71}.profile-combination-bar-fill.medium{background:#f1c40f}.profile-combination-bar-fill.low{background:#e94560}.profile-combination-meta{color:#88a;margin-top:6px;font-size:.72rem}.profile-combinations-empty{color:#88a;font-size:.8rem}.profile-insights{grid-template-columns:.8fr 1.2fr;align-items:stretch;gap:14px;margin-bottom:18px;display:grid}.profile-insight-card{box-sizing:border-box;background:#0f0f1a;border:1px solid #2d2d5e;border-radius:14px;flex-direction:column;gap:6px;height:100%;min-height:92px;padding:16px;display:flex}.profile-insight-card.best{background:radial-gradient(circle at 0 0,#00ebd21f,#0000 55%),#0d1018;border:1px solid #2ecc7173;border-radius:18px;flex-direction:column;justify-content:center;min-height:150px;padding:20px 22px;display:flex}.profile-insight-card.best .profile-insight-label{color:#ffe600;letter-spacing:4px;text-transform:uppercase;margin-bottom:18px;font-size:1.55rem;font-weight:500;line-height:1.15}.profile-insight-card.best #profile-best-combination{color:#fff;margin-bottom:8px;font-size:1.35rem;font-weight:800}.profile-insight-card.best #profile-best-combination-meta{color:#21e6e6;letter-spacing:1px;font-size:2rem;font-weight:900}.profile-best-percentage{color:#22e7e2;font-size:2.3rem;font-weight:900;line-height:1;display:block}.profile-best-puzzles{color:#85899f;margin-top:10px;font-size:.72rem;font-weight:500;display:block}.profile-insight-card.weakest{background:radial-gradient(circle at 0 0,#78145f2e,#0000 55%),#0d0712;border:1px solid #ff466e59;border-radius:18px;min-height:150px;padding:20px 22px}.profile-insight-card.weakest .profile-insight-label{color:#ff5277;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:1.2rem;font-weight:700}.profile-insight-label{text-transform:uppercase;letter-spacing:.5px;color:#9aa3c3;font-size:.72rem;font-weight:700}.profile-insight-card.weakest #profile-weakest-combination{flex-direction:column;gap:14px;width:100%;display:flex}.profile-weak-item{width:100%}.profile-weak-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.profile-weak-header span{color:#d8d4df;font-size:.82rem;font-weight:500}.profile-weak-header strong{color:#fff;font-size:.82rem;font-weight:700}.profile-weak-bar{background:#242038;border-radius:999px;width:100%;height:8px;overflow:hidden}.profile-weak-bar-fill{background:linear-gradient(90deg,#ffbe78 0%,#ff4f91 30%,#8658ff 60%,#22b9ff 78%,#24ead6 100%);border-radius:999px;min-width:4px;height:100%;transition:width .4s}.profile-weak-meta{color:#79758b;margin-top:5px;font-size:.68rem}.profile-insight-card strong{color:#fff;font-size:1rem}.profile-insight-meta{color:#88a;font-size:.76rem}.profile-game-area-item{background:#0f0f1a;border:1px solid #2d2d5e;border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex}.profile-game-area-header{flex-direction:column;gap:6px;display:flex}.profile-game-area-header strong{color:#fff;font-size:.85rem;font-weight:700}.profile-game-area-mastery{color:#8f94ff;font-size:1.45rem;font-weight:800}.profile-game-area-stats{color:#8e91ad;flex-direction:column;gap:5px;font-size:.72rem;display:flex}.profile-game-area-stats span{justify-content:space-between;gap:8px;display:flex}.profile-game-area-stats strong{color:#fff;font-weight:700}.profile-game-areas-empty{color:#88a;font-size:.8rem}.profile-combinations-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.profile-combination-card{background:#0f0f1a;border:1px solid #2d2d5e;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;padding:16px 12px;display:flex}.profile-combination-circle{--size:96px;--c1:#7c5cff;--c2:#7c5cff;width:var(--size);height:var(--size);background:conic-gradient(from -90deg, var(--c1) 0%, var(--c2) calc(var(--progress) * 1%), #252744 calc(var(--progress) * 1%), #252744 100%);border-radius:50%;place-items:center;display:grid;position:relative}.profile-combination-circle:before{content:"";background:#0f0f1a;border-radius:50%;position:absolute;inset:8px}.profile-combination-circle-inner{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.profile-combination-circle-inner strong{color:#fff;font-size:1.55rem;font-weight:800}.profile-combination-circle.is-high{--c1:#35e58a;--c2:#26c6ff}.profile-combination-circle.is-medium{--c1:#ffd54a;--c2:#8b5cf6}.profile-combination-circle.is-low{--c1:#ff4d4d;--c2:#ff5ec7}.profile-combination-card-info{text-align:center;width:100%}.profile-combination-card .profile-combination-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.2;overflow:hidden}.profile-combination-card .profile-combination-meta{color:#88a;margin-top:5px;font-size:.72rem}.profile-game-areas{margin-top:24px}.profile-game-areas h3{color:#fff;margin:0 0 14px;font-size:1rem}.profile-game-areas-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.profile-game-area-card{background:#0f0f1a;border:1px solid #2d2d5e;border-radius:14px;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.profile-game-area-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-game-area-name{color:#fff;font-size:.88rem;font-weight:700;line-height:1.2}.profile-game-area-mastery{color:#fff;white-space:nowrap;font-size:1rem;font-weight:800}.profile-game-area-segments{grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;width:100%;display:grid}.profile-game-area-segment{background:#26263f;border-radius:2px;height:14px;transition:background .25s,opacity .25s,transform .2s}.profile-game-area-segment:not(.active){opacity:.65}.profile-game-area-card.high .profile-game-area-segment.active{background:linear-gradient(#35e58a,#26c6ff)}.profile-game-area-card.high .profile-game-area-mastery{color:#39e6c0}.profile-game-area-card.medium .profile-game-area-segment.active{background:linear-gradient(#ffd54a,#8b5cf6)}.profile-game-area-card.medium .profile-game-area-mastery{color:#ffd54a}.profile-game-area-card.low .profile-game-area-segment.active{background:linear-gradient(#ff4d5f,#ff5ec7)}.profile-game-area-card.low .profile-game-area-mastery{color:#ff5b83}.profile-game-area-card.no-data .profile-game-area-segment{opacity:.45;background:#25263f}.profile-game-area-card.no-data .profile-game-area-mastery{color:#777b96}.profile-game-area-stats{flex-direction:column;gap:7px;padding-top:3px;display:flex}.profile-game-area-stats>span{color:#9296b2;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;display:flex}.profile-game-area-stats>span>span{min-width:0}.profile-game-area-stats strong{color:#fff;font-size:.78rem;font-weight:700}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.ranking-content{flex-direction:column;height:100%;padding:20px;display:flex}.ranking-header{border-bottom:1px solid #2d2d5e;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.ranking-header h2{font-size:1.3rem}.btn-close-ranking{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:transform .2s,background .2s;display:flex}.btn-close-ranking:hover{color:#fff;background:#e94560;transform:scale(1.1)rotate(90deg)}.ranking-list{flex:1;padding-right:5px;overflow-y:auto}.ranking-loading{text-align:center;color:#88a;padding:20px}.ranking-item{border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;transition:background .3s;display:flex}.ranking-item:hover{background:#ffffff0d}.ranking-item.current-user{background:#e9456026;border:1px solid #e94560}.ranking-position{text-align:center;min-width:30px;font-size:1rem;font-weight:700}.ranking-medal{text-align:center;min-width:25px;font-size:1.2rem}.ranking-photo{border:2px solid #2d2d5e;border-radius:50%;width:32px;height:32px}.ranking-info{flex:1;min-width:0}.ranking-nickname{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.ranking-stats{color:#88a;font-size:.7rem}.ranking-points{color:#2ecc71;white-space:nowrap;font-size:.95rem;font-weight:700}.ranking-user-position{text-align:center;color:#88a;border-top:1px solid #2d2d5e;margin-top:10px;padding-top:15px;font-size:.9rem}.ranking-user-position strong{color:#e94560}#btn-ranking{color:#fff;background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 15px #f39c124d}#btn-ranking:hover:not(:disabled){background:linear-gradient(135deg,#f5a623,#e67e22);box-shadow:0 8px 25px #f39c1299}#btn-ranking:hover{transform:scale(1.05);box-shadow:0 3px 12px #f39c1266}.profile-panel{z-index:2000;background:#16213e;flex-direction:column;width:100%;height:100%;animation:.3s slideIn;display:flex;position:fixed;inset:0;overflow-y:auto}.profile-content{flex-direction:column;height:100%;padding:20px;display:flex;overflow-y:auto}.profile-header{border-bottom:1px solid #2d2d5e;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.profile-header h2{font-size:1.3rem}.btn-close-profile{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:transform .2s,background .2s;display:flex}.btn-close-profile:hover{color:#fff;background:#e94560;border-color:#e94560}.profile-photo-section{text-align:center;margin-bottom:25px}.profile-photo-large{border:3px solid #e94560;border-radius:50%;width:80px;height:80px;margin-bottom:12px;box-shadow:0 4px 15px #e945604d}.profile-nickname{color:#fff;margin:0;font-size:1.3rem}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-stat{text-align:center;background:#0f0f1a;border:1px solid #2d2d5e;border-radius:12px;padding:15px 12px;transition:transform .2s,border-color .3s}.profile-stat:hover{border-color:#e94560;transform:translateY(-2px)}.profile-stat-icon{margin-bottom:5px;font-size:1.3rem;display:block}.profile-stat-label{color:#88a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.7rem;display:block}.profile-stat-value{color:#fff;font-size:1.2rem;display:block}.btn-profile-trigger{cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:3px 8px;transition:background .3s;display:flex}.btn-profile-trigger:hover{background:#e9456026}.hint-highlight{outline-offset:-3px;border-radius:4px;outline:3px solid #a855f7;animation:1.5s ease-in-out infinite hintPulse;box-shadow:inset 0 0 12px #a855f780,0 0 8px #a855f766;background:#8a2be266!important}@keyframes hintPulse{0%{box-shadow:inset 0 0 12px #a855f780,0 0 8px #a855f766}50%{box-shadow:inset 0 0 20px #a855f7b3,0 0 15px #a855f799}to{box-shadow:inset 0 0 12px #a855f780,0 0 8px #a855f766}}.tab-buttons{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16213e99;border-radius:60px;gap:12px;max-width:94%;margin-bottom:8px;margin-left:auto;margin-right:auto;padding:6px;display:flex}.tab-buttons button{color:#d6d7d8;cursor:pointer;text-align:center;background-color:#0000;border:none;border-radius:40px;gap:8px;padding:10px 28px;font-weight:600;transition:all .2s;position:relative}.tab-buttons button:hover{color:#f9f7f7;background:#2d2d5e;transform:translateY(-2px);box-shadow:0 6px 14px #0000004d}.tab-buttons button:after{content:"";background:#e94560;width:0;height:2px;transition:width .2s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.tab-buttons button:hover:after{width:40%}.tab-buttons button.active{color:#fff;background:#e94560;box-shadow:0 4px 12px #e9456066}.tab-buttons button.active:after{display:none}#move-tree{max-width:400px;margin:0 auto;padding:10px 20px}.tree-move{cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin-bottom:2px;padding:4px 8px;transition:background .2s;display:flex}.tree-move:hover{background:#e9456033}.tree-move .delete-btn{color:#e74c3c;cursor:pointer;opacity:0;background:0 0;border:none;margin-left:auto;font-size:.75rem;transition:opacity .2s}.tree-move:hover .delete-btn{opacity:1}#tree-section{background:#16213e;border-radius:12px;max-width:100%;max-height:300px;margin:5px 10px;padding:10px;font-size:.9rem;overflow:auto scroll}.tree-header{color:#88a;border-bottom:1px solid #2d2d5e;gap:8px;margin-bottom:8px;padding:5px 10px;font-size:.8rem;display:flex}.tree-row{cursor:pointer;border-radius:6px;grid-template-columns:30px 1fr 1fr;align-items:center;padding:3px 8px;transition:background .2s;display:grid}.tree-row:hover{background:#ffffff0d}.tree-row.active-row{background:#e9456026}.tree-num{color:#555;font-size:.75rem}.tree-white{color:#fff;cursor:pointer;border-radius:4px;padding:2px 6px;font-weight:700}.tree-black{color:#aaa;cursor:pointer;border-radius:4px;padding:2px 6px}.tree-white:hover,.tree-black:hover{background:#e9456033}.tree-move-active{border-radius:6px;padding:3px 8px;font-weight:700;box-shadow:0 0 10px #ca738159;color:#fff!important;background:#e94560!important}.tree-variation{border-left:2px solid #2d2d5e;margin-bottom:4px;margin-left:30px;padding-left:8px}.tree-variation-line{color:#88a;cursor:pointer;flex-wrap:wrap;gap:4px;padding:3px 0;font-size:.85rem;display:flex}.tree-variation-move{cursor:pointer;border-radius:4px;padding:1px 5px;transition:background .2s}.tree-variation-move:hover{color:#fff;background:#e9456033}.nav-controls{justify-content:center;gap:8px;margin-top:5px;padding:10px;display:flex}.nav-controls button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16213ecc;border:1px solid #2d2d5e;border-radius:12px;min-width:60px;padding:12px 18px;font-size:1.3rem;transition:transform .2s,box-shadow .2s,background .2s}.nav-controls button:hover{background:#e94560;border-color:#e94560;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #e9456080}.repertorio-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;margin-top:24px;padding:10px 20px;display:flex}.repertoire-header .header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.col-left{flex-direction:column;flex:1;align-items:center;min-width:280px;display:flex}.col-right{background:#16213e26;border:1px solid #2a3257;border-radius:18px;flex-direction:column;flex-shrink:0;width:350px;height:auto;min-height:650px;padding:14px;display:flex}.engine-panel{background:#151a2f;border:1px solid #2a3257;border-radius:16px;max-width:94%;height:auto;min-height:0;margin-bottom:5px;margin-left:auto;margin-right:auto;overflow:hidden}.engine-stats{color:#57ff7e;grid-template-columns:1fr 1.2fr 1fr;gap:0;display:grid}.engine-stat{background:#151a2f;border-bottom:1px solid #ffffff0f;border-right:1px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:75px;padding:14px 10px;transition:background .2s;display:flex}.engine-stat:nth-child(3n){border-right:none}.engine-stat:nth-last-child(-n+3){border-bottom:none}.engine-label{text-transform:uppercase;letter-spacing:.08em;color:#9aa3c4;opacity:.9;-webkit-user-select:none;user-select:none;font-size:.8rem;font-weight:600}.btn-engine-mini{cursor:pointer;color:#3b19ea;background:0 0;border:none;padding:0;font-size:1.05rem;font-weight:700;transition:all .2s}.analysis-green{color:#57ff7e!important}.engine-on{color:#57ff7e}.engine-on:before{content:"●";color:#57ff7e;margin-right:6px}.engine-off{color:#ff5b5b}.engine-off:before{content:"●";color:#ff5b5b;margin-right:6px}.btn-engine-mini:hover{opacity:.9;transform:scale(1.05)}.chapter-selector{background:#16213e26;border:1px solid #2a3257;border-radius:18px;flex-direction:column;flex-shrink:0;gap:12px;width:280px;padding:14px;display:flex}.chapter-selector select{color:#f5f7ff;cursor:pointer;background:#151a2f;border:1px solid #2a3257;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-size:.85rem;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.chapter-selector select:hover{background:#1a2038;border-color:#3a446f}.chapter-selector select:focus{border-color:#e94560;box-shadow:0 0 0 3px #e9456026}.chapter-selector button{color:#aeb6d4;text-align:left;cursor:pointer;background:#151a2f;border:1px solid #2a3257;border-radius:12px;width:100%;padding:10px 12px;font-size:.82rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}.chapter-selector button:hover{color:#fff;background:#1a2038;border-color:#e94560;transform:translateY(-1px);box-shadow:0 6px 14px #00000038}.sidebar-title{color:#aeb6d4;letter-spacing:.08em;margin-bottom:2px;font-size:.75rem;font-weight:700}.sidebar-section{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:10px;padding-bottom:18px;display:flex}.sidebar-section:last-child{border-bottom:none;padding-bottom:0}.context-menu{z-index:9999;background:#16213e;border:1px solid #2d2d5e;border-radius:10px;min-width:160px;padding:6px 0;position:fixed;box-shadow:0 8px 25px #00000080}.context-menu-item{cursor:pointer;color:#88a;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:flex}.context-menu-item:hover{color:#fff;background:#e9456026}.context-menu-item.danger:hover{color:#e74c3c;background:#e74c3c33}.pgn-import-options{flex-direction:column;align-items:center;gap:10px;display:flex}.btn-pgn-file{color:#88a;cursor:pointer;text-align:center;background:#1a1a3e;border:1px solid #2d2d5e;border-radius:10px;width:100%;padding:10px 20px;font-size:.85rem;transition:all .3s}.btn-pgn-file:hover{color:#fff;background:#2d2d5e;transform:translateY(-2px);box-shadow:0 6px 12px #00000040}#pgn-text{color:#fff;resize:vertical;background:#0f0f1a;border:1px solid #2d2d5e;border-radius:10px;outline:none;width:100%;padding:10px;font-family:monospace;font-size:.8rem}#pgn-text:focus{border-color:#e94560}#pgn-chapter-name{color:#fff;background:#0f0f1a;border:1px solid #2d2d5e;border-radius:10px;outline:none;width:100%;padding:10px;font-size:.9rem}#pgn-chapter-name:focus{border-color:#e94560}.best-move-row{justify-content:center;align-items:center;gap:8px;display:flex}.btn-arrow-toggle{color:#7f88a8;cursor:pointer;background:0 0;border:1px solid #2a3257;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.95rem;transition:color .2s,background .2s,border-color .2s,transform .2s;display:flex}.btn-arrow-toggle:hover{color:#fff;border-color:#57ff7e;transform:translateY(-1px)}.btn-arrow-toggle.active{color:#57ff7e;background:#57ff7e1a;border-color:#57ff7e}.engine-bar{background:#2a2d3d;border-radius:999px;flex-shrink:0;align-items:flex-end;width:14px;margin:10px 0 20px;display:flex;overflow:hidden}.engine-bar-fill{background:linear-gradient(#fff,#f8f8f8);width:100%;height:50%;transition:height .3s}.board-container{justify-content:center;align-items:stretch;gap:6px;display:flex}.board-wrapper{position:relative}.board-message{text-align:center;opacity:0;pointer-events:none;z-index:999;border:1px solid;border-radius:14px;padding:20px 36px;font-size:1rem;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 8px 24px #00000059}.board-message-success{color:#57ff7e;background:#11281cc7;border-color:#57ff7e}.board-message-error{color:#ff6b6b;background:#461218d1;border-color:#ff6b6b}.board-message-hint{color:#ffd54a;background:#46370ad1;border-color:#ffd54a}.board-message.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.annotation-double-qm{color:#e74c3c;font-weight:700}.annotation-qm{color:#e67e22}.annotation-qm-exclam{color:#f1c40f}.annotation-exclam{color:#2ecc71;font-weight:700}.annotation-double-exclam{color:#27ae60;font-weight:700}.btn-export{color:#fff;cursor:pointer;background:#2d5e2d;border:none;border-radius:8px;padding:8px 16px;transition:transform .2s,box-shadow .2s,background .2s}.btn-export:hover{background:#1f4a1f;transform:translateY(-2px);box-shadow:0 6px 12px #00000040}.comment-icon{cursor:help;opacity:.7;margin-left:4px;font-size:.75rem}.comment-icon:hover{opacity:1}.comment-panel{background:#151a2f;border:1px solid #2a3257;border-radius:14px;width:100%;padding:12px;overflow:hidden}.comment-panel-header{color:#aeb6d4;letter-spacing:.03em;border-bottom:1px solid #ffffff0f;margin-bottom:10px;padding-bottom:8px;font-size:.78rem;font-weight:700}.comment-content{color:#ecff1a;text-align:left;white-space:pre-wrap;word-break:break-word;min-height:60px;max-height:120px;font-size:.85rem;font-weight:700;line-height:1.5;overflow-y:auto}.comment-empty{color:#7f88a8;font-style:italic}.engine-depth-select{color:#fff;font:inherit;text-align:center;cursor:pointer;background:0 0;border:none;outline:none;font-weight:700}.engine-depth-select option{color:#fff;background:#141a31;font-weight:600}.ranking-photo-wrapper{flex-shrink:0;width:38px;height:38px;position:relative}.ranking-photo-wrapper .ranking-photo{width:100%;height:100%}.ranking-photo-wrapper .online-indicator{border:2px solid #16213e;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.ranking-photo-wrapper .online-indicator.online{background:#2ecc71;box-shadow:0 0 7px #2ecc71d9}.ranking-photo-wrapper .online-indicator.offline{background:#7f8c8d}.mobile-chapters-toggle{display:none}.mobile-chapters-content{flex-direction:column;gap:10px;display:flex}body.light-mode{color:#1a1a2e;background:#f5f5f5}body.light-mode header{background:#fff;box-shadow:0 2px 15px #0000001a}body.light-mode header p{color:#666}body.light-mode .stat-card{color:#1a1a2e;background:#fff;box-shadow:0 2px 8px #0000001a}body.light-mode .elo-card{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}body.light-mode .btn-cat{color:#555;background:#e8e8e8;border-color:#ddd}body.light-mode .btn-cat.active{color:#fff;background:#e94560;border-color:#e94560}body.light-mode .btn-cat:hover{color:#333;background:#ddd}body.light-mode .btn-cat.active:hover{background:#d63851}body.light-mode .meta-item{color:#555;background:#e8e8e8}body.light-mode .meta-item strong,body.light-mode .message{color:#333}body.light-mode .message.success{color:#2e7d32;background:#e8f5e9;border-color:#4caf50}body.light-mode .message.error{color:#c62828;background:#ffebee;border-color:#ef5350}body.light-mode .message.hint{color:#e65100;background:#fff8e1;border-color:#ffa726}body.light-mode .btn-theme{color:#333;background:#e8e8e8;border-color:#ddd}body.light-mode footer{color:#999}body.light-mode footer .footer-sub{color:#bbb}body.light-mode #btn-hint{color:#fff;background:#ff9800}body.light-mode #btn-next{color:#fff;background:#4caf50}body.light-mode .dropdown-content{background:#fff;border-color:#ddd;box-shadow:0 8px 25px #00000026}body.light-mode .dropdown-content button{color:#555}body.light-mode .dropdown-content button:hover{color:#333;background:#e9456014}body.light-mode .dropdown-content button.active{color:#e94560}body.light-mode .dropdown-herramientas-content{background:#fff;border-color:#ddd;box-shadow:0 8px 25px #00000026}body.light-mode .dropdown-herramientas-content a{color:#555}body.light-mode .dropdown-herramientas-content a:hover{color:#333;background:#e9456014}body.light-mode .modal-content{background:#fff;border-color:#ddd;box-shadow:0 8px 30px #0003}body.light-mode .modal-input-group input{color:#333;background:#f5f5f5;border-color:#ddd}body.light-mode .modal-input-group input:focus{border-color:#e94560}body.light-mode .modal-input-group input::placeholder,body.light-mode .modal-rules{color:#999}body.light-mode .ranking-panel{background:#fff;box-shadow:-4px 0 20px #00000026}body.light-mode .ranking-header{border-bottom-color:#ddd}body.light-mode .ranking-item:hover{background:#00000008}body.light-mode .ranking-item.current-user{background:#e9456014}body.light-mode .ranking-user-position{color:#666;border-top-color:#ddd}body.light-mode .ranking-nickname{color:#333}body.light-mode .ranking-photo{border-color:#ddd}body.light-mode .profile-panel{background:#fff;box-shadow:-4px 0 20px #00000026}body.light-mode .profile-header{border-bottom-color:#ddd}body.light-mode .profile-nickname{color:#333}body.light-mode .profile-stat{background:#f5f5f5;border-color:#ddd}body.light-mode .profile-stat:hover{border-color:#e94560}body.light-mode .profile-stat-value{color:#333}body.light-mode .btn-profile-trigger:hover{background:#e9456014}body.light-mode .hint-highlight{outline-offset:-3px;outline:3px solid #9333ea;box-shadow:inset 0 0 12px #9333ea66,0 0 8px #9333ea4d;background:#8a2be24d!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.message.success,.message.error{animation:.3s fadeIn}.elo-change{animation:.5s pulse}.tree-main-line{color:#fcfef7;font-weight:700}.engine-value-small{color:#fff;font-size:.9rem;font-weight:600}.engine-value-big{color:#fff;font-size:1.08rem;font-weight:700}.woodpecker-page{color:#f5f6ff;background:radial-gradient(circle at top,#7456ae33,#0000 38%),#070912;min-height:100vh}.woodpecker-header{background:#000207;border-bottom:1px solid #ffffff14;padding:12px 24px}.woodpecker-header-content{grid-template-columns:210px 1fr 210px;align-items:center;gap:24px;width:min(1180px,100%);margin:0 auto;display:grid}.woodpecker-logo-link{align-items:center;text-decoration:none;display:flex}.woodpecker-logo{object-fit:contain;object-position:left center;width:190px;max-width:100%;height:72px;display:block}.woodpecker-header-title{text-align:left;justify-content:center;align-items:center;gap:14px;display:flex}.woodpecker-header-title h1{margin:0;font-size:clamp(1.45rem,3vw,2.1rem)}.woodpecker-header-title p{color:#aeb5d3;margin:5px 0 0}.woodpecker-bird{font-size:2.3rem}.woodpecker-back{color:#f5f6ff;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;justify-self:end;padding:10px 16px;text-decoration:none;transition:background .2s,transform .2s}.woodpecker-back:hover{background:#ffffff1a;transform:translateY(-1px)}.woodpecker-main{width:min(1000px,100% - 32px);margin:0 auto;padding:48px 0 70px}.woodpecker-intro{text-align:center;margin-bottom:24px}.woodpecker-intro h2{margin:0 0 10px;font-size:1.8rem}.woodpecker-intro p{color:#aeb5d3;max-width:680px;margin:0 auto;line-height:1.6}.woodpecker-card{background:#121524f0;border:1px solid #ffffff1a;border-radius:22px;padding:30px;box-shadow:0 20px 55px #00000052}.woodpecker-section+.woodpecker-section{margin-top:32px}.woodpecker-section h3{margin:0 0 16px;font-size:1.15rem}.woodpecker-level-grid,.woodpecker-quantity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.woodpecker-option{color:#f5f6ff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;min-height:74px;padding:14px;transition:transform .2s,border-color .2s,background .2s}.woodpecker-option:hover{background:#7e52cc29;border-color:#9d71ffb3;transform:translateY(-2px)}.woodpecker-level{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;display:flex}.woodpecker-level strong{font-size:1rem}.woodpecker-level span{color:#aeb5d3;font-size:.9rem}.woodpecker-quantity{min-height:58px;font-size:1.05rem;font-weight:700}.woodpecker-option.is-selected{background:linear-gradient(135deg,#854de557,#5033a040);border-color:#a674ff;box-shadow:0 0 0 2px #a674ff1f}.woodpecker-summary{background:#ffffff0b;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px;padding:18px;display:grid}.woodpecker-summary div{flex-direction:column;gap:5px;display:flex}.woodpecker-summary span{color:#9fa7c7;font-size:.86rem}.woodpecker-summary strong{font-size:1rem}.woodpecker-create-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b45da,#9e68ff);border:0;border-radius:13px;width:100%;margin-top:18px;padding:15px 18px;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s}.woodpecker-create-button:hover:not(:disabled){transform:translateY(-2px)}.woodpecker-create-button:disabled{cursor:not-allowed;opacity:.38}.woodpecker-info{margin-top:34px}.woodpecker-info h3{text-align:center;margin:0 0 18px}.woodpecker-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.woodpecker-info article{background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;padding:22px}.woodpecker-info article>span{background:#945df242;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.woodpecker-info h4{margin:15px 0 8px}.woodpecker-info p{color:#aeb5d3;margin:0;line-height:1.5}.woodpecker-training-panel{background:linear-gradient(135deg,#623aaa33,#121524f5);border:1px solid #a674ff59;border-radius:20px;margin-top:28px;padding:28px;box-shadow:0 18px 45px #00000040}.woodpecker-training-panel[hidden]{display:none}.woodpecker-training-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.woodpecker-training-header h2{margin:5px 0 0;font-size:1.5rem}.woodpecker-training-label{color:#aeb5d3;font-size:.85rem}.woodpecker-round-badge{background:#7e52cc2e;border:1px solid #a674ff73;border-radius:999px;padding:8px 13px;font-weight:700}.woodpecker-training-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.woodpecker-training-stat{background:#ffffff0b;border-radius:13px;padding:16px}.woodpecker-training-stat span{color:#9fa7c7;margin-bottom:6px;font-size:.84rem;display:block}.woodpecker-training-stat strong{font-size:1rem}.woodpecker-start-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b45da,#9e68ff);border:0;border-radius:13px;width:100%;margin-top:20px;padding:15px 18px;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s}.woodpecker-start-button:hover{transform:translateY(-2px)}.woodpecker-records{background:#0f1221b8;border:1px solid #9b5cff47;border-radius:16px;margin-top:20px;padding:18px}.woodpecker-records-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.woodpecker-records-header h3{color:#fff;margin:4px 0 0;font-size:1.05rem}#woodpecker-records-training{color:#aeb4d2;white-space:nowrap;font-size:.84rem}.woodpecker-records-list{flex-direction:column;gap:10px;display:flex}.woodpecker-record-item{background:#ffffff09;border:1px solid #ffffff12;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.woodpecker-record-position{color:#d8c7ff;background:#9b5cff24;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.woodpecker-record-item:first-child .woodpecker-record-position:before{content:"🥇"}.woodpecker-record-item:nth-child(2) .woodpecker-record-position:before{content:"🥈"}.woodpecker-record-item:nth-child(3) .woodpecker-record-position:before{content:"🥉"}.woodpecker-record-item:nth-child(-n+3) .woodpecker-record-position{font-size:0}.woodpecker-record-item:nth-child(-n+3) .woodpecker-record-position:before{font-size:1.15rem}.woodpecker-record-time{flex-direction:column;gap:3px;display:flex}.woodpecker-record-time strong{color:#fff;font-size:1rem}.woodpecker-record-time span{color:#9fa6c5;font-size:.78rem}.woodpecker-record-meta{color:#9fa6c5;flex-direction:column;align-items:flex-end;gap:3px;font-size:.78rem;display:flex}.woodpecker-records-empty{text-align:center;color:#8f96b5;border:1px dashed #ffffff14;border-radius:10px;margin:0;padding:18px 12px}.woodpecker-training-page{color:#f5f6ff;background:radial-gradient(circle at top,#734abe2e,#0000 38%),#080a14;min-height:100vh;margin:0}.woodpecker-training-header{background:#000207;border-bottom:1px solid #ffffff14;grid-template-columns:180px 1fr 180px;align-items:center;gap:20px;min-height:88px;padding:12px 24px;display:grid}.woodpecker-training-back{color:#f5f6ff;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;justify-self:start;padding:10px 15px;text-decoration:none}.woodpecker-training-title{text-align:center;justify-content:center;align-items:center;gap:12px;display:flex}.woodpecker-training-title>span{font-size:2rem}.woodpecker-training-title h1{margin:0;font-size:1.8rem}.woodpecker-training-title p{color:#aeb5d3;margin:5px 0 0}.woodpecker-training-round{flex-direction:column;justify-self:end;align-items:center;gap:3px;display:flex}.woodpecker-training-round span{color:#aeb5d3;font-size:.8rem}.woodpecker-training-round strong{font-size:1.2rem}.woodpecker-session-layout{grid-template-columns:minmax(0,720px) 320px;justify-content:center;align-items:start;gap:26px;width:min(1180px,100% - 32px);margin:0 auto;padding:34px 0 60px;display:grid}.woodpecker-board-section{min-width:0}.woodpecker-session-topbar{background:#121524f0;border:1px solid #ffffff17;border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;padding:16px;display:grid}.woodpecker-session-topbar div{text-align:center;background:#ffffff0a;border-radius:10px;padding:10px}.woodpecker-session-topbar span{color:#9fa7c7;margin-bottom:5px;font-size:.82rem;display:block}.woodpecker-session-topbar strong{font-size:1rem}.woodpecker-board-wrapper{aspect-ratio:1;background:#121524f2;border:1px solid #a674ff52;border-radius:18px;width:min(100%,600px);margin:0 auto;padding:10px;box-shadow:0 18px 45px #0000004d}#woodpecker-board{width:100%;height:100%}#woodpecker-training-message{text-align:center;background:#ffffff0b;border-radius:12px;margin:16px 0 0;padding:13px 16px}.woodpecker-session-sidebar{flex-direction:column;gap:16px;display:flex}.woodpecker-session-card{background:#121524f0;border:1px solid #ffffff17;border-radius:16px;padding:21px}.woodpecker-session-card h2{margin:0 0 17px;font-size:1.15rem}.woodpecker-session-card p{color:#aeb5d3;margin:0;line-height:1.55}.woodpecker-session-info{border-bottom:1px solid #ffffff12;flex-direction:column;gap:5px;padding:12px 0;display:flex}.woodpecker-session-info:last-child{border-bottom:0}.woodpecker-session-info span{color:#9fa7c7;font-size:.82rem}.woodpecker-exit-button{color:#fff;cursor:pointer;background:#e9456024;border:1px solid #e9456073;border-radius:12px;width:100%;padding:13px 16px;font-weight:700}.woodpecker-exit-button:hover{background:#e945603d}body.neon-none .chessground{box-shadow:none!important}body.neon-yellow .chessground{box-shadow:0 0 8px #ffd700bf,0 0 18px #ffd70073,0 0 34px #ffd70033!important}body.neon-green .chessground{box-shadow:0 0 8px #2ed573bf,0 0 18px #2ed57373,0 0 34px #2ed57333!important}body.neon-blue .chessground{box-shadow:0 0 8px #3498dbbf,0 0 18px #3498db73,0 0 34px #3498db33!important}body.neon-purple .chessground{box-shadow:0 0 8px #9b5cffcc,0 0 18px #9b5cff7a,0 0 34px #9b5cff38!important}.woodpecker-training-records{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.woodpecker-training-records[hidden]{display:none}.woodpecker-training-record{border:1px solid #ffffff12;border-radius:11px;flex-direction:column;gap:5px;min-width:0;padding:13px 15px;display:flex}.woodpecker-training-record.best{background:#22c55e14;border-color:#22c55e33}.woodpecker-training-record.worst{background:#f59e0b14;border-color:#f59e0b33}.woodpecker-training-record span{font-size:.78rem;font-weight:700}.woodpecker-training-record.best span{color:#86efac}.woodpecker-training-record.worst span{color:#fcd34d}.woodpecker-training-record strong{color:#fff;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.woodpecker-training-record small{color:#b8b3ce;font-size:.75rem}@media (width<=480px){.woodpecker-training-records{gap:7px}.woodpecker-training-record{padding:10px}.woodpecker-training-record strong{font-size:1.15rem}.woodpecker-training-record small{font-size:.68rem}}.woodpecker-trainings-list{flex-direction:column;gap:14px;margin-top:20px;display:flex}.woodpecker-training-card{background:#22212a;border:1px solid #ffffff14;border-radius:14px;padding:18px}.woodpecker-training-card-top,.woodpecker-training-card-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.woodpecker-training-card-title{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.woodpecker-training-card-round{color:#93c5fd;white-space:nowrap;background:#3b82f626;border-radius:999px;padding:5px 10px;font-size:.78rem}.woodpecker-training-card-progress{color:#c9c5dc;margin:14px 0 10px;font-size:.88rem}.woodpecker-training-progress-bar{background:#ffffff1f;border-radius:999px;height:7px;overflow:hidden}.woodpecker-training-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#9333ea,#a855f7);height:100%;transition:width .3s}.woodpecker-training-card-bottom{margin-top:14px}.woodpecker-training-card-time{color:#d9d5e8;font-size:.85rem}.woodpecker-training-continue{color:#86efac;cursor:pointer;background:#22c55e1f;border:1px solid #22c55e40;border-radius:999px;padding:8px 15px;font-size:.85rem;font-weight:700;transition:background .2s}.woodpecker-training-continue:hover{background:#22c55e38}.woodpecker-game-info{border-top:1px solid #ffffff1a;flex-direction:column;gap:7px;margin-top:18px;padding-top:16px;display:flex}.woodpecker-game-info[hidden]{display:none}.woodpecker-game-label{color:#9b5cff;letter-spacing:.6px;font-size:.72rem;font-weight:700}#woodpecker-game-players{color:#fff;font-size:.95rem;line-height:1.4}#woodpecker-game-place{color:#aeb9dd;font-size:.82rem}@media (width<=480px){.woodpecker-training-card{padding:14px}.woodpecker-training-card-title{font-size:.9rem}.woodpecker-training-card-bottom{flex-wrap:wrap}}@media (width<=1200px){.profile-game-areas-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.profile-game-areas-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.contact-modal{align-items:flex-end;padding:12px}.contact-modal-content{border-radius:22px 22px 14px 14px;width:100%;max-height:calc(100vh - 24px);padding:22px 16px 18px}.contact-modal-close{width:36px;height:36px;font-size:1.35rem;top:12px;right:12px}.contact-modal-header{gap:11px;margin-bottom:18px;padding-right:38px}.contact-modal-icon{border-radius:13px;flex-basis:44px;width:44px;height:44px;font-size:1.25rem}.contact-modal-header h2{font-size:1.2rem}.contact-modal-header p{font-size:.76rem}.contact-option{grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;padding:12px}.contact-option-icon{border-radius:10px;width:38px;height:38px;font-size:1rem}.contact-option-text strong{font-size:.84rem}.contact-option-text small{font-size:.68rem}.contact-back-btn{margin-bottom:16px}.contact-form-header{gap:11px;margin-bottom:20px;padding-right:38px}#contact-form-icon{border-radius:12px;flex-basis:43px;width:43px;height:43px;font-size:1.15rem}.contact-form-header h2{font-size:1.2rem}.contact-form-header p{font-size:.75rem}#contact-form{gap:15px}.contact-form-group input,.contact-form-group textarea{font-size:16px}.contact-form-group textarea{min-height:125px}.contact-technical-row{grid-template-columns:75px minmax(0,1fr);font-size:.67rem}.contact-submit-btn{padding:13px 15px}.profile-game-areas{margin-top:20px}.profile-game-areas-list{grid-template-columns:1fr;gap:12px}.profile-game-area-card{gap:12px;padding:14px}.profile-game-area-name{font-size:.9rem}.profile-game-area-mastery{font-size:1.05rem}.profile-game-area-segment{height:12px}.profile-game-area-stats>span{font-size:.76rem}.profile-game-area-stats strong{font-size:.8rem}.profile-combinations-more{margin-top:14px}.profile-combinations-more-btn{width:100%;min-width:0;padding:12px 16px}}@media (width<=480px){.woodpecker-level-grid,.woodpecker-summary{grid-template-columns:1fr}.woodpecker-training-header{align-items:flex-start}.woodpecker-training-stats{grid-template-columns:1fr}}@media (width<=1200px){.profile-combinations-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px) and (width>=801px){.repertorio-layout{flex-wrap:nowrap;gap:10px;padding:10px}.chapter-selector{width:220px;padding:10px}.chessground{width:420px}.col-right{width:270px;padding:10px}.profile-game-areas-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.profile-combinations-list{grid-template-columns:repeat(3,minmax(0,1fr))}.woodpecker-session-layout{grid-template-columns:1fr}.woodpecker-session-sidebar{width:min(100%,680px);margin:0 auto}}@media (width>=801px){.header-top{grid-template-columns:230px 1fr 180px;align-items:center;gap:16px;width:100%;min-height:74px;padding:0 16px;display:grid}.app-brand{justify-self:start;align-items:center;display:flex}.header-center{display:none!important}.header-nav{justify-content:center;justify-self:center;align-items:center;gap:28px;display:flex}.header-tools{justify-content:flex-end;justify-self:end;align-items:center;gap:10px;display:flex}.nav-link{color:#d9dcef;cursor:pointer;background:0 0;border:none;padding:24px 2px 19px;font-size:.95rem;font-weight:600;transition:color .2s,transform .2s;position:relative}.nav-link:hover{color:#fff;transform:translateY(-1px)}.nav-link-active{color:#fff}.nav-link-active:after{content:"";background:#9b5cff;border-radius:999px;width:42px;height:3px;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #9b5cffa6,0 0 16px #9b5cff40}.nav-icon-button{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:11px;place-items:center;width:42px;height:42px;padding:0;font-size:1.05rem;transition:background .2s,border-color .2s,transform .2s;display:grid}.nav-icon-button:hover{background:#9b5cff1f;border-color:#9b5cff73;transform:translateY(-1px)}.nav-dropdown{position:relative}.nav-dropdown-menu{opacity:0;visibility:hidden;z-index:500;background:#111526;border:1px solid #9b5cff47;border-radius:14px;min-width:230px;padding:8px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 14px 32px #0000006b,0 0 18px #9b5cff1a}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-menu a{color:#d9dcef;border-radius:9px;align-items:center;width:100%;padding:11px 12px;font-size:.88rem;text-decoration:none;transition:background .18s,color .18s;display:flex}.nav-dropdown-menu a:hover{color:#fff;background:#9b5cff24}.header-nav #btn-ranking{width:auto;height:auto;padding:24px 2px 19px;box-shadow:none!important;color:#d9dcef!important;background:0 0!important;border:none!important;border-radius:0!important}.header-nav #btn-ranking:hover,.header-nav #btn-ranking.nav-link-active{color:#fff!important;background:0 0!important}.ranking-panel{height:calc(100% - 70px);top:70px}.profile-content{box-sizing:border-box;padding:24px 30px}.profile-panel .profile-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.profile-panel .profile-stat{padding:16px 10px}.profile-combination-item{padding:10px 14px}.profile-combination-header{margin-bottom:6px}.profile-combination-meta{margin-top:4px}.profile-combinations{margin-top:18px}.stats-user-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.stats-user-photo{object-fit:cover;background:#111526;border:2px solid #9b5cff;border-radius:50%;width:52px;height:52px}.stats-user-info{flex-direction:column;gap:2px;display:flex}.stats-user-name{color:#fff;font-size:1.1rem;font-weight:700}.stats-user-label{color:#9da4c7;font-size:.82rem}#desktop-actions-slot{width:76%;max-width:760px;margin:12px auto 0}#desktop-actions-slot .mobile-actions-section{background:0 0;border:none;width:100%;margin:0;padding:0}#desktop-actions-slot .sidebar-title{display:none}#desktop-actions-slot #controls-build{grid-template-columns:1.25fr .9fr 1.1fr .9fr 1fr;gap:8px;width:100%;margin:0;display:grid!important}#desktop-actions-slot #controls-build button{color:#fff;white-space:nowrap;background:#171b32;border:1px solid #30385f;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;margin:0;padding:11px 4px;font-size:.82rem;display:flex;overflow:hidden}#desktop-actions-slot #controls-build button:hover{background:#202643}#desktop-actions-slot #controls-build #btn-save-move{color:#fff!important;background:#2b9b3c!important;border:1px solid #46ea4b!important}#desktop-actions-slot #controls-build #btn-save-move:hover{background:#3bd452!important;border-color:#3dde55!important}#desktop-actions-slot #controls-practice{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0}#desktop-actions-slot #controls-practice button{width:100%;margin:0}}@media (width<=800px){.woodpecker-header{padding:10px 14px}.woodpecker-header-content{grid-template-columns:58px 1fr 44px;gap:9px}.woodpecker-logo{object-fit:cover;object-position:left center;width:58px;height:48px}.woodpecker-header-title{text-align:center;gap:8px}.woodpecker-header-title h1{font-size:1.15rem}.woodpecker-header-title p{display:none}.woodpecker-bird{font-size:1.6rem}.woodpecker-back{place-items:center;width:42px;height:42px;padding:0;font-size:0;display:grid;overflow:hidden}.woodpecker-back:before{content:"←";font-size:1.2rem}.woodpecker-main{width:min(100% - 22px,1000px);padding:30px 0 50px}.woodpecker-card{border-radius:17px;padding:19px}.woodpecker-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.woodpecker-info-grid{grid-template-columns:1fr}.woodpecker-training-panel{padding:20px}.woodpecker-training-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.app-brand-logo{object-fit:contain;width:58px;height:48px}.app-brand-text{display:none}.header-top{grid-template-columns:1fr auto;grid-template-areas:"brand tools""nav nav";align-items:center;gap:8px 12px;width:100%;padding:6px 4px 4px;display:grid}.app-brand{grid-area:brand;justify-self:start;align-items:center;display:flex}.header-center{display:none!important}.header-tools{grid-area:tools;justify-self:end;align-items:center;gap:7px;display:flex;position:static}.header-tools #btn-profile-nav,.header-tools .nav-settings,.header-tools #btn-piece-theme{position:static!important;transform:none!important}.header-tools .nav-settings{position:relative!important}.header-tools .nav-settings .dropdown-content{z-index:900;width:250px;min-width:250px;max-width:calc(100vw - 20px);position:absolute!important;top:calc(100% + 8px)!important;left:auto!important;right:0!important;transform:none!important}.header-tools #btn-profile-nav,.header-tools #btn-piece-theme{z-index:1}.header-nav{grid-area:nav;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px;width:100%;display:grid}.header-nav .nav-link{color:#d9dcef;text-align:center;white-space:nowrap;cursor:pointer;background:0 0;border:none;width:100%;min-width:0;padding:11px 3px 12px;font-size:.78rem;font-weight:600;position:relative}.header-nav #btn-ranking{width:100%!important;min-width:0!important;box-shadow:none!important;color:#d9dcef!important;background:0 0!important;border:none!important;border-radius:0!important;padding:11px 3px 12px!important}.header-nav .nav-link-active{color:#fff!important}.header-nav .nav-link-active:after{content:"";background:#9b5cff;border-radius:999px;width:30px;height:3px;position:absolute;bottom:3px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #9b5cff8c}.header-tools .nav-icon-button{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;font-size:1rem;display:grid}.nav-dropdown{position:relative}.nav-dropdown-menu{opacity:0;visibility:hidden;z-index:800;background:#111526;border:1px solid #9b5cff47;border-radius:12px;width:240px;min-width:240px;max-width:calc(100vw - 20px);padding:8px;position:absolute;top:calc(100% + 2px);overflow:visible;box-shadow:0 14px 30px #0000006b;left:0!important;right:auto!important;transform:none!important}.nav-dropdown-menu.show{opacity:1;visibility:visible;transform:none!important}.nav-dropdown-menu a{color:#d9dcef;text-align:left;white-space:nowrap;border-radius:8px;align-items:center;width:100%;padding:11px 12px;font-size:.84rem;text-decoration:none;display:flex}.nav-dropdown-menu a:hover{color:#fff;background:#9b5cff24}.ranking-panel,.profile-panel{height:calc(100dvh - 112px);top:112px}.ranking-content,.profile-content{box-sizing:border-box;padding:18px 20px 24px}.ranking-panel{height:calc(100dvh - 112px);top:112px}.ranking-content{padding:18px 20px 24px}.stats-user-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.stats-user-photo{object-fit:cover;background:#111526;border:2px solid #9b5cff;border-radius:50%;flex:0 0 52px;width:52px;height:52px}.stats-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.stats-user-name{color:#fff;font-size:1rem;font-weight:700}.stats-user-label{color:#9da4c7;font-size:.78rem}.repertoire-header>p{font-size:.9rem}.repertorio-layout{flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:16px;padding:8px;display:flex;overflow-x:hidden}.col-left{order:1;align-items:center;width:100%;min-width:0;display:flex}.board-container{justify-content:center;align-items:stretch;gap:6px;width:100%;display:flex}.board-wrapper{max-width:calc(100% - 22px)}.chessground{width:min(100vw - 48px,500px);margin:8px auto 16px}.engine-bar{width:12px;margin:8px 0 16px}.col-right{border-radius:16px;flex-direction:column;order:2;width:100%;max-width:500px;max-height:none;padding:12px;display:flex}.puzzle-info{width:100%;padding:0}.message{width:100%;max-width:none;min-height:40px;margin:0 0 10px;font-size:.82rem}.tab-buttons{width:100%;max-width:none}.tab-buttons button{flex:1;padding:9px 12px;font-size:.8rem}.engine-panel{width:100%;max-width:none}.engine-stat{min-height:68px;padding:10px 6px}.engine-label{font-size:.68rem}.engine-value-small{font-size:.8rem}.engine-value-big{font-size:.95rem}#tree-section{width:100%;max-height:260px;margin:8px 0;font-size:.82rem}.nav-controls{gap:8px;width:100%;margin-top:4px;padding:8px 0}.nav-controls button{flex:1;min-width:0;padding:10px 8px;font-size:1rem}.chapter-selector{order:0;width:100%;max-width:500px;padding:12px}#controls-build,#controls-practice{width:100%}#controls-practice{flex-direction:column;align-items:stretch}.comment-panel{margin-top:0}.mobile-chapters-toggle{color:#fff;cursor:pointer;background:#151a2f;border:1px solid #2a3257;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:.82rem;font-weight:700;display:flex}.mobile-chapters-content{display:none}.mobile-chapters-content.show{display:flex}.engine-stats{grid-template-columns:repeat(3,1fr)}.engine-stat:first-child,.engine-stat:nth-child(2),.engine-stat:nth-child(6){display:none}.engine-stat:nth-child(3),.engine-stat:nth-child(4),.engine-stat:nth-child(5){border-bottom:none;display:flex}.engine-stat:nth-child(5){border-right:none}.puzzle-info{display:none}.tab-buttons{order:1}.engine-panel{order:2}.nav-controls{order:3}#tree-section{order:4}#controls-build{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;padding:0;display:grid}#controls-build button{text-align:center;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:8px 4px;font-size:1rem;display:flex}#controls-build .button-text{display:none}}@media (width<=700px){.profile-combinations-list{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-combination-circle{--size:92px}.profile-insights,.profile-game-areas-list{grid-template-columns:1fr}.woodpecker-training-header{grid-template-columns:48px 1fr 55px;gap:8px;padding:10px 12px}.woodpecker-training-back{place-items:center;width:42px;height:42px;padding:0;font-size:0;display:grid;overflow:hidden}.woodpecker-training-back:before{content:"←";font-size:1.2rem}.woodpecker-training-title h1{font-size:1.05rem}.woodpecker-training-title p{font-size:.8rem}.woodpecker-training-title>span{display:none}.woodpecker-session-layout{width:min(100% - 18px,1180px);padding-top:20px}.woodpecker-session-topbar{grid-template-columns:repeat(2,minmax(0,1fr))}.woodpecker-board-wrapper{border-radius:12px;padding:6px}.woodpecker-records{padding:14px}.woodpecker-records-header{flex-direction:column;align-items:flex-start;gap:6px}.woodpecker-record-item{grid-template-columns:36px 1fr;gap:10px}.woodpecker-record-meta{flex-direction:row;grid-column:2;align-items:flex-start;gap:10px}}@media (width<=500px){.ranking-panel,.profile-panel{width:100%;animation:.3s slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.profile-photo-large{width:70px;height:70px}.profile-stats-grid{gap:8px}.profile-stat{padding:12px 10px}.profile-stat-value{font-size:1.1rem}}@media (width<=480px){header{padding:12px 10px}header h1{font-size:1.15rem}header p{font-size:.72rem}.btn-back{font-size:.78rem}.btn-theme{padding:7px 14px;font-size:.76rem}.repertorio-layout{gap:12px;margin-top:10px;padding:6px}.chessground{width:calc(100vw - 44px)}.col-right,.chapter-selector{border-radius:14px;padding:10px}.chapter-selector{width:100%;max-width:100%}.chapter-selector select,.chapter-selector button{padding:8px 10px;font-size:.75rem}.sidebar-title{font-size:.68rem}.tab-buttons button{padding:6px 14px;font-size:.75rem}.controls{gap:6px}.controls button{padding:8px 12px;font-size:.7rem}.nav-controls{gap:6px}.nav-controls button{min-width:50px;padding:8px 12px;font-size:.9rem}.comment-panel-header{font-size:.72rem}.comment-content{min-height:50px;max-height:100px;font-size:.8rem}.board-message{width:80%;padding:12px 14px;font-size:.85rem}.tree-row{grid-template-columns:22px 1fr 1fr;padding:3px 4px;font-size:.7rem}.tree-variation{margin-left:10px}}@media (width<=400px){.user-stats{gap:6px;padding:10px 5px 5px}.stat-card{min-width:60px;padding:6px 10px}.stat-card strong{font-size:.95rem}.stat-label{font-size:.6rem}.elo-card strong{font-size:1.1rem}.categories{gap:5px;padding:8px 5px}.btn-cat{padding:5px 10px;font-size:.75rem}.controls button{padding:8px 18px;font-size:.85rem}header h1{font-size:1.2rem}.message{padding:8px 12px;font-size:.8rem}.modal-content{padding:25px 20px}.modal-content h2{font-size:1.2rem}.modal-input-group input{padding:10px 55px 10px 12px;font-size:.9rem}}