:root{--primary-color:#343444;--primary-color2:#fff;--primary-color3:#fffcfe;--primary-color4:#09090c;--primary-color5:#0b0c10;--primary-color6:#3d042cc4;--primary-color7:#65657a;--primary-color8:#ffffff8c;--primary-color9:#ffffff45;--primary-color10:#e57e7e;--primary-color11:#131318;--primary-color12:#000;--primary-color13:#ffffff;--primary-color14:#ffffff42;--primary-color15:#ffffff;--primary-color16:#515151;--primary-color17:#ffffff;--primary-color18:#d90d0d;}















/* TIP4SERV-ADDITIONAL-CSS DONT TOUCH ME */
/* =================================================
   NYLZXS TIP4SERV — CLEAN BLUE SYSTEM
   FIXED: PURCHASE HISTORY + HIDDEN CATEGORIES
================================================= */

/* ---------- COLOR SYSTEM ---------- */
:root{
  --blue1: 10,18,36;
  --blue2: 18,32,64;
  --blue3: 30,58,120;

  --panelTop: rgba(18,38,80,.88);
  --panelBot: rgba(10,22,48,.88);
  --panelBorder: rgba(120,180,255,.22);

  --glowSoft: rgba(60,130,255,.25);
  --glowMed: rgba(60,130,255,.35);
  --glowStrong: rgba(80,150,255,.45);

  --text: #ffffff;
  --textSoft: rgba(210,225,255,.70);
}

/* ---------- BASE ---------- */
body{
  background: radial-gradient(circle at top, #081630, #040912 55%, #000);
  color: var(--text);
}

*{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a{
  text-decoration:none;
}

.logo_header{
  display:none !important;
}

/* =================================================
   FORCE HIDE PURCHASE HISTORY
================================================= */

.historic_tab,
#historic_tab,
[class*="historic"],
[class*="history"],
[class*="purchase-history"],
[class*="purchase_history"]{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* =================================================
   PROTECT HIDDEN CATEGORIES / HIDDEN ITEMS
================================================= */

.tip4serv-widget [hidden],
.tip4serv-widget .hidden,
.tip4serv-widget .hide,
.tip4serv-widget [style*="display: none"],
.tip4serv-widget [style*="display:none"]{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
}

/* =================================================
   TIP4SERV LEADERBOARD TAB BEHAVIOR
   SAFE VERSION — DOES NOT FORCE HIDDEN CATEGORIES OPEN
================================================= */

.tip4serv-widget .menu-tab .item-title:first-child{
  display:none !important;
}

.tip4serv-widget .content-tab > .row:first-child{
  display:none !important;
}

/* REMOVED:
   .content-tab > .row:nth-child(2) display:flex
   This was forcing hidden categories to show.
*/

.tip4serv-widget .menu-tab .item-title:nth-of-type(2) span{
  display:none !important;
}

.tip4serv-widget .menu-tab .item-title:nth-of-type(2)::after{
  content:"Today’s Top Supporters";
  font-size:14px;
  font-weight:800;
  color:#fff;
  letter-spacing:.3px;
}

.tip4serv-widget h3,
.tip4serv-widget .widget-title,
.tip4serv-widget .section-title{
  display:none !important;
}

.tip4serv-widget .menu-tab,
.tip4serv-widget .menu-tab *{
  background:transparent !important;
  box-shadow:none !important;
}

/* =================================================
   WIDGET FRAME
================================================= */

.tip4serv-widget{
  position:relative !important;
  border-radius:18px !important;
  overflow:hidden !important;
}

.tip4serv-widget::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:20px;
  background:linear-gradient(90deg,
    rgb(var(--blue1)),
    rgba(255,255,255,.95),
    rgb(var(--blue3)),
    rgb(var(--blue1))
  );
  background-size:300% 300%;
  animation:nylzxsBorderFlow 7s linear infinite;
  z-index:0;
  opacity:.95;
}

.tip4serv-widget::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(8,12,22,.78), rgba(4,6,14,.68));
  backdrop-filter:blur(10px);
  z-index:0;
}

.tip4serv-widget > *{
  position:relative !important;
  z-index:1;
}

@keyframes nylzxsBorderFlow{
  0%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
  100%{ background-position:0% 50%; }
}

/* =================================================
   BLUE GLASS PANELS
================================================= */

.tip4serv-widget .announcement,
.tip4serv-widget .store-message,
.tip4serv-widget .notice,
.tip4serv-widget .alert{
  background:linear-gradient(180deg, var(--panelTop), var(--panelBot)) !important;
  border:1px solid var(--panelBorder) !important;
  border-radius:18px !important;
  padding:14px 18px !important;
  color:var(--text) !important;
  backdrop-filter:blur(10px);
  box-shadow:
    0 0 18px var(--glowMed),
    inset 0 0 0 1px rgba(255,255,255,.06) !important;
}

.tip4serv-widget .announcement{
  box-shadow:
    0 0 22px var(--glowStrong),
    inset 0 0 0 1px rgba(255,255,255,.09) !important;
}

/* =================================================
   SEARCH BAR
================================================= */

.tip4serv-widget input[type="search"],
.tip4serv-widget input[type="text"]{
  background:linear-gradient(180deg, rgba(18,38,80,.90), rgba(10,22,48,.90)) !important;
  border:1px solid rgba(120,180,255,.25) !important;
  border-radius:14px !important;
  color:var(--text) !important;
  box-shadow:0 0 14px var(--glowSoft) !important;
}

.tip4serv-widget input::placeholder{
  color:var(--textSoft) !important;
}

/* =================================================
   SIDEBAR
================================================= */

.tip4serv-widget .menu,
.tip4serv-widget .sidebar{
  background:linear-gradient(180deg, rgba(12,26,55,.95), rgba(6,14,32,.95)) !important;
  border:1px solid rgba(120,180,255,.18) !important;
  border-radius:18px !important;
}

/* =================================================
   BUTTONS
================================================= */

button,
.btn,
.buy-btn,
a.btn,
a.buy-btn,
input[type="submit"],
input[type="button"]{
  background:linear-gradient(180deg, #ffffff, #e6eaf2) !important;
  color:#050812 !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:
    0 0 14px rgba(255,255,255,.35),
    0 0 28px rgba(60,130,255,.35) !important;
}

button:hover,
.btn:hover,
.buy-btn:hover{
  transform:translateY(-1px);
  box-shadow:
    0 0 20px rgba(255,255,255,.65),
    0 0 44px rgba(60,130,255,.55) !important;
}

/* =================================================
   DISCOUNT BADGES
================================================= */

.tip4serv-widget .discount,
.tip4serv-widget .sale,
.tip4serv-widget .badge{
  background-color:rgba(8,12,22,.92) !important;
  color:#ffffff !important;
  border-radius:999px !important;
  padding:6px 12px !important;
  border:1px solid rgba(255,255,255,.25) !important;
}

/* =================================================
   LEADERBOARD POLISH
================================================= */

.tip4serv-widget table{
  border-collapse:separate !important;
  border-spacing:0 8px !important;
}

.tip4serv-widget table tr{
  background:rgba(8,12,22,.35) !important;
  border:1px solid rgba(120,180,255,.14) !important;
}

.tip4serv-widget table td,
.tip4serv-widget table th{
  color:rgba(245,250,255,.92) !important;
}

/* =================================================
   STORE RULES PANEL
================================================= */

.tip4serv-widget .content-tab::after{
  content:
"📜 STORE RULES\A\A\
• All purchases are final once you receive your goods — no refunds except at our discretion.\A\A\
• We are not responsible for purchases made by minors without parental permission.\A\A\
• Buying items does not give permission to break server rules.\A\A\
• Any attempt to scam will result in a permanent ban.\A\A\
• Nylzxs 3x reserves the right to edit kits if needed.\A\A\
• Lifetime kits last for the duration of the server.\A\A\
• Kits work across all of our servers";

  white-space:pre-line;
  display:block;
  margin-top:18px;
  padding:18px 20px;
  border-radius:16px;
  background:linear-gradient(135deg, rgba(20,45,95,.72), rgba(10,22,48,.72));
  color:#f5faff;
  font-size:13px;
  line-height:1.65;
  border:1px solid rgba(120,180,255,.28);
  box-shadow:0 0 18px rgba(60,130,255,.35);
}
/* TIP4SERV-ADDITIONAL-CSS DONT TOUCH ME */