/* NEXT shares ArmArena's approved identity; cyan distinguishes its own rankings. */
.local-preview-note { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 25px; color:#8e98a7; font-size:11px; line-height:1.5; }
.local-preview-note strong { color:#bec8d5; font-size:11px; font-weight:600; }
.preview-status-dot { width:6px; height:6px; flex:0 0 6px; background:#58d9ef; border-radius:50%; box-shadow:0 0 12px #58d9ef33; }
.local-preview-note > span:last-child { border-left:1px solid #ffffff24; padding-left:10px; }
.division-switch { display:flex; gap:8px; width:min(100%,510px); margin-bottom:32px; }
.division-option { flex:1; display:flex; flex-direction:column; position:relative; gap:5px; padding:15px 20px; border:1px solid #ffffff20; border-radius:4px; background:#111419; color:#939daa; transition:background .15s,border-color .15s; }
.division-option > span:first-child { font-size:17px; font-weight:850; letter-spacing:.4px; }
.division-option small { font-size:11px; font-weight:400; color:#8b95a4; }
.division-option:hover { background:#1b2027; border-color:#ffffff48; }
.division-option.active { border-color:#e7313a88; background:linear-gradient(100deg,#e7313a18,#14151a); box-shadow:inset 0 -2px #e7313a; color:#fff; }
.division-option.active small { color:#c8b6b8; }
.division-option.is-next.active { border-color:#42d5ee88; background:linear-gradient(100deg,#42d5ee1f,#101b23); box-shadow:inset 0 -2px #42d5ee; color:#80e9fa; }
.division-option.is-next.active small { color:#b2c9d2; }
.next-switch-arrow { position:absolute; right:18px; top:17px; font-size:24px; color:#57c9e5; }
.badge.division-next,.badge.next { background:#42d5ee12; border-color:#42d5ee44; color:#7ee7f8; font-weight:750; letter-spacing:1.1px; }
.next-intro { position:relative; isolation:isolate; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:34px 40px; min-height:270px; overflow:hidden; margin-bottom:20px; border:1px solid #42d5ee35; border-radius:5px; background:radial-gradient(ellipse at 90% 60%,#12678050,transparent 64%),linear-gradient(112deg,#10171e,#0c1119 62%,#0c242d); }
.next-intro::before { content:''; position:absolute; z-index:-1; inset:0; background:repeating-linear-gradient(125deg,transparent 0 150px,#6adbed09 151px 152px,transparent 153px 260px); }
.next-intro::after { content:''; position:absolute; top:32px; bottom:32px; left:0; width:3px; background:#59d9f1; box-shadow:0 0 25px #46dafa55; }
.next-intro-copy { position:relative; z-index:1; min-width:0; }
.next-intro .eyebrow { margin:0 0 8px; color:#9bb0bb; letter-spacing:2.5px; font-size:9px; }
.next-intro h1 { margin:0; font-size:clamp(62px,6.5vw,92px); font-weight:900; font-style:italic; letter-spacing:-5px; line-height:1.05; color:#ebfcff; }
.next-intro h1 > span { display:block; margin:12px 0 0; font-size:clamp(21px,2.3vw,30px); font-weight:700; font-style:normal; letter-spacing:-.65px; color:#6dddf2; }
.next-intro-copy > p:not(.eyebrow) { margin:16px 0 0; color:#a6bbc9; font-size:13px; line-height:1.7; }
.next-intro .next-join { margin-top:24px; gap:18px; background:#75dff1; color:#07141b; border-color:#b5f3ff; font-weight:750; box-shadow:0 4px 25px #42d5ee16; }
.next-intro .next-join:hover { background:#a3edfa; }
.next-view .ranking-panel .empty { min-height:240px; padding:35px 20px; }
.next-view .ranking-panel .empty-symbol { color:#75dff1; border-color:#42d5ee44; }
.next-intro-meta { display:flex; gap:9px 22px; flex-wrap:wrap; margin-top:26px; color:#bbced8; font-size:10px; }
.next-intro-meta > span + span::before { content:'·'; color:#428c9d; margin-right:20px; }
.next-intro-graphic { position:relative; display:grid; place-items:center; width:400px; height:280px; flex:0 1 400px; min-width:0; align-self:center; pointer-events:none; user-select:none; }
.next-intro-graphic span { font-size:clamp(100px,10vw,155px); font-weight:950; font-style:italic; letter-spacing:-11px; line-height:1; color:transparent; -webkit-text-stroke:1px #80e4f15c; transform:skew(-6deg); }
.next-intro-graphic::before,.next-intro-graphic::after { content:''; position:absolute; left:3%; right:3%; height:1px; background:linear-gradient(90deg,transparent,#64dcef70 25%,#64dcef70 75%,transparent); transform:rotate(-12deg); }
.next-intro-graphic::before { top:22%; }
.next-intro-graphic::after { bottom:22%; opacity:.55; }
.next-demo-note { display:flex; align-items:center; gap:12px; padding:0 0 12px; margin:0 0 18px; color:#92a1af; font-size:11px; line-height:1.6; }
.next-demo-note p { margin:0; max-width:700px; }
.next-demo-note .badge { flex-shrink:0; font-size:9px; }
.next-view .ranking-panel { border-top-color:#42d5ee; }
.public-view.next-view .ranking-panel header { border-bottom-color:#42d5ee; }
.next-view .ranking-category { color:#84b7c2; }
.next-view .ranking-panel .hand-icon { color:#78dff1; }
.next-view .rank-item.champion { background:linear-gradient(112deg,#13232c,#101820); border-color:#42d5ee50; box-shadow:inset 3px 0 #42d5ee; }
.public-view.next-view .rank-item.champion { background:linear-gradient(110deg,#10212b,#10202a 54%,#13191f); box-shadow:none; }
.public-view.next-view .rank-item.champion:hover { background:linear-gradient(110deg,#132a36,#152831 54%,#19212a); }
.next-view .rank-item.champion .rank-number,.next-view .champion-label,.next-view .champion-profile > span { color:#74e0f4; }
.public-view.next-view .rank-item.champion .rank-number { color:#fff; border-left-color:#42d5ee; }
.next-view .rank-item.champion .avatar { border-color:#42d5ee40; }
.next-view .rank-item.champion .name small { color:#9aadb9; }
.public-view.next-view .sidebar nav a.active { box-shadow:inset 0 -2px #42d5ee; }
.athlete-division-places { display:grid; gap:7px; min-width:145px; font-size:11px; }
.athlete-division-places > span { display:flex; justify-content:space-between; gap:16px; color:#939eac; }
.athlete-division-places > span:last-child { color:#77cfe0; }
.athlete-division-places strong { color:#e4e9ed; white-space:nowrap; }
.athlete-position.athlete-position-next { border-left-color:#42d5ee; background:#10252c88; }
.athlete-position-next > span,.athlete-position-next strong { color:#8ce8f7; }
.athlete-position.athlete-position-next:hover { background:#193541; }
.roster-copy .roster-next-membership { margin:14px 0 0; padding-top:12px; border-top:1px solid #42d5ee22; font-size:10px; color:#a6bdc7; line-height:1.6; }
.roster-next-membership b { color:#77e0f2; font-size:10px; letter-spacing:.8px; }
@media(max-width:1000px) { .next-intro-graphic { width:250px; flex-basis:250px; height:230px; } .next-intro-graphic span { font-size:105px; letter-spacing:-8px; } }
@media(max-width:760px) {
 .local-preview-note { margin-bottom:20px; font-size:10px; gap:8px; }
 .local-preview-note strong { font-size:10px; }
 .division-switch { width:100%; margin-bottom:25px; gap:7px; }
 .division-option { padding:13px 14px; }
 .division-option > span:first-child { font-size:16px; }
 .division-option small { font-size:10px; }
 .next-switch-arrow { font-size:20px; right:13px; top:14px; }
 .next-intro { padding:26px 23px; min-height:286px; gap:0; }
 .next-intro h1 { font-size:68px; letter-spacing:-4px; }
 .next-intro h1 > span { font-size:24px; max-width:250px; line-height:1.15; margin-top:10px; }
 .next-intro-copy > p:not(.eyebrow) { font-size:12px; margin-top:13px; }
 .next-intro-meta { gap:8px 14px; font-size:9px; margin-top:22px; }
 .next-intro-meta > span + span::before { margin-right:12px; }
 .next-intro-graphic { display:none; }
 .next-demo-note { align-items:flex-start; gap:9px; font-size:10px; }
 .next-demo-note .badge { margin-top:2px; }
}
@media(prefers-reduced-motion:reduce) { .division-option { transition:none; } }