/* NETXGEN VIP CLUB V2 P04 — five rank UI; scoped solely to #nxVipClubPage */
#nxVipClubPage{--vip-bg:var(--nx-surface,#0a1712);--vip-panel:#0b1b16;--vip-border:rgba(215,190,134,.22);--vip-gold:var(--nx-gold,#e5c788);--vip-text:#f2f5f1;--vip-muted:#abc0b3;color:var(--vip-text);min-width:0;width:100%;font-family:inherit}
#nxVipClubPage *,#nxVipClubPage *:before,#nxVipClubPage *:after{box-sizing:border-box}
#nxVipClubPage .nx-vipclub-hero[hidden]{display:none!important}
#nxVipClubPage .nx-vipclub-hero:not([hidden]){display:block;width:100%;margin:0 0 16px;border:1px solid var(--vip-border);border-radius:18px;overflow:hidden;aspect-ratio:9/2;max-height:380px}
#nxVipClubPage .nx-vipclub-hero img{display:block;width:100%;height:100%;object-fit:cover}
#nxVipClubPage .nx-vipclub-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
#nxVipClubPage .nx-v2vip-summary{display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:0;min-height:116px;background:linear-gradient(135deg,#102c20,#0b1714);border:1px solid var(--vip-border);border-radius:16px;padding:18px 20px;box-shadow:0 12px 24px #0002}
#nxVipClubPage .nx-v2vip-summary--rank{border-color:color-mix(in srgb,var(--tier,#d9c18b) 53%,transparent)}
#nxVipClubPage .nx-v2vip-summary>span{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--vip-muted)}
#nxVipClubPage .nx-v2vip-summary strong{font-size:clamp(20px,2.6vw,33px);line-height:1.15;color:#f7e3b8;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#nxVipClubPage .nx-v2vip-summary--rank strong{color:var(--tier,#f7e3b8)}
#nxVipClubPage .nx-v2vip-summary small{font-size:11px;color:#b4c6b8;line-height:1.4}
#nxVipClubPage .nx-vipclub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--vip-border);background:linear-gradient(125deg,#10231a,#0a1511);padding:9px 10px;border-radius:14px;margin:0 0 16px}
#nxVipClubPage .nx-vipclub-tabs{display:flex;gap:7px;flex-wrap:wrap;min-width:0}
#nxVipClubPage .nx-vipclub-tabs button{appearance:none;min-height:40px;padding:10px 16px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid rgba(223,198,142,.17);color:#c8d6cb;font:inherit;font-size:11px;font-weight:800;cursor:pointer;letter-spacing:.035em}
#nxVipClubPage .nx-vipclub-tabs button.active{background:linear-gradient(120deg,#d6ae6a,#f1d7a1);color:#11261b;border-color:#ebcb8c}
#nxVipClubPage .nx-vipclub-tabs button[hidden]{display:none!important}
#nxVipClubPage .nx-vipclub-meta{font-size:10px;color:#a4c2b0;white-space:nowrap;font-weight:800;letter-spacing:.09em}
#nxVipClubPage .nx-v2vip-toprow{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);align-items:stretch;gap:14px;margin-bottom:23px}
#nxVipClubPage .nx-v2vip-current,#nxVipClubPage .nx-v2vip-next,#nxVipClubPage .nx-v2vip-panel{background:radial-gradient(circle at 5% 0%,#15412b65,transparent 64%),linear-gradient(125deg,#10261d,#08130f);border:1px solid var(--vip-border);border-radius:18px;padding:clamp(19px,2.3vw,30px);min-width:0;box-shadow:0 12px 26px #0002}
#nxVipClubPage .nx-v2vip-current{border-color:color-mix(in srgb,var(--tier,#d9c18b) 35%,transparent)}
#nxVipClubPage .nx-v2vip-eyebrow{color:#d9c38e;font-size:10px;font-weight:850;letter-spacing:.17em}
#nxVipClubPage .nx-v2vip-current-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
#nxVipClubPage .nx-v2vip-current h2{font-size:clamp(28px,3vw,43px);margin:9px 0;color:var(--tier,#f9dfaa);letter-spacing:-.035em}
#nxVipClubPage .nx-v2vip-current p,#nxVipClubPage .nx-v2vip-next p,#nxVipClubPage .nx-v2vip-panel>p{color:#b4c7b9;font-size:12px;line-height:1.75;margin:0}
#nxVipClubPage .nx-v2vip-emblem{flex-shrink:0;display:grid;place-items:center;width:72px;height:72px;border:2px solid var(--tier,#e7c68c);border-radius:20px;background:#07120c;color:var(--tier,#e7c68c);font-size:36px;box-shadow:0 0 28px #0003}
#nxVipClubPage .nx-v2vip-progress-label{margin:30px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c3d7c8;font-size:11px;font-weight:800}
#nxVipClubPage .nx-v2vip-progress-label b{color:#f3d698}
#nxVipClubPage .nx-v2vip-progress{width:100%;height:11px;background:#1e392c;border:1px solid #48614d55;border-radius:100px;overflow:hidden}
#nxVipClubPage .nx-v2vip-progress>span{display:block;height:100%;background:linear-gradient(90deg,#419b73,var(--tier,#f3d698));border-radius:100px}
#nxVipClubPage .nx-v2vip-current-foot{display:flex;justify-content:space-between;gap:13px;margin-top:17px;flex-wrap:wrap}
#nxVipClubPage .nx-v2vip-current-foot span{font-size:11px;color:#a9c1b0}#nxVipClubPage .nx-v2vip-current-foot b{margin-left:6px;color:#f7e4b9;font-size:13px}
#nxVipClubPage .nx-v2vip-next{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#nxVipClubPage .nx-v2vip-next h3{font-size:23px;line-height:1.2;margin:12px 0 10px;color:#f6e6c2}
#nxVipClubPage .nx-v2vip-next button,#nxVipClubPage .nx-v2vip-bonusbar button{cursor:pointer;margin-top:22px;border:1px solid #e4c68a;background:linear-gradient(105deg,#e6c48c,#cbaa67);color:#192b1e;font-weight:850;border-radius:11px;min-height:43px;padding:11px 17px;font-size:12px}
#nxVipClubPage .nx-v2vip-section-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:12px;margin:0 0 13px}
#nxVipClubPage .nx-v2vip-section-head span{font-size:10px;letter-spacing:.15em;color:#b6d1bb;font-weight:800}#nxVipClubPage .nx-v2vip-section-head h2{color:#f5e4bd;font-size:23px;margin:7px 0 0}
#nxVipClubPage .nx-v2vip-section-head p{margin:0;font-size:11px;color:#a7bfad}
#nxVipClubPage .nx-v2vip-tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
#nxVipClubPage .nx-v2vip-tier{background:linear-gradient(145deg,#12231d,#0a1712);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--tier,#d5c38c);border-radius:15px;padding:19px 14px 16px;min-width:0;min-height:220px;box-shadow:0 10px 25px #0002}
#nxVipClubPage .nx-v2vip-tier.is-current{background:linear-gradient(150deg,#1c3c2b,#0d2017);border-color:var(--tier,#d8c18b);box-shadow:0 0 0 1px var(--tier,#d8c18b),0 10px 24px #0003}
#nxVipClubPage .nx-v2vip-tier-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a7baa9;font-size:10px;letter-spacing:.12em;font-weight:800}
#nxVipClubPage .nx-v2vip-medal{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#060f0c;border:1px solid var(--tier,#d9c18b);color:var(--tier,#d9c18b);font-size:21px}
#nxVipClubPage .nx-v2vip-tier h3{margin:22px 0 7px;color:var(--tier,#f4e2ba);font-size:19px;font-weight:850;letter-spacing:-.02em}
#nxVipClubPage .nx-v2vip-minxp{font-size:12px;color:#e5eade;font-variant-numeric:tabular-nums}
#nxVipClubPage .nx-v2vip-tier-state{display:inline-flex;margin-top:13px;border-radius:50px;padding:5px 8px;border:1px solid #ffffff24;background:#ffffff0b;color:#bdd3bd;font-size:10px;font-weight:700}
#nxVipClubPage .nx-v2vip-tier.is-current .nx-v2vip-tier-state{background:#d7b97826;color:#f0d699;border-color:#e2be7970}
#nxVipClubPage .nx-v2vip-tier ul{border-top:1px solid #ffffff20;padding:10px 0 0;margin:13px 0 0;list-style:none}
#nxVipClubPage .nx-v2vip-tier li{position:relative;padding:0 0 6px 11px;font-size:10px;line-height:1.5;color:#aac4b0}
#nxVipClubPage .nx-v2vip-tier li:before{content:'•';position:absolute;left:0;color:var(--tier,#d9c18b)}
#nxVipClubPage .nx-v2vip-panel>h2{color:#f3e1ba;font-size:24px;margin:10px 0 13px}
#nxVipClubPage .nx-v2vip-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:11px;margin:21px 0}
#nxVipClubPage .nx-v2vip-benefit{display:flex;align-items:center;gap:12px;min-width:0;padding:17px;border-radius:12px;background:#0a1812;border:1px solid #ffffff20}
#nxVipClubPage .nx-v2vip-benefit>span{color:#dfc58d;font-size:25px}
#nxVipClubPage .nx-v2vip-benefit strong{font-size:13px;line-height:1.45;color:#e2e9e0}
#nxVipClubPage .nx-v2vip-bonusbar{margin-top:23px;padding:21px;background:linear-gradient(110deg,#1a3929,#10221b);border:1px solid #d5bb7c35;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:18px}
#nxVipClubPage .nx-v2vip-bonusbar h3{font-size:18px;color:#f4e1b7;margin:0 0 6px}
#nxVipClubPage .nx-v2vip-bonusbar p{font-size:12px;color:#b8cbbd;line-height:1.65;margin:0}
#nxVipClubPage .nx-v2vip-bonusbar button{flex-shrink:0;margin:0}
#nxVipClubPage .nx-v2vip-history{display:grid;gap:9px;margin-top:21px}
#nxVipClubPage .nx-v2vip-history>div{display:flex;align-items:center;gap:14px;border:1px solid #ffffff1e;border-radius:12px;background:#0b2017;padding:14px 16px}
#nxVipClubPage .nx-v2vip-event-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #d5b87e5c;border-radius:11px;color:#ebd094}
#nxVipClubPage .nx-v2vip-history>div>div{display:grid;gap:5px;min-width:0;flex:1}
#nxVipClubPage .nx-v2vip-history strong{font-size:12px;color:#edf2e8}
#nxVipClubPage .nx-v2vip-history small{font-size:11px;color:#a6bdab}
#nxVipClubPage .nx-v2vip-event-note{font-size:10px;color:#bdcdbd}
#nxVipClubPage .nx-v2vip-empty{text-align:center;display:grid;place-items:center;border:1px dashed #ffffff33;background:linear-gradient(135deg,#10231c,#0c1512);border-radius:16px;padding:46px 20px;min-height:220px}
#nxVipClubPage .nx-v2vip-empty-icon{display:grid;place-items:center;width:58px;height:58px;color:#e6c787;border:1px solid #bfa46970;background:#e6c78715;border-radius:18px;font-size:29px}
#nxVipClubPage .nx-v2vip-empty h2{font-size:20px;color:#f0deb5;margin:13px 0 7px}
#nxVipClubPage .nx-v2vip-empty p{font-size:12px;line-height:1.7;color:#b0c5b3;margin:0;max-width:460px}
#nxVipClubPage button:focus-visible{outline:2px solid #f1ce86;outline-offset:3px}
@media(max-width:1180px){#nxVipClubPage .nx-v2vip-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#nxVipClubPage .nx-v2vip-toprow{grid-template-columns:1fr}#nxVipClubPage .nx-v2vip-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#nxVipClubPage .nx-vipclub-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#nxVipClubPage .nx-v2vip-summary{min-height:101px;padding:14px 12px}#nxVipClubPage .nx-v2vip-summary:last-child{grid-column:1/-1;min-height:82px}#nxVipClubPage .nx-vipclub-toolbar{flex-direction:column;align-items:stretch;gap:9px}#nxVipClubPage .nx-vipclub-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#nxVipClubPage .nx-vipclub-tabs button{font-size:9px;line-height:1.3;padding:9px 3px;white-space:normal;min-width:0}#nxVipClubPage .nx-vipclub-meta{text-align:center}#nxVipClubPage .nx-v2vip-toprow{gap:10px}#nxVipClubPage .nx-v2vip-current,#nxVipClubPage .nx-v2vip-next,#nxVipClubPage .nx-v2vip-panel{padding:18px}#nxVipClubPage .nx-v2vip-current h2{font-size:30px}#nxVipClubPage .nx-v2vip-emblem{width:53px;height:53px;font-size:29px;border-radius:15px}#nxVipClubPage .nx-v2vip-current-foot{gap:6px}#nxVipClubPage .nx-v2vip-section-head{align-items:flex-start}#nxVipClubPage .nx-v2vip-tiers{gap:9px}#nxVipClubPage .nx-v2vip-tier{padding:15px 10px;min-height:210px}#nxVipClubPage .nx-v2vip-tier h3{font-size:17px;margin-top:15px}#nxVipClubPage .nx-v2vip-tier li{font-size:10px}#nxVipClubPage .nx-v2vip-bonusbar{flex-direction:column;align-items:stretch}#nxVipClubPage .nx-v2vip-bonusbar button{width:100%}}
@media(max-width:360px){#nxVipClubPage .nx-v2vip-tiers{grid-template-columns:1fr}#nxVipClubPage .nx-v2vip-summary strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){#nxVipClubPage *{animation:none!important;transition:none!important}}