/* Blog v3 (2026-10): page-level stylesheet, loaded after the article bundle (assets/dist/nexus-article-v158.css), so it is not in any bundle.
   Image rule first. The public bundle carries `.nexus-article-content img:not([style*="width"]){width:100%!important;height:auto!important}`
   (assets/css/nexus-custom-v34.css), which stretched every small icon inside an article body to the full column (the 96px ability icon of the
   kit strip showed as a blurred 700px banner). The components below own their sizes, so they win with a more specific !important rule:
   an icon is shown at half its natural size (crisp on 2x screens) and is never scaled up. */
.nexus-article-content .nxb3-ab-img{width:48px!important;height:48px!important;max-width:48px!important;margin:0!important;border:1px solid var(--nxb-line,rgba(255,255,255,.1))!important;border-radius:10px!important;object-fit:cover!important}
.nexus-article-content .nxb2-kit-list img{width:56px!important;height:56px!important;max-width:56px!important;margin:0!important;object-fit:cover!important}
.nexus-article-content .nxb3-skin-img{width:100%!important;height:auto!important;max-width:100%!important;margin:0!important;border:0!important;border-radius:0!important;aspect-ratio:1/1;object-fit:cover!important}
.nexus-article-content figure.nxb3-fig img,.nexus-article-content .nxb3-skins img{max-height:none!important}

/* quiet atmosphere behind the reading column: the article's own art, heavily blurred, faded out downwards; the text sits on the page's near-solid dark */
body.nxb2-page .nxb2{position:relative;overflow-x:clip;isolation:isolate}
.nxb3-atmos{position:absolute;inset:0 0 auto 0;z-index:-1;height:min(820px,100vh);background:#0c0f0d center top/cover no-repeat;filter:blur(52px) saturate(.85);opacity:.13;transform:scale(1.2);pointer-events:none;-webkit-mask-image:linear-gradient(#000 20%,transparent);mask-image:linear-gradient(#000 20%,transparent)}
.nxb2-wrap{position:relative;z-index:1}
@media(prefers-reduced-data:reduce){.nxb3-atmos{display:none}}

/* shared block heading and credit lines */
.nxb3-h,.nxb2 .nxb2-prose h2.nxb3-h,.nxb2 h2.nxb3-h{margin:0 0 8px!important;padding:0!important;border:0!important;color:#fff;font:700 clamp(23px,2.2vw,28px)/1.2 Rajdhani,Poppins,sans-serif!important}
.nxb3-sub{max-width:68ch;margin:0 0 16px;color:var(--nxb-mute,#a3b0a8);font-size:15px;line-height:1.6}
.nxb3-sub a,.nxb3-note a,.nxb3-credit a{color:var(--nxb-link,#7dffb6)}
.nxb3-credit,.nxb3-note{margin:14px 0 0;color:var(--nxb-mute,#a3b0a8);font-size:13.5px;line-height:1.55}
.nxb2 .nxb3-kit,.nxb2 .nxb3-skins,.nxb2 .nxb3-gift,.nxb2 .nxb3-next{padding:20px!important;border:1px solid var(--nxb-line,rgba(255,255,255,.1));border-radius:14px;background:var(--nxb-panel,#121714)}
.nxb3-kit{margin:2em 0}
.nxb3-skins,.nxb3-gift{margin:2.2em 0 0}

/* kit at a glance: a row per ability */
.nxb3-kit-list,.nxb2-prose .nxb3-kit-list,.nxb2-prose .nxb3-skin-grid,.nxb2-prose .nxb3-tiers{display:grid;gap:10px;margin:0;padding:0!important;list-style:none}
.nxb3-ab{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;margin:0!important;padding:8px 6px!important;border-radius:10px}
.nxb3-ab-ico{position:relative;display:block;flex:none;width:48px;height:48px;padding:0;border:0;background:none;color:inherit;line-height:0}
button.nxb3-ab-ico{cursor:pointer;border-radius:10px}
button.nxb3-ab-ico:hover .nxb3-ab-img,button.nxb3-ab-ico[aria-pressed="true"] .nxb3-ab-img{border-color:var(--nxb-acc,#45f882)!important}
.nxb3-play{position:absolute;inset-inline-end:-4px;inset-block-end:-4px;width:20px;height:20px;border-radius:50%;background:var(--nxb-acc,#45f882)}
.nxb3-play::before{content:"";position:absolute;inset-block-start:5px;inset-inline-start:8px;border:5px solid transparent;border-inline-start:7px solid #06130b;border-inline-end:0}
[dir="rtl"] .nxb3-play::before{border-inline-start-color:transparent;border-inline-end:7px solid #06130b;border-inline-start:0;inset-inline-start:6px}
.nxb3-ab-t{display:grid;gap:2px;min-width:0}
.nxb3-ab-t strong{color:#fff;font:700 17px/1.25 Rajdhani,Poppins,sans-serif}
.nxb3-ab-t p{margin:0!important;max-width:none!important;color:#c3cfc8;font-size:14.5px!important;line-height:1.5!important}
.nxb3-slot{display:inline-block;margin-inline-end:8px;color:var(--nxb-acc,#45f882);font:700 12px/1 Rajdhani,Poppins,sans-serif;letter-spacing:.08em}
.nxb3-ab-t{grid-template-columns:auto minmax(0,1fr);align-items:baseline}
.nxb3-ab-t>p{grid-column:1/-1}
.nxb3-stage{display:grid;place-items:center;aspect-ratio:16/9;max-width:560px;margin:14px 0 0;border:1px solid var(--nxb-line,rgba(255,255,255,.1));border-radius:12px;background:#080b09;overflow:hidden}
.nxb3-stage[hidden]{display:none}
.nxb3-stage video{width:100%;height:100%;object-fit:contain;background:#000}
.nxb3-kit-links{margin:14px 0 0!important}
.nxb3-kit-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--nxb-link,#7dffb6);font-weight:700}
.nxb3-kit-links .nx-i{width:17px;height:17px}

/* skins */
.nxb3-skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.nxb3-skin{margin:0!important;padding:0!important}
.nxb3-skin figure{margin:0;overflow:hidden;border:1px solid var(--nxb-line,rgba(255,255,255,.1));border-radius:12px;background:#0e1310}
.nxb3-skin figcaption{display:grid;gap:6px;justify-items:start;padding:9px 10px 11px;color:#fff;font-size:13.5px;line-height:1.3}
.nxb3-chip,.nxb3-gamechip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 10px;border:1px solid rgba(199,155,255,.45);border-radius:999px;background:rgba(199,155,255,.08);color:#dcc4ff;font-size:12px;font-weight:700;text-decoration:none}
.nxb3-gamechip{min-height:32px;margin-inline-start:8px;border-color:rgba(127,184,255,.4);background:rgba(127,184,255,.08);color:#bcd9ff;vertical-align:top}
.nxb3-gamechip .nx-i{width:14px;height:14px}
.nxb3-chip:hover,.nxb3-gamechip:hover{color:#fff;border-color:#fff}

/* the honest gift card */
.nxb3-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin:0;padding:0;list-style:none}
.nxb3-tier{display:grid;gap:6px;align-content:start;margin:0!important;padding:12px!important;border:1px solid var(--nxb-line,rgba(255,255,255,.1));border-radius:12px;background:var(--nxb-panel2,#171e1a)}
.nxb3-tier-l{color:#fff;font:700 16px/1.2 Rajdhani,Poppins,sans-serif;letter-spacing:.02em}
.nxb3-tier--legendary .nxb3-tier-l{color:#ffc756}.nxb3-tier--epic .nxb3-tier-l{color:#c79bff}.nxb3-tier--rare .nxb3-tier-l{color:#7fb8ff}.nxb3-tier--common .nxb3-tier-l{color:#c3cfc8}
.nxb3-tier-p{color:var(--nxb-link,#7dffb6);font:700 20px/1.2 Rajdhani,Poppins,sans-serif}
.nxb3-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:10px;background:var(--nxb-acc,#45f882);color:#06130b;font-size:14px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer}
.nxb3-btn:hover{background:#7dffb6;color:#06130b}

/* FAQ accordion: a card per question, all closed, one open at a time (assets/js/pages/blog-v3.js animates the height; without it the native <details> works).
   Logical properties only (RTL mirrors by itself). The "+" is two gradient bars: opening turns it half a turn while the upright bar shrinks away, leaving a "-". */
.nxb3-faq{margin:2em 0}
.nxb3-faq>h2{margin-block-end:14px}
.nxb3-faq-i{margin:0 0 10px;border:1px solid var(--nxb-line,rgba(255,255,255,.1));border-radius:14px;background:var(--nxb-panel,#121714);transition:border-color .2s,background-color .2s,box-shadow .2s}
.nxb3-faq-i:hover{border-color:rgba(69,248,130,.3)}
.nxb3-faq-i[open]{border-color:rgba(69,248,130,.5);background:#131c17;box-shadow:0 10px 26px -16px rgba(0,0,0,.8)}
.nxb3-faq-i summary{display:flex;align-items:center;gap:14px;min-height:56px;padding-block:12px;padding-inline:18px 14px;border-radius:inherit;color:#fff;font:700 18px/1.35 Rajdhani,Poppins,sans-serif;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.nxb3-faq-i summary::-webkit-details-marker{display:none}
.nxb3-faq-i summary::marker{content:""}
.nxb3-faq-i summary::after{content:"";flex:none;margin-inline-start:auto;width:30px;height:30px;border-radius:50%;background:linear-gradient(var(--nxb-link,#7dffb6),var(--nxb-link,#7dffb6)) center/12px 2px no-repeat,linear-gradient(var(--nxb-link,#7dffb6),var(--nxb-link,#7dffb6)) center/2px 12px no-repeat,rgba(69,248,130,.1);transition:transform .24s cubic-bezier(.2,.7,.2,1),background-size .24s,background-color .2s}
.nxb3-faq-i:hover summary::after{background-color:rgba(69,248,130,.18)}
.nxb3-faq-i[open] summary::after{transform:rotate(180deg);background-size:12px 2px,2px 0,auto}
.nxb3-faq-i summary:focus-visible{outline:2px solid var(--nxb-acc,#45f882);outline-offset:-2px}
.nxb3-faq-b{padding:0 18px 16px;color:#cfdad3}
.nxb3-faq-b p{max-width:68ch;margin:0 0 .6em!important}
.nxb3-faq-b>:last-child{margin-block-end:0!important}

/* next articles (crawlable list) and the stream infinite reading appends */
.nxb2 .nxb3-next{margin:56px 0 0}
.nxb3-next-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:nxb3n}
.nxb3-next-list li{margin:0}
.nxb3-next-list a{display:flex;justify-content:space-between;gap:16px;align-items:baseline;min-height:48px;padding:10px 14px;border:1px solid var(--nxb-line,rgba(255,255,255,.1));border-radius:10px;color:#e6efe9;font-weight:600;line-height:1.4;text-decoration:none}
.nxb3-next-list a:hover{border-color:rgba(69,248,130,.5);background:var(--nxb-panel2,#171e1a);color:#fff}
.nxb3-next-list time{flex:none;color:var(--nxb-mute,#a3b0a8);font-size:13px;font-weight:400}
.nxb3-next-status{margin:12px 0 0;color:var(--nxb-mute,#a3b0a8);font-size:14px}
.nxb3-more{margin-top:12px}
.nxb3-sentinel{height:1px}
.nxb3-stream{display:block}
.nxb3-item{position:relative;margin-top:44px}
.nxb3-divider{display:flex;align-items:center;gap:14px;margin:0 0 28px;color:var(--nxb-link,#7dffb6);font:700 15px/1.3 Rajdhani,Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.nxb3-divider::before,.nxb3-divider::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.14)}
.nxb3-divider b{max-width:60ch;color:#fff;font-weight:700;letter-spacing:.02em;text-transform:none;text-align:center}
/* an appended article keeps the first one's two-column grid (hero, its own sticky sidebar, text), so its contents list and cards sit beside it */
.nxb3-article .nexus-article-title{max-width:none;font-size:clamp(28px,3.4vw,42px)!important}
.nxb3-stub{display:grid;place-items:center;margin-top:44px;border:1px dashed var(--nxb-line,rgba(255,255,255,.1));border-radius:12px;color:var(--nxb-mute,#a3b0a8);font-size:14px;text-align:center}
.nxb3-stub a{color:var(--nxb-link,#7dffb6)}
.nxb3-item .nxb3-next{max-width:820px;margin-inline:auto}

/* the "Relevant The Nexus pages" / Rift Lab promo: one calm card (it used to render as a bare 40px heading) */
.nxb2 .nexus-riftlab-promo.nexus-context-promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:20px!important}
.nxb2 .nexus-riftlab-promo.nexus-context-promo>div{flex:1 1 320px;min-width:0}
.nxb2 .nexus-riftlab-promo.nexus-context-promo span{display:block;margin:0 0 6px;color:var(--nxb-link,#7dffb6);font:700 12px/1 Rajdhani,Poppins,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.nxb2 .nexus-riftlab-promo.nexus-context-promo h2{margin:0 0 6px!important;font:700 clamp(21px,2vw,26px)/1.2 Rajdhani,Poppins,sans-serif!important}
.nxb2 .nexus-riftlab-promo.nexus-context-promo p{max-width:62ch;margin:0;color:var(--nxb-mute,#a3b0a8);font-size:15px;line-height:1.55}
.nxb2 .nexus-riftlab-promo.nexus-context-promo nav{display:flex;flex-wrap:wrap;gap:8px}
.nxb2 .nexus-riftlab-promo.nexus-context-promo nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid var(--nxb-line,rgba(255,255,255,.1));border-radius:10px;color:#e6efe9;font-size:14px;font-weight:700;text-decoration:none}
.nxb2 .nexus-riftlab-promo.nexus-context-promo nav a:hover{border-color:rgba(69,248,130,.5);background:var(--nxb-panel2,#171e1a);color:#fff}

/* E-E-A-T: the author, dates and the policy links sit together under the text; calm, no pop-ups, nothing autoplays with sound (clips are muted) */
.nxb2 .nexus-article-share{border-top:1px solid var(--nxb-line,rgba(255,255,255,.1))}

/* "Sources and how we know": one calm, collapsed row (shield, title, count, chevron); the whole block stays in the HTML (native <details>) and opens with a height + fade (blog-v3.js) */
.nxb2 .nxb2-src{margin-top:2.4em;padding:0!important;border-color:var(--nxb-line,rgba(255,255,255,.1));background:rgba(18,23,20,.6)}
.nxb2-src-d>summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px;border-radius:inherit;color:var(--nxb-mute,#a3b0a8);cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s}
.nxb2-src-d>summary::-webkit-details-marker{display:none}
.nxb2-src-d>summary::marker{content:""}
.nxb2-src-d>summary:hover{background:rgba(255,255,255,.03)}
.nxb2-src-d>summary:focus-visible{outline:2px solid var(--nxb-acc,#45f882);outline-offset:-2px}
.nxb2-src-ico{display:inline-flex;flex:none;color:var(--nxb-mute,#a3b0a8)}
.nxb2-src-ico .nx-i{width:18px;height:18px}
.nxb2-src-d[open]>summary .nxb2-src-ico{color:var(--nxb-acc,#45f882)}
.nxb2 .nxb2-src h2.nxb2-src-t{flex:1 1 auto;min-width:0;margin:0!important;padding:0!important;border:0!important;color:#cdd8d1;font:700 16px/1.3 Rajdhani,Poppins,sans-serif!important;letter-spacing:.01em}
.nxb2-src-n{flex:none;padding:2px 10px;border:1px solid var(--nxb-line,rgba(255,255,255,.1));border-radius:999px;color:var(--nxb-mute,#a3b0a8);font-size:12.5px;line-height:1.5;white-space:nowrap}
.nxb2-src-chev{flex:none;width:9px;height:9px;margin-inline:2px 4px;border-inline-end:2px solid var(--nxb-mute,#a3b0a8);border-block-end:2px solid var(--nxb-mute,#a3b0a8);transform:rotate(45deg);transition:transform .24s cubic-bezier(.2,.7,.2,1)}
.nxb2-src-d[open]>summary .nxb2-src-chev{transform:rotate(-135deg)}
.nxb2-src-in{padding:18px 22px 22px;border-top:1px solid var(--nxb-line,rgba(255,255,255,.1))}
@media(max-width:640px){.nxb2-src-in{padding:14px 16px 18px}.nxb2-src-n{padding-inline:8px}}

@media(max-width:640px){.nxb2 .nxb3-kit,.nxb2 .nxb3-skins,.nxb2 .nxb3-gift,.nxb2 .nxb3-next{padding:14px!important}.nxb3-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nxb3-ab{grid-template-columns:44px minmax(0,1fr);gap:10px}.nexus-article-content .nxb3-ab-img{width:44px!important;height:44px!important;max-width:44px!important}.nxb3-ab-ico{width:44px;height:44px}}
.nxb2-mtoc a[aria-current="true"]{background:rgba(69,248,130,.1);color:#fff;font-weight:600}
@media(prefers-reduced-motion:reduce){.nxb3-faq-i,.nxb3-faq-i summary::after,.nxb2-src-d>summary,.nxb2-src-chev{transition:none}}
@media print{.nxb3-next,.nxb3-stream,.nxb3-atmos,.nxb3-stage{display:none!important}}