/* The Nexus V40 — production homepage V2. Scoped so the rest of the site stays on the stable V39 visual layer. */
:root{--nx40-bg:#050a0f;--nx40-panel:#091119;--nx40-panel2:#0b151e;--nx40-line:rgba(120,151,174,.18);--nx40-lineg:rgba(69,248,130,.25);--nx40-green:#45f882;--nx40-green2:#20d96b;--nx40-text:#f4f8fb;--nx40-muted:#8f9ca8}
body.nx-home-v40{background:radial-gradient(circle at 12% 42%,rgba(29,126,95,.08),transparent 24%),radial-gradient(circle at 92% 45%,rgba(76,55,173,.08),transparent 28%),var(--nx40-bg);color:var(--nx40-text)}
.nx-home-v40 .nx-main{overflow:hidden}.nx40-shell{width:min(1380px,calc(100% - 48px));margin-inline:auto}.nx40-section{padding:72px 0}.nx40-kicker{display:block;margin:0 0 10px;color:var(--nx40-green);font:700 12px/1.1 Poppins,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.nx40-section h2,.nx40-hero h1{font-family:Rajdhani,Poppins,Arial,sans-serif;color:#fff}.nx40-section h2 em,.nx40-hero h1 em{font-style:normal;color:var(--nx40-green)}
/* Header recovery + refinement, without replacing the global header component. */
.nx-home-v40 .th-header{background:rgba(4,8,12,.96);border-bottom:1px solid rgba(255,255,255,.06)}.nx-home-v40 .th-header .header-top{background:#090f15!important;border-bottom:1px solid rgba(255,255,255,.05)}.nx-home-v40 .header-layout1 .sticky-wrapper{background:#05090d!important}.nx-home-v40 .header-layout1 .menu-area{padding:0!important;min-height:72px}.nx-home-v40 .header-layout1 .container{max-width:1380px!important}.nx-home-v40 .main-menu>ul>li{margin:0 17px!important}.nx-home-v40 .main-menu a{font-family:Poppins,Arial,sans-serif!important;font-size:13px!important;letter-spacing:.035em!important}.nx-home-v40 .header-logo img{max-height:48px!important;width:auto!important}.nx-home-v40 .v2-hcommerce{gap:8px!important}.nx-home-v40 .v2-hbtn{min-height:42px!important;border-radius:10px!important}.nx-home-v40 #nx-campaign-mount{position:relative;z-index:8}
/* Hero */
.nx40-hero{position:relative;min-height:620px;display:grid;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);isolation:isolate}.nx40-hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#050a0f 3%,rgba(5,10,15,.93) 22%,rgba(5,10,15,.35) 55%,rgba(5,10,15,.28) 75%,#050a0f 100%),linear-gradient(0deg,#050a0f 0%,transparent 30%),url('/assets/img/hero/hero-yasuo-yone-vs-opt.jpg') center 32%/cover no-repeat;z-index:-2}.nx40-hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 53% 55%,rgba(69,248,130,.22),transparent 16%);mix-blend-mode:screen;opacity:.7}.nx40-hero-grid{display:grid;grid-template-columns:minmax(0,650px) minmax(360px,420px);justify-content:space-between;gap:60px;align-items:center;padding:78px 0}.nx40-hero-copy h1{max-width:650px;margin:0;font-weight:800;font-size:clamp(54px,6vw,82px);line-height:.93;letter-spacing:-.035em}.nx40-hero-copy>p{max-width:570px;margin:22px 0 25px;color:#b2bdc7;font-size:16px;line-height:1.75}.nx40-actions{display:flex;gap:11px;flex-wrap:wrap}.nx40-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:10px;font:700 13px/1 Poppins,Arial,sans-serif;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.nx40-btn:hover{transform:translateY(-2px)}.nx40-btn-primary{background:linear-gradient(135deg,#49fa89,#27dd70);color:#031108!important;box-shadow:0 12px 30px rgba(48,235,121,.18)}.nx40-btn-primary:hover{box-shadow:0 16px 34px rgba(48,235,121,.28)}.nx40-btn-ghost{background:rgba(7,13,18,.72);border-color:rgba(69,248,130,.28);color:#f4f8fb!important}.nx40-rating{display:inline-flex;align-items:center;gap:9px;margin-top:18px;color:#dce7e1!important;font-size:12px}.nx40-rating #nx-rating-stars{color:#45f882;letter-spacing:1px}.nx40-rating span:last-child{color:#83918d}
.nx40-quick{padding:20px;border:1px solid var(--nx40-lineg);border-radius:18px;background:linear-gradient(150deg,rgba(8,25,20,.94),rgba(7,14,20,.96));box-shadow:0 26px 80px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.03);backdrop-filter:blur(10px)}.nx40-quick-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 12px;color:#fff;font-size:12px}.nx40-quick-head b{color:#45f882;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.nx40-quick>a:not(.nx40-quick-all){display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:13px 8px;border-top:1px solid rgba(255,255,255,.06);color:#fff!important}.nx40-quick>a:not(.nx40-quick-all):hover{background:rgba(69,248,130,.035)}.nx40-qicon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(69,248,130,.09);border:1px solid rgba(69,248,130,.12);color:#45f882;font-size:19px}.nx40-quick strong{display:block;font:700 13px/1.25 Poppins,Arial,sans-serif}.nx40-quick small{display:block;margin-top:4px;color:#74828c;font-size:10px}.nx40-quick>a i{font-style:normal;color:#678078}.nx40-quick-all{display:block;padding:14px 5px 3px;color:#45f882!important;font-size:11px;font-weight:700}
/* Trust */
.nx40-trust{position:relative;z-index:3;margin-top:-34px}.nx40-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--nx40-line);border-radius:16px;background:rgba(8,15,21,.96);box-shadow:0 20px 60px rgba(0,0,0,.28);overflow:hidden}.nx40-trust-grid>div{display:flex;align-items:center;gap:12px;padding:16px 20px;border-right:1px solid rgba(255,255,255,.055)}.nx40-trust-grid>div:last-child{border-right:0}.nx40-trust-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:rgba(69,248,130,.08);border:1px solid rgba(69,248,130,.13);color:#45f882;font-weight:800}.nx40-trust p{margin:0}.nx40-trust strong,.nx40-trust small{display:block}.nx40-trust strong{font-size:12px;color:#edf5f0}.nx40-trust small{margin-top:3px;color:#76848e;font-size:9px}
/* Section heads */
.nx40-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:27px}.nx40-section-head h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1;font-weight:800;letter-spacing:-.025em}.nx40-section-head p{max-width:650px;margin:11px 0 0;color:#81909b;font-size:13px;line-height:1.65}.nx40-section-head>a,.nx40-head-actions>a,.nx40-text-link{color:#45f882!important;font-size:12px;font-weight:700}.nx40-head-actions{display:flex;align-items:center;gap:16px}.nx40-count{color:#66747e;text-transform:uppercase;font-size:9px;letter-spacing:.1em;font-weight:700}
/* Store */
.nx40-store{padding-top:86px}.nx40-store>.nx40-shell{padding:34px;border:1px solid rgba(106,136,159,.18);border-radius:22px;background:linear-gradient(150deg,#081019,#070d13);box-shadow:0 30px 90px rgba(0,0,0,.2)}.nx40-product-carousel{position:relative;padding:0 43px}.nx40-product-carousel .swiper{overflow:hidden}.nx40-slider-btn{position:absolute;top:50%;z-index:3;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#081017;color:#dce6e1;font-size:24px;transform:translateY(-50%)}.nx40-slider-btn:hover{border-color:rgba(69,248,130,.45);color:#45f882}.nx40-prev{left:0}.nx40-next{right:0}.nx40-card{height:100%;border:1px solid rgba(112,144,166,.2);border-radius:15px;overflow:hidden;background:#0a121a;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.nx40-card:hover{transform:translateY(-3px);border-color:rgba(69,248,130,.36);box-shadow:0 20px 42px rgba(0,0,0,.27)}.nx40-card-media{display:block;position:relative;aspect-ratio:1.15/1;background:radial-gradient(circle at 50% 45%,rgba(55,228,115,.12),transparent 48%),#071018;overflow:hidden}.nx40-card-media img{width:100%;height:100%;object-fit:contain;padding:12px}.nx40-card-badge{position:absolute;top:10px;left:10px;padding:5px 7px;border:1px solid rgba(69,248,130,.25);border-radius:999px;background:rgba(4,17,11,.83);color:#45f882;text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.08em}.nx40-card-body{display:grid;gap:8px;padding:14px 14px 15px}.nx40-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#4cf488;text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.08em}.nx40-stock{padding:4px 6px;border-radius:999px;background:rgba(69,248,130,.07);color:#5bef91}.nx40-stock.out{background:rgba(255,86,112,.08);color:#ff768b}.nx40-stock.low{background:rgba(255,190,24,.08);color:#ffcb55}.nx40-card h3{margin:0;font:700 18px/1.2 Rajdhani,Poppins,sans-serif;color:#fff}.nx40-card h3 a{color:inherit!important}.nx40-card-foot{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:3px}.nx40-card-foot strong{color:#45f882;font:800 18px/1 Rajdhani,Poppins,sans-serif}.nx40-card-foot a{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(69,248,130,.28);border-radius:10px;color:#45f882!important}.nx40-pagination{position:relative!important;bottom:auto!important;margin-top:16px}.nx40-pagination .swiper-pagination-bullet{width:6px;height:6px;background:#6e7e89;opacity:.45}.nx40-pagination .swiper-pagination-bullet-active{width:22px;border-radius:8px;background:#45f882;opacity:1}.nx40-store-foot{display:flex;justify-content:center;gap:22px;margin-top:10px;color:#66757e;font-size:9px}.nx40-store-foot i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#45f882;box-shadow:0 0 12px #45f882}.nx40-loading{display:grid;place-items:center;min-height:330px;border:1px dashed rgba(69,248,130,.18);border-radius:14px;color:#7f8e97}.nx40-reviews{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.nx40-reviews-head{display:flex;justify-content:space-between;color:#fff}.nx40-reviews-head span{color:#91a099;font-size:11px}.nx40-reviews #nx-reviews-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.nx40-reviews .nx-review-card{padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.02)}.nx40-reviews .nx-review-card p{font-size:11px;line-height:1.5;color:#9ba8b1}.nx40-reviews .nx-review-stars{color:#45f882;font-size:10px}.nx40-reviews .nx-review-card footer{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#71808a}
/* Rift */
.nx40-rift{padding-top:16px}.nx40-rift-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center;padding:32px;border:1px solid var(--nx40-lineg);border-radius:22px;background:radial-gradient(circle at 8% 20%,rgba(69,248,130,.08),transparent 30%),linear-gradient(145deg,#07131a,#080e15)}.nx40-rift-copy h2{margin:0;font-size:clamp(38px,4vw,54px);font-weight:800;line-height:1}.nx40-rift-copy p{max-width:490px;margin:12px 0 19px;color:#82919b;font-size:13px;line-height:1.65}.nx40-rift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nx40-rift-grid a{display:grid;grid-template-rows:auto auto auto;gap:5px;min-height:150px;padding:16px;border:1px solid rgba(126,154,174,.16);border-radius:14px;background:#0a141d;color:#fff!important;transition:.2s}.nx40-rift-grid a:hover{border-color:rgba(69,248,130,.34);background:#0a181b;transform:translateY(-2px)}.nx40-rift-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:8px;border-radius:10px;background:rgba(69,248,130,.08);color:#45f882;font-size:20px}.nx40-rift-grid strong{font-size:12px}.nx40-rift-grid small{color:#74828d;font-size:9px;line-height:1.4}
/* Moments */
.nx40-moments{padding-top:30px}.nx40-moment-slider{overflow:visible}.nx40-moment a{display:block;color:#fff!important}.nx40-moment a>div{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(123,151,171,.18);border-radius:13px;background:#081018}.nx40-moment img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease;filter:saturate(.9) brightness(.84)}.nx40-moment:hover img{transform:scale(1.03);filter:saturate(1) brightness(.98)}.nx40-moment a>div span{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(3,9,13,.72);color:#fff;transform:translate(-50%,-50%)}.nx40-moment strong,.nx40-moment small{display:block}.nx40-moment strong{margin-top:10px;font-size:12px}.nx40-moment small{margin-top:3px;color:#75838c;font-size:9px}
/* Blog */
.nx40-blog{padding-top:24px}.nx40-blog .blog-card{height:100%;border:1px solid rgba(122,150,172,.16);border-radius:15px;overflow:hidden;background:#09121a}.nx40-blog .blog-img{aspect-ratio:16/9;overflow:hidden}.nx40-blog .blog-img img{width:100%;height:100%;object-fit:cover}.nx40-blog .blog-content{padding:15px}.nx40-blog .blog-meta{color:#45f882;font-size:9px;text-transform:uppercase}.nx40-blog .box-title{margin:7px 0;font:700 18px/1.2 Rajdhani,Poppins,sans-serif}.nx40-blog .blog-content p{color:#82909a;font-size:10px;line-height:1.5}.nx40-blog .link-btn{color:#45f882!important;font-size:10px}
/* Community */
.nx40-community{padding-top:30px}.nx40-community-panel{display:grid;grid-template-columns:82px minmax(280px,1.2fr) minmax(260px,.8fr) auto;gap:22px;align-items:center;padding:24px;border:1px solid rgba(69,248,130,.21);border-radius:19px;background:linear-gradient(100deg,rgba(15,91,57,.28),rgba(7,16,19,.97) 40%,rgba(5,12,17,.97));box-shadow:0 25px 70px rgba(0,0,0,.2)}.nx40-community-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:radial-gradient(circle,rgba(69,248,130,.15),transparent 70%)}.nx40-community h2{margin:0;font-size:30px;font-weight:800}.nx40-community p{margin:7px 0 0;color:#82919a;font-size:11px;line-height:1.5}.nx40-community-points{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nx40-community-points strong,.nx40-community-points small{display:block}.nx40-community-points strong{color:#45f882;font-size:12px}.nx40-community-points small{margin-top:3px;color:#71808a;font-size:9px}
/* Mobile */
@media(max-width:1199px){.nx40-hero-grid{grid-template-columns:minmax(0,570px) 360px;gap:30px}.nx40-rift-grid{grid-template-columns:repeat(2,1fr)}.nx40-community-panel{grid-template-columns:70px 1fr auto}.nx40-community-points{display:none}.nx-home-v40 .main-menu>ul>li{margin:0 9px!important}.nx-home-v40 .main-menu a{font-size:11px!important}}
@media(max-width:991px){.nx40-shell{width:min(100% - 30px,820px)}.nx-home-v40 .th-header .header-top{display:none!important}.nx40-hero{min-height:auto}.nx40-hero-grid{display:block;padding:68px 0 54px}.nx40-hero-art{background:linear-gradient(90deg,rgba(5,10,15,.98) 0%,rgba(5,10,15,.78) 44%,rgba(5,10,15,.3) 100%),linear-gradient(0deg,#050a0f 0%,transparent 35%),url('/assets/img/hero/hero-yasuo-yone-vs-mobile.webp') center/cover no-repeat}.nx40-hero-copy{max-width:590px}.nx40-quick{display:none}.nx40-trust{margin-top:0;padding-top:14px}.nx40-trust-grid{grid-template-columns:repeat(2,1fr)}.nx40-trust-grid>div:nth-child(2){border-right:0}.nx40-trust-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.055)}.nx40-store>.nx40-shell{padding:24px}.nx40-rift-panel{grid-template-columns:1fr}.nx40-community-panel{grid-template-columns:62px 1fr}.nx40-community-panel>.nx40-btn{grid-column:1/-1}.nx40-section{padding:56px 0}}
@media(max-width:767px){.nx40-shell{width:calc(100% - 22px)}.nx40-hero-grid{padding:52px 0 45px}.nx40-hero-copy h1{font-size:clamp(42px,12vw,58px);line-height:.96}.nx40-hero-copy>p{font-size:13px;line-height:1.65;margin:16px 0 20px;max-width:420px}.nx40-actions{display:grid;grid-template-columns:1fr 1fr}.nx40-btn{min-height:46px;padding-inline:13px;font-size:11px}.nx40-trust-grid>div{padding:12px 10px;gap:8px}.nx40-trust-icon{width:34px;height:34px;flex-basis:34px}.nx40-trust strong{font-size:10.5px}.nx40-trust small{font-size:8px}.nx40-section-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:19px}.nx40-section-head h2{font-size:34px}.nx40-section-head p{font-size:11.5px}.nx40-store{padding-top:46px}.nx40-store>.nx40-shell{padding:20px 12px;border-radius:18px}.nx40-store-head .nx40-head-actions{width:100%;justify-content:space-between}.nx40-product-carousel{padding:0 0}.nx40-slider-btn{width:36px;height:36px;top:auto;bottom:43%;background:rgba(5,10,15,.9)}.nx40-prev{left:-7px}.nx40-next{right:-7px}.nx40-card-media{aspect-ratio:1/1}.nx40-card-media img{padding:8px}.nx40-card-body{padding:12px}.nx40-card h3{font-size:17px}.nx40-store-foot{gap:11px;justify-content:flex-start;overflow:auto;white-space:nowrap;font-size:8px;padding-inline:4px}.nx40-reviews #nx-reviews-row{grid-template-columns:1fr}.nx40-reviews .nx-review-card:nth-child(n+2){display:none}.nx40-rift{padding-top:8px}.nx40-rift-panel{padding:22px 16px;border-radius:18px}.nx40-rift-copy h2{font-size:36px}.nx40-rift-grid{grid-template-columns:1fr 1fr;gap:8px}.nx40-rift-grid a{min-height:122px;padding:13px}.nx40-moments{padding-top:20px}.nx40-community{padding-top:18px}.nx40-community-panel{grid-template-columns:48px 1fr;padding:17px;gap:12px}.nx40-community-mark,.nx40-community-mark img{width:48px;height:48px}.nx40-community h2{font-size:22px}.nx40-community p{font-size:10px}.nx40-community .nx40-kicker{font-size:9px}.nx-home-v40 .nx-site-footer{margin-top:18px}.nx-home-v40 .nx-foot-grid-v32{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){.nx40-actions{grid-template-columns:1fr}.nx40-hero-art{background-position:56% center}.nx40-hero-copy{padding-top:8px}.nx40-trust-grid{grid-template-columns:1fr 1fr}.nx40-trust-grid>div{min-width:0}.nx40-rift-grid{grid-template-columns:1fr}.nx40-rift-grid a{grid-template-columns:42px 1fr;grid-template-rows:auto auto;min-height:auto;align-items:center}.nx40-rift-icon{grid-row:1/3;margin:0}.nx40-rift-grid small{grid-column:2}.nx40-community-panel{display:grid}.nx40-community-panel>div:nth-child(2){min-width:0}.nx40-community-panel>.nx40-btn{grid-column:1/-1}.nx-home-v40 .nx-foot-grid-v32{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.nx40-card,.nx40-btn,.nx40-moment img{transition:none!important}}
.nx40-live-stats{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.nx40-live-stats>span{display:grid;gap:2px;min-width:96px;padding:9px 12px;border:1px solid rgba(126,154,174,.15);border-radius:10px;background:rgba(7,14,19,.65)}.nx40-live-stats strong{color:#45f882;font:800 18px/1 Rajdhani,Poppins,sans-serif}.nx40-live-stats small{color:#71808a;font-size:8px;text-transform:uppercase;letter-spacing:.08em}

.nx-home-v40 .header-layout1 .menu-area::before{display:none!important}

/* V41 Home Recovery — preserve V40 performance, restore richer cinematic composition. */
.nx-home-v41{background:
 radial-gradient(circle at 12% 8%,rgba(41,255,113,.07),transparent 26%),
 radial-gradient(circle at 90% 28%,rgba(77,76,255,.08),transparent 32%),
 linear-gradient(180deg,#050a0f 0%,#071019 42%,#05090e 100%)!important;background-attachment:fixed}
.nx-home-v41 .nx40-hero{min-height:700px;overflow:hidden}
.nx-home-v41 .nx40-hero-grid{grid-template-columns:minmax(0,680px);min-height:700px;align-items:center;padding:84px 0 74px}
.nx-home-v41 .nx40-hero-copy{max-width:680px}
.nx-home-v41 .nx40-hero-copy h1{font-size:clamp(62px,5.4vw,90px);max-width:780px}
.nx-home-v41 .nx40-hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,12,.96) 0%,rgba(3,8,12,.58) 34%,rgba(3,8,12,.08) 66%,rgba(3,8,12,.16) 100%)}
.nx-home-v41 .nx40-hero-grid{position:relative;z-index:2}
.nx-home-v41 .nx40-card{border-color:rgba(120,150,170,.2);background:linear-gradient(180deg,#0b151e,#091119);box-shadow:0 12px 28px rgba(0,0,0,.17)}
.nx-home-v41 .nx40-card-media{background:radial-gradient(circle at 50% 45%,rgba(69,248,130,.08),transparent 68%),#081018}
.nx-home-v41 .nx40-card-media img{object-fit:contain;padding:10px}
.nx-home-v41 .nx40-moments{padding-top:44px}
.nx-home-v41 .nx40-moment a>div{border-radius:18px;border-color:rgba(69,248,130,.14);box-shadow:0 20px 45px rgba(0,0,0,.18)}
.nx-home-v41 .nx40-moment a>div:after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(transparent,rgba(2,7,11,.8));pointer-events:none}
.nx41-swain{padding:30px 0 18px}.nx41-swain-panel{min-height:360px;display:flex;align-items:center;padding:48px;border:1px solid rgba(69,248,130,.18);border-radius:24px;overflow:hidden;background:linear-gradient(90deg,rgba(4,11,16,.98) 0%,rgba(4,11,16,.83) 44%,rgba(4,11,16,.15) 80%),url('/assets/img/bg/cta-swain-bg.jpg') 76% center/cover no-repeat;box-shadow:0 28px 80px rgba(0,0,0,.2)}
.nx41-swain-copy{max-width:610px}.nx41-swain h2{margin:4px 0 12px;font-size:clamp(38px,4vw,58px);line-height:1;color:#fff}.nx41-swain p{max-width:560px;color:#9aa8b2;line-height:1.7}
@media(max-width:991px){
 .nx-home-v41 .nx40-hero{min-height:670px}
 .nx-home-v41 .nx40-hero-grid{min-height:670px;padding:92px 0 66px}
 .nx-home-v41 .nx40-hero-art{background:linear-gradient(90deg,rgba(4,9,13,.93) 0%,rgba(4,9,13,.55) 48%,rgba(4,9,13,.18) 100%),linear-gradient(0deg,#050a0f 0%,transparent 34%),url('/assets/img/hero/hero-yasuo-yone-vs-mobile.webp') 62% center/cover no-repeat!important}
 .nx-home-v41 .nx40-hero-art:after{background:linear-gradient(90deg,rgba(3,8,12,.74),rgba(3,8,12,.14) 70%)}
 .nx41-swain-panel{min-height:310px;padding:34px;background-position:68% center}
}
@media(max-width:600px){
 .nx-home-v41 .nx40-hero{min-height:720px}
 .nx-home-v41 .nx40-hero-grid{min-height:720px;padding:82px 0 54px;align-items:flex-end}
 .nx-home-v41 .nx40-hero-art{background-position:58% center!important}
 .nx-home-v41 .nx40-hero-copy h1{font-size:clamp(44px,13.2vw,63px);line-height:.94}
 .nx-home-v41 .nx40-live-stats>span{min-width:calc(50% - 4px);flex:1}
 .nx-home-v41 .nx40-store>.nx40-shell{padding:20px 12px}
 .nx41-swain-panel{min-height:380px;padding:25px 20px;align-items:flex-end;background:linear-gradient(0deg,rgba(4,10,15,.98) 0%,rgba(4,10,15,.72) 60%,rgba(4,10,15,.25) 100%),url('/assets/img/bg/cta-swain-bg.jpg') 66% center/cover no-repeat}
}

/* V42 readability + user-selected reward goal */
.acc-reward-goal .acc-goal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.acc-reward-goal .acc-goal-head span{display:block;color:rgba(255,255,255,.58);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.acc-reward-goal .acc-goal-head strong{display:block;color:#fff;font-size:15px;margin-top:4px}.acc-goal-progress{height:8px;margin:12px 0 10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.acc-goal-progress i{display:block;height:100%;width:2%;background:linear-gradient(90deg,#45F882,#a8ffca);border-radius:inherit;transition:width .45s ease}.acc-goal-picker{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:12px}.acc-goal-picker select{min-height:42px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#081019;color:#fff;padding:0 12px}.acc-reward-goal>small{display:block;color:#899992;font-size:11px;line-height:1.5}.nx-site-footer,.nx-site-footer a,.nx-site-footer p,.nx-site-footer small,.nx-site-footer li{font-size:max(11px,inherit)}
body{background:radial-gradient(circle at 8% 12%,rgba(35,191,103,.06),transparent 28%),radial-gradient(circle at 94% 32%,rgba(79,76,255,.055),transparent 30%),#050b10;background-attachment:fixed}
@media(max-width:767px){.acc-goal-picker{grid-template-columns:1fr 1fr}.acc-goal-picker select{grid-column:1/-1}.nx40-hero{min-height:690px;background-position:52% center!important}.nx40-hero-grid{min-height:690px}.nx40-hero:before{background:linear-gradient(180deg,rgba(3,8,12,.22),rgba(3,8,12,.5) 44%,rgba(3,8,12,.92) 86%)!important}}
/* V42 silent skeletons: no operational carousel copy is shown to visitors while content hydrates. */
.nx42-skeleton-card,.nx42-skeleton-blog{display:grid;gap:12px;padding:12px;border:1px solid rgba(126,154,174,.12);border-radius:15px;background:#09121a;overflow:hidden}.nx42-skeleton-card i,.nx42-skeleton-blog i,.nx42-skeleton-card b,.nx42-skeleton-blog b,.nx42-skeleton-card span,.nx42-skeleton-blog span{display:block;border-radius:9px;background:linear-gradient(100deg,rgba(255,255,255,.035) 20%,rgba(255,255,255,.075) 40%,rgba(255,255,255,.035) 60%);background-size:220% 100%;animation:nx42Shimmer 1.4s linear infinite}.nx42-skeleton-card i{aspect-ratio:1/1}.nx42-skeleton-blog i{aspect-ratio:16/9}.nx42-skeleton-card b,.nx42-skeleton-blog b{height:16px;width:72%}.nx42-skeleton-card span,.nx42-skeleton-blog span{height:10px;width:45%}@keyframes nx42Shimmer{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){.nx42-skeleton-card i,.nx42-skeleton-blog i,.nx42-skeleton-card b,.nx42-skeleton-blog b,.nx42-skeleton-card span,.nx42-skeleton-blog span{animation:none}}

/* Store-carousel bullets measure 6x6 — the smallest target on the homepage. Overlay
   only, so the bullet keeps its size and the row keeps its layout. The measured pitch
   here is 22px, which is what bounds the width. 6x6 = 36px^2 before, 22x44 = 968px^2. */
.nx40-pagination .swiper-pagination-bullet { position: relative; }
.nx40-pagination .swiper-pagination-bullet::after {
  content: ''; position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%); width: 22px; height: 44px;
}