/* Навигация не обрезает подсветку, а длинное содержимое не блокируется. */
body:is([data-route="home"],[data-route="login"],[data-route="register"],[data-route="dashboard"],[data-route="notFound"],[data-route="leaders"]) .app-nav{overflow:visible}
@media(hover:hover){body:is([data-route="home"],[data-route="login"],[data-route="register"],[data-route="dashboard"],[data-route="notFound"],[data-route="leaders"]) .app-nav a:hover{transform:none}}
body[data-route="home"] #app-main{min-height:calc(100dvh - 82px)}
body[data-route="leaders"] .app-header{height:82px;min-height:82px;display:flex;align-items:center;gap:50px;padding:0 max(36px,calc((100vw - 1360px)/2));background:#090512;color:#f5efff;border-bottom:1px solid rgba(222,195,255,.08)}
body[data-route="leaders"] .header-cta{display:inline-flex;align-items:center}
#page-leaders[hidden]{display:none!important}#page-leaders{min-height:calc(100dvh - 82px);display:block;padding:76px 24px 88px;background:linear-gradient(90deg,rgba(8,4,18,.74),rgba(8,4,18,.56)),var(--veyra-waves, url('/assets/veyra-waves.webp')) center/cover fixed,#090512;color:#f6efff}
.leaders-inner{max-width:900px;margin:0 auto}.leaders-eyebrow{margin:0 0 18px;color:#d1acfa;letter-spacing:.14em;font-weight:700;font-size:12px}.leaders-page h1{font:800 clamp(40px,5vw,64px)/1.08 Manrope,system-ui,sans-serif;letter-spacing:-.045em;margin:0}.leaders-page h1 span{color:#ca98fb}.leaders-intro{font-size:16px;line-height:1.6;color:#d3c3df;margin:18px 0 32px}.leaders-card{background:rgba(20,12,31,.91);border:1px solid rgba(215,174,255,.22);border-radius:16px;overflow:hidden;box-shadow:0 22px 80px rgba(0,0,0,.25)}.leaders-card-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(215,174,255,.15);color:#eee3f8}.leaders-card-header strong{font-size:16px}.leaders-card-header span,.leaders-note{font-size:13px;color:#c1afcf}.leaders-list{list-style:none;margin:0;padding:0}.leaders-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 24px;border-bottom:1px solid rgba(215,174,255,.10);min-height:76px}.leaders-row:last-child{border-bottom:0}.leaders-rank{color:#c79af3;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.leaders-link{display:flex;align-items:center;gap:14px;min-width:0;text-decoration:none;color:#faf5ff}.leaders-link:hover .leaders-name{text-decoration:underline}.leaders-link:focus-visible{outline:2px solid #d6a2ff;outline-offset:5px}.leaders-avatar{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;color:#f7eaff;background:linear-gradient(145deg,#9250be,#563077);font-weight:700}.leaders-name{overflow-wrap:anywhere;font-weight:700}.leaders-count{color:#e6c5ff;font-weight:700;font-variant-numeric:tabular-nums}.leaders-status{padding:30px 24px;margin:0;color:#d3c3df;font-size:15px}.leaders-note{margin:18px 0 0;line-height:1.5}
@media(max-width:1000px){body[data-route="leaders"] .app-header{padding:0 24px;gap:24px}}
@media(max-width:740px){body:is([data-route="home"],[data-route="login"],[data-route="register"],[data-route="dashboard"],[data-route="notFound"],[data-route="leaders"]) .app-header{height:auto;min-height:70px;display:flex;flex-wrap:wrap;padding:13px 16px;gap:10px}body:is([data-route="home"],[data-route="login"],[data-route="register"],[data-route="dashboard"],[data-route="notFound"],[data-route="leaders"]) .app-nav{order:3;width:100%;flex-wrap:wrap;overflow:visible;padding:0;gap:3px}body:is([data-route="home"],[data-route="login"],[data-route="register"],[data-route="dashboard"],[data-route="notFound"],[data-route="leaders"]) .app-nav a{padding:10px 7px;font-size:12px}body[data-route="leaders"] .header-cta{margin-left:auto;min-height:42px;padding:10px 12px}body[data-route="home"] #app-main{min-height:0}#page-leaders{padding:52px 20px 70px;min-height:calc(100dvh - 140px);background-attachment:scroll}.leaders-page h1{font-size:clamp(38px,10vw,54px)}.leaders-card-header{padding:18px}.leaders-card-header span{font-size:12px}.leaders-row{grid-template-columns:30px minmax(0,1fr) auto;gap:10px;padding:14px 16px}.leaders-link{gap:10px}.leaders-status{padding:24px 18px}}
@media(max-width:380px){body[data-route="leaders"] .header-cta{display:none}}
body[data-route="leaders"]{min-height:100dvh;display:flex;flex-direction:column}
body[data-route="leaders"] #app-main{min-height:0;flex:1;display:flex;flex-direction:column}
body[data-route="leaders"] #page-leaders{min-height:0;flex:1}

.leaders-avatar{position:relative;overflow:hidden}.leaders-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}