/* The Nexus V55 — true champion detail pages, full-bleed Riot-style hero, counter picker/mobile recovery. */
html,body{overflow-x:clip}

/* A champion URL is a standalone guide, not the database page with a guide embedded inside it. */
.nx-rift-champion-detail .riftlab-body{padding-top:0;background:linear-gradient(180deg,#050908 0%,#07100d 34%,#05090d 100%)}
.nx-rift-champion-detail .riftlab-body>.container{width:100%;max-width:none;padding:0}
.nx-rift-champion-detail .riftlab-panel[data-panel="champions"]{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.nx-rift-champion-detail .rl54-champion-page{margin:0;gap:22px}
.nx-rift-champion-detail .rl54-champion-page>:not(.rl54-champion-cinematic){width:min(1480px,calc(100% - 48px));margin-left:auto;margin-right:auto}

/* True full-screen cinematic hero. At 1920px this is a native 16:9 stage rather than a shallow cropped card. */
.nx-rift-champion-detail .rl54-champion-cinematic{
 width:100vw;max-width:none;height:clamp(700px,56.25vw,1080px);min-height:min(86svh,900px);
 margin:0 calc(50% - 50vw);border:0;border-radius:0;box-shadow:none;background:#020504;
}
.nx-rift-champion-detail .rl54-hero-motion{inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:none;transform:none;background:#020504}
.nx-rift-champion-detail .rl54-hero-image{object-position:center 35%;filter:saturate(.96) contrast(1.03);transform:scale(1.01)}
.nx-rift-champion-detail .rl54-hero-iframe{width:100%;height:100%;left:0;top:0;transform:none}
.nx-rift-champion-detail .rl54-hero-overlay{background:linear-gradient(90deg,rgba(2,5,4,.88) 0%,rgba(2,5,4,.68) 26%,rgba(2,5,4,.22) 54%,rgba(2,5,4,.08) 78%,rgba(2,5,4,.16) 100%)}
.nx-rift-champion-detail .rl54-hero-vignette{background:linear-gradient(180deg,rgba(1,4,3,.12) 0%,rgba(1,4,3,.02) 52%,rgba(3,9,6,.90) 100%),radial-gradient(circle at 50% 46%,transparent 25%,rgba(1,4,3,.12) 70%,rgba(1,4,3,.48) 100%)}
.nx-rift-champion-detail .rl54-hero-copy{left:max(38px,calc((100vw - 1480px)/2 + 24px));right:auto;bottom:clamp(58px,8vh,100px);width:min(720px,calc(100vw - 76px));max-width:none}
.nx-rift-champion-detail .rl54-hero-title h2{font-size:clamp(68px,7.5vw,122px);line-height:.84;letter-spacing:-.055em;text-transform:none}
.nx-rift-champion-detail .rl54-hero-title span{margin-top:15px;font-size:clamp(13px,1.05vw,18px);letter-spacing:.16em;color:#d1dad6}
.nx-rift-champion-detail .rl54-hero-kicker{font-size:12px;letter-spacing:.15em}
.nx-rift-champion-detail .rl54-hero-copy>p{max-width:620px;font-size:15px;color:#d4ded9}
.nx-rift-champion-detail .rl54-hero-actions a{min-height:46px;padding:0 17px;border-radius:10px;background:rgba(2,9,6,.55)}
.nx-rift-champion-detail .rl54-hero-facts>span{background:rgba(2,8,6,.56)}
.nx-rift-champion-detail .rl49-champion-tabs{top:68px;margin-top:4px}
.nx-rift-champion-detail .rl49-tab-panel{padding-bottom:6px}

/* Never show an empty skill-order disclaimer. If reviewed data exists, it remains compact. */
.nx-rift-lab-v55 .rl49-skill-order{padding:16px 18px}

/* Counter picker: give the two-line selected champion enough height and keep the popup anchored. */
.nx-rift-lab-v55 .rl-wide-picker{width:min(460px,100%)}
.nx-rift-lab-v55 .rl-wide-picker .rl-picker{margin-top:0}
.nx-rift-lab-v55 .rl-wide-picker .rl-picker-current{height:auto;min-height:66px;padding:9px 13px;border-color:rgba(86,241,152,.28);background:#07120f}
.nx-rift-lab-v55 .rl-wide-picker .rl-picker-main{gap:11px}
.nx-rift-lab-v55 .rl-wide-picker .rl-pick-avatar{width:42px;height:42px;border-radius:10px}
.nx-rift-lab-v55 .rl-wide-picker .rl53-picker-copy{gap:4px}
.nx-rift-lab-v55 .rl-wide-picker .rl53-picker-copy b{font-size:13px;line-height:1.15;color:#71f2a8}
.nx-rift-lab-v55 .rl-wide-picker .rl53-picker-copy small{font-size:9px;line-height:1.15;margin:0;color:#7f9389!important}
.nx-rift-lab-v55 .rl-wide-picker .rl-picker-menu{z-index:100;top:calc(100% + 8px);left:auto;right:0;width:min(460px,calc(100vw - 28px));padding:10px;border-color:rgba(85,242,151,.25);background:#08120f;box-shadow:0 28px 75px rgba(0,0,0,.58)}
.nx-rift-lab-v55 .rl-wide-picker .rl-picker-menu input{height:46px;margin-bottom:9px;border-color:rgba(255,255,255,.11);background:#050b09}
.nx-rift-lab-v55 .rl-wide-picker .rl-picker-results{max-height:390px;padding-right:3px}
.nx-rift-lab-v55 .rl-wide-picker .rl-pick-option{min-height:58px;padding:8px 9px;border-bottom:1px solid rgba(255,255,255,.045);border-radius:10px}
.nx-rift-lab-v55 .rl-wide-picker .rl-pick-option:last-child{border-bottom:0}

/* Counter page: stronger hierarchy and less floating empty space. */
.nx-rift-lab-v55 [data-panel="counters"]{overflow:visible}
.nx-rift-lab-v55 .rl53-counter-head{align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.055)}
.nx-rift-lab-v55 .rl53-counter-head>div:first-child{max-width:760px}
.nx-rift-lab-v55 .rl53-matchup-hub{margin-top:20px}
.nx-rift-lab-v55 .rl53-matchup-hero{padding:26px 28px;border-radius:22px;background:radial-gradient(circle at 85% 0%,rgba(79,241,149,.11),transparent 34%),linear-gradient(145deg,#091611,#07100e)}
.nx-rift-lab-v55 .rl53-matchup-columns{align-items:start}
.nx-rift-lab-v55 .rl53-match-section{background:linear-gradient(160deg,#09130f,#080f0d);box-shadow:0 18px 50px rgba(0,0,0,.14)}
.nx-rift-lab-v55 .rl53-match-section.hard{border-color:rgba(255,111,111,.18)}
.nx-rift-lab-v55 .rl53-match-section.synergy{border-color:rgba(93,242,155,.19)}
.nx-rift-lab-v55 .rl53-match-card{transition:border-color .18s ease,transform .18s ease,background .18s ease}
.nx-rift-lab-v55 .rl53-match-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.027)}
.nx-rift-lab-v55 .rl53-match-copy>p{font-size:11.5px;line-height:1.62}

/* Mobile: one deliberate layout rather than shrinking desktop widgets. */
@media(max-width:900px){
 .nx-rift-lab-v55 .riftlab-body>.container{width:min(100% - 24px,1540px)}
 .nx-rift-champion-detail .riftlab-body>.container{width:100%}
 .nx-rift-champion-detail .rl54-champion-page>:not(.rl54-champion-cinematic){width:min(100% - 24px,1480px)}
 .nx-rift-champion-detail .rl54-champion-cinematic{height:74svh;min-height:560px;max-height:760px}
 .nx-rift-champion-detail .rl54-hero-motion{object-position:center center}
 .nx-rift-champion-detail .rl54-hero-copy{left:24px;right:24px;bottom:34px;width:auto}
 .nx-rift-champion-detail .rl54-hero-title h2{font-size:clamp(52px,13vw,82px)}
 .nx-rift-champion-detail .rl54-hero-copy>p{max-width:560px;font-size:13px;line-height:1.6}
 .nx-rift-champion-detail .rl54-hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}
 .nx-rift-lab-v55 .riftlab-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.nx-rift-lab-v55 .riftlab-tabs::-webkit-scrollbar{display:none}
 .nx-rift-lab-v55 .riftlab-tabs a{flex:0 0 auto}
 .nx-rift-lab-v55 .rl49-champion-tabs{top:62px;scroll-snap-type:x proximity}.nx-rift-lab-v55 .rl49-champion-tabs button{scroll-snap-align:start}
 .nx-rift-lab-v55 .rl45-analysis-grid,.nx-rift-lab-v55 .rl49-overview-grid,.nx-rift-lab-v55 .rl49-build-layout,.nx-rift-lab-v55 .rl49-matchup-columns,.nx-rift-lab-v55 .rl54-item-context,.nx-rift-lab-v55 .rl53-matchup-columns{grid-template-columns:1fr!important}
 .nx-rift-lab-v55 .rl44-match-board{grid-template-columns:1fr!important}.nx-rift-lab-v55 .rl45-versus{min-height:30px}.nx-rift-lab-v55 .rl45-versus span{transform:none}
 .nx-rift-lab-v55 .rl44-team-grid{grid-template-columns:1fr!important}
 .nx-rift-lab-v55 .rl45-secondary-stack{grid-template-columns:1fr!important}
 .nx-rift-lab-v55 .riftlab-items{grid-template-columns:1fr 1fr}
 .nx-rift-lab-v55 .rl54-rune-read{grid-template-columns:1fr}
 .nx-rift-lab-v55 .rl53-counter-head{display:grid;grid-template-columns:1fr;align-items:stretch}
 .nx-rift-lab-v55 .rl-wide-picker{width:100%;margin-top:4px}
}

@media(max-width:720px){
 .nx-rift-lab-v55 .riftlab-body{padding-bottom:58px}
 .nx-rift-lab-v55 .riftlab-panel{padding:16px;border-radius:16px}
 .nx-rift-champion-detail .riftlab-panel[data-panel="champions"]{padding:0;border-radius:0}
 .nx-rift-champion-detail .rl54-champion-cinematic{height:72svh;min-height:520px;max-height:680px}
 .nx-rift-champion-detail .rl54-hero-copy{left:18px;right:18px;bottom:24px}
 .nx-rift-champion-detail .rl54-hero-kicker{font-size:9px}.nx-rift-champion-detail .rl54-hero-title{margin:10px 0}.nx-rift-champion-detail .rl54-hero-title h2{font-size:clamp(46px,15vw,66px)}.nx-rift-champion-detail .rl54-hero-title span{font-size:11px;margin-top:9px}
 .nx-rift-champion-detail .rl54-hero-copy>p{display:none}
 .nx-rift-champion-detail .rl54-hero-actions{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.nx-rift-champion-detail .rl54-hero-actions::-webkit-scrollbar{display:none}.nx-rift-champion-detail .rl54-hero-actions a{flex:0 0 auto;min-height:42px}
 .nx-rift-champion-detail .rl54-hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.nx-rift-champion-detail .rl54-hero-facts>span{min-width:0;padding:8px 9px}.nx-rift-champion-detail .rl54-hero-facts small{font-size:7px}.nx-rift-champion-detail .rl54-hero-facts b{font-size:12px}
 .nx-rift-lab-v55 .rl49-champion-tabs{border-radius:13px;padding:5px}.nx-rift-lab-v55 .rl49-champion-tabs button{padding:9px 11px;font-size:12px}
 .nx-rift-lab-v55 .rl49-ability-workspace{padding:10px;gap:10px}.nx-rift-lab-v55 .rl49-ability-list{display:flex!important;grid-template-columns:none!important;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.nx-rift-lab-v55 .rl49-ability-list::-webkit-scrollbar{display:none}.nx-rift-lab-v55 .rl49-ability-button{flex:0 0 142px;grid-template-columns:38px 1fr!important;min-height:58px}.nx-rift-lab-v55 .rl49-ability-thumb{width:38px;height:38px}
 .nx-rift-lab-v55 .rl51-ability-focus{grid-template-columns:1fr!important}.nx-rift-lab-v55 .rl53-ability-copy{padding:17px!important}.nx-rift-lab-v55 .rl53-ability-copy h4{font-size:27px!important}
 .nx-rift-lab-v55 .rl53-matchup-hero{padding:17px}.nx-rift-lab-v55 .rl53-matchup-ident{grid-template-columns:64px minmax(0,1fr)}.nx-rift-lab-v55 .rl53-matchup-portrait{width:64px;height:64px;border-radius:13px}.nx-rift-lab-v55 .rl53-matchup-ident h2{font-size:28px}
 .nx-rift-lab-v55 .rl53-matchup-meta{grid-template-columns:repeat(3,1fr);max-width:none}.nx-rift-lab-v55 .rl53-matchup-meta>div{padding:10px}.nx-rift-lab-v55 .rl53-matchup-meta b{font-size:16px}
 .nx-rift-lab-v55 .rl53-match-section{padding:14px}.nx-rift-lab-v55 .rl53-match-section.hard .rl53-match-list{grid-template-columns:1fr!important}.nx-rift-lab-v55 .rl53-match-card{grid-template-columns:50px minmax(0,1fr);padding:10px}.nx-rift-lab-v55 .rl53-match-avatar{width:50px;height:50px}
 .nx-rift-lab-v55 .rl-wide-picker .rl-picker-menu{position:fixed;z-index:10020;left:10px;right:10px;bottom:10px;top:auto;width:auto;max-height:min(76svh,620px);border-radius:18px;padding:12px}.nx-rift-lab-v55 .rl-wide-picker .rl-picker-results{max-height:calc(min(76svh,620px) - 78px)}
 .nx-rift-lab-v55 .riftlab-items{grid-template-columns:1fr}
 .nx-rift-lab-v55 .rl54-guide-users{grid-template-columns:1fr}
 .nx-rift-lab-v55 .rl-tier-champs{grid-template-columns:1fr 1fr}
}

@media(max-width:430px){
 .nx-rift-champion-detail .rl54-champion-cinematic{height:70svh;min-height:500px}.nx-rift-champion-detail .rl54-hero-motion{object-position:58% center}
 .nx-rift-champion-detail .rl54-hero-title h2{font-size:48px}
 .nx-rift-lab-v55 .rl53-matchup-meta{grid-template-columns:1fr 1fr}.nx-rift-lab-v55 .rl53-matchup-meta>div:first-child{grid-column:1/-1}
 .nx-rift-lab-v55 .rl53-match-title{display:grid;grid-template-columns:1fr}.nx-rift-lab-v55 .rl53-match-title small{display:block}
 .nx-rift-lab-v55 .rl-pro-signals,.nx-rift-lab-v55 .rl49-pro-signals{grid-template-columns:1fr 1fr}
}