.jr-page{min-height:100vh;background:var(--void);padding-bottom:6rem}.jr-hero{position:relative;padding:3rem 1.5rem 2rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.jr-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(0,212,255,.07) 0,transparent 70%);pointer-events:none}.jr-hero__eyebrow{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ice);opacity:.7;margin-bottom:.75rem}.jr-hero__title{font-family:var(--cn-hero,var(--cn-display));font-size:clamp(2rem,6vw,3.5rem);font-weight:800;letter-spacing:-.02em;color:var(--platinum);line-height:1.05;margin-bottom:.5rem}.jr-hero__sub{font-size:.9rem;color:var(--silver);opacity:.6;max-width:460px;margin:0 auto}.jr-controls{position:sticky;top:0;z-index:20;padding:.75rem 1.5rem;flex-wrap:wrap;background:rgba(5,6,10,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04)}.jr-controls,.jr-search{display:flex;gap:.5rem;align-items:center}.jr-search{flex:1;min-width:200px;max-width:320px;padding:.5rem .75rem;border-radius:.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);transition:border-color .2s}.jr-search:focus-within{border-color:rgba(0,212,255,.3)}.jr-search__icon{color:var(--silver);opacity:.4;flex-shrink:0}.jr-search__input{flex:1;background:transparent;border:none;outline:none;font-size:.85rem;color:var(--platinum);font-family:var(--cn-body)}.jr-search__input::placeholder{color:var(--silver);opacity:.3}.jr-filter-select{padding:.5rem .75rem;border-radius:.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:var(--silver);font-size:.8rem;font-family:var(--cn-body);cursor:pointer;transition:border-color .2s;min-width:110px}.jr-filter-select:focus{outline:none;border-color:rgba(0,212,255,.3)}.jr-sort-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border-radius:.5rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--silver);font-size:.75rem;cursor:pointer;transition:all .15s;white-space:nowrap}.jr-sort-btn--active,.jr-sort-btn:hover{background:rgba(0,212,255,.06);border-color:rgba(0,212,255,.2);color:var(--ice)}.jr-controls__count{margin-left:auto;font-size:.75rem;color:var(--silver);opacity:.45;white-space:nowrap}.jr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem;padding:1rem 1.5rem;max-width:1400px;margin:0 auto}@media (max-width:640px){.jr-grid{grid-template-columns:1fr;gap:.5rem;padding:.75rem 1rem}}.jr-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:var(--surface,rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.05);text-decoration:none;transition:border-color .2s,background .2s,transform .15s;cursor:pointer;min-height:44px}.jr-card:hover{border-color:rgba(0,212,255,.18);background:rgba(0,212,255,.03);transform:translateY(-1px)}.jr-card:focus-visible{outline:2px solid var(--ice);outline-offset:2px}@media (prefers-reduced-motion:reduce){.jr-card{transition:border-color .2s,background .2s}.jr-card:hover{transform:none}}.jr-card__avatar{position:relative;flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.05)}.jr-card__avatar img{width:100%;height:100%;object-fit:cover}.jr-card__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--silver);opacity:.3}.jr-card__info{flex:1;min-width:0}.jr-card__name{font-size:.85rem;font-weight:600;color:var(--platinum);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jr-card__meta{display:flex;align-items:center;gap:.4rem;margin-top:.2rem}.jr-card__team{font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--ice);opacity:.8}.jr-card__pos{font-size:.7rem;color:var(--silver);opacity:.5}.jr-card__sep{font-size:.6rem;color:var(--silver);opacity:.2}.jr-card__stats{display:flex;gap:.75rem;margin-top:.3rem}.jr-card__stat{font-size:.7rem;color:var(--silver);opacity:.5}.jr-card__stat strong{color:var(--platinum);opacity:1;font-weight:600}.jr-card__score{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px}.jr-card__score-num{font-family:var(--cn-mono,monospace);font-size:1rem;font-weight:700;line-height:1}.jr-card__score-label{font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;margin-top:.15rem;opacity:.45;color:var(--silver)}.jr-card__score--none .jr-card__score-num{font-size:.75rem;color:var(--silver);opacity:.3}.jr-card__score--elite .jr-card__score-num{color:#ffd700}.jr-card__score--strong .jr-card__score-num{color:var(--ice)}.jr-card__score--solid .jr-card__score-num{color:#10b981}.jr-card__score--watch .jr-card__score-num{color:#f59e0b}.jr-card__score--pass .jr-card__score-num{color:var(--loss,#ef4444)}.jr-pagination{gap:.5rem;padding:1.5rem}.jr-pagination,.jr-pagination__btn{display:flex;align-items:center;justify-content:center}.jr-pagination__btn{min-width:36px;height:36px;padding:0 .75rem;border-radius:.5rem;font-size:.8rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:var(--silver);cursor:pointer;transition:all .15s;min-height:44px;min-width:44px}.jr-pagination__btn:hover:not(:disabled){background:rgba(0,212,255,.06);border-color:rgba(0,212,255,.2);color:var(--ice)}.jr-pagination__btn--active{background:rgba(0,212,255,.1);border-color:rgba(0,212,255,.3);color:var(--ice)}.jr-pagination__btn:disabled{opacity:.25;cursor:not-allowed}.jr-pagination__info{font-size:.75rem;color:var(--silver);opacity:.4;padding:0 .5rem}.jr-empty{text-align:center;padding:4rem 1.5rem;font-size:.9rem}.jr-empty,.jr-loading{color:var(--silver);opacity:.4}.jr-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:4rem;font-size:.85rem}.jr-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,212,255,.2);border-top:2px solid var(--ice);animation:jr-spin .7s linear infinite}@keyframes jr-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.jr-spinner{animation:none;opacity:.5}}