/* Champion pages (Wild Rift and League of Legends), 2026-10-26. Page-level file (champion detail pages only; not part of any shared bundle).
   - the Video tab: a text poster (no third-party image, fixed 16:9 box so nothing shifts) that the click handler (assets/js/video-embed.js) swaps for the
     youtube-nocookie.com player, and the channel credit
   - the Story tab: source-link cards (our own story / the official Riot Universe page) and the "new story and champion updates" sign-up box
   - the last blue leftovers of the older Rift Lab layers turned into the site green
   Markup: api/lib/champion_extras.php. Logical properties throughout, so RTL mirrors. Loaded after video-embed.css and after the Rift Lab layers. */

/* ---- Video tab ---- */
.nxcv-video{margin:0;padding:clamp(14px,3vw,22px);max-width:none;border:1px solid rgba(69,248,130,.2);border-radius:16px;background:#0d1210}
.nxcv-video .nx-vid-h{margin:0 0 12px;color:#f2f4f6;font-size:clamp(19px,3.4vw,24px)}
.nxcv-video .nx-vid-late{margin:0 0 12px;color:#b2b8bf;font-size:14px;line-height:1.5}
.nxcv-frame{border-color:rgba(69,248,130,.3);background:radial-gradient(120% 100% at 0 0,rgba(69,248,130,.18),transparent 62%),linear-gradient(160deg,#101b14,#070b08)}
.nxcv-frame:before{display:none}
.nxcv-card{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(14px,4vw,30px);text-align:start;color:#f2f4f6}
.nxcv-card-kicker{color:#45f882;font:700 12px/1.3 Poppins,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding-inline-end:76px}
.nxcv-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font:700 clamp(17px,3.6vw,28px)/1.25 Rajdhani,Poppins,system-ui,sans-serif;text-wrap:balance}
.nxcv-card-meta{color:#b2b8bf;font:500 13px/1.3 Poppins,system-ui,sans-serif}
.nxcv-card .nx-vid-icon,[dir="rtl"] .nxcv-card .nx-vid-icon{inset-block-start:clamp(12px,3vw,22px);inset-inline-start:auto;inset-inline-end:clamp(12px,3vw,22px);width:60px;height:43px;margin:0;color:#0b1a10;filter:none}
.nxcv-card .nx-vid-icon path:first-child{stroke:#45f882;stroke-width:2.5}
.nxcv-card .nx-vid-icon path:last-child{fill:#45f882}
.nxcv-card:hover .nx-vid-icon,.nxcv-card:focus-visible .nx-vid-icon{color:#45f882}
.nxcv-card:hover .nx-vid-icon path:last-child,.nxcv-card:focus-visible .nx-vid-icon path:last-child{fill:#04140a}
.nxcv-card:focus-visible{outline:3px solid #45f882;outline-offset:-3px}
.nxcv-video .nx-vid-credit{color:#b2b8bf}
.nxcv-video .nx-vid-credit a{color:#45f882}
@media (max-width:600px){.nxcv-card{gap:5px;padding:12px}.nxcv-card .nx-vid-icon,[dir="rtl"] .nxcv-card .nx-vid-icon{width:40px;height:29px;inset-block-start:10px;inset-inline-end:10px}.nxcv-card-kicker{padding-inline-end:50px;font-size:11px}.nxcv-card-title{-webkit-line-clamp:2;line-clamp:2;font-size:16px}.nxcv-card-meta{font-size:12px}}
@media (prefers-reduced-motion:reduce){.nxcv-card .nx-vid-icon path{transition:none}}

/* ---- Story tab: source links ---- */
.nxcv-story{margin:0 0 16px}
.nxcv-story h3{margin:0 0 10px;color:#f2f4f6;font-size:clamp(18px,3.2vw,22px)}
.nxcv-story-cards{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@media (min-width:720px){.nxcv-story-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}
.nxcv-story-card,.rl49-tab-panel a.nxcv-story-card{display:grid;gap:4px;min-height:44px;padding:14px 16px;border:1px solid rgba(69,248,130,.22);border-radius:14px;background:#0d1210;color:#f2f4f6;text-decoration:none;transition:border-color .16s ease,background-color .16s ease}
.nxcv-story-card.primary{border-color:rgba(69,248,130,.5);background:linear-gradient(145deg,rgba(69,248,130,.13),#0d1210)}
.nxcv-story-card:hover,.nxcv-story-card:focus-visible{border-color:#45f882;background:linear-gradient(145deg,rgba(69,248,130,.2),#0d1210)}
.nxcv-story-card:focus-visible{outline:3px solid #45f882;outline-offset:2px}
.nxcv-story-card b{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;line-height:1.35}
.nxcv-story-card span{color:#b2b8bf;font-size:14px;line-height:1.5}
.nxcv-ext{flex:none;color:#45f882}
[dir="rtl"] .nxcv-ext{transform:scaleX(-1)}
.nxcv-story-empty .nxcv-story-card{margin-top:14px;max-width:560px}
.nx-rift-detail-page .riftlab-body .nxcv-story-empty{padding-block:18px!important}   /* the Rift Lab layer zeroes the block padding of every <section> with !important */
@media (prefers-reduced-motion:reduce){.nxcv-story-card{transition:none}}

/* ---- Story tab: e-mail sign-up ---- */
.nxcv-sub{margin-top:18px;padding:clamp(14px,3vw,22px);border:1px solid rgba(69,248,130,.28);border-radius:16px;background:linear-gradient(145deg,rgba(69,248,130,.09),#0d1210)}
.nxcv-sub[hidden]{display:none}
.nxcv-sub h3{margin:0 0 6px;color:#f2f4f6;font-size:clamp(18px,3.2vw,22px);line-height:1.25}
.nxcv-sub-lead{max-width:62ch;margin:0 0 14px;color:#b2b8bf;font-size:14.5px;line-height:1.6}
.nxcv-sub-l{display:block;margin-bottom:6px;color:#d7dde2;font-size:13px;font-weight:600}
.nxcv-sub-row{display:flex;flex-wrap:wrap;gap:8px}
.nxcv-sub-e{flex:1 1 220px;min-width:0;min-height:46px;padding:0 14px;border:1px solid rgba(69,248,130,.32);border-radius:12px;background:#070b08;color:#f2f4f6;font:inherit;font-size:16px}
.nxcv-sub-e:focus-visible{outline:3px solid #45f882;outline-offset:2px}
.nxcv-sub-e[aria-invalid="true"]{outline:2px solid #ff8a8f;outline-offset:2px}
.nxcv-sub-go{min-height:46px;padding:0 24px;border:0;border-radius:12px;background:#45f882;color:#04140a;font:700 15px/1 Poppins,system-ui,sans-serif;cursor:pointer}
.nxcv-sub-go:hover{background:#7dfab0}
.nxcv-sub-go:focus-visible{outline:3px solid #fff;outline-offset:2px}
.nxcv-sub-go:disabled{opacity:.6;cursor:progress}
/* the consent line is the site checkbox row (assets/css/pages/nx-optin.css); the global rule input[type=checkbox]{display:none;visibility:hidden} is lifted so the real input stays focusable under the custom box */
.nxcv-sub .nx-optin{margin-top:12px;background:rgba(7,11,8,.55)}
.nxcv-sub .nx-optin .nx-optin-input{display:block;visibility:visible;opacity:0;width:20px;height:20px}
.nxcv-sub .nx-optin .nx-optin-input[aria-invalid="true"]+.nx-optin-box{border-color:#ff8a8f}
.nxcv-sub .nx-optin:has(.nx-optin-input[aria-invalid="true"]){border-color:rgba(255,138,143,.7)}
.nxcv-sub .nx-optin-note{color:#b2b8bf;font-size:13.5px;line-height:1.55}
.nxcv-sub .nx-optin-note a{color:#45f882;text-underline-offset:3px}
.nxcv-sub-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.nxcv-sub-s{min-height:1.5em;margin:10px 0 0;color:#45f882;font-size:14px;line-height:1.5}
.nxcv-sub-s.bad{color:#ff8a8f}
.nxcv-sub.is-done .nxcv-sub-row,.nxcv-sub.is-done .nx-optin,.nxcv-sub.is-done .nxcv-sub-l{display:none}
@media (max-width:480px){.nxcv-sub-go{flex:1 1 100%}}

/* ---- the last blue leftovers of the older Rift Lab layers ---- */
.rl65-relation-node.lore{border-color:rgba(69,248,130,.3)}
.rl65-relation-legend .lore{color:#7fe9b4}
.rl59-rune-read article.patch{border-color:rgba(69,248,130,.2);background:linear-gradient(145deg,rgba(69,248,130,.07),#0b140d)}
.nxl-lol{--p-sorcery:#7fe9b4}