/* =========================================================
   NEXION — pages.css
   Styles des pages secondaires (/vote, /shop, /play, /profile,
   /join, /legals). Reprend l'identité de la landing :
   fond brun #241407, accent violet #763bff, titres Mondo en
   dégradé doré→lime. Toutes les classes sont préfixées « nx- »
   pour ne jamais entrer en conflit avec le Tailwind purgé d'app.css.
   ========================================================= */

:root{
  --nx-brown:        #241407;
  --nx-brown-2:      #160c03;
  --nx-brown-foot:   #100802;
  --nx-violet:       #763bff;
  --nx-violet-deep:  #180052;
  --nx-yellow:       #fff500;
  --nx-gold:         #ffbc12;
  --nx-lime:         #dbff00;
  --nx-cyan:         #12fff1;
  --nx-blue:         #0085ff;
  --nx-grey:         #535353;
  --nx-grey-2:       #aeaeae;
  --nx-grey-3:       #dbdbdb;
  --nx-white:        #ffffff;
  --nx-card:         #2f1c0c;
  --nx-card-2:       #1c1005;
  --nx-line:         rgba(255,255,255,.08);
  --nx-gradi-gold:   linear-gradient(90deg,#ffbc12,#dbff00);
  --nx-gradi-cyan:   linear-gradient(90deg,#12fff1,#0085ff);
  --nx-gradi-white:  linear-gradient(90deg,#fff,#b5b5b5);
}

/* ---------- base ---------- */
.nx-body{
  background:var(--nx-brown);
  color:var(--nx-white);
  font-family:'Poppins',sans-serif;
  margin:0;
  overflow-x:hidden;
}
.nx-body *{box-sizing:border-box;}
.nx-main{display:block;}

/* respect du reduced-motion */
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important;}
}

/* ---------- conteneur ---------- */
.nx-container{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}
.nx-section{padding:72px 0;}
.nx-section--tight{padding:48px 0;}

/* ---------- hero secondaire ---------- */
.nx-hero{
  position:relative;
  padding:140px 0 96px;
  background:
    linear-gradient(180deg,rgba(36,20,7,.55) 0%,rgba(36,20,7,.35) 40%,#241407 92%),
    url('/images/Calque.png') center/cover no-repeat;
  text-align:center;
  overflow:hidden;
}
.nx-hero::after{
  content:"";
  position:absolute;left:50%;top:-180px;transform:translateX(-50%);
  width:760px;height:760px;border-radius:50%;
  background:radial-gradient(circle,rgba(118,59,255,.35),transparent 62%);
  pointer-events:none;
}
.nx-hero > *{position:relative;z-index:2;}

/* ---------- typographie ---------- */
.nx-eyebrow{
  font-family:'Mondo','Montserrat',sans-serif;
  color:var(--nx-yellow);
  text-transform:uppercase;
  letter-spacing:.5px;
  font-weight:800;
  font-size:clamp(13px,1.4vw,18px);
  margin:0 0 14px;
}
.nx-title{
  font-family:'Mondo','Montserrat',sans-serif;
  text-transform:uppercase;
  font-weight:900;
  line-height:.95;
  font-size:clamp(38px,6vw,82px);
  margin:0;
  background:var(--nx-gradi-gold);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.nx-title--white{
  background:none;-webkit-text-fill-color:var(--nx-white);color:var(--nx-white);
}
.nx-title--cyan{background:var(--nx-gradi-cyan);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.nx-lead{
  max-width:680px;margin:22px auto 0;
  color:var(--nx-grey-3);
  font-size:clamp(15px,1.6vw,18px);
  line-height:1.6;font-weight:500;
}
.nx-h2{
  font-family:'Montserrat',sans-serif;
  text-transform:uppercase;font-weight:800;
  font-size:clamp(26px,3.4vw,44px);
  margin:0 0 8px;
}
.nx-sub{color:var(--nx-grey-2);font-weight:500;margin:0 0 36px;font-size:15px;}

/* ---------- boutons ---------- */
.nx-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:'Montserrat',sans-serif;font-weight:800;text-transform:uppercase;
  font-size:14px;letter-spacing:.4px;
  height:50px;padding:0 30px;border:0;border-radius:14px;cursor:pointer;
  text-decoration:none;transition:all .35s ease;white-space:nowrap;
}
.nx-btn--primary{background:var(--nx-violet);color:#fff;}
.nx-btn--primary:hover{background:#fff;color:var(--nx-violet);transform:translateY(-2px);}
.nx-btn--gold{background:var(--nx-gradi-gold);color:#241407;}
.nx-btn--gold:hover{filter:brightness(1.08);transform:translateY(-2px);}
.nx-btn--ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--nx-line);}
.nx-btn--ghost:hover{background:rgba(255,255,255,.12);}
.nx-btn--block{width:100%;}
.nx-btn:disabled,.nx-btn.is-disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none;}
.nx-btn:focus-visible{outline:3px solid var(--nx-cyan);outline-offset:2px;}

/* ---------- cartes ---------- */
.nx-card{
  background:linear-gradient(180deg,var(--nx-card),var(--nx-card-2));
  border:1px solid var(--nx-line);
  border-radius:22px;
  padding:28px;
  transition:transform .35s ease,border-color .35s ease;
}
.nx-card:hover{transform:translateY(-4px);border-color:rgba(118,59,255,.5);}

/* ---------- grilles ---------- */
.nx-grid{display:grid;gap:22px;}
.nx-grid--2{grid-template-columns:repeat(2,1fr);}
.nx-grid--3{grid-template-columns:repeat(3,1fr);}
.nx-grid--4{grid-template-columns:repeat(4,1fr);}
@media (max-width:1024px){.nx-grid--4{grid-template-columns:repeat(2,1fr);}.nx-grid--3{grid-template-columns:repeat(2,1fr);}}
@media (max-width:680px){.nx-grid--2,.nx-grid--3,.nx-grid--4{grid-template-columns:1fr;}}

/* =========================================================
   VOTE
   ========================================================= */
.nx-pseudo{
  max-width:520px;margin:36px auto 0;
  display:flex;gap:12px;align-items:stretch;
}
.nx-pseudo__field{
  flex:1;position:relative;
}
.nx-input{
  width:100%;height:54px;border-radius:14px;
  background:rgba(0,0,0,.35);border:1px solid var(--nx-line);
  color:#fff;font-family:'Poppins',sans-serif;font-weight:600;
  padding:0 18px;font-size:15px;outline:none;transition:border-color .3s;
}
.nx-input::placeholder{color:#9b8f80;}
.nx-input:focus{border-color:var(--nx-violet);}
.nx-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(118,59,255,.35);}

.nx-vote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
@media (max-width:760px){.nx-vote-grid{grid-template-columns:1fr;}}

.nx-vote{
  display:flex;align-items:center;gap:18px;
  background:linear-gradient(180deg,var(--nx-card),var(--nx-card-2));
  border:1px solid var(--nx-line);border-radius:18px;padding:20px 22px;
  transition:border-color .3s,transform .3s;
}
.nx-vote:hover{border-color:rgba(118,59,255,.5);transform:translateY(-3px);}
.nx-vote__badge{
  flex:none;width:56px;height:56px;border-radius:14px;
  display:grid;place-items:center;
  font-family:'Mondo',sans-serif;font-weight:900;font-size:24px;color:#241407;
  background:var(--nx-gradi-gold);
}
.nx-vote__info{flex:1;min-width:0;}
.nx-vote__name{font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;margin:0;}
.nx-vote__reward{display:inline-flex;align-items:center;gap:6px;color:var(--nx-lime);font-weight:700;font-size:13px;margin-top:4px;}
.nx-vote__action{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px;}
.nx-vote__timer{font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;color:var(--nx-grey-2);font-variant-numeric:tabular-nums;}
.nx-vote__btn{height:42px;padding:0 22px;font-size:13px;border-radius:11px;}

.nx-reward-strip{
  display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:40px;
}
.nx-pill{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.05);border:1px solid var(--nx-line);
  border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px;color:var(--nx-grey-3);
}
.nx-pill b{color:#fff;}

/* =========================================================
   SHOP
   ========================================================= */
.nx-gem-pack{text-align:center;position:relative;overflow:hidden;}
.nx-gem-pack__amt{
  font-family:'Mondo',sans-serif;font-weight:900;font-size:40px;line-height:1;
  background:var(--nx-gradi-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.nx-gem-pack__unit{display:block;color:var(--nx-grey-2);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-top:6px;}
.nx-gem-pack__price{font-family:'Montserrat',sans-serif;font-weight:800;font-size:24px;margin:18px 0 4px;}
.nx-gem-pack__bonus{color:var(--nx-lime);font-weight:700;font-size:13px;margin-bottom:18px;min-height:18px;}
.nx-tag{position:absolute;top:14px;right:-30px;transform:rotate(45deg);background:var(--nx-violet);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;padding:4px 36px;}

.nx-rank{position:relative;display:flex;flex-direction:column;}
.nx-rank--feature{border-color:rgba(118,59,255,.6);box-shadow:0 0 40px rgba(118,59,255,.18);}
.nx-rank__name{font-family:'Mondo',sans-serif;font-weight:900;font-size:26px;text-transform:uppercase;}
.nx-rank__price{font-family:'Montserrat',sans-serif;font-weight:800;font-size:30px;margin:6px 0 2px;}
.nx-rank__price span{font-size:14px;color:var(--nx-grey-2);font-weight:600;}
.nx-rank__list{list-style:none;padding:0;margin:18px 0 24px;display:flex;flex-direction:column;gap:10px;}
.nx-rank__list li{display:flex;gap:10px;align-items:flex-start;color:var(--nx-grey-3);font-size:14px;font-weight:500;line-height:1.4;}
.nx-rank__list li::before{content:"";flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--nx-gradi-gold);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat;}
.nx-rank .nx-btn{margin-top:auto;}

/* =========================================================
   PLAY
   ========================================================= */
.nx-ip{
  display:inline-flex;align-items:center;gap:14px;
  background:rgba(0,0,0,.4);border:1px solid var(--nx-line);border-radius:16px;
  padding:14px 14px 14px 24px;margin-top:8px;
}
.nx-ip__addr{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(20px,3vw,28px);letter-spacing:.5px;}
.nx-ip__copy{height:44px;padding:0 20px;border-radius:11px;font-size:13px;}
.nx-steps{counter-reset:step;display:grid;gap:18px;}
.nx-step{display:flex;gap:18px;align-items:flex-start;}
.nx-step__num{
  counter-increment:step;flex:none;width:46px;height:46px;border-radius:13px;
  display:grid;place-items:center;font-family:'Mondo',sans-serif;font-weight:900;font-size:20px;
  background:var(--nx-violet);color:#fff;
}
.nx-step__num::before{content:counter(step,decimal-leading-zero);}
.nx-step__txt h3{font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px;margin:6px 0 6px;text-transform:uppercase;}
.nx-step__txt p{margin:0;color:var(--nx-grey-2);font-size:14px;line-height:1.55;}

/* =========================================================
   PROFILE
   ========================================================= */
.nx-auth{max-width:440px;margin:0 auto;}
.nx-tabs{display:flex;background:rgba(0,0,0,.3);border:1px solid var(--nx-line);border-radius:14px;padding:5px;margin-bottom:24px;}
.nx-tab{flex:1;height:44px;border:0;background:transparent;color:var(--nx-grey-2);font-family:'Montserrat',sans-serif;font-weight:800;text-transform:uppercase;font-size:13px;border-radius:10px;cursor:pointer;transition:all .3s;}
.nx-tab.is-active{background:var(--nx-violet);color:#fff;}
.nx-field{margin-bottom:16px;text-align:left;}
.nx-field label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--nx-grey-2);margin-bottom:8px;}
.nx-pane{display:none;}
.nx-pane.is-active{display:block;}
.nx-muted-link{color:var(--nx-grey-2);font-size:13px;text-decoration:none;}
.nx-muted-link:hover{color:#fff;}

/* =========================================================
   LEGALS
   ========================================================= */
.nx-legal{max-width:820px;margin:0 auto;}
.nx-legal h2{font-family:'Montserrat',sans-serif;font-weight:800;text-transform:uppercase;font-size:20px;color:#fff;margin:38px 0 12px;}
.nx-legal h2:first-child{margin-top:0;}
.nx-legal p,.nx-legal li{color:var(--nx-grey-3);line-height:1.7;font-size:15px;}
.nx-legal ul{padding-left:20px;}
.nx-legal a{color:var(--nx-violet);}
.nx-legal__meta{color:var(--nx-grey);font-size:13px;margin-bottom:30px;}

/* utils */
.nx-center{text-align:center;}
.nx-mt-s{margin-top:18px;}
.nx-mt-m{margin-top:32px;}
.nx-mt-l{margin-top:56px;}
.nx-cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px;}

/* =========================================================
   LAUNCHER (/play)
   ========================================================= */
.nx-os-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:760px;margin:34px auto 0;}
@media (max-width:680px){.nx-os-grid{grid-template-columns:1fr;}}
.nx-os{
  position:relative;cursor:pointer;text-align:center;
  background:linear-gradient(180deg,var(--nx-card),var(--nx-card-2));
  border:1px solid var(--nx-line);border-radius:18px;padding:26px 20px;
  transition:border-color .3s,transform .3s,box-shadow .3s;
}
.nx-os:hover{transform:translateY(-3px);border-color:rgba(118,59,255,.5);}
.nx-os.is-active{border-color:var(--nx-violet);box-shadow:0 0 0 1px var(--nx-violet),0 0 32px rgba(118,59,255,.25);}
.nx-os__icon{width:54px;height:54px;margin:0 auto 14px;display:block;}
.nx-os__name{font-family:'Montserrat',sans-serif;font-weight:800;text-transform:uppercase;font-size:15px;}
.nx-os__meta{color:var(--nx-grey-2);font-size:12px;margin-top:4px;}
.nx-os__check{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--nx-violet);opacity:0;transform:scale(.6);transition:.25s;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat,linear-gradient(#000,#000);mask-composite:exclude;}
.nx-os.is-active .nx-os__check{opacity:1;transform:scale(1);}
.nx-download{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:30px;}
.nx-win-btn{
  display:inline-flex;align-items:center;gap:14px;height:62px;padding:0 34px;border-radius:16px;border:0;cursor:pointer;
  background:linear-gradient(180deg,#2b8fef,#0a6fd6);color:#fff;
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.4px;
  box-shadow:0 12px 30px rgba(10,111,214,.35);transition:transform .25s,box-shadow .25s,filter .25s;
}
.nx-win-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(10,111,214,.45);filter:brightness(1.05);}
.nx-win-btn:focus-visible{outline:3px solid #fff;outline-offset:2px;}
.nx-win-btn img{width:26px;height:26px;}
.nx-win-btn small{display:block;font-size:10px;font-weight:600;letter-spacing:.5px;opacity:.85;text-transform:none;margin-top:1px;}
.nx-dl-note{color:var(--nx-grey);font-size:12px;}

/* =========================================================
   ACCOUNT (/account)
   ========================================================= */
.nx-acct-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.nx-acct-avatar{width:84px;height:84px;border-radius:18px;background:rgba(255,255,255,.08);display:grid;place-items:center;flex:none;}
.nx-acct-avatar img{width:60px;height:60px;image-rendering:pixelated;}
.nx-acct-name{font-family:'Mondo','Montserrat',sans-serif;font-weight:900;font-size:clamp(26px,4vw,40px);text-transform:uppercase;margin:0;line-height:1;}
.nx-acct-meta{color:var(--nx-grey-2);font-size:13px;margin-top:6px;}
.nx-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;}
@media (max-width:680px){.nx-stat-grid{grid-template-columns:1fr;}}
.nx-stat{background:linear-gradient(180deg,var(--nx-card),var(--nx-card-2));border:1px solid var(--nx-line);border-radius:18px;padding:24px;text-align:center;}
.nx-stat__val{font-family:'Mondo',sans-serif;font-weight:900;font-size:38px;line-height:1;background:var(--nx-gradi-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.nx-stat__label{color:var(--nx-grey-2);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:12px;margin-top:8px;}

/* =========================================================
   PLAY — disabled OS cards (coming soon)
   ========================================================= */
.nx-os.is-disabled{opacity:.32;cursor:not-allowed;pointer-events:none;filter:grayscale(.4);}
.nx-os.is-disabled:hover{transform:none;border-color:var(--nx-line);box-shadow:none;}
.nx-os__soon{position:absolute;top:12px;right:12px;font-family:'Montserrat',sans-serif;font-weight:800;
  font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:3px 8px;}

/* =========================================================
   ACCOUNT — settings / security
   ========================================================= */
.nx-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;}
@media (max-width:760px){.nx-settings{grid-template-columns:1fr;}}
.nx-setcard{background:linear-gradient(180deg,var(--nx-card),var(--nx-card-2));border:1px solid var(--nx-line);
  border-radius:18px;padding:24px;}
.nx-setcard--full{grid-column:1/-1;}
.nx-setcard h3{font-family:'Montserrat',sans-serif;font-weight:800;text-transform:uppercase;font-size:15px;margin:0 0 4px;}
.nx-setcard p.nx-setcard__hint{color:var(--nx-grey-2);font-size:12.5px;margin:0 0 16px;}
.nx-setcard .nx-field{margin-bottom:12px;}
.nx-badge{display:inline-flex;align-items:center;gap:6px;font-family:'Montserrat',sans-serif;font-weight:800;
  text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-radius:999px;padding:5px 12px;}
.nx-badge--off{background:rgba(255,255,255,.08);color:var(--nx-grey-2);border:1px solid var(--nx-line);}
.nx-badge--on{background:rgba(20,200,120,.16);color:#3ee08a;border:1px solid rgba(62,224,138,.4);}
.nx-2fa-setup{margin-top:16px;padding-top:16px;border-top:1px solid var(--nx-line);display:none;}
.nx-2fa-setup.is-open{display:block;}
.nx-2fa-flex{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;}
.nx-2fa-qr{background:#fff;border-radius:12px;padding:10px;width:200px;height:200px;flex:none;display:grid;place-items:center;}
.nx-2fa-qr svg{width:180px;height:180px;display:block;}
.nx-2fa-key{font-family:monospace;font-size:13px;letter-spacing:1px;background:rgba(0,0,0,.3);border:1px solid var(--nx-line);
  border-radius:8px;padding:10px 12px;word-break:break-all;color:#e7e7e7;}
.nx-2fa-steps{flex:1;min-width:240px;}
.nx-2fa-steps ol{margin:0 0 14px;padding-left:18px;color:var(--nx-grey-2);font-size:13px;line-height:1.7;}
.nx-mt-xl{margin-top:64px;}




/* === footer-font-fix START === */
footer p, footer a p { font-family: 'Poppins', 'Montserrat', 'Segoe UI', Arial, sans-serif !important; letter-spacing:.3px; }
footer p:last-of-type { font-weight:500 !important; }
/* === footer-font-fix END === */

/* === navbar-polish START === */
header{
  min-height:84px !important;
  border-bottom:1px solid rgba(118,59,255,.16);
  box-shadow:0 10px 34px rgba(0,0,0,.28);
}
/* logo: fits, centered, subtle violet glow + hover */
header a[href="/"]{ position:static !important; top:auto !important; transition:transform .25s ease; }
header a[href="/"]:hover{ transform:translateY(-1px) scale(1.03); }
header a[href="/"] img{ height:50px !important; width:auto !important; filter:drop-shadow(0 4px 14px rgba(118,59,255,.5)); }

/* nav links: fine, evenly spaced, animated gradient underline on hover */
#navbar-sticky ul{ gap:4px !important; }
#navbar-sticky ul > li{ margin-left:0 !important; }
#navbar-sticky ul li a{
  position:relative;
  margin-left:0 !important;
  font-family:'Montserrat','Segoe UI',Arial,sans-serif !important;
  font-size:15px !important; font-weight:600 !important; letter-spacing:.4px;
  color:#e9e6ff !important;
  padding:9px 16px !important; border-radius:10px;
  transition:color .2s ease, background .2s ease;
}
#navbar-sticky ul li a:hover{ color:#fff !important; background:rgba(118,59,255,.14); }
#navbar-sticky ul li a::after{
  content:""; position:absolute; left:16px; right:16px; bottom:5px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,#763bff,#12fff1);
  transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
}
#navbar-sticky ul li a:hover::after{ transform:scaleX(1); }

/* SHOP + PLAY: consistent size, soft shadow, hover lift */
header a[href="/shop"]{
  font-size:14px !important; height:46px !important; border-radius:12px !important;
  background-image:linear-gradient(135deg,#8b5cff,#5a2bff) !important;
  box-shadow:0 8px 20px rgba(118,59,255,.35); transition:transform .2s, box-shadow .2s, filter .2s;
}
header a[href="/shop"]:hover{ transform:translateY(-2px); filter:brightness(1.07); box-shadow:0 12px 28px rgba(118,59,255,.5); }
header a.play-button{
  font-size:15px !important; height:46px !important; border-radius:12px !important;
  background:#fff !important; color:#5a2bff !important;
  box-shadow:0 8px 20px rgba(0,0,0,.18); transition:transform .2s, box-shadow .2s;
}
header a.play-button:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.3); }
/* gem decorations a touch smaller/softer so they read clean */
header .relative > img{ opacity:.9; transform:scale(.9); }

/* account: avatar with ring + status dot, readable username, hover */
#nx-account-link{ gap:4px; padding:4px; border-radius:12px; transition:background .2s ease; }
#nx-account-link:hover{ background:rgba(255,255,255,.06); }
#nx-account-link > span:first-child{
  position:relative; width:50px !important; height:50px !important; border-radius:12px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}
#nx-account-link > span:first-child img{ width:38px !important; height:38px !important; image-rendering:pixelated; border-radius:6px; }
#nx-account-link > span:first-child::after{
  content:""; position:absolute; right:-2px; bottom:-2px; width:12px; height:12px;
  background:#3ee08a; border-radius:50%; border:2px solid #241043;
}
#nx-account-label{
  font-family:'Montserrat','Segoe UI',Arial,sans-serif !important;
  font-size:11px !important; font-weight:700 !important; letter-spacing:.5px;
  color:#cfc8ff !important; text-transform:uppercase;
}
/* === navbar-polish END === */
