/* Rift Lab VNext — visual design system for existing live tools and crawlable guides.
   Pure presentation. No external assets, content masking, tier manipulation or API calls.
   Loaded AFTER nexus-rift-lab-v158.css, and scoped to body.nx-rift-lab-page.
   The page background, the constellation grid and the hero banner are NOT defined here: since the
   Oct 2026 refresh they are the home page's own (assets/css/nexus-vnext-polish.css) plus the hero
   banner in rift-lab-arena.css, so every Rift Lab page matches the home page. */
.nx-rift-lab-page{
 --rlx-canvas:var(--nx-bg,#07080a);--rlx-surface:var(--nx-s1,#0d1210);--rlx-elevated:var(--nx-s2,#131a16);
 --rlx-border:var(--nx-panel-line,rgba(69,248,130,.2));--rlx-strong:rgba(69,248,130,.42);
 --rlx-white:var(--nx-text,#f2f4f6);--rlx-muted:var(--nx-text-2,#b2b8bf);--rlx-accent:var(--nx-signal,#45f882);
 --rlx-shadow:0 20px 58px rgba(0,0,0,.25),0 1px 0 rgba(195,248,210,.04);
}
.nx-rift-lab-page .riftlab-hero>.container{max-width:1500px}
.nx-rift-lab-page .riftlab-kicker{
 color:#75f8ac;display:flex;align-items:center;flex-wrap:wrap;gap:11px;
 font-size:12px;line-height:1.4;font-weight:760;letter-spacing:.07em;
}
.nx-rift-lab-page .riftlab-kicker #rl-patch{margin-inline-start:auto;margin-left:0;border-color:var(--rlx-strong);background:rgba(29,89,53,.24)}
.nx-rift-lab-page .riftlab-hero h1.riftlab-hero-title{
 max-width:960px;margin-block:18px 14px;
 font-size:clamp(36px,4.7vw,67px)!important;line-height:1.06;
 font-weight:830;letter-spacing:-.043em;color:var(--rlx-white);
 text-wrap:balance;
}
.nx-rift-lab-page .riftlab-hero p.riftlab-hero-lead{
 max-width:73ch;font-size:clamp(14px,1.2vw,17px);line-height:1.72;color:#c2d2c7;
}
.nx-rift-lab-page .riftlab-tabs{
 display:flex;gap:7px;max-width:100%;padding:6px;
 border:1px solid var(--rlx-border);border-radius:15px;
 background:rgba(5,17,10,.72);
 box-shadow:0 9px 23px rgba(0,0,0,.17);
 overflow-x:auto;scroll-snap-type:x proximity;
 scrollbar-width:thin;
}
.nx-rift-lab-page .riftlab-tabs a{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:45px;padding:12px 17px!important;border-radius:10px!important;
 font-size:13px!important;font-weight:720!important;
 text-decoration:none;scroll-snap-align:start;
 transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.nx-rift-lab-page .riftlab-tabs a.on,
.nx-rift-lab-page .riftlab-tabs a[aria-current="page"]{
 background:linear-gradient(125deg,rgba(59,173,94,.21),rgba(38,125,74,.09))!important;
 border:1px solid rgba(88,231,142,.36)!important;color:#e8fff0!important;
}
.nx-rift-lab-page .riftlab-tabs a:hover{color:#effbf2!important;background:rgba(73,198,118,.09)!important}
.nx-rift-lab-page :is(.riftlab-tabs a,.rl-searchbox input,.rl46-tier-roles button,.rl-tier-champ,a,button,input,select):focus-visible{
 outline:2px solid #9affc6;outline-offset:3px;
}
.nx-rift-lab-page .riftlab-body{
 padding-block:clamp(20px,2.4vw,34px) 80px;
}
.nx-rift-lab-page .riftlab-body>.container{width:min(100% - 36px,1500px);max-width:1500px}
.nx-rift-lab-page .riftlab-panel:not([data-panel="champions"]):not(.rl45-draft-panel),
.nx-rift-lab-page .riftlab-panel.rl45-draft-panel{
 background:linear-gradient(153deg,rgba(42,119,74,.105),transparent 50%),var(--rlx-surface)!important;
 border:1px solid var(--rlx-border)!important;
 border-radius:22px!important;padding:clamp(20px,2.4vw,32px)!important;
 box-shadow:var(--rlx-shadow);
}
.nx-rift-lab-page .riftlab-panel-head{
 display:flex;align-items:flex-end;justify-content:space-between;
 gap:20px;flex-wrap:wrap;margin-block-end:24px;
}
.nx-rift-lab-page .riftlab-panel-head h2{
 font-size:clamp(23px,2.5vw,31px)!important;line-height:1.18;
 letter-spacing:-.023em;color:var(--rlx-white);margin-top:8px;
}
.nx-rift-lab-page .riftlab-panel-head p{color:var(--rlx-muted);max-width:67ch;font-size:14px;line-height:1.65}
.nx-rift-lab-page .rl-searchbox{
 display:flex;min-height:49px;align-items:center;gap:9px;
 border:1px solid var(--rlx-border)!important;border-radius:12px!important;
 background:#07110c!important;box-shadow:none!important;
}
.nx-rift-lab-page .rl-searchbox:focus-within{border-color:var(--rlx-strong)!important;box-shadow:0 0 0 3px rgba(78,239,148,.08)!important}
.nx-rift-lab-page .rl-searchbox input{min-width:0;background:transparent;min-height:45px;color:var(--rlx-white)}
/* Draft boards and the dual output; prioritize choices over decorator chrome */
.nx-rift-lab-page .rl45-draft-stage{
 border:1px solid var(--rlx-border);border-radius:19px;
 background:rgba(4,15,9,.33);padding:clamp(12px,1.5vw,22px);
}
.nx-rift-lab-page .rl45-draft-toolbar{align-items:center;gap:15px}
.nx-rift-lab-page .rl45-team-panel{
 border-color:var(--rlx-border)!important;border-radius:16px!important;
 background:linear-gradient(145deg,rgba(28,75,46,.16),rgba(8,20,12,.88))!important;
}
.nx-rift-lab-page .rl45-team-panel.enemy{background:linear-gradient(145deg,rgba(83,47,55,.14),rgba(8,20,12,.87))!important}
.nx-rift-lab-page .rl45-analysis-grid{gap:16px;margin-top:18px}
.nx-rift-lab-page .rl45-team-read-shell,.nx-rift-lab-page .rl45-recommend-shell{
 border:1px solid var(--rlx-border);border-radius:18px;
 padding:clamp(16px,2vw,24px);
 background:linear-gradient(156deg,rgba(46,106,66,.09),transparent 70%),#101d16;
 box-shadow:0 13px 30px rgba(0,0,0,.13);
}
.nx-rift-lab-page .rl45-analysis-title strong{font-size:17px;line-height:1.35;color:var(--rlx-white)}
.nx-rift-lab-page .rl45-optional-card{border-color:var(--rlx-border)!important;border-radius:13px!important}
.nx-rift-lab-page .rl45-optional-card>summary{min-height:60px}
/* Tier list: distinct rank rail, readable champion badges and source evidence */
.nx-rift-lab-page .riftlab-panel[data-panel="tier"]{padding-bottom:32px!important}
.nx-rift-lab-page .rl46-tier-head{align-items:center;margin-bottom:21px}
.nx-rift-lab-page .rl46-tier-head>div{flex:1 1 400px}
.nx-rift-lab-page .rl46-tier-search{width:min(100%,450px);flex:1 1 300px;margin:0!important}
.nx-rift-lab-page .rl-tier-freshness{
 display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;
 margin:0 0 21px;padding:14px 16px;border:1px solid var(--rlx-border);border-radius:13px;
 background:rgba(8,21,13,.74);color:var(--rlx-muted);line-height:1.55;font-size:13px;
}
.nx-rift-lab-page .rl-tier-freshness strong{color:#e7faec;font-size:13px}
.nx-rift-lab-page .rl-tier-freshness .rl-tier-estimate{flex-basis:100%;color:#e7faec;font-weight:600}
.nx-rift-lab-page .rl-tier-freshness small{flex-basis:100%;color:#e9b86d;line-height:1.55;font-size:12px}
.nx-rift-lab-page .rl46-tier-roles{gap:9px!important;margin:0 0 25px!important}
.nx-rift-lab-page .rl46-tier-roles button{
 min-height:47px!important;padding:10px 16px!important;border-radius:12px!important;
 background:rgba(7,21,13,.67)!important;border-color:var(--rlx-border)!important;
 color:#c3d1c6;font-size:13px!important;font-weight:710!important;
}
.nx-rift-lab-page .rl46-tier-roles button.on,
.nx-rift-lab-page .rl46-tier-roles button[aria-pressed="true"]{
 border-color:var(--rlx-strong)!important;background:rgba(48,145,75,.22)!important;
 color:#edfff4!important;box-shadow:inset 0 0 0 1px rgba(94,251,145,.11);
}
.nx-rift-lab-page #rl-tier-board{display:grid;gap:12px;min-height:100px}
.nx-rift-lab-page .rl-tier-row{
 display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;
 padding:13px;border:1px solid var(--rlx-border);border-radius:17px;
 background:linear-gradient(125deg,rgba(36,98,57,.09),transparent 54%),rgba(4,14,8,.42);
}
.nx-rift-lab-page .rl-tier-badge{min-height:100px;border-radius:13px!important;align-self:stretch}
.nx-rift-lab-page .rl-tier-badge strong{font-size:clamp(24px,3vw,32px)}
.nx-rift-lab-page .rl-tier-champs{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:10px}
.nx-rift-lab-page .rl-tier-champ{
 min-width:0;min-height:74px;padding:10px!important;gap:9px;
 border:1px solid var(--rlx-border)!important;border-radius:12px!important;
 background:rgba(12,31,18,.7)!important;text-decoration:none!important;
 transition:border-color .17s ease,background .17s ease,transform .17s ease;
}
.nx-rift-lab-page .rl-tier-champ:hover{border-color:var(--rlx-strong)!important;background:rgba(31,87,48,.29)!important}
.nx-rift-lab-page .rl-tier-champ b{color:#effaf1;font-size:13px;line-height:1.35}
.nx-rift-lab-page .rl-tier-champ small{line-height:1.4;color:#a9bcac}
.nx-rift-lab-page .rl46-source-chip{margin-top:6px;padding:4px 8px!important;font-size:10px!important;color:#a2c8aa!important;border-color:var(--rlx-border)!important}
/* Evidence-first guides; no text hidden from crawlers. */
.nx-rift-lab-page .rl-hub{
 margin-top:25px;background:linear-gradient(145deg,rgba(35,100,59,.09),transparent 40%),var(--rlx-surface);
 border-color:var(--rlx-border);border-radius:20px;padding:clamp(20px,2.5vw,31px);
}
.nx-rift-lab-page .rl-hub-head h2{font-size:clamp(22px,2.5vw,30px);line-height:1.24}
.nx-rift-lab-page .rl-hub-head p{color:#b7c8bc;line-height:1.7}
.nx-rift-lab-page .rl-hub-tier,.nx-rift-lab-page .rl-hub-lane,.nx-rift-lab-page .rl-hub-cat{
 border-color:var(--rlx-border);background:rgba(7,19,11,.56);border-radius:14px;
}
.nx-rift-lab-page .rl-hub-chips{gap:9px}
.nx-rift-lab-page .rl-hub-chips a{display:inline-flex;min-height:39px;align-items:center;padding:6px 10px;border:1px solid var(--rlx-border);border-radius:9px}
.nx-rift-lab-page .rl-hub-chips a:hover{border-color:var(--rlx-strong);text-decoration:none}
.nx-rift-lab-page .rl-seo-spotlight{
 margin-block:12px 24px;padding:17px 20px;border:1px solid var(--rlx-border);
 border-radius:15px;background:rgba(18,46,28,.53);
}
.nx-rift-lab-page .rl-seo-spotlight h2{margin:0 0 11px;color:var(--rlx-white);font-size:17px}
.nx-rift-lab-page .rl-seo-spotlight .rl-spotlight-links{display:flex;gap:8px;flex-wrap:wrap}
.nx-rift-lab-page .rl-seo-spotlight a{display:inline-flex;align-items:center;min-height:42px;padding:9px 12px;border-radius:10px;border:1px solid var(--rlx-strong);color:#d9fce7;font-size:13px;text-decoration:none}
.nx-rift-lab-page .rl-seo-spotlight a:hover{background:rgba(46,159,79,.19)}
.nx-rift-lab-page .riftlab-hero-detail h1{font-size:clamp(27px,4vw,48px);line-height:1.15;letter-spacing:-.03em}
.nx-rift-lab-page .rl-detail-crumbs{flex-wrap:wrap;gap:9px}
@media(min-width:1200px){
 .nx-rift-lab-page .rl45-analysis-grid{grid-template-columns:minmax(330px,.82fr) minmax(0,1.35fr)}
}
@media(max-width:850px){
 .nx-rift-lab-page .riftlab-body>.container{width:min(100% - 24px,1500px)}
 .nx-rift-lab-page .riftlab-tabs{width:100%;padding:5px;gap:4px}
 .nx-rift-lab-page .riftlab-tabs a{min-height:44px;padding:10px 13px!important}
 .nx-rift-lab-page .riftlab-panel-head{align-items:stretch;gap:12px}
 .nx-rift-lab-page .rl46-tier-head{display:flex}
 .nx-rift-lab-page .rl46-tier-search{max-width:none}
 .nx-rift-lab-page .rl45-analysis-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
 .nx-rift-lab-page .riftlab-hero h1.riftlab-hero-title{font-size:clamp(31px,8vw,42px)!important}
 .nx-rift-lab-page .riftlab-kicker #rl-patch{margin-inline-start:0}
 .nx-rift-lab-page .riftlab-tabs a{font-size:12px!important;flex:0 0 auto}
 .nx-rift-lab-page .riftlab-panel:not([data-panel="champions"]):not(.rl45-draft-panel),
 .nx-rift-lab-page .riftlab-panel.rl45-draft-panel{padding:16px!important;border-radius:16px!important}
 .nx-rift-lab-page .rl46-tier-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}
 .nx-rift-lab-page .rl46-tier-roles button{justify-content:center;padding:10px 4px!important;min-height:46px!important;font-size:11px!important}
 .nx-rift-lab-page .rl-tier-row{grid-template-columns:57px minmax(0,1fr);gap:9px;padding:9px}
 .nx-rift-lab-page .rl-tier-badge{min-height:76px;padding:6px}
 .nx-rift-lab-page .rl-tier-champs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .nx-rift-lab-page .rl-tier-champ{padding:8px!important;min-height:70px}
 .nx-rift-lab-page .rl-tier-champ b{font-size:12px}
 .nx-rift-lab-page .rl-tier-champ small{font-size:10px}
 .nx-rift-lab-page .rl-hub{padding:17px;border-radius:16px}
 .nx-rift-lab-page .rl-seo-spotlight{padding:14px}
}
@media(max-width:380px){
 .nx-rift-lab-page .rl-tier-champs{grid-template-columns:1fr}
 .nx-rift-lab-page .rl46-tier-roles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
[dir="rtl"] .nx-rift-lab-page :is(.riftlab-panel,.rl-hub,.rl-seo-spotlight){text-align:start}
[dir="rtl"] .nx-rift-lab-page .riftlab-hero h1.riftlab-hero-title{letter-spacing:0}
@media(prefers-reduced-motion:reduce){
 .nx-rift-lab-page :is(.riftlab-tabs a,.rl-tier-champ){transition:none!important}
 .nx-rift-lab-page .rl-tier-champ:hover{transform:none!important}
}