/* The Nexus V63 — global visual system v2. Vanilla, performance-aware, public-site wide. */
:root{
  --nx63-green:#45f882;--nx63-green-rgb:69,248,130;--nx63-bg:#050b0e;--nx63-panel:rgba(8,15,19,.82);
  --nx63-line:rgba(255,255,255,.08);--nx63-muted:#8d9b96;--nx63-radius:18px;
}
html{background:#050b0e}
body{position:relative;background:radial-gradient(900px 640px at 5% 5%,rgba(33,112,80,.13),transparent 60%),radial-gradient(900px 700px at 100% 25%,rgba(34,47,102,.10),transparent 62%),#050b0e!important}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 16% 12%,rgba(69,248,130,.065),transparent 25%),radial-gradient(circle at 82% 62%,rgba(61,81,166,.055),transparent 31%);filter:saturate(1.08)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 72%)}

/* V61 reward goal protection: the old generic child rule must never collapse content. */
.acc-reward-goal.acc-reward-goal-v61>div:not(.acc-goal-progress){height:auto!important;min-height:0!important;overflow:visible!important;background:transparent!important;border-radius:0!important}
.acc-reward-goal.acc-reward-goal-v61>.acc-goal-progress{display:block!important;height:12px!important;min-height:12px!important;overflow:hidden!important;border-radius:999px!important;background:rgba(255,255,255,.075)!important;position:relative}
.acc-reward-goal-v61 .acc-goal-head{display:flex!important;align-items:flex-start;justify-content:space-between;gap:14px}.acc-reward-goal-v61 .acc-goal-head>div{height:auto!important;overflow:visible!important;background:transparent!important}.acc-reward-goal-v61 .acc-goal-meta{display:flex!important;justify-content:space-between;align-items:center;gap:12px;height:auto!important;overflow:visible!important;background:transparent!important}.acc-reward-goal-v61 .acc-goal-picker,.acc-reward-goal-v61 .acc-goal-suggestions{height:auto!important;overflow:visible!important;background:transparent!important}.acc-reward-goal-v61 .acc-goal-progress i{min-width:0!important;max-width:100%;height:100%!important}

/* Fixed interactive layer. Inline positioning is also set in JS so a stale stylesheet can never create layout space. */
.nx63-cursor-grid{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:28!important;pointer-events:none!important;overflow:hidden!important;contain:strict;mix-blend-mode:screen;opacity:.58}
.nx63-cursor-grid canvas{display:block;width:100%;height:100%;pointer-events:none}

/* Shared glass/depth language — intentionally selective. */
.nx63-glass{background:linear-gradient(145deg,rgba(11,20,23,.88),rgba(7,12,17,.80))!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 24px 70px rgba(0,0,0,.20);backdrop-filter:blur(14px)}
.nx63-glare{position:relative;overflow:hidden!important;isolation:isolate}
.nx63-glare::after{content:"";position:absolute;inset:-60%;z-index:6;pointer-events:none;background:linear-gradient(125deg,transparent 41%,rgba(69,248,130,.00) 46%,rgba(185,255,211,.16) 50%,rgba(69,248,130,.03) 54%,transparent 59%);transform:translate3d(-38%,-24%,0);transition:transform .72s cubic-bezier(.2,.75,.2,1);mix-blend-mode:screen}
.nx63-glare:hover::after{transform:translate3d(38%,24%,0)}

/* React-Bits BorderGlow behavior adapted to vanilla CSS variables. */
.nx63-border-glow{--nx63-edge:0;--nx63-angle:45deg;position:relative;isolation:isolate}
.nx63-border-glow::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:calc(var(--nx63-edge) * .72);background:conic-gradient(from var(--nx63-angle),transparent 0 34%,rgba(69,248,130,.92) 43%,rgba(114,255,166,.22) 51%,transparent 61% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .22s ease;z-index:8}
.nx63-border-glow::after{content:"";position:absolute;inset:-14px;border-radius:inherit;pointer-events:none;opacity:calc(var(--nx63-edge) * .25);box-shadow:0 0 38px rgba(69,248,130,.24);z-index:-1}

/* Motion/reveal: no layout shift, disabled for reduced motion. */
html.nx63-motion-ready .nx63-reveal{opacity:0;transform:translate3d(0,16px,0);filter:blur(2px)}
html.nx63-motion-ready .nx63-reveal.nx63-in{opacity:1;transform:none;filter:none;transition:opacity .52s ease,transform .62s cubic-bezier(.2,.8,.2,1),filter .52s ease}

/* Floating desktop dock — React Bits Dock behavior without React/Motion runtime. */
.nx63-dock{position:fixed;left:50%;bottom:18px;z-index:9000;transform:translateX(-50%);display:flex;align-items:flex-end;gap:7px;padding:8px 9px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(5,11,14,.78);box-shadow:0 18px 60px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px) saturate(1.25)}
.nx63-dock a{--dock-size:46px;width:var(--dock-size);height:var(--dock-size);display:grid;place-items:center;position:relative;border-radius:12px;color:#b8c4bf!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);text-decoration:none!important;transform:translateZ(0);transition:background .18s ease,border-color .18s ease,color .18s ease}
.nx63-dock-glyph{font:800 19px/1 Rajdhani,system-ui,sans-serif;pointer-events:none;transform:translateY(-1px)}.nx63-dock a:hover,.nx63-dock a.is-active{color:#45f882!important;border-color:rgba(69,248,130,.32);background:rgba(69,248,130,.09)}
.nx63-dock-label{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,5px);opacity:0;pointer-events:none;white-space:nowrap;padding:5px 8px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:#08100f;color:#fff;font:700 10px/1.1 Poppins,sans-serif;transition:.18s ease}.nx63-dock a:hover .nx63-dock-label,.nx63-dock a:focus-visible .nx63-dock-label{opacity:1;transform:translate(-50%,0)}

/* V2 surfaces and navigation. */
.th-header .sticky-wrapper,.th-header .menu-area{backdrop-filter:blur(18px) saturate(1.15)}
.nx-main{position:relative;isolation:isolate}
.product-card,.blog-card,.tournament-card,.acc-card,.acc-reward,.riftlab-panel,.nx-card{border-radius:var(--nx63-radius)}
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
 .product-card,.blog-card,.tournament-card,.acc-card,.acc-reward,.riftlab-panel,.nx-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
 .product-card:hover,.blog-card:hover,.tournament-card:hover,.acc-reward:hover{transform:translateY(-3px);box-shadow:0 22px 66px rgba(0,0,0,.26),0 0 0 1px rgba(69,248,130,.06)}
}

/* Standalone SEO/legal pages also inherit the interaction canvas without being restyled destructively. */
.legal-header,.legal-hero,.legal-wrap,body>header,body>main,body>section,body>footer,.wrap{position:relative;z-index:1}

@media(max-width:1199px),(hover:none),(pointer:coarse){.nx63-cursor-grid,.nx63-dock{display:none!important}.nx63-glare::after,.nx63-border-glow::before,.nx63-border-glow::after{display:none!important}}
@media(prefers-reduced-motion:reduce){.nx63-cursor-grid,.nx63-dock{display:none!important}html.nx63-motion-ready .nx63-reveal{opacity:1!important;transform:none!important;filter:none!important}.nx63-glare::after{display:none!important}}
@media(max-width:767px){.acc-reward-goal-v61{padding:15px!important}.acc-reward-goal-v61 .acc-goal-head{gap:8px}.acc-reward-goal-v61 .acc-goal-meta{align-items:flex-start;flex-direction:column;gap:3px}}
/* V98 — content visibility outranks the reveal effect. On touch/small screens
   nothing is held at opacity 0, and the hero is never hidden on any device. */
@media(max-width:767px),(pointer:coarse){html.nx63-motion-ready .nx63-reveal{opacity:1!important;transform:none!important;filter:none!important}}
html.nx63-motion-ready .nx40-hero.nx63-reveal{opacity:1!important;transform:none!important;filter:none!important}