/* =========================================================
   9Dragons "Wuxia" Sidebar — STRICTLY SCOPED
   Scope: ONLY inside #main-sidebar.wuxia-scope
   Fonts already loaded: Cinzel / Noto Serif SC
   ========================================================= */


#main-sidebar.wuxia-scope{
  --bg-900:#0f1113;  /* column background */
  --bg-800:#15181c;  /* panel surface */
  --line-600:#2c3238;
  --txt-100:#e6e6e6; /* primary text */
  --txt-200:#c8c8c8;
  --txt-300:#9aa3ab;
  --amber-400:#f6c453; --amber-500:#f0b429;
  --jade-400:#20c997;  --jade-500:#17b384;
  --crimson-500:#e2574c;
  --gold-300:#d9c37a;
  background:var(--bg-900) !important;
  color:var(--txt-100);
}

/* Column & inner wrapper */


/* Panels / cards */
#main-sidebar.wuxia-scope .panel,
#main-sidebar.wuxia-scope .panel.panel-default,
#main-sidebar.wuxia-scope .sidebar-panel.panel{
  background:var(--bg-800) !important;
  border:1px solid var(--line-600) !important;
  border-radius:14px;
  box-shadow:0 6px 20px rgba(0,0,0,.35);
  overflow:hidden;
  margin-bottom:16px;
}

/* Panel headers */
#main-sidebar.wuxia-scope .panel-heading{
  background:
    linear-gradient(180deg, rgba(240,180,41,.10), rgba(240,180,41,.04)),
    var(--bg-800) !important;
  border-bottom:1px solid var(--line-600) !important;
  color:var(--txt-100) !important;
  padding:12px 14px;
}
#main-sidebar.wuxia-scope .panel-heading h4{
  margin:0;
  font-family:"Cinzel","Noto Serif SC",serif;
  color:var(--gold-300);
  letter-spacing:.3px;
  text-shadow:0 1px 0 rgba(0,0,0,.6);
  position:relative; padding-bottom:6px;
}
#main-sidebar.wuxia-scope .panel-heading h4::after{
  content:""; position:absolute; left:12px; right:12px; bottom:-4px; height:1px;
  background:linear-gradient(90deg, transparent, rgba(240,180,41,.35), transparent);
}

/* List groups (Statistics / Top 10 / Ban / Events) */
#main-sidebar.wuxia-scope .list-group-item{
  background:rgba(255,255,255,.03) !important;
  color:var(--txt-100) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  margin:6px 10px; border-radius:10px;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#main-sidebar.wuxia-scope .list-group-item:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  border-color:rgba(240,180,41,.25);
}
/* Normalize hardcoded "whitesmoke" rows */
#main-sidebar.wuxia-scope .list-group > li[style],
#main-sidebar.wuxia-scope .list-group > li[style*="background"]{
  background:rgba(255,255,255,.06) !important;
  color:var(--txt-100) !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Badges */
#main-sidebar.wuxia-scope .badge{
  background:linear-gradient(180deg, var(--amber-500), var(--amber-400));
  color:#231800; font-weight:700;
  border:1px solid rgba(0,0,0,.35);
  border-radius:16px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
  margin-left:8px;
}

/* Server status chips */
#main-sidebar.wuxia-scope .status-online,
#main-sidebar.wuxia-scope .status-offline{
  display:inline-block; padding:2px 10px; border-radius:999px; font-weight:700;
  border:1px solid rgba(255,255,255,.15);
}
#main-sidebar.wuxia-scope .status-online{
  background:linear-gradient(180deg, #36d899, #20b77e);
  color:#071d12;
}
#main-sidebar.wuxia-scope .status-offline{
  background:linear-gradient(180deg, #ff8a80, var(--crimson-500));
  color:#240a08;
}

/* Login inputs */
#main-sidebar.wuxia-scope #login-nav .input-group{ margin-top:8px; padding:0; }
#main-sidebar.wuxia-scope #login-nav .input-group-addon{
  background:#242a2f !important; color:var(--txt-200) !important;
  border:1px solid #333a41 !important; 
}
#main-sidebar.wuxia-scope #login-nav .form-control{
  background:#1b2025 !important; color:var(--txt-100) !important;
  border:1px solid #333a41 !important; height:40px; line-height:40px;
  padding:0 12px;
}
#main-sidebar.wuxia-scope #login-nav .form-control::placeholder{ color:var(--txt-300); }
#main-sidebar.wuxia-scope #login-nav .form-control:focus{
  border-color:rgba(240,180,41,.35) !important;
  box-shadow:0 0 0 3px rgba(240,180,41,.15) !important;
  outline:none;
}

/* Register / Sign-in row — equal widths & spacing */
#main-sidebar.wuxia-scope #login-nav .btn-group{
  display:flex; width:100%; gap:10px;
}
#main-sidebar.wuxia-scope #login-nav .btn-group .btn{
  flex:1 1 0; height:42px; line-height:42px; border-radius:10px;
}

/* Forgot buttons — full width & same height */
#main-sidebar.wuxia-scope #login-nav .btn.btn-warning{
  height:42px; line-height:42px; margin-top:10px;
}

/* Sidebar-only button theming (no bleed) */
#main-sidebar.wuxia-scope .btn{
  text-transform:uppercase; letter-spacing:.3px; font-weight:700;
  border:none; border-radius:10px;
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
  width:100%;
}
#main-sidebar.wuxia-scope .btn:hover{ transform:translateY(-1px); }
#main-sidebar.wuxia-scope .btn:active{ transform:translateY(0); }
#main-sidebar.wuxia-scope .btn-primary{
  background:linear-gradient(180deg, #4a2a2a, #271414); color:#f2d6c0 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.6);
  box-shadow:0 6px 18px rgba(85,24,24,.45);
}
#main-sidebar.wuxia-scope .btn-info{
  background:linear-gradient(180deg, var(--amber-500), var(--amber-400));
  color:#2c1a00 !important; box-shadow:0 4px 12px rgba(240,180,41,.35);
}
#main-sidebar.wuxia-scope .btn-success{

  box-shadow:0 4px 12px rgba(23,179,132,.35);
}
#main-sidebar.wuxia-scope .btn-warning{
  background:linear-gradient(180deg, var(--amber-400), #e6a41f);
  color:#2c1a00 !important; box-shadow:0 3px 10px rgba(240,180,41,.28);
}
#main-sidebar.wuxia-scope .btn-default{
  background:linear-gradient(180deg, #2b3036, #1f2429);
  color:#e6e6e6 !important;
}

/* Bosses Timer button (using your .bosses-timer-btn) */
#main-sidebar.wuxia-scope .bosses-timer-btn{
  background:
    radial-gradient(120% 60% at 50% 0%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(180deg, #4a2a2a, #271414) !important;
  border:1px solid rgba(240,180,41,.25) !important;
  border-radius:10px !important;
  box-shadow:0 6px 18px rgba(85,24,24,.45) !important;
  color:#f2d6c0 !important;
}

/* Green tiles (Character Buffs / Stats Calculator)
   – override any global .buff_container rules safely */
#main-sidebar.wuxia-scope a.buff_container.chr_buffs{
 
  padding:12px 14px !important; margin:10px 12px !important;
  font-size:20px !important; font-weight:800;
  text-align:center; text-decoration:none;
  color:#dff7ee !important;
  background:linear-gradient(180deg, #1a422f, #10261b) !important;
  border:1px solid rgba(23,179,132,.35) !important;
  border-radius:10px !important;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#main-sidebar.wuxia-scope a.buff_container.chr_buffs:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,.45);
  border-color:rgba(240,180,41,.35) !important;
}

/* Images/cards (FAQ, Client FIX, Daily Gifts) */
#main-sidebar.wuxia-scope .text-center a img{
  border-radius:12px; display:block; width:100%; height:auto;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
#main-sidebar.wuxia-scope .text-center a img:hover{
  transform:translateY(-2px); box-shadow:0 10px 22px rgba(0,0,0,.45);
}
/* Keep the green tiles from getting the overlay used on images */
#main-sidebar.wuxia-scope a.chr_buffs::after{ content:none !important; }

/* Daily Gifts caption spacing */
#main-sidebar.wuxia-scope a[href*="/daily_gifts"] div{ margin-top:8px !important; }

/* Timestamp style (monospaced look so the time doesn't "jump") */
#main-sidebar.wuxia-scope #timestamp{
  font-size:24px !important; font-weight:800;
  font-variant-numeric:tabular-nums; letter-spacing:.6px;
  color:#f3e6c1 !important; text-shadow:0 1px 0 rgba(0,0,0,.7);
  margin:4px 0 8px;
}

/* Facebook/Discord embed text color guard */
#main-sidebar.wuxia-scope .fb-page,
#main-sidebar.wuxia-scope .fb-xfbml-parse-ignore,
#main-sidebar.wuxia-scope blockquote a{ color:var(--txt-100) !important; }

/* Mobile tweaks */
@media (max-width: 767px){
  #main-sidebar.wuxia-scope .list-group-item{ margin:6px; }
  #main-sidebar.wuxia-scope .btn{ padding:10px 14px; }
}


/* ==========================================
   Wuxia Sidebar – Ornate Pack (scoped)
   Drop this AFTER your current .wuxia-scope block
   ========================================== */

.wuxia-scope {
  /* subtle paper/noise & ember tone for deeper feel */
  --ornate-vignette: radial-gradient(120% 90% at 50% -20%, rgba(255,180,60,.06), rgba(0,0,0,0) 55%),
                     radial-gradient(120% 120% at 50% 120%, rgba(255,90,60,.05), rgba(0,0,0,0) 45%);
}



/* ===== PANELS / FRAMES ===== */
.wuxia-scope .panel,
.wuxia-scope .panel.panel-default,
.wuxia-scope .sidebar-panel.panel {
  position: relative;
  background:
    radial-gradient(220% 140% at 120% -20%, rgba(243,215,120,.06), rgba(0,0,0,0) 40%),
    var(--bg-800) !important;
  border-radius: 16px;
  border: 1px solid var(--line-600) !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(240,180,41,.05);
  overflow: hidden;
}
.wuxia-scope .panel::before,
.wuxia-scope .panel::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
}
/* soft inner vignette */
.wuxia-scope .panel::before{
  background:
    radial-gradient(140% 120% at 50% -10%, rgba(0,0,0,.35), transparent 48%),
    var(--ornate-vignette);
  mix-blend-mode: normal;
  opacity:.7;
}
/* delicate gold rim */
.wuxia-scope .panel::after{
  border-radius: 14px;
  box-shadow: inset 0 0 0 1px rgba(240,180,41,.08);
}

/* ===== PANEL HEADINGS (ornate) ===== */
.wuxia-scope .panel-heading {
  position: relative;
  background:
    linear-gradient(180deg, rgba(240,180,41,.18), rgba(240,180,41,.06) 40%, rgba(0,0,0,.00)),
    linear-gradient(180deg, #2a1b11, #191210) !important;
  border-bottom: 1px solid rgba(240,180,41,.18) !important;
  padding: 12px 14px 16px;
}
.wuxia-scope .panel-heading h4{
  font-family: "Cinzel", "Noto Serif SC", serif;
  color: var(--gold-300);
  letter-spacing:.4px;
  text-shadow: 0 1px 0 rgba(0,0,0,.7);
  margin: 0;
}
/* little gold divider flourish */
.wuxia-scope .panel-heading h4::after{
  content:"";
  position:absolute;
  left: 16px; right: 16px; bottom: 7px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(243,215,120,.45), transparent);
}
/* tiny corner ornaments (pure CSS) */
.wuxia-scope .panel-heading::before,
.wuxia-scope .panel-heading::after{
  content:"";
  position:absolute; top:7px; width:12px; height:12px;
  border-top: 2px solid rgba(243,215,120,.45);
  border-left:2px solid rgba(243,215,120,.45);
  filter: drop-shadow(0 0 2px rgba(243,215,120,.25));
  opacity:.9;
}
.wuxia-scope .panel-heading::before{ left:10px; transform: rotate(0deg); }
.wuxia-scope .panel-heading::after{
  right:10px; transform: rotate(360deg);
  border-left:0; border-right:2px solid rgba(243,215,120,.45);
}

/* ===== LISTS (stats / top 10 / ban) ===== */
.wuxia-scope .list-group{ padding: 6px 6px 10px; }
.wuxia-scope .list-group-item{
  position: relative;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.00)),
    #121417 !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  margin: 5px 8px;
  border-radius: 10px;
}
.wuxia-scope .list-group-item::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0; width:3px;
  border-radius:10px 0 0 10px;
  background: linear-gradient(180deg, rgba(23,179,132,.55), rgba(240,180,41,.55));
  opacity:.55;
}
.wuxia-scope .list-group-item:hover{
  box-shadow: 0 8px 18px rgba(0,0,0,.35);
  border-color: rgba(240,180,41,.28) !important;
}

/* header rows that have inline whitesmoke */
.wuxia-scope .list-group > li[style*="whitesmoke"]{
  background:
    linear-gradient(180deg, rgba(243,215,120,.10), rgba(0,0,0,0)) !important;
}

/* ===== BADGES / STATUS ===== */
.wuxia-scope .badge{
  background:
    linear-gradient(180deg, #f6c453, #e6a41f);
  color:#2a1b00; font-weight:800;
  border:1px solid rgba(0,0,0,.35);
  border-radius:14px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}

/* ===== INPUTS (login) ===== */
.wuxia-scope #login-nav .input-group-addon{
  background: #23282e !important;
  border: 1px solid #30373f !important;
  color: #cfd6dd !important;
}
.wuxia-scope #login-nav .form-control{
  background:#151a1f !important;
  border:1px solid #30373f !important;
  color:#e6e6e6 !important;
}
.wuxia-scope #login-nav .form-control:focus{
  border-color: rgba(243,215,120,.35) !important;
  box-shadow: 0 0 0 3px rgba(243,215,120,.15) !important;
}

/* ===== BUTTONS (beveled look) – still scoped ===== */
.wuxia-scope .btn{
  position: relative;
  border-radius: 12px;
  box-shadow:
    0 8px 18px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.18);
}
.wuxia-scope .btn::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    pointer-events: none;
    height: 100%;
}

/* map variants you already use */
.wuxia-scope .btn-info{
  background:
    linear-gradient(180deg, #f6c453, #f0b429 60%, #b97c17) !important;
  color:#2a1b00 !important;
}
.wuxia-scope .btn-success{
  background:
    linear-gradient(180deg, #27c59b, #17a97f 60%, #0f6d54) !important;

}
.wuxia-scope .btn-warning{
  background:
    linear-gradient(180deg, #ffd271, #f3b63f 60%, #b77918) !important;
  color:#2a1b00 !important;
}
.wuxia-scope .btn-default{
  background:
    linear-gradient(180deg, #2f353c, #1e2328 60%, #121619) !important;
  color:#e6e6e6 !important;
}
.wuxia-scope .btn-primary{
  background:
    linear-gradient(180deg, #6b2c2c, #3a1919 60%, #250f0f) !important;
  color:#f3d6c5 !important;
}

/* fix the Register/Sign-in row perfectly */
.wuxia-scope #login-nav .btn-group{
  display:flex; gap:10px; width:100%;
}
.wuxia-scope #login-nav .btn-group .btn{
  flex:1 1 0; height:44px; line-height:44px;
}

/* ===== GREEN TILES (Buffs / Stats) ===== */
.wuxia-scope .buff_container.chr_buffs{
  font-weight:800; letter-spacing:.2px;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(180deg, #1e4f36, #133324 65%, #0e241a) !important;
  border:1px solid rgba(23,179,132,.45) !important;
  color:#dbf6ee !important;
}
.wuxia-scope .buff_container.chr_buffs:hover{
  box-shadow: 0 12px 24px rgba(0,0,0,.45),
              0 0 0 2px rgba(243,215,120,.20) inset;
  border-color: rgba(243,215,120,.45) !important;
}

/* ===== BOSS TIMER CTA (keep your class, make it match) ===== */
.wuxia-scope .bosses-timer-btn{
  border-radius: 12px !important;
  border: 1px solid rgba(243,215,120,.25) !important;
  background:
    radial-gradient(120% 70% at 50% 0%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(180deg, #4a2a2a, #271414) !important;
  color:#f2d6c0 !important;
  text-transform: uppercase;
  letter-spacing:.4px;
}

/* ===== IMAGES / CARDS ===== */
.wuxia-scope .text-center img{
  border-radius:12px;
  box-shadow: 0 10px 22px rgba(0,0,0,.45);
}
.wuxia-scope .text-center a::after{
  /* subtle frame overlay on images only, not on .chr_buffs links */
  content:"";
  position:absolute; inset:0; border-radius:12px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  pointer-events:none;
  height:100%;
}

/* ===== TIMESTAMP (monospace & glow) ===== */
.wuxia-scope #timestamp{
  font-variant-numeric: tabular-nums;
  font-weight:800;
  color:#ffecc7 !important;
  text-shadow: 0 0 8px rgba(243,215,120,.25), 0 1px 0 rgba(0,0,0,.75);
}

/* ===== RESPONSIVE TWEAKS ===== */
@media (max-width: 767px){
  .wuxia-scope .panel{ border-radius:14px; }
  .wuxia-scope .btn{ padding:10px 12px; }
  .wuxia-scope .list-group-item{ margin:6px; }
}

/* === BUTTON ALIGNMENT FIX (scoped) === */
.wuxia-scope .btn {
  display: inline-flex;              /* was inline-block */
  align-items: center;               /* vertical center */
  justify-content: center;           /* horizontal center */
  line-height: 1;                    /* kill tall line-height */
  min-height: 44px;                  /* consistent height */
  padding: 10px 16px;                /* balanced padding */
}

.wuxia-scope #login-nav .btn-group { gap: 10px; }
.wuxia-scope #login-nav .btn-group .btn { flex: 1 1 0; min-height: 44px; }



/* ===============================
   Wuxia "Crimson" Theme – Overrides
   Scope: #main-sidebar.wuxia-scope only
   Drop AFTER your existing wuxia CSS
   =============================== */

/* 1) Palette tokens */
#main-sidebar.wuxia-scope{
  /* Surfaces */
  --bg-900: #580201;   /* column background (crimson) */
  --bg-800: #2E0202;   /* panel background (darker for contrast) */
  --line-600:#5f2c2c;  /* borders */

  /* Text (warm whites) */
  --txt-100:#F2ECE9;   /* primary */
  --txt-200:#D9CFCC;   /* secondary */
  --txt-300:#BFAEAE;   /* placeholders */

  /* Accents */
  --gold-300:#E3C46E;
  --amber-400:#E8C875; --amber-500:#D7AF4A;

  /* Actions */
  --jade-400:#20C997;  --jade-500:#17B384;   /* Sign in (positive) */
  --crimson-400:#C83A3A; --crimson-600:#8F1C1C; /* Register / primary red */
  --slate-1:#31363C; --slate-2:#1F2429;       /* Utility */
}

/* 2) Column + panels take the new crimson */


/* 3) Headings & text tint */
#main-sidebar.wuxia-scope,
#main-sidebar.wuxia-scope .panel-heading,
#main-sidebar.wuxia-scope .list-group-item{
  color: var(--txt-100) !important;
}
#main-sidebar.wuxia-scope .panel-heading h4{
  color: var(--gold-300);
}

/* 4) Inputs tuned for dark crimson */
#main-sidebar.wuxia-scope #login-nav .input-group-addon{
  background:#3B0909 !important; border:1px solid #562424 !important; color:var(--txt-200) !important;
}

#main-sidebar.wuxia-scope #login-nav .form-control::placeholder{ color:var(--txt-300); }

/* 5) Buttons – centered (you already added this), plus colors */
#main-sidebar.wuxia-scope .btn{
  display:inline-flex; align-items:center; justify-content:center;
  line-height:1; min-height:44px; padding:10px 16px; border:none; border-radius:12px;
  box-shadow: 0 8px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
}

/* Primary red (REGISTER) */
#main-sidebar.wuxia-scope .btn-info{
  background: linear-gradient(180deg, var(--crimson-400), var(--crimson-600)) !important;
  color:#FFEFEF !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.45);
  box-shadow: 0 6px 16px rgba(143,28,28,.45), inset 0 1px 0 rgba(255,255,255,.15);
}

/* Positive jade (SIGN IN) */
#main-sidebar.wuxia-scope .btn-success{


  box-shadow: 0 6px 16px rgba(23,179,132,.35), inset 0 1px 0 rgba(255,255,255,.15);
}

/* Utility slate (Forgot…) */
#main-sidebar.wuxia-scope .btn-warning{
  background: linear-gradient(180deg, var(--slate-1), var(--slate-2)) !important;
  color:#E8E8E8 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.3);
}

/* Neutral default (tools/history/password/logout) */
#main-sidebar.wuxia-scope .btn-default{
  background: linear-gradient(180deg, #3a4047, #252a2f) !important;
  color:#F0F0F0 !important;
}

/* 6) Badges & list rows keep good contrast on crimson */
#main-sidebar.wuxia-scope .badge{
  background: linear-gradient(180deg, var(--amber-500), var(--amber-400));
  color:#2A1B00; border:1px solid rgba(0,0,0,.35);
}
#main-sidebar.wuxia-scope .list-group-item{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,0)) , #180404 !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}

/* 7) Timestamp reads nicely on crimson */
#main-sidebar.wuxia-scope #timestamp{
  color:#FFE6C4 !important; text-shadow:0 1px 0 rgba(0,0,0,.75);
}

/* 8) Buff tiles retain jade identity (nice contrast vs crimson) */
#main-sidebar.wuxia-scope .buff_container.chr_buffs{
  background: linear-gradient(180deg, #1E4F36, #10281C) !important;
  border:1px solid rgba(23,179,132,.45) !important; color:#DBF6EE !important;
}




#main-sidebar {padding-left:0px;padding-right:0px;}




/* === FIX THE SELECTOR (yours targeted the wrong element) === */
.container #main-sidebar {

  border: none !important;
  border-color: transparent !important;
  background:transparent !important;
}

/* === SIDEBAR PANELS: keep ONE border only === */
#main-sidebar.wuxia-scope .panel,
#main-sidebar.wuxia-scope .panel.panel-default,
#main-sidebar.wuxia-scope .sidebar-panel.panel {
  border: 1px solid var(--line-600) !important;   /* the only border we keep */
  border-radius: 14px !important;
  box-shadow: none !important;                    /* kill outer glows */
  overflow: hidden;                               /* tidy rounded corners */
  background-clip: padding-box;                   /* no bleed at corners */
}

/* Remove the extra inner rims/vignettes that draw extra lines */
#main-sidebar.wuxia-scope .panel::before,
#main-sidebar.wuxia-scope .panel::after {
  content: none !important;
}

/* HEADINGS: no extra borders; match radius to container */
#main-sidebar.wuxia-scope .panel-heading {
  border: 0 !important;                           /* remove bottom border line */
  border-radius: 14px 14px 0 0 !important;        /* align corners */
  box-shadow: none !important;
}

/* LISTS: avoid inner borders that stack visually */
#main-sidebar.wuxia-scope .list-group,
#main-sidebar.wuxia-scope .list-group-item {
  border: 0 !important;
  box-shadow: none !important;
}

/* “whitesmoke” header row: keep it borderless too */
#main-sidebar.wuxia-scope .list-group > li[style],
#main-sidebar.wuxia-scope .list-group > li[style*="background"]{
  border: 0 !important;
}

/* Buttons/tiles: no borders so they don’t draw lines near the panel edge */
#main-sidebar.wuxia-scope .btn,
#main-sidebar.wuxia-scope .bosses-timer-btn,
#main-sidebar.wuxia-scope a.buff_container.chr_buffs {
  border: 0 !important;
  box-shadow: none !important; /* optional: or keep if you like the glow */
}

/* Optional: if you still see a hairline at the panel top edge because of gradient
   rounding, add a tiny inner padding so the gradient doesn’t sit flush */
#main-sidebar.wuxia-scope .panel > .panel-heading { padding-top: 12px; }

/* Ensure the column itself has no extra side seams with the content area */
#main-sidebar { padding-left: 0; padding-right: 0; }



/* =========================================================
   SIDEBAR BUTTONS — FINAL CLEAN PACK (Crimson Sidebar)
   Scope: #main-sidebar.wuxia-scope only
   Paste at the VERY BOTTOM of custom.css
   ========================================================= */

/* Base for ALL sidebar buttons (menu + auth) */
#main-sidebar.wuxia-scope .sb-menu-btn,
#main-sidebar.wuxia-scope .sb-auth-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  border-radius: 14px;

  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  line-height: 1;

  border: 1px solid rgba(227,196,110,.18);
  text-decoration: none !important;

  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease, border-color .12s ease;
  will-change: transform;
}

#main-sidebar.wuxia-scope .sb-menu-btn:focus,
#main-sidebar.wuxia-scope .sb-auth-btn:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(227,196,110,.18), 0 10px 22px rgba(0,0,0,.45);
}

/* ---------------------------------------------------------
   LOGGED-IN MENU BUTTONS (charcoal, readable on crimson)
   --------------------------------------------------------- */
#main-sidebar.wuxia-scope .sb-menu-btn{
    background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(0, 0, 0, 0)), #180404 !important;

  color: #F2ECE9 !important;

  box-shadow:
    0 10px 22px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.08);
}

#main-sidebar.wuxia-scope .sb-menu-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.06);
  border-color: rgba(227,196,110,.32);
  box-shadow:
    0 14px 28px rgba(0,0,0,.50),
    inset 0 1px 0 rgba(255,255,255,.10);
}

/* Active/selected menu item */
#main-sidebar.wuxia-scope .sb-menu-btn.is-active,
#main-sidebar.wuxia-scope .sb-auth-btn.is-active{
  background:
    radial-gradient(140% 100% at 50% 0%, rgba(227,196,110,.30), transparent 62%),
    linear-gradient(180deg, #221719 0%, #120b0c 60%, #090405 100%);
  color: #FFE7B0 !important;

  border-color: rgba(227,196,110,.65);
  box-shadow:
    0 16px 32px rgba(0,0,0,.58),
    inset 0 0 0 1px rgba(227,196,110,.14);

  position: relative;
}

/* Gold bar on active */
#main-sidebar.wuxia-scope .sb-menu-btn.is-active::before,
#main-sidebar.wuxia-scope .sb-auth-btn.is-active::before{
  content:"";
  position:absolute;
  left:10px;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:999px;
  background: linear-gradient(180deg, rgba(227,196,110,.95), rgba(227,196,110,.30));
}

/* Logout: “danger” but deep, not neon */
#main-sidebar.wuxia-scope .sb-menu-btn--logout{
  border-color: rgba(200,58,58,.30);
}
#main-sidebar.wuxia-scope .sb-menu-btn--logout:hover{
  border-color: rgba(200,58,58,.60);
  filter: brightness(1.08);
}

/* ---------------------------------------------------------
   AUTH BUTTONS (Register / Sign in / Forgot)
   --------------------------------------------------------- */

/* Register = crimson */
#main-sidebar.wuxia-scope .sb-auth-btn--register{
  background: linear-gradient(180deg, #B53333 0%, #7E1515 100%);
  border-color: rgba(200,58,58,.38);
  color: #FFF1F1 !important;
  box-shadow: 0 10px 22px rgba(143,28,28,.32), inset 0 1px 0 rgba(255,255,255,.10);
}
#main-sidebar.wuxia-scope .sb-auth-btn--register:hover{ filter: brightness(1.06); }

/* Sign in = jade */
#main-sidebar.wuxia-scope .sb-auth-btn--signin{
  background: linear-gradient(180deg, #22C39A 0%, #0D6B52 100%);
  border-color: rgba(23,179,132,.40);
  color: #FFF !important;
  box-shadow: 0 10px 22px rgba(23,179,132,.26), inset 0 1px 0 rgba(255,255,255,.12);
}
#main-sidebar.wuxia-scope .sb-auth-btn--signin:hover{ filter: brightness(1.05); }

/* Forgot = neutral slate */
#main-sidebar.wuxia-scope .sb-auth-btn--forgot{
  background: linear-gradient(180deg, #2A2F36 0%, #111417 100%);
  border-color: rgba(255,255,255,.10);
  color: #F0F0F0 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);
}
#main-sidebar.wuxia-scope .sb-auth-btn--forgot:hover{
  filter: brightness(1.06);
  border-color: rgba(227,196,110,.22);
}

/* ---------------------------------------------------------
   SPACING (your 2 pain points)
   --------------------------------------------------------- */

/* Space between forgot buttons */
#main-sidebar.wuxia-scope #login-nav .sb-auth-btn--forgot{
  margin-top: 10px;
}
#main-sidebar.wuxia-scope #login-nav .sb-auth-btn--forgot + .sb-auth-btn--forgot{
  margin-top: 10px;
}

/* Space between logged-in menu buttons (inside col-xs-11) */
#main-sidebar.wuxia-scope .col-xs-11 .sb-menu-btn{
  margin-top: 10px;
}
#main-sidebar.wuxia-scope .col-xs-11 .sb-menu-btn:first-child{
  margin-top: 12px; /* a tiny bit more under the stats */
}

/* Optional: tighter on very small screens */
@media (max-width: 380px){
  #main-sidebar.wuxia-scope .sb-menu-btn,
  #main-sidebar.wuxia-scope .sb-auth-btn{
    min-height: 44px;
    padding: 11px 12px;
    border-radius: 13px;
  }
  #main-sidebar.wuxia-scope #login-nav .sb-auth-btn--forgot,
  #main-sidebar.wuxia-scope .col-xs-11 .sb-menu-btn{
    margin-top: 8px;
  }
}


/* ==============================
   SIDEBAR STATS (SCOPED)
   Only inside #main-sidebar.wuxia-scope
   ============================== */

#main-sidebar.wuxia-scope .sidebar-stat-row{
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 10px 12px;
  border-radius: 12px;

  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.08);
}

#main-sidebar.wuxia-scope .ss-left{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

#main-sidebar.wuxia-scope .ss-ico{
  width: 22px;
  height: 22px;
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
  image-rendering: auto;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.55));
}

/* label left */
#main-sidebar.wuxia-scope .ss-label{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .9px;
  color: rgba(255,255,255,.78);
  white-space: nowrap;
}

/* value right (pill) */
#main-sidebar.wuxia-scope .ss-value{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 7px 12px;


  font-weight: 900;
  font-size: 16px;
  letter-spacing: .6px;

  color: #ffe6b3;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  font-variant-numeric: tabular-nums;
}

/* coins: slightly different tint */
#main-sidebar.wuxia-scope .ss-value--coins{
  color: #b8fff4;
  border-color: rgba(70,255,220,.20);
  background: rgba(70,255,220,.08);
}

/* responsive: keep label readable, value stays right */
@media (max-width: 420px){
  #main-sidebar.wuxia-scope .sidebar-stat-row{
    padding: 9px 10px;
  }
  #main-sidebar.wuxia-scope .ss-label{
    font-size: 11px;
  }
  #main-sidebar.wuxia-scope .ss-value{
    min-width: 96px;
    font-size: 15px;
    padding: 6px 10px;
  }
}


/* =========================================================
   GUIDES PAGE — WUXIA THEME (SCOPED)
   Scope: ONLY inside #guides
   ========================================================= */

#guides{
  --g-bg-900:#0b0707;
  --g-bg-800:#120a0a;
  --g-surface: rgba(20,12,12,.86);

  --g-line: rgba(227,196,110,.14);
  --g-line-2: rgba(255,255,255,.10);

  --g-gold:#E3C46E;
  --g-gold-soft: rgba(227,196,110,.22);

  --g-text:#F2ECE9;
  --g-muted: rgba(242,236,233,.72);

  --g-crimson:#8F1C1C;
  --g-crimson-2:#4a0b08;

  font-family: "Noto Serif SC", serif;
}

/* container panel look */
#guides .panel.panel-default{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#guides .panel-body{
  background: transparent !important;
}

/* main guides layout shell */
#guides .guides-container{
  display:flex;
  gap: 14px;
}

/* CONTENT CARD */
#guides .guides-container .guides-content{
  flex: 1 1 auto;
  min-width: 0;

  background:
    radial-gradient(120% 90% at 50% 0%, rgba(227,196,110,.10), transparent 62%),
    linear-gradient(180deg, rgba(88,2,1,.35) 0%, rgba(10,6,6,.88) 35%, rgba(5,3,3,.94) 100%),
    var(--g-bg-900) !important;

  border: 1px solid var(--g-line);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(0,0,0,.55) ;
}

/* Headings */
#guides .guides-content h2,
#guides .guides-content h3{
  font-family: "Cinzel","Noto Serif SC", serif;
  color: var(--g-gold);
  text-shadow: 0 1px 0 rgba(0,0,0,.75);
  letter-spacing: .35px;
}

#guides .guides-content h2{
  margin: 6px 0 10px;
  font-weight: 900;
  font-size: 22px;
  position: relative;
  padding-bottom: 10px;
}
#guides .guides-content h2::after{
  content:"";
  position:absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(227,196,110,.55), transparent);
}

#guides .guides-content h3{
  margin-top: 18px;
  margin-bottom: 8px;
  font-weight: 900;
  font-size: 16px;
}

/* Paragraphs / intro */
#guides .guides-content p,
#guides .guides-content li{
  color: var(--g-text);
  line-height: 1.8;
  font-size: 14.8px;
}

#guides .guides-content .intro-text{
  color: var(--g-muted);
  margin-bottom: 14px;
}

/* Lists */
#guides .guides-content ul{
  margin: 10px 0 14px 18px;
}
#guides .guides-content li{
  margin: 6px 0;
}

/* Subtle “ink” background for server info box */
#guides .server-info-box{
  margin-top: 14px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);

  background:
    radial-gradient(120% 90% at 50% 0%, rgba(227,196,110,.08), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.35));

  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

/* QUICK LINKS */
#guides .quick-links-container{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 14px;
}

#guides .quick-link-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding: 10px 14px;
  border-radius: 14px;

  font-family: "Cinzel","Noto Serif SC", serif;
  font-weight: 900;
  letter-spacing: .25px;
  text-decoration:none !important;

  color: #ffecc7;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(180deg, #5a0c08 0%, #1c1010 55%, #070405 100%);

  border: 1px solid rgba(227,196,110,.22);
  box-shadow: 0 10px 22px rgba(0,0,0,.45);
  transition: transform .12s ease, filter .12s ease, border-color .12s ease;
}

#guides .quick-link-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.06);
  border-color: rgba(227,196,110,.38);
}

/* VIDEO (make it feel “framed”) */
#guides .video-container{
  margin: 14px 0;
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(227,196,110,.18);
  box-shadow: 0 12px 28px rgba(0,0,0,.55);
}
#guides .video-container iframe{
  display:block;
}

/* Mobile: stack */
@media (max-width: 991px){
  #guides .guides-container{
    flex-direction: column;
  }
  #guides .guides-content{
    padding: 14px;
    border-radius: 14px;
  }
}


/* =========================================================
   GUIDES SIDEBAR — WUXIA THEME (SCOPED)
   Uses variables declared in #guides { --g-* }
   Paste at bottom of custom.css
   ========================================================= */

#guides .guides-sidebar{
  flex: 0 0 260px;
  width: 260px;
  padding: 12px;

  background:
    radial-gradient(120% 90% at 50% 0%, rgba(227,196,110,.10), transparent 62%),
    linear-gradient(180deg, rgba(90,12,8,.84) 0%, rgba(18,10,10,.92) 55%, rgba(7,4,5,.96) 100%);

  border: 1px solid var(--g-line);
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(0,0,0,.55);
}

#guides .guides-sidebar ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

/* Make li just a wrapper */
#guides .guides-sidebar li{
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 14px;
}

/* Full clickable "wuxia button" */
#guides .guides-sidebar li a{
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 12px 12px;
  border-radius: 14px;

  text-decoration: none !important;
  color: var(--g-text);

  background:
    radial-gradient(120% 80% at 50% 0%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55));

  border: 1px solid rgba(227,196,110,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 22px rgba(0,0,0,.40);

  transition: transform .12s ease, filter .12s ease, border-color .12s ease, box-shadow .12s ease;
}


/* Hover effect */
#guides .guides-sidebar li a:hover{
  transform: translateY(-1px);
  filter: brightness(1.06);
  border-color: rgba(227,196,110,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 16px 34px rgba(0,0,0,.55);
}
#guides .guides-sidebar li a:hover::before{
  opacity: 1;
}

/* Icon */
#guides .guides-sidebar img{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 18px rgba(0,0,0,.35);
}

/* Text */
#guides .guides-sidebar .sidebar-text{
  display:flex;
  flex-direction: column;
  justify-content:center;
  line-height: 1.1;
}
#guides .guides-sidebar .sidebar-text .title{
  font-family: "Cinzel","Noto Serif SC", serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .25px;
  color: #ffecc7;
  text-shadow: 0 1px 0 rgba(0,0,0,.75);
}
#guides .guides-sidebar .sidebar-text .subtitle{
  font-size: 12px;
  color: var(--g-muted);
  margin-top: 3px;
}

/* Optional: if you add active class later */
#guides .guides-sidebar li.active a{
  background:
    radial-gradient(140% 100% at 50% 0%, rgba(227,196,110,.22), transparent 62%),
    linear-gradient(180deg, rgba(34,23,25,.90), rgba(9,4,5,.96));
  border-color: rgba(227,196,110,.55);
}
#guides .guides-sidebar li.active a::before{
  opacity: 1;
}

/* Mobile: sidebar hidden, content stacks */
@media (max-width: 768px){
  #guides .guides-sidebar{ display:none; }
}


.home-feature-row{
  margin-top: 12px;
}

.home-feature-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;

  padding: 14px 16px;
  border-radius: 16px;
  text-decoration:none;

  border: 1px solid rgba(227,196,110,.18);
  box-shadow: 0 12px 28px rgba(0,0,0,.45);

  background:
    radial-gradient(120% 90% at 50% 0%, rgba(227,196,110,.12), transparent 62%),
    linear-gradient(180deg, rgba(74,11,8,.70) 0%, rgba(26,19,17,.85) 55%, rgba(7,4,5,.92) 100%);

  transition: transform .12s ease, filter .12s ease, border-color .12s ease;
}

.home-feature-card:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
  border-color: rgba(227,196,110,.34);
}

.hfc-title{
  font-weight: 900;
  color: #ffdf73;
  font-size: 16px;
  letter-spacing: .2px;
}

.hfc-sub{
  margin-top: 3px;
  color: rgba(245,245,245,.80);
  font-size: 13px;
}

.hfc-right{
  flex: 0 0 auto;
  padding: 10px 12px;
  border-radius: 12px;
  font-weight: 900;

  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.10);
  color: #ffe8a3;
}

@media (max-width: 768px){
  .home-feature-card{ flex-direction:column; align-items:flex-start; }
  .hfc-right{ align-self:stretch; text-align:center; width:100%; }
}


/* =========================================================
   DOWNLOAD PAGE (WUXIA) — scoped to #guides
   ========================================================= */

#guides .dl-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin: 14px 0 8px;
}

#guides .dl-card{
  border-radius: 16px;
  border: 1px solid rgba(227,196,110,.14);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(227,196,110,.10), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.42));
  box-shadow: 0 14px 30px rgba(0,0,0,.45);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height: 260px;
}

#guides .dl-card-top{
  padding: 14px 14px 10px;
}

#guides .dl-card img{
  width: 100%;
  height: 90px;          /* smaller */
  object-fit: contain;   /* no cropping */
  padding: 10px 12px;    /* breathing room */
  background: rgba(0,0,0,.18);
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 22px rgba(0,0,0,.45);
  display: block;
}


#guides .dl-card-title{
  margin-top: 12px;
  font-family: "Cinzel","Noto Serif SC", serif;
  font-weight: 900;
  letter-spacing: .25px;
  color: #ffecc7;
  font-size: 14px;
}

#guides .dl-card-meta{
  margin-top: 4px;
  color: rgba(242,236,233,.72);
  font-size: 13px;
}

#guides .dl-btn{
  margin: 10px 14px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height: 46px;
  border-radius: 999px;
  text-decoration:none !important;
  font-weight: 900;
  letter-spacing: .35px;
  color: #1a1208 !important;
  background: linear-gradient(180deg, rgba(255,180,60,1), rgba(220,120,20,1));
  border: 1px solid rgba(255,210,127,0.55);
  box-shadow: 0 12px 22px rgba(0,0,0,.40);
  transition: transform .12s ease, filter .12s ease;
}

#guides .dl-btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
}

#guides .dl-card-foot{
  margin-top:auto;
  padding: 10px 14px 14px;
  color: rgba(242,236,233,.65);
  font-size: 12.5px;
}

#guides .dl-alert{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  padding: 14px 16px;
  margin: 12px 0;
  background: linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.45));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

#guides .dl-alert--warn{
  border-color: rgba(255,180,60,.28);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,180,60,.10), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.45));
}

#guides .dl-alert--info{
  border-color: rgba(227,196,110,.18);
}

#guides .dl-alert-title{
  font-weight: 900;
  color: #ffecc7;
  margin-bottom: 6px;
  letter-spacing: .2px;
}

#guides .dl-alert-text{
  color: rgba(242,236,233,.78);
  line-height: 1.7;
  font-size: 14px;
}

#guides .dl-muted{
  color: rgba(242,236,233,.75);
}

#guides .dl-links{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin: 10px 0 14px;
}

#guides .dl-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration:none !important;
  color: #ffecc7;
  border: 1px solid rgba(227,196,110,.18);
  background: rgba(0,0,0,.28);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
  transition: transform .12s ease, filter .12s ease, border-color .12s ease;
}

#guides .dl-link:hover{
  transform: translateY(-1px);
  filter: brightness(1.06);
  border-color: rgba(227,196,110,.35);
}

#guides .dl-steps{
  color: rgba(242,236,233,.86);
  line-height: 1.8;
  margin-top: 8px;
}

#guides .dl-image-frame{
  margin-top: 12px;
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(227,196,110,.14);
  box-shadow: 0 14px 30px rgba(0,0,0,.55);
}