/* Dark yellow requested theme + local language selector */
:root {
    --g0: #0B0B0C;
    --g1: #B67A35;
    --g2: #B67A35;
    --g3: #B67A35;
    --g4: #D09A55;
    --g5: #D09A55;
    --storm: #B67A35;
    --ember: #B67A35;
    --violet: #70451F;
    --b1: rgba(182,122,53,.12);
    --b2: rgba(182,122,53,.28);
    --b3: rgba(182,122,53,.55);
    --t1: #B8B2AA;
    --t2: #b0a490;
    --t3: #70451F;
    --t4: #70451F;
    --abyss: #060504;
    --bg: #080706;
    --shadow-gold: 0 0 24px rgba(182,122,53,.35);
}

.ticker {
    background: linear-gradient(90deg, rgba(112,69,31,.97), rgba(112,69,31,.94), rgba(112,69,31,.97));
    border-bottom-color: rgba(182,122,53,.18);
}

.ticker::after,
.zcp-page::after,
.inventory-shell::after {
    background: linear-gradient(90deg, transparent, rgba(182,122,53,.65), rgba(182,122,53,.52), transparent);
}

.tk-label,
.btn-gold,
.zcp-btn.primary,
.zcp-badge,
.zcp-note-icon,
.zcp-event-icon,
.section-icon,
.equipped-badge {
    background: linear-gradient(135deg, #0B0B0C, #B67A35 52%, #D09A55) !important;
    color: #0B0B0C !important;
}

.mnav {
    background:
        linear-gradient(180deg, rgba(112,69,31,.85), rgba(112,69,31,.90)) !important;
    border-bottom-color: rgba(182,122,53,.09) !important;
    box-shadow: 0 8px 40px rgba(0,0,0,.45) !important;
}

.mnav.scrolled {
    background: rgba(112,69,31,.97) !important;
    border-bottom-color: rgba(182,122,53,.18) !important;
}
.nav-link:hover svg,
.nav-item.active .nav-link svg { color: var(--g4) !important; filter: drop-shadow(0 0 5px rgba(182,122,53,.50)) !important; }
.nav-link::after { background: linear-gradient(90deg, transparent, var(--g2), transparent) !important; box-shadow: 0 0 10px rgba(182,122,53,.50) !important; }
.dropdown,
.user-dropdown { background: rgba(112,69,31,.97) !important; border-color: rgba(182,122,53,.25) !important; }
.notif-btn,
.user-btn,
.mob-toggle,
.btn-outline,
.zcp-lang-btn { background: rgba(182,122,53,.07) !important; border-color: rgba(182,122,53,.28) !important; color: var(--g4) !important; }
.notif-btn:hover,
.user-btn:hover,
.mob-toggle:hover,
.btn-outline:hover,
.zcp-lang-btn:hover { background: rgba(182,122,53,.16) !important; border-color: var(--g2) !important; box-shadow: 0 0 22px rgba(182,122,53,.25) !important; }
.zcp-title,
.inventory-title,
.logo-text { background: linear-gradient(135deg, var(--g1), var(--g5), var(--g3)) !important; background-size: 220% 220% !important; -webkit-background-clip:text !important; background-clip:text !important; color: transparent !important; }
.zcp-eyebrow,
.inventory-kicker { border-color: rgba(182,122,53,.28) !important; background: rgba(182,122,53,.07) !important; color: var(--g4) !important; }
.zcp-pack,
.zcp-card,
.zcp-method-group,
.zcp-form-band,
.zcp-alert,
.zcp-note,
.stat-card,
.equipped-card,
.inventory-card,
.empty-inventory,
.section,
.guild-stat-box,
.player-card,
.rankings-container,
.filter-tab {
    border-color: rgba(182,122,53,.18) !important;
    background: linear-gradient(135deg, rgba(182,122,53,.045), transparent 34%), linear-gradient(180deg, rgba(112,69,31,.96), rgba(112,69,31,.99)) !important;
}
.zcp-lang-btn { width: 42px; height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 3px; border-radius: 9px; border: 1px solid var(--b1); cursor: pointer; font-family: 'Rajdhani', sans-serif; font-weight: 800; letter-spacing: .7px; transition: all .25s; }
.zcp-lang-globe { font-size: 15px; line-height: 1; }
.zcp-lang-menu { position: absolute; top: calc(100% + 8px); right: 0; min-width: 170px; padding: 7px; border-radius: 10px; border: 1px solid rgba(182,122,53,.25); background: rgba(112,69,31,.97); box-shadow: 0 20px 55px rgba(0,0,0,.88); opacity: 0; visibility: hidden; transform: translateY(8px); transition: all .22s ease; z-index: 2200; }
.zcp-lang-wrap.open .zcp-lang-btn { border-color: rgba(182,122,53,.45) !important; }
.zcp-lang-option { width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--t2); font: 700 13px 'Rajdhani', sans-serif; text-align: left; cursor: pointer; }
.zcp-mob-lang { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; padding-bottom: 4px; }
.zcp-mob-lang .zcp-lang-option { justify-content: center; border: 1px solid rgba(182,122,53,.16); background: rgba(182,122,53,.06); }
html[dir="rtl"] body { direction: rtl; }
html[dir="rtl"] .mnav,
html[dir="rtl"] .nav-menu,
html[dir="rtl"] .nav-actions { direction: rtl; }
html[dir="rtl"] .nav-actions { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .dd-item,
html[dir="rtl"] .mob-link { text-align: right; }
.zcp-note-link { text-decoration: none; color: inherit; cursor: pointer; }
.zcp-note-link:hover { border-color: rgba(182,122,53,.42) !important; transform: translateY(-2px); }
@media(max-width:1050px){.zcp-lang-wrap{display:flex}.nav-actions .zcp-lang-wrap + .btn-outline{display:none}}
@media(max-width:480px){}

/* ================================================================
   Why Play GoldenConquer section
================================================================ */
.zcp-why-section{
    position:relative;
    margin-top:34px !important;
}
.zcp-why-shell{
    position:relative;
    overflow:hidden;
    padding:34px;
    border-radius:28px;
    border:1px solid rgba(208,154,85,.18);
    background:
        radial-gradient(circle at 72% 14%, rgba(208,154,85,.095), transparent 32%),
        radial-gradient(circle at 10% 92%, rgba(112,69,31,.10), transparent 28%),
        linear-gradient(135deg, rgba(14,14,16,.96), rgba(112,69,31,.94));
    box-shadow:0 26px 62px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.045);
}
.zcp-why-shell::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(208,154,85,.075), transparent 30%, transparent 70%, rgba(208,154,85,.06)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.024) 0 1px, transparent 1px 140px);
    opacity:.46;
}
.zcp-why-shell::after{
    content:"Golden";
    position:absolute;
    right:22px;
    top:-28px;
    color:rgba(255,255,255,.03);
    font:900 132px/.8 'Cinzel', Georgia, serif;
    letter-spacing:8px;
    pointer-events:none;
}
.zcp-why-head{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:26px;
}
.zcp-why-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
    color:#D09A55;
    font:900 11px/1 'Rajdhani', Arial, sans-serif;
    letter-spacing:3.2px;
    text-transform:uppercase;
}
.zcp-why-kicker::before{
    content:"";
    width:32px;
    height:1px;
    background:linear-gradient(90deg, #D09A55, transparent);
    box-shadow:0 0 12px rgba(208,154,85,.45);
}
.zcp-why-title{
    margin:0;
    color:#ffffff;
    font:900 clamp(26px, 3.3vw, 48px)/1 'Cinzel', Georgia, serif;
    letter-spacing:1.4px;
    text-transform:uppercase;
}
.zcp-why-sub{
    max-width:680px;
    margin:12px 0 0;
    color:rgba(235,226,213,.66);
    font:600 16px/1.7 'Rajdhani', Arial, sans-serif;
}
.zcp-why-action{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:46px;
    padding:0 22px;
    border-radius:999px;
    border:1px solid rgba(182,122,53,.26);
    background:rgba(255,255,255,.045);
    color:#fff5d2;
    font:900 11px/1 'Rajdhani', Arial, sans-serif;
    letter-spacing:1.8px;
    text-transform:uppercase;
    text-decoration:none;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
    transition:transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}
.zcp-why-action svg{
    width:16px;
    height:16px;
}
.zcp-why-action:hover{
    transform:translateY(-2px);
    border-color:rgba(182,122,53,.52);
    background:rgba(182,122,53,.14);
    color:#fff;
}
.zcp-why-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.zcp-why-card{
    position:relative;
    overflow:hidden;
    min-height:220px;
    padding:24px 22px 22px;
    border-radius:22px;
    border:1px solid rgba(208,154,85,.12);
    background:linear-gradient(180deg, rgba(255,255,255,.043), rgba(255,255,255,.020));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 18px 34px rgba(0,0,0,.22);
    transition:transform .22s ease, border-color .22s ease, background .22s ease;
}
.zcp-why-card::before{
    content:"";
    position:absolute;
    inset:auto 18px 0 18px;
    height:2px;
    background:linear-gradient(90deg, transparent, rgba(208,154,85,.68), rgba(182,122,53,.38), transparent);
    opacity:.58;
}
.zcp-why-card::after{
    content:"";
    position:absolute;
    right:-36px;
    top:-36px;
    width:112px;
    height:112px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(208,154,85,.10), transparent 68%);
    opacity:.78;
}
.zcp-why-ico{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    margin-bottom:24px;
    border-radius:16px;
    color:#D09A55;
    border:1px solid rgba(182,122,53,.24);
    background:rgba(182,122,53,.075);
    box-shadow:0 14px 34px rgba(0,0,0,.22), 0 0 18px rgba(208,154,85,.12);
}
.zcp-why-ico svg{
    width:23px;
    height:23px;
}
.zcp-why-card > span{
    position:absolute;
    top:22px;
    right:22px;
    color:rgba(255,255,255,.17);
    font:900 28px/1 'Cinzel', Georgia, serif;
}
.zcp-why-card h3{
    margin:0 0 12px;
    color:#ffffff;
    font:900 17px/1.15 'Cinzel', Georgia, serif;
    letter-spacing:1px;
    text-transform:uppercase;
}
.zcp-why-card p{
    margin:0;
    color:rgba(235,226,213,.62);
    font:600 14px/1.65 'Rajdhani', Arial, sans-serif;
}
@media (max-width:1100px){
    .zcp-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .zcp-why-head{align-items:flex-start;flex-direction:column;}
}
@media (max-width:640px){
    .zcp-why-shell{padding:24px 18px;border-radius:22px;}
    .zcp-why-grid{grid-template-columns:1fr;}
    .zcp-why-card{min-height:190px;}
    .zcp-why-action{width:100%;}
}

/* Professional Hall of Glory */
.zcp-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2.6px;
    text-transform: uppercase;
    color: #D09A55;
}

.zcp-hog-icon {
    background: radial-gradient(circle at 50% 25%, rgba(182,122,53,.22), rgba(112,69,31,.16) 54%, rgba(10,10,12,.72)) !important;
    border-color: rgba(182,122,53,.24) !important;
}

.zcp-hog-icon svg {
    color: #D09A55 !important;
}

.hog-arena {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
    gap: 22px;
    align-items: stretch;
}

.hog-spotlight,
.hog-runner,
.hog-board,
.hog-empty {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
        rgba(8,8,10,.90);
    box-shadow: 0 24px 75px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.055);
}

.hog-spotlight {
    min-height: 430px;
    padding: 34px;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    isolation: isolate;
}

.hog-spotlight::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 72% 12%, rgba(182,122,53,.22), transparent 30%),
        radial-gradient(circle at 12% 88%, rgba(182,122,53,.22), transparent 38%),
        linear-gradient(135deg, rgba(182,122,53,.05), transparent 45%, rgba(182,122,53,.08));
    z-index: -2;
}

.hog-spotlight::after {
    content: '';
    position: absolute;
    left: 34px;
    right: 34px;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(182,122,53,.85), rgba(182,122,53,.72), transparent);
    z-index: 1;
}

.hog-storm {
    position: absolute;
    inset: -30%;
    background:
        linear-gradient(115deg, transparent 42%, rgba(182,122,53,.13) 43%, transparent 45%),
        linear-gradient(25deg, transparent 50%, rgba(182,122,53,.11) 51%, transparent 53%);
    opacity: .7;
    transform: rotate(-8deg);
    z-index: -1;
    pointer-events: none;
}

.hog-topline {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: max-content;
    padding: 9px 12px;
    border-radius: 999px;
    border: 1px solid rgba(182,122,53,.18);
    background: rgba(182,122,53,.065);
    color: #D09A55;
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.hog-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #B67A35;
    box-shadow: 0 0 0 5px rgba(182,122,53,.16), 0 0 18px rgba(182,122,53,.8);
}

.hog-rank-mark {
    margin-top: 28px;
    font-family: 'Cinzel', Georgia, serif;
    font-size: clamp(56px, 8vw, 118px);
    line-height: .82;
    font-weight: 900;
    letter-spacing: -5px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(182,122,53,.38);
    text-shadow: 0 22px 70px rgba(182,122,53,.30);
}

.hog-name {
    margin: 6px 0 14px;
    color: #B8B2AA;
    font-family: 'Cinzel', Georgia, serif;
    font-size: clamp(30px, 4vw, 56px);
    line-height: .98;
    font-weight: 900;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.hog-meta,
.hog-runner-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,.70);
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.hog-meta > span:not(.cb),
.hog-runner-meta > span:not(.cb) {
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
}

.hog-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 26px;
}

.hog-stat {
    padding: 15px 14px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.25);
}

.hog-stat strong {
    display: block;
    color: #ffffff;
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.hog-stat span {
    display: block;
    margin-top: 7px;
    color: rgba(255,255,255,.50);
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.hog-main-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: max-content;
    margin-top: 24px;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid rgba(182,122,53,.28);
    background: linear-gradient(135deg, rgba(182,122,53,.80), rgba(112,69,31,.78));
    color: #B8B2AA;
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(182,122,53,.22);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.hog-main-link svg {
    width: 15px;
    height: 15px;
}

.hog-main-link:hover {
    transform: translateY(-2px);
    border-color: rgba(182,122,53,.50);
    box-shadow: 0 18px 48px rgba(182,122,53,.30);
}

.hog-side {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 16px;
    min-width: 0;
}

.hog-runner-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.hog-runner {
    min-height: 154px;
    padding: 20px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hog-runner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 90% 10%, rgba(182,122,53,.13), transparent 34%);
    pointer-events: none;
}

.hog-rank-3::before {
    background: radial-gradient(circle at 90% 10%, rgba(182,122,53,.15), transparent 34%);
}

.hog-runner-rank {
    color: rgba(255,255,255,.22);
    font-family: 'Cinzel', Georgia, serif;
    font-size: 38px;
    font-weight: 900;
    line-height: .8;
}

.hog-runner-label {
    margin-bottom: 6px;
    color: #D09A55;
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.9px;
    text-transform: uppercase;
}

.hog-runner h4 {
    margin: 0 0 10px;
    color: #ffffff;
    font-family: 'Cinzel', Georgia, serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.05;
    text-transform: uppercase;
}

.hog-board {
    border-radius: 24px;
    padding: 18px;
}

.hog-board-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 0 4px 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    margin-bottom: 6px;
}

.hog-board-head span {
    color: #B8B2AA;
    font-family: 'Cinzel', Georgia, serif;
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
}

.hog-board-head small {
    color: rgba(255,255,255,.45);
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.hog-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(255,255,255,.065);
    color: inherit;
    text-decoration: none;
    transition: background .18s ease, transform .18s ease;
}

.hog-row:last-child {
    border-bottom: 0;
}

.hog-row:hover {
    background: rgba(112,69,31,.12);
    transform: translateX(3px);
}

.hog-row-rank {
    color: #D09A55;
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.hog-row-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 15px;
    font-weight: 900;
}

.hog-row-class {
    max-width: 126px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hog-row-level {
    color: rgba(255,255,255,.72);
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.hog-empty {
    display: grid;
    place-items: center;
    text-align: center;
    padding: 70px 26px;
    border-radius: 30px;
}

.hog-empty-icon {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border-radius: 22px;
    border: 1px solid rgba(182,122,53,.20);
    background: rgba(182,122,53,.065);
    color: #D09A55;
}

.hog-empty-icon svg {
    width: 34px;
    height: 34px;
}

.hog-empty h3 {
    margin: 0 0 8px;
    color: #B8B2AA;
    font-family: 'Cinzel', Georgia, serif;
    font-size: 28px;
    font-weight: 900;
    text-transform: uppercase;
}

.hog-empty p {
    max-width: 560px;
    margin: 0;
    color: rgba(255,255,255,.62);
    line-height: 1.7;
}

@media (max-width: 1050px) {
    .hog-arena {
        grid-template-columns: 1fr;
    }

    .hog-spotlight {
        min-height: 380px;
    }
}

@media (max-width: 720px) {
    .hog-spotlight {
        min-height: auto;
        padding: 26px;
        border-radius: 26px;
    }

    .hog-stats,
    .hog-runner-grid {
        grid-template-columns: 1fr;
    }

    .hog-row {
        grid-template-columns: 38px minmax(0, 1fr) auto;
    }

    .hog-row-class {
        display: none !important;
    }

    .hog-name {
        letter-spacing: 0;
    }
}

.vote-mission-head {
    margin-bottom: 24px !important;
}

.vote-mission {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr) 300px;
    gap: 22px;
    align-items: stretch;
    overflow: hidden;
    padding: 28px;
    border-radius: 32px;
    border: 1px solid rgba(255,255,255,.105);
    background:
        radial-gradient(circle at 14% 18%, rgba(182,122,53,.20), transparent 34%),
        radial-gradient(circle at 88% 82%, rgba(182,122,53,.14), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.014)),
        rgba(112,69,31,.92);
    box-shadow: 0 26px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.055);
}

.vote-mission::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(182,122,53,.78), rgba(182,122,53,.45), transparent);
    opacity: .9;
}

.vote-mission::after {
    content: "";
    position: absolute;
    right: -70px;
    top: -90px;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    border: 1px solid rgba(182,122,53,.10);
    box-shadow: inset 0 0 80px rgba(182,122,53,.06);
    opacity: .7;
    pointer-events: none;
}

.vm-glow {
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    filter: blur(50px);
    pointer-events: none;
    opacity: .48;
}

.vm-glow-a {
    left: -84px;
    bottom: -88px;
    background: rgba(182,122,53,.42);
}

.vm-glow-b {
    right: 18%;
    top: -118px;
    background: rgba(182,122,53,.22);
}

.vm-copy,
.vm-rewards,
.vm-action-card {
    position: relative;
    z-index: 1;
}

.vm-copy {
    padding: 8px 6px 8px 2px;
}

.vm-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    padding: 8px 13px;
    border-radius: 999px;
    border: 1px solid rgba(182,122,53,.20);
    background: rgba(182,122,53,.065);
    color: #D09A55;
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.vm-eyebrow span {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #D09A55;
    box-shadow: 0 0 14px rgba(182,122,53,.85);
}

.vm-copy h2,
.vm-copy h3 {
    max-width: 560px;
    margin: 0 0 12px;
    color: #B8B2AA;
    font-family: 'Cinzel', Georgia, serif;
    font-size: clamp(30px, 3.8vw, 52px);
    line-height: .98;
    font-weight: 950;
    letter-spacing: -1.4px;
    text-transform: uppercase;
}

.vm-copy p {
    max-width: 580px;
    margin: 0;
    color: rgba(255,255,255,.66);
    font-size: 15px;
    line-height: 1.75;
}

.vm-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.vm-badges span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.095);
    background: rgba(255,255,255,.035);
    color: rgba(255,255,255,.78);
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .9px;
    text-transform: uppercase;
}

.vm-rewards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.vm-reward {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 104px;
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.10);
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.vm-reward:hover {
    transform: translateY(-3px);
    border-color: rgba(182,122,53,.22);
    background: linear-gradient(180deg, rgba(112,69,31,.16), rgba(255,255,255,.018));
}

.vm-reward-icon {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    border: 1px solid rgba(182,122,53,.32);
    background: rgba(182,122,53,.105);
    color: #D09A55;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 0 18px rgba(182,122,53,.08);
}

.vm-reward-icon svg {
    width: 21px;
    height: 21px;
}

.vm-reward strong {
    display: block;
    color: #ffffff;
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 16px;
    font-weight: 950;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.vm-reward small {
    display: block;
    margin-top: 2px;
    color: rgba(255,255,255,.54);
    font-size: 12px;
}

.vm-action-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 24px;
    border-radius: 26px;
    border: 1px solid rgba(182,122,53,.18);
    background:
        linear-gradient(180deg, rgba(182,122,53,.095), rgba(112,69,31,.105)),
        rgba(255,255,255,.025);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.vm-action-kicker {
    display: block;
    margin-bottom: 10px;
    color: #D09A55;
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.vm-action-card strong {
    display: block;
    color: #B8B2AA;
    font-family: 'Cinzel', Georgia, serif;
    font-size: 26px;
    line-height: 1.08;
    font-weight: 950;
    text-transform: uppercase;
}

.vm-action-card p {
    margin: 12px 0 20px;
    color: rgba(255,255,255,.62);
    font-size: 14px;
    line-height: 1.65;
}

.vm-actions {
    display: grid;
    gap: 10px;
}

.vm-primary,
.vm-secondary {
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: 12px !important;
    padding: 15px 18px !important;
    border-radius: 999px !important;
}

.vm-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.035);
    color: rgba(255,255,255,.82);
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 1.1px;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}

.vm-secondary:hover {
    transform: translateY(-2px);
    border-color: rgba(182,122,53,.24);
    background: rgba(182,122,53,.07);
    color: #B8B2AA;
}

@media (max-width: 1120px) {
    .vote-mission {
        grid-template-columns: 1fr;
    }

    .vm-action-card {
        min-height: auto;
    }

    .vm-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .vote-mission {
        padding: 22px;
        border-radius: 26px;
    }

    .vm-rewards,
    .vm-actions {
        grid-template-columns: 1fr;
    }

    .vm-reward {
        min-height: 92px;
    }

    .vm-copy h2,
    .vm-copy h3 {
        letter-spacing: -.7px;
    }
}

/* ================================================================
   Unified Home Section Headers
================================================================ */
.zcp-section-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 20px !important;
    border-bottom: 1px solid rgba(182,122,53,.13) !important;
}

.zcp-section-head::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 148px;
    height: 1px;
    background: linear-gradient(90deg, rgba(182,122,53,.82), rgba(182,122,53,.54), transparent);
    box-shadow: 0 0 20px rgba(182,122,53,.18);
}

.zcp-section-head .sh-left {
    align-items: center;
    gap: 17px;
}

.zcp-section-mark {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 50% 18%, rgba(182,122,53,.28), rgba(112,69,31,.18) 52%, rgba(10,10,12,.78)) !important;
    border: 1px solid rgba(182,122,53,.26) !important;
    box-shadow:
        0 18px 44px rgba(0,0,0,.30),
        0 0 24px rgba(182,122,53,.12),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.zcp-section-mark svg {
    width: 23px !important;
    height: 23px !important;
    color: #D09A55 !important;
    filter: drop-shadow(0 0 10px rgba(182,122,53,.25));
}

.zcp-section-head .zcp-section-kicker {
    margin-bottom: 6px;
    color: #D09A55 !important;
}

.zcp-section-head .sh-title {
    color: #fff8e8 !important;
    text-shadow: 0 12px 34px rgba(0,0,0,.55), 0 0 24px rgba(182,122,53,.08);
}

.zcp-section-head .sh-sub {
    margin-top: 5px;
    color: rgba(235,226,213,.48) !important;
    font-family: 'Rajdhani', Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.zcp-section-head .sh-link,
.zcp-section-head .home-news-count {
    border-color: rgba(182,122,53,.16) !important;
    background: rgba(255,255,255,.035) !important;
}

.zcp-section-head .sh-link:hover {
    border-color: rgba(182,122,53,.34) !important;
    background: rgba(112,69,31,.16) !important;
    color: #fff !important;
}

@media (max-width: 720px) {
    .zcp-section-head {
        align-items: flex-start;
        flex-direction: column;
    }
    .zcp-section-head .home-news-actions {
        justify-content: flex-start;
    }
}

/* Hall of Glory refresh - cleaner data and layout */
.zcp-hog-v2 .zcp-hog-icon {
    background: radial-gradient(circle at 50% 25%, rgba(182,122,53,.20), rgba(112,69,31,.13) 54%, rgba(10,10,12,.78)) !important;
    border-color: rgba(182,122,53,.28) !important;
    color: #D09A55 !important;
}

.zcp-hog-v2 .hog-arena-v2 {
    grid-template-columns: minmax(0, 1fr) minmax(380px, .95fr);
    gap: 20px;
}

.zcp-hog-v2 .hog-spotlight-v2 {
    min-height: 365px;
    padding: 30px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 85% 12%, rgba(182,122,53,.18), transparent 28%),
        radial-gradient(circle at 8% 92%, rgba(182,122,53,.18), transparent 35%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
        rgba(8,8,10,.92);
}

.zcp-hog-v2 .hog-rank-mark {
    margin-top: 18px;
    font-size: clamp(54px, 7vw, 96px);
    letter-spacing: -4px;
}

.zcp-hog-v2 .hog-name {
    margin-top: 4px;
    font-size: clamp(30px, 3.8vw, 50px);
}

.zcp-hog-v2 .hog-stats-v2 {
    margin-top: 22px;
}

.zcp-hog-v2 .hog-stat strong {
    color: #D09A55;
    white-space: nowrap;
    font-size: clamp(18px, 1.55vw, 24px);
}

.zcp-hog-v2 .hog-runner-grid-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.zcp-hog-v2 .hog-runner {
    min-height: 138px;
    padding: 18px;
}

.zcp-hog-v2 .hog-runner h4 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zcp-hog-v2 .hog-board-v2 {
    padding: 16px;
}

.zcp-hog-v2 .hog-row-v2 {
    grid-template-columns: 40px minmax(90px, 1fr) minmax(90px, 126px) minmax(180px, auto);
    min-height: 50px;
}

.zcp-hog-v2 .hog-row-score {
    color: rgba(255,255,255,.70);
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.zcp-hog-v2 .cb-trojan-master,
.zcp-hog-v2 .cb-trojan {background:rgba(208,154,85,.14);border:1px solid rgba(208,154,85,.28);color:#D09A55}
.zcp-hog-v2 .cb-warrior-master,
.zcp-hog-v2 .cb-warrior {background:rgba(208,154,85,.14);border:1px solid rgba(208,154,85,.28);color:#D09A55}
.zcp-hog-v2 .cb-archer-master,
.zcp-hog-v2 .cb-archer {background:rgba(61,170,96,.14);border:1px solid rgba(61,170,96,.28);color:#6eff9e}
.zcp-hog-v2 .cb-ninja-master,
.zcp-hog-v2 .cb-ninja {background:rgba(208,154,85,.14);border:1px solid rgba(208,154,85,.28);color:#D4A466}
.zcp-hog-v2 .cb-monk {background:rgba(208,154,85,.14);border:1px solid rgba(208,154,85,.28);color:#D09A55}
.zcp-hog-v2 .cb-pirate {background:rgba(208,154,85,.14);border:1px solid rgba(208,154,85,.28);color:#C99458}
.zcp-hog-v2 .cb-water-master,
.zcp-hog-v2 .cb-fire-master,
.zcp-hog-v2 .cb-taoist {background:rgba(208,154,85,.14);border:1px solid rgba(208,154,85,.28);color:#D09A55}

@media (max-width: 1050px) {
    .zcp-hog-v2 .hog-arena-v2 {grid-template-columns:1fr;}
    .zcp-hog-v2 .hog-spotlight-v2 {min-height:320px;}
}

@media (max-width: 760px) {
    .zcp-hog-v2 .hog-row-v2 {grid-template-columns:38px minmax(0,1fr) auto;}
    .zcp-hog-v2 .hog-row-score {display:none;}
    .zcp-hog-v2 .hog-runner-grid-v2 {grid-template-columns:1fr;}
}

/* ================================================================
   Home sections calm unified style
   World Chronicle / Hall of Glory / Vote Rewards
================================================================ */
.home-news-section,
.zcp-hog,
.vote-mission-section{
    position:relative;
    overflow:hidden;
    padding:30px;
    border-radius:28px;
    border:1px solid rgba(208,154,85,.16);
    background:
        radial-gradient(circle at 76% 14%, rgba(208,154,85,.08), transparent 34%),
        radial-gradient(circle at 12% 88%, rgba(112,69,31,.08), transparent 30%),
        linear-gradient(135deg, rgba(13,13,16,.96), rgba(112,69,31,.94));
    box-shadow:0 24px 58px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.04);
}
.home-news-section::before,
.zcp-hog::before,
.vote-mission-section::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(208,154,85,.055), transparent 30%, transparent 70%, rgba(208,154,85,.045)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 140px);
    opacity:.42;
}
.home-news-section::after,
.zcp-hog::after,
.vote-mission-section::after{
    content:"Golden";
    position:absolute;
    right:24px;
    top:-26px;
    color:rgba(255,255,255,.026);
    font:900 120px/.8 'Cinzel', Georgia, serif;
    letter-spacing:8px;
    pointer-events:none;
}
.home-news-section > *,
.zcp-hog > *,
.vote-mission-section > *{
    position:relative;
    z-index:1;
}
.home-news-section .zcp-section-head,
.zcp-hog .zcp-section-head,
.vote-mission-section .zcp-section-head{
    margin-bottom:24px !important;
}
.home-news-section .zcp-section-mark,
.zcp-hog .zcp-section-mark,
.vote-mission-section .zcp-section-mark{
    background:rgba(208,154,85,.075) !important;
    border-color:rgba(208,154,85,.24) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.24), 0 0 18px rgba(208,154,85,.10), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.home-news-section .zcp-section-mark svg,
.zcp-hog .zcp-section-mark svg,
.vote-mission-section .zcp-section-mark svg{
    color:#D09A55 !important;
}
.home-news-featured{
    min-height:370px;
    border-color:rgba(208,154,85,.13);
    background:
        radial-gradient(circle at 22% 16%, rgba(208,154,85,.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.014)),
        rgba(112,69,31,.86);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 18px 38px rgba(0,0,0,.26);
}
.home-news-mini,
.home-news-all{
    border-color:rgba(208,154,85,.12);
    background:linear-gradient(180deg, rgba(255,255,255,.033), rgba(255,255,255,.014));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.home-news-mini:hover,
.home-news-all:hover,
.home-news-featured:hover{
    transform:translateY(-2px);
    border-color:rgba(208,154,85,.25);
    background-color:rgba(208,154,85,.025);
}
.hog-arena{
    gap:18px;
}
.hog-spotlight,
.hog-runner,
.hog-board,
.hog-empty{
    border-color:rgba(208,154,85,.13) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.013)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 18px 38px rgba(0,0,0,.24) !important;
}
.hog-spotlight{
    background:
        radial-gradient(circle at 76% 12%, rgba(208,154,85,.105), transparent 32%),
        radial-gradient(circle at 10% 92%, rgba(112,69,31,.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.014)) !important;
}
.hog-spotlight::before{
    background:linear-gradient(90deg, rgba(208,154,85,.10), transparent 46%, rgba(208,154,85,.035)) !important;
}
.hog-spotlight::after{
    background:linear-gradient(180deg, rgba(208,154,85,.52), rgba(182,122,53,.22), transparent) !important;
    opacity:.42 !important;
}
.hog-rank-mark{
    color:rgba(208,154,85,.34);
    text-shadow:none;
}
.hog-name,
.hog-runner h4,
.hog-board-head span,
.hog-empty h3{
    color:#fff7e4 !important;
}
.hog-stat{
    border-color:rgba(208,154,85,.10);
    background:rgba(0,0,0,.22);
}
.hog-stat strong{
    color:#D09A55;
}
.hog-row:hover{
    background:rgba(208,154,85,.055);
}
.hog-row:nth-child(even){
    background:rgba(255,255,255,.012);
}
.hog-row:nth-child(even):hover{
    background:rgba(208,154,85,.065);
}
.vm-glow{
    opacity:.28;
}
.vm-copy,
.vm-rewards,
.vm-action-card,
.vm-reward{
    border-color:rgba(208,154,85,.12) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.vm-eyebrow,
.vm-action-kicker{
    color:#D09A55;
}
.vm-reward-icon{
    color:#D09A55;
    border-color:rgba(208,154,85,.22);
    background:rgba(208,154,85,.065);
}
.vm-secondary{
    border-color:rgba(208,154,85,.16);
    background:rgba(255,255,255,.035);
}
.vm-secondary:hover{
    background:rgba(208,154,85,.075);
    border-color:rgba(208,154,85,.28);
}

@media (max-width:720px){
    .home-news-section,
    .zcp-hog,
    .vote-mission-section{
        padding:22px 16px;
        border-radius:22px;
    }
    .home-news-section::after,
    .zcp-hog::after,
    .vote-mission-section::after{
        font-size:82px;
        top:-16px;
        right:12px;
    }
}


/* ================================================================
   SHOP-LIKE COLORS FOR WHY PLAY SECTION - 2026-06-17
   Scope: Why Play GoldenConquer only
================================================================ */
.zcp-why-shell{
    border-color:rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at 78% 12%, rgba(182,122,53,.10), transparent 30%),
        radial-gradient(circle at 12% 92%, rgba(112,69,31,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
        rgba(112,69,31,.90) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.zcp-why-shell::before{
    background:
        linear-gradient(90deg, rgba(182,122,53,.08), transparent 32%, transparent 68%, rgba(182,122,53,.055)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.020) 0 1px, transparent 1px 140px) !important;
    opacity:.42 !important;
}
.zcp-why-shell::after{
    color:rgba(255,255,255,.028) !important;
}
.zcp-why-kicker{
    color:#B67A35 !important;
}
.zcp-why-kicker::before{
    background:linear-gradient(90deg, #B67A35, transparent) !important;
    box-shadow:0 0 12px rgba(182,122,53,.42) !important;
}
.zcp-why-title,
.zcp-why-card h3{
    color:#fff !important;
}
.zcp-why-sub,
.zcp-why-card p{
    color:rgba(255,255,255,.66) !important;
}
.zcp-why-action{
    color:#fff !important;
    border-color:rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 58%, #141416) !important;
    box-shadow:0 18px 42px rgba(112,69,31,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.zcp-why-action:hover{
    border-color:rgba(255,255,255,.22) !important;
    box-shadow:0 22px 52px rgba(112,69,31,.42), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.zcp-why-card{
    border-color:rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.zcp-why-card::before{
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.14), rgba(182,122,53,.22), transparent) !important;
    opacity:.52 !important;
}
.zcp-why-card::after{
    background:linear-gradient(135deg, rgba(182,122,53,.14), transparent 38%) !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    right:auto !important;
    top:auto !important;
    border-radius:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:opacity .22s ease !important;
}
.zcp-why-card:hover::after{
    opacity:1 !important;
}
.zcp-why-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(182,122,53,.50) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
}
.zcp-why-ico{
    color:#fff !important;
    border-color:rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.26) !important;
}
.zcp-why-card > span{
    color:rgba(255,255,255,.18) !important;
}


/* ================================================================
   SHOP-LIKE COLORS FOR WORLD CHRONICLE SECTION - 2026-06-17
   Scope: Home page World Chronicle only
================================================================ */
.home-news-section{
    border-color:rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at 78% 12%, rgba(182,122,53,.10), transparent 30%),
        radial-gradient(circle at 12% 92%, rgba(112,69,31,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
        rgba(112,69,31,.90) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.home-news-section::before{
    background:
        linear-gradient(90deg, rgba(182,122,53,.075), transparent 32%, transparent 68%, rgba(182,122,53,.052)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.020) 0 1px, transparent 1px 140px) !important;
    opacity:.40 !important;
}
.home-news-section::after{
    color:rgba(255,255,255,.028) !important;
}
.home-news-section .zcp-section-kicker{
    color:#B67A35 !important;
}
.home-news-section .zcp-section-mark{
    color:#fff !important;
    border-color:rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.26), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.home-news-section .zcp-section-mark svg{
    color:#fff !important;
}
.home-news-section .sh-title,
.home-news-section .home-news-featured h3,
.home-news-section .home-news-mini strong,
.home-news-section .home-news-all{
    color:#fff !important;
}
.home-news-section .sh-sub,
.home-news-section .home-news-featured p,
.home-news-section .home-news-mini p{
    color:rgba(255,255,255,.66) !important;
}
.home-news-section .home-news-count,
.home-news-section .sh-link{
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.040) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.home-news-section .home-news-count b{
    color:#B67A35 !important;
}
.home-news-section .sh-link:hover{
    border-color:rgba(182,122,53,.48) !important;
    background:rgba(112,69,31,.18) !important;
}
.home-news-featured,
.home-news-mini,
.home-news-all{
    border-color:rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.home-news-featured::before{
    background:
        linear-gradient(135deg, rgba(182,122,53,.15), transparent 38%),
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.76)) !important;
}
.home-news-featured::after{
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.14), rgba(182,122,53,.22), transparent) !important;
    opacity:.55 !important;
    box-shadow:none !important;
}
.home-news-media{
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(112,69,31,.86) !important;
}
.home-news-media.no-image span{
    color:rgba(255,255,255,.055) !important;
}
.home-news-kicker span{
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(112,69,31,.28) !important;
}
.home-news-kicker em,
.home-news-mini span{
    color:#B67A35 !important;
}
.home-news-read{
    color:#fff !important;
}
.home-news-read svg,
.home-news-all svg{
    color:#B67A35 !important;
}
.home-news-mini::before,
.home-news-all::before{
    background:linear-gradient(180deg, rgba(182,122,53,.72), rgba(112,69,31,.35)) !important;
    opacity:.62 !important;
}
.home-news-mini:hover,
.home-news-all:hover,
.home-news-featured:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(182,122,53,.50) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
}
.home-news-mini:hover::before,
.home-news-all:hover::before{
    opacity:.92 !important;
}

/* ================================================================
   SHOP-LIKE COLORS FOR REALM EVENTS SECTION - 2026-06-17
   Scope: Home page Realm Events only
================================================================ */
.home-events-section{
    position:relative !important;
    overflow:hidden !important;
    margin-top:26px !important;
    padding:30px !important;
    border-radius:28px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at 78% 12%, rgba(182,122,53,.10), transparent 30%),
        radial-gradient(circle at 12% 92%, rgba(112,69,31,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
        rgba(112,69,31,.90) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.home-events-section::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg, rgba(182,122,53,.075), transparent 32%, transparent 68%, rgba(182,122,53,.052)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.020) 0 1px, transparent 1px 140px) !important;
    opacity:.40 !important;
}
.home-events-section::after{
    content:"Golden" !important;
    position:absolute !important;
    right:24px !important;
    top:-26px !important;
    color:rgba(255,255,255,.028) !important;
    font:900 120px/.8 'Cinzel', Georgia, serif !important;
    letter-spacing:8px !important;
    pointer-events:none !important;
}
.home-events-section > *{
    position:relative !important;
    z-index:1 !important;
}
.home-events-section .zcp-section-head{
    margin-bottom:24px !important;
}
.home-events-section .zcp-section-kicker{
    color:#B67A35 !important;
}
.home-events-section .zcp-section-mark{
    color:#fff !important;
    border-color:rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.26), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.home-events-section .zcp-section-mark svg{
    color:#fff !important;
}
.home-events-section .sh-title,
.home-events-section .home-event-card strong{
    color:#fff !important;
}
.home-events-section .sh-sub,
.home-events-section .home-event-card span{
    color:rgba(255,255,255,.66) !important;
}
.home-events-section .sh-link{
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.040) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.home-events-section .sh-link:hover{
    border-color:rgba(182,122,53,.48) !important;
    background:rgba(112,69,31,.18) !important;
}
.home-events-strip{
    gap:16px !important;
}
.home-event-card{
    min-height:132px !important;
    border-color:rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
    overflow:hidden !important;
}
.home-event-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    width:3px !important;
    background:linear-gradient(180deg, rgba(182,122,53,.72), rgba(112,69,31,.35)) !important;
    opacity:.62 !important;
    pointer-events:none !important;
}
.home-event-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(182,122,53,.50) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
}
.home-event-card:hover::before{
    opacity:.92 !important;
}
.home-event-card .event-countdown{
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(112,69,31,.24) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.home-event-card.is-live .event-countdown{
    color:#fff !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    border-color:rgba(255,255,255,.18) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
@media (max-width:760px){
    .home-events-section{
        padding:24px 18px !important;
        border-radius:24px !important;
    }
    .home-events-section::after{
        font-size:86px !important;
        right:12px !important;
    }
}

/* ================================================================
   SHOP-LIKE COLORS FOR HALL OF GLORY SECTION - 2026-06-17
   Scope: Home page Hall of Glory only
================================================================ */
.zcp-hog{
    position:relative !important;
    overflow:hidden !important;
    margin-top:26px !important;
    padding:30px !important;
    border-radius:28px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at 78% 12%, rgba(182,122,53,.10), transparent 30%),
        radial-gradient(circle at 12% 92%, rgba(112,69,31,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
        rgba(112,69,31,.90) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.zcp-hog::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg, rgba(182,122,53,.075), transparent 32%, transparent 68%, rgba(182,122,53,.052)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.020) 0 1px, transparent 1px 140px) !important;
    opacity:.40 !important;
}
.zcp-hog::after{
    content:"Golden" !important;
    position:absolute !important;
    right:24px !important;
    top:-26px !important;
    color:rgba(255,255,255,.028) !important;
    font:900 120px/.8 'Cinzel', Georgia, serif !important;
    letter-spacing:8px !important;
    pointer-events:none !important;
}
.zcp-hog > *{
    position:relative !important;
    z-index:1 !important;
}
.zcp-hog .zcp-section-head{
    margin-bottom:24px !important;
}
.zcp-hog .zcp-section-kicker{
    color:#B67A35 !important;
}
.zcp-hog .zcp-section-mark,
.zcp-hog .zcp-hog-icon{
    color:#fff !important;
    border-color:rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.26), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.zcp-hog .zcp-section-mark svg,
.zcp-hog .zcp-hog-icon svg{
    color:#fff !important;
}
.zcp-hog .sh-title,
.zcp-hog .hog-name,
.zcp-hog .hog-runner h4,
.zcp-hog .hog-board-head span,
.zcp-hog .hog-empty h3,
.zcp-hog .hog-row-name{
    color:#fff !important;
}
.zcp-hog .sh-sub,
.zcp-hog .hog-row-score,
.zcp-hog .hog-empty p,
.zcp-hog .hog-meta span:not(.cb),
.zcp-hog .hog-runner-meta span:not(.cb),
.zcp-hog .hog-board-head small{
    color:rgba(255,255,255,.66) !important;
}
.zcp-hog .sh-link{
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.040) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.zcp-hog .sh-link:hover{
    border-color:rgba(182,122,53,.48) !important;
    background:rgba(112,69,31,.18) !important;
}
.zcp-hog .sh-link svg{
    color:#B67A35 !important;
}
.zcp-hog .hog-arena,
.zcp-hog .hog-arena-v2{
    gap:18px !important;
}
.zcp-hog .hog-spotlight,
.zcp-hog .hog-runner,
.zcp-hog .hog-board,
.zcp-hog .hog-empty{
    border-color:rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.zcp-hog .hog-spotlight,
.zcp-hog .hog-spotlight-v2{
    background:
        radial-gradient(circle at 18% 20%, rgba(182,122,53,.16), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
}
.zcp-hog .hog-spotlight::before{
    background:
        radial-gradient(circle at 18% 20%, rgba(182,122,53,.13), transparent 34%),
        radial-gradient(circle at 88% 82%, rgba(112,69,31,.10), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.24)) !important;
    opacity:1 !important;
}
.zcp-hog .hog-spotlight::after{
    left:34px !important;
    right:34px !important;
    top:0 !important;
    width:auto !important;
    height:2px !important;
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.72), rgba(255,255,255,.12), transparent) !important;
    opacity:.72 !important;
    box-shadow:none !important;
}
.zcp-hog .hog-storm{
    opacity:.18 !important;
    background:
        linear-gradient(115deg, transparent 42%, rgba(182,122,53,.16) 43%, transparent 45%),
        linear-gradient(25deg, transparent 50%, rgba(112,69,31,.12) 51%, transparent 53%) !important;
}
.zcp-hog .hog-topline,
.zcp-hog .hog-runner-label,
.zcp-hog .hog-board-head small,
.zcp-hog .cb{
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(112,69,31,.26) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.zcp-hog .hog-runner-label{
    display:inline-flex !important;
    width:auto !important;
    max-width:100% !important;
    padding:4px 9px !important;
    border-radius:999px !important;
}
.zcp-hog .hog-live-dot{
    background:#B67A35 !important;
    box-shadow:0 0 0 4px rgba(182,122,53,.15) !important;
}
.zcp-hog .hog-rank-mark,
.zcp-hog .hog-runner-rank{
    color:rgba(182,122,53,.32) !important;
    text-shadow:none !important;
}
.zcp-hog .hog-rank-mark{
    opacity:1 !important;
}
.zcp-hog .hog-stat{
    border-color:rgba(255,255,255,.10) !important;
    background:rgba(255,255,255,.040) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.zcp-hog .hog-stat strong,
.zcp-hog .hog-row-rank{
    color:#B67A35 !important;
}
.zcp-hog .hog-stat span{
    color:rgba(255,255,255,.62) !important;
}
.zcp-hog .hog-main-link{
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 16px 34px rgba(112,69,31,.26), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.zcp-hog .hog-main-link:hover{
    border-color:rgba(255,255,255,.28) !important;
    filter:brightness(1.06) !important;
}
.zcp-hog .hog-main-link svg{
    color:#fff !important;
}
.zcp-hog .hog-runner::before,
.zcp-hog .hog-board::before,
.zcp-hog .hog-empty::before{
    content:"" !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    width:3px !important;
    background:linear-gradient(180deg, rgba(182,122,53,.72), rgba(112,69,31,.35)) !important;
    opacity:.62 !important;
    pointer-events:none !important;
}
.zcp-hog .hog-runner:hover,
.zcp-hog .hog-board:hover,
.zcp-hog .hog-empty:hover{
    border-color:rgba(182,122,53,.44) !important;
}
.zcp-hog .hog-row{
    border-bottom-color:rgba(255,255,255,.07) !important;
}
.zcp-hog .hog-row:nth-child(even){
    background:rgba(255,255,255,.012) !important;
}
.zcp-hog .hog-row:hover,
.zcp-hog .hog-row:nth-child(even):hover{
    background:rgba(112,69,31,.15) !important;
    transform:translateX(3px) !important;
}
.zcp-hog .hog-empty-icon{
    color:#fff !important;
    border-color:rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.26), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
@media (max-width:760px){
    .zcp-hog{
        padding:24px 18px !important;
        border-radius:24px !important;
    }
    .zcp-hog::after{
        font-size:86px !important;
        right:12px !important;
    }
}

/* ================================================================
   SHOP-LIKE COLORS FOR VOTE REWARDS SECTION - 2026-06-17
   Scope: Home page Vote Rewards only
================================================================ */
.vote-mission-section{
    position:relative !important;
    overflow:hidden !important;
    margin-top:26px !important;
    padding:30px !important;
    border-radius:28px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at 78% 12%, rgba(182,122,53,.10), transparent 30%),
        radial-gradient(circle at 12% 92%, rgba(112,69,31,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
        rgba(112,69,31,.90) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.vote-mission-section::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg, rgba(182,122,53,.075), transparent 32%, transparent 68%, rgba(182,122,53,.052)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.020) 0 1px, transparent 1px 140px) !important;
    opacity:.40 !important;
}
.vote-mission-section::after{
    content:"Golden" !important;
    position:absolute !important;
    right:24px !important;
    top:-26px !important;
    color:rgba(255,255,255,.028) !important;
    font:900 120px/.8 'Cinzel', Georgia, serif !important;
    letter-spacing:8px !important;
    pointer-events:none !important;
}
.vote-mission-section > *{
    position:relative !important;
    z-index:1 !important;
}
.vote-mission-section .zcp-section-head{
    margin-bottom:24px !important;
}
.vote-mission-section .zcp-section-kicker{
    color:#B67A35 !important;
}
.vote-mission-section .zcp-section-mark{
    color:#fff !important;
    border-color:rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.26), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.vote-mission-section .zcp-section-mark svg{
    color:#fff !important;
}
.vote-mission-section .sh-title,
.vote-mission-section .vm-copy h2,
.vote-mission-section .vm-copy h3,
.vote-mission-section .vm-reward strong,
.vote-mission-section .vm-action-card strong{
    color:#fff !important;
}
.vote-mission-section .sh-sub,
.vote-mission-section .vm-copy p,
.vote-mission-section .vm-reward small,
.vote-mission-section .vm-action-card p{
    color:rgba(255,255,255,.66) !important;
}
.vote-mission-section .sh-link{
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.040) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.vote-mission-section .sh-link:hover{
    border-color:rgba(182,122,53,.48) !important;
    background:rgba(112,69,31,.18) !important;
}
.vote-mission{
    border-color:rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at 18% 20%, rgba(182,122,53,.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.vote-mission::before{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.72), rgba(255,255,255,.12), transparent) !important;
    opacity:.72 !important;
}
.vote-mission::after{
    border-color:rgba(255,255,255,.07) !important;
    box-shadow:inset 0 0 80px rgba(182,122,53,.045) !important;
    opacity:.30 !important;
}
.vote-mission .vm-glow-a{
    background:rgba(182,122,53,.22) !important;
    opacity:.26 !important;
}
.vote-mission .vm-glow-b{
    background:rgba(112,69,31,.18) !important;
    opacity:.22 !important;
}
.vote-mission .vm-eyebrow,
.vote-mission .vm-action-kicker{
    color:#B67A35 !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(112,69,31,.24) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.vote-mission .vm-eyebrow span{
    background:#B67A35 !important;
    box-shadow:0 0 14px rgba(182,122,53,.48) !important;
}
.vote-mission .vm-badges span,
.vote-mission .vm-secondary{
    color:rgba(255,255,255,.78) !important;
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.040) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.vote-mission .vm-badges span:hover,
.vote-mission .vm-secondary:hover{
    color:#fff !important;
    border-color:rgba(182,122,53,.46) !important;
    background:rgba(112,69,31,.18) !important;
}
.vote-mission .vm-reward,
.vote-mission .vm-action-card{
    border-color:rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045) !important;
    overflow:hidden !important;
}
.vote-mission .vm-reward{
    position:relative !important;
}
.vote-mission .vm-reward::before,
.vote-mission .vm-action-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 auto 0 0 !important;
    width:3px !important;
    background:linear-gradient(180deg, rgba(182,122,53,.72), rgba(112,69,31,.35)) !important;
    opacity:.56 !important;
    pointer-events:none !important;
}
.vote-mission .vm-reward:hover,
.vote-mission .vm-action-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(182,122,53,.46) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.020)),
        rgba(112,69,31,.90) !important;
}
.vote-mission .vm-reward-icon{
    color:#fff !important;
    border-color:rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.vote-mission .vm-primary,
.vote-mission .btn-gold.vm-primary{
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 16px 34px rgba(112,69,31,.26), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.vote-mission .vm-primary:hover,
.vote-mission .btn-gold.vm-primary:hover{
    border-color:rgba(255,255,255,.28) !important;
    filter:brightness(1.06) !important;
}
@media (max-width:760px){
    .vote-mission-section{
        padding:24px 18px !important;
        border-radius:24px !important;
    }
    .vote-mission-section::after{
        font-size:86px !important;
        right:12px !important;
    }
}

/* ================================================================
   SHOP-LIKE COLORS FOR NEWS PAGE - 2026-06-17
   Scope: news.php + news-details.php only
================================================================ */
.chronicle-page,
.article-page{
    --z-text:#ffffff !important;
    --z-muted:rgba(255,255,255,.68) !important;
    --z-dim:rgba(255,255,255,.44) !important;
    --z-gold:#B67A35 !important;
    --z-gold-soft:#ffffff !important;
    --z-red:#B67A35 !important;
    --z-line:rgba(255,255,255,.12) !important;
    --z-line-2:rgba(182,122,53,.42) !important;
    position:relative !important;
    color:#fff !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(208,154,85,.10), transparent 34%),
        radial-gradient(circle at 18% 18%, rgba(182,122,53,.05), transparent 30%),
        linear-gradient(180deg, #0B0B0C 0%, #0B0B0C 52%, #09090A 100%) !important;
}
.chronicle-page::before,
.article-page::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg, rgba(182,122,53,.055), transparent 30%, transparent 70%, rgba(182,122,53,.04)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.016) 0 1px, transparent 1px 140px) !important;
    opacity:.50 !important;
}
.chronicle-hero,
.article-hero{
    border-color:rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at 78% 12%, rgba(208,154,85,.08), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010)),
        rgba(16,16,18,.96) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.chronicle-hero::before,
.article-hero::before{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.12), transparent) !important;
    opacity:.34 !important;
}
.chronicle-badge,
.article-badge,
.article-back-top{
    color:#B67A35 !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(112,69,31,.22) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.chronicle-badge svg,
.article-badge svg,
.article-back-top svg{
    color:#B67A35 !important;
}
.chronicle-hero h1,
.article-hero h1,
.chronicle-section-head h2,
.chronicle-card h3,
.chronicle-side-head strong,
.chronicle-action-card strong,
.chronicle-empty h3,
.article-side-head strong,
.article-action-card strong,
.article-content h2,
.article-content h3,
.article-content h4{
    color:#ffffff !important;
    text-shadow:0 10px 34px rgba(0,0,0,.45) !important;
}
.chronicle-hero p,
.chronicle-section-head em,
.chronicle-card p,
.chronicle-latest-list span,
.chronicle-action-card p,
.chronicle-empty p,
.article-meta-line,
.article-content,
.article-action-card p,
.article-related-list strong{
    color:rgba(255,255,255,.68) !important;
}
.chronicle-hero-stats div,
.article-meta-line time,
.article-meta-line span,
.article-pulse-grid div{
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.040) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.chronicle-hero-stats strong,
.chronicle-pulse-grid strong,
.article-pulse-grid strong{
    color:#ffffff !important;
}
.chronicle-hero-stats span,
.chronicle-pulse-grid span,
.article-pulse-grid span{
    color:rgba(255,255,255,.46) !important;
}
.chronicle-panel,
.chronicle-side-card,
.article-panel,
.article-side-card{
    border-color:rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010)),
        rgba(16,16,18,.95) !important;
    box-shadow:0 22px 62px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.chronicle-section-head,
.chronicle-side-head,
.article-side-head,
.article-footer-actions{
    border-color:rgba(255,255,255,.10) !important;
}
.chronicle-section-head span,
.chronicle-side-head small,
.chronicle-action-card small,
.article-side-head small,
.article-action-card small,
.chronicle-card-top span,
.chronicle-latest-list time,
.article-related-list time{
    color:#B67A35 !important;
}
.chronicle-card{
    border-color:rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012)),
        rgba(16,16,18,.95) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.chronicle-card::before{
    background:linear-gradient(90deg, rgba(182,122,53,.72), rgba(255,255,255,.12), transparent) !important;
    opacity:.70 !important;
}
.chronicle-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(182,122,53,.46) !important;
    background:
        linear-gradient(180deg, rgba(208,154,85,.045), rgba(255,255,255,.012)),
        rgba(18,18,20,.97) !important;
}
.chronicle-card-top time{
    color:rgba(255,255,255,.45) !important;
}
.chronicle-card-media{
    border-color:rgba(255,255,255,.10) !important;
    background:
        radial-gradient(circle at 50% 10%, rgba(208,154,85,.12), transparent 44%),
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010)),
        rgba(14,14,16,.96) !important;
}
.chronicle-card-media::after,
.article-cover::after{
    background:
        linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.62)),
        radial-gradient(circle at 60% 18%, rgba(182,122,53,.18), transparent 42%) !important;
}
.chronicle-card-media span,
.article-cover span{
    color:rgba(255,255,255,.76) !important;
    text-shadow:0 10px 28px rgba(0,0,0,.45) !important;
}
.chronicle-card-foot{
    color:#ffffff !important;
}
.chronicle-card-foot svg,
.article-action-link svg{
    color:#B67A35 !important;
}
.chronicle-latest-list a,
.chronicle-pulse-grid div,
.article-related-list a{
    border-color:rgba(255,255,255,.10) !important;
    background:rgba(255,255,255,.035) !important;
}
.chronicle-latest-list a:hover,
.article-related-list a:hover{
    border-color:rgba(182,122,53,.44) !important;
    background:rgba(208,154,85,.055) !important;
}
.side-mark,
.article-side-head > span,
.chronicle-empty-icon{
    color:#fff !important;
    border-color:rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.chronicle-action-card a,
.article-action-card a,
.article-action-link,
.article-share a{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.040) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.chronicle-action-card a:hover,
.article-action-card a:hover,
.article-action-link:hover,
.article-share a:hover{
    color:#fff !important;
    border-color:rgba(182,122,53,.46) !important;
    background:rgba(208,154,85,.065) !important;
}
.chronicle-pagination a,
.chronicle-pagination span{
    color:rgba(255,255,255,.72) !important;
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.040) !important;
}
.chronicle-pagination .active,
.chronicle-pagination a:hover{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 28px rgba(112,69,31,.24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.article-cover{
    border-color:rgba(255,255,255,.12) !important;
    background-color:rgba(14,14,16,.96) !important;
}
.article-content a{
    color:#D09A55 !important;
    border-bottom-color:rgba(208,154,85,.38) !important;
}
.article-related-thumb{
    border-color:rgba(255,255,255,.10) !important;
    background-color:rgba(112,69,31,.18) !important;
}
@media (max-width:760px){
    .chronicle-hero,
    .article-hero,
    .chronicle-panel,
    .chronicle-side-card,
    .article-panel,
    .article-side-card{
        border-radius:22px !important;
    }
}

/* ================================================================
   SHOP-LIKE COLORS FOR RANKINGS PAGE - 2026-06-17
   Scope: rankings.php only
   Visual colors only — no PHP/system changes
================================================================ */
.rankings-page{
    --z-text:#ffffff !important;
    --z-muted:rgba(255,255,255,.70) !important;
    --z-dim:rgba(255,255,255,.46) !important;
    --z-gold:#B67A35 !important;
    --z-gold-soft:#ffffff !important;
    --z-red:#B67A35 !important;
    --z-line:rgba(255,255,255,.12) !important;
    --z-line-2:rgba(182,122,53,.42) !important;
    color:#fff !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(112,69,31,.20), transparent 34%),
        radial-gradient(circle at 86% 16%, rgba(182,122,53,.10), transparent 34%),
        linear-gradient(180deg, #0B0B0C 0%, #70451F 48%, #0B0B0C 100%) !important;
}
.rankings-page::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg, rgba(182,122,53,.055), transparent 30%, transparent 70%, rgba(182,122,53,.04)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.016) 0 1px, transparent 1px 140px) !important;
    opacity:.48 !important;
}
.rankings-hero{
    border-color:rgba(255,255,255,.13) !important;
    background:
        radial-gradient(circle at 84% 15%, rgba(182,122,53,.15), transparent 34%),
        linear-gradient(135deg, rgba(112,69,31,.18), rgba(112,69,31,.94) 52%, rgba(5,5,6,.96)) !important;
    box-shadow:0 34px 95px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.rankings-hero::before{
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent) !important;
    opacity:.46 !important;
}
.rankings-badge,
.rankings-section-head span,
.rankings-results-note strong,
.rankings-pod-role{
    color:#B67A35 !important;
}
.rankings-badge{
    border-color:rgba(255,255,255,.15) !important;
    background:rgba(112,69,31,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.rankings-badge svg{
    color:#B67A35 !important;
}
.rankings-hero h1,
.rankings-section-head h2,
.rankings-podium-card h3,
.rankings-empty h3,
.rankings-player-info strong{
    color:#ffffff !important;
    text-shadow:none !important;
}
.rankings-hero p,
.rankings-section-head em,
.rankings-results-note,
.rankings-table td,
.rankings-empty p{
    color:rgba(255,255,255,.70) !important;
}
.rankings-hero-stats div,
.rankings-pod-stats span,
.rankings-table-wrap,
.rankings-empty-icon{
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.035) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.rankings-hero-stats strong,
.rankings-pod-stats strong,
.rankings-number{
    color:#B67A35 !important;
}
.rankings-hero-stats span,
.rankings-pod-stats em,
.rankings-player-info span,
.rankings-table th{
    color:rgba(255,255,255,.48) !important;
}
.rankings-panel,
.rankings-podium-card{
    border-color:rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.rankings-section-head{
    border-bottom-color:rgba(255,255,255,.10) !important;
}
.rankings-podium-card::before{
    background:linear-gradient(90deg, rgba(182,122,53,.74), rgba(255,255,255,.10), transparent) !important;
    opacity:.70 !important;
}
.rankings-podium-card:hover{
    border-color:rgba(182,122,53,.48) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.020)),
        rgba(112,69,31,.90) !important;
}
.rankings-pod-1{
    border-color:rgba(182,122,53,.46) !important;
}
.rankings-pod-medal,
.rankings-pod-2 .rankings-pod-medal,
.rankings-pod-3 .rankings-pod-medal,
.rankings-rank.rank-1,
.rankings-rank.rank-2,
.rankings-rank.rank-3,
.rankings-empty-icon{
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.26), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.rankings-pod-avatar,
.rankings-player-face,
.rankings-rank,
.rankings-pill,
.rankings-class-badge{
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.035) !important;
    color:#ffffff !important;
}
.rankings-class-badge,
.cb-warrior,.cb-warrior-master,
.cb-trojan,.cb-trojan-master,
.cb-archer,.cb-archer-master,
.cb-ninja,.cb-ninja-master,.cb-flying-dragon,
.cb-taoist,.cb-water-master,
.cb-monk,.cb-fire-master,.cb-pirate{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.13) !important;
    background:rgba(112,69,31,.18) !important;
}
.rankings-pill{
    color:rgba(255,255,255,.62) !important;
}
.rankings-pill.is-active{
    color:#B67A35 !important;
    border-color:rgba(182,122,53,.42) !important;
    background:rgba(112,69,31,.18) !important;
}
.rankings-search-box input,
.rankings-select-box select{
    background:rgba(0,0,0,.34) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#ffffff !important;
}
.rankings-select-box select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff4752' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
}
.rankings-search-box input:focus,
.rankings-select-box select:focus{
    border-color:rgba(182,122,53,.62) !important;
    background:rgba(0,0,0,.38) !important;
    box-shadow:0 0 0 4px rgba(112,69,31,.18) !important;
}
.rankings-search-box span{
    color:rgba(255,255,255,.48) !important;
}
.rankings-btn-clear{
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:rgba(255,255,255,.04) !important;
}
.rankings-btn-search:hover,
.rankings-btn-clear:hover{
    border-color:rgba(182,122,53,.50) !important;
    box-shadow:0 22px 52px rgba(112,69,31,.36), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.rankings-table-wrap::-webkit-scrollbar-track{
    background:rgba(255,255,255,.035) !important;
}
.rankings-table-wrap::-webkit-scrollbar-thumb{
    background:linear-gradient(90deg, rgba(182,122,53,.88), rgba(112,69,31,.88)) !important;
}
.rankings-table th{
    border-bottom-color:rgba(255,255,255,.10) !important;
    background:rgba(255,255,255,.035) !important;
}
.rankings-table td{
    border-bottom-color:rgba(255,255,255,.07) !important;
}
.rankings-table tbody tr:hover{
    background:rgba(112,69,31,.14) !important;
}
.rankings-rank.rank-normal{
    color:rgba(255,255,255,.76) !important;
}
.rankings-pagination a,
.rankings-pagination span{
    color:rgba(255,255,255,.72) !important;
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.040) !important;
}
.rankings-pagination a:hover,
.rankings-pagination .active{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 28px rgba(112,69,31,.24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
@media (max-width:760px){
    .rankings-hero,
    .rankings-panel,
    .rankings-podium-card{
        border-radius:22px !important;
    }
}

/* Rankings readability + search controls fix */
.rankings-board,
.rankings-board *{
    color:#ffffff !important;
}
.rankings-board .rankings-section-head span,
.rankings-board .rankings-results-note strong,
.rankings-board .rankings-number,
.rankings-board .rankings-table td,
.rankings-board .rankings-table th,
.rankings-board .rankings-player-info strong,
.rankings-board .rankings-player-info span,
.rankings-board .rankings-class-badge,
.rankings-board .rankings-pill,
.rankings-board .rankings-rank,
.rankings-board .rankings-rank.rank-normal,
.rankings-board .rankings-table strong,
.rankings-board .rankings-table em{
    color:#ffffff !important;
    text-shadow:none !important;
}
.rankings-board .rankings-table td a,
.rankings-board .rankings-table td a:visited{
    color:#ffffff !important;
}
.rankings-board .rankings-table td[style],
.rankings-board .rankings-table th[style],
.rankings-board .rankings-table span[style],
.rankings-board .rankings-table strong[style]{
    color:#ffffff !important;
}
.rankings-board .rankings-table tbody tr:hover td,
.rankings-board .rankings-table tbody tr:hover strong,
.rankings-board .rankings-table tbody tr:hover span{
    color:#ffffff !important;
}
.rankings-filter-form{
    grid-template-columns:minmax(260px, 1fr) minmax(190px, 220px) minmax(118px, auto) auto !important;
    gap:14px !important;
    align-items:center !important;
}
.rankings-search-box,
.rankings-select-box{
    min-width:0 !important;
    width:100% !important;
}
.rankings-search-box input,
.rankings-select-box select{
    height:48px !important;
    min-height:48px !important;
    line-height:48px !important;
    color:#ffffff !important;
    background-color:rgba(112,69,31,.62) !important;
    border-color:rgba(255,255,255,.14) !important;
    box-sizing:border-box !important;
}
.rankings-search-box input::placeholder{
    color:rgba(255,255,255,.62) !important;
}
.rankings-select-box select{
    padding:0 46px 0 16px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
    background-repeat:no-repeat !important;
    background-position:right 16px center !important;
    background-size:16px 16px !important;
}
.rankings-select-box select::-ms-expand{
    display:none !important;
}
.rankings-select-box select option{
    color:#ffffff !important;
    background:#70451F !important;
}
.rankings-btn-search,
.rankings-btn-clear{
    height:48px !important;
    min-height:48px !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
    line-height:1 !important;
}
.rankings-btn-search{
    min-width:120px !important;
    padding:0 24px !important;
    color:#ffffff !important;
    background:linear-gradient(180deg, #B67A35 0%, #B67A35 58%, #141416 100%) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 16px 36px rgba(112,69,31,.30), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.rankings-btn-search:hover{
    transform:translateY(-1px) !important;
    background:linear-gradient(180deg, #B67A35 0%, #B67A35 58%, #70451F 100%) !important;
}
@media (max-width:900px){
    .rankings-filter-form{
        grid-template-columns:1fr 1fr !important;
    }
    .rankings-btn-search,
    .rankings-btn-clear{
        width:100% !important;
    }
}
@media (max-width:620px){
    .rankings-filter-form{
        grid-template-columns:1fr !important;
    }
}

/* ================================================================
   SHOP-LIKE COLORS FOR GUILDS PAGE - 2026-06-17
   Scope: guilds.php only
================================================================ */
.guilds-page{
    --z-text:#ffffff !important;
    --z-muted:rgba(255,255,255,.72) !important;
    --z-dim:rgba(255,255,255,.48) !important;
    --z-gold:#B67A35 !important;
    --z-gold-soft:#ffffff !important;
    --z-red:#B67A35 !important;
    --z-line:rgba(255,255,255,.12) !important;
    --z-line-2:rgba(182,122,53,.42) !important;
    color:#ffffff !important;
    background:
        radial-gradient(circle at 48% 0%, rgba(182,122,53,.10), transparent 34%),
        radial-gradient(circle at 80% 22%, rgba(112,69,31,.10), transparent 34%),
        linear-gradient(180deg, #70451F 0%, #0B0B0C 48%, #70451F 100%) !important;
}
.guilds-page::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg, rgba(182,122,53,.055), transparent 30%, transparent 70%, rgba(182,122,53,.04)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.016) 0 1px, transparent 1px 140px) !important;
    opacity:.50 !important;
}
.guilds-page,
.guilds-page *{
    scrollbar-color:rgba(182,122,53,.8) rgba(255,255,255,.035) !important;
}
.guilds-hero,
.guilds-panel,
.guilds-side-card,
.guilds-champion,
.guilds-table-wrap,
.guilds-latest-list a,
.guilds-pulse-grid div,
.guilds-hero-stats div,
.guilds-champion-stats div{
    border-color:rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.016)),
        rgba(112,69,31,.88) !important;
    box-shadow:0 20px 58px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.guilds-hero{
    background:
        radial-gradient(circle at 78% 10%, rgba(182,122,53,.10), transparent 30%),
        radial-gradient(circle at 12% 92%, rgba(112,69,31,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.016)),
        rgba(112,69,31,.90) !important;
}
.guilds-hero::before{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.12), transparent) !important;
    opacity:.34 !important;
}
.guilds-badge,
.guilds-section-head span,
.guilds-side-head small,
.guilds-action-card small,
.guilds-champion-copy span,
.guilds-latest-list time{
    color:#B67A35 !important;
}
.guilds-badge,
.guilds-leader-pill,
.guilds-ctf,
.guilds-action-card a,
.guilds-clear{
    border-color:rgba(255,255,255,.13) !important;
    background:rgba(112,69,31,.18) !important;
    color:#ffffff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.guilds-badge-icon,
.guilds-badge svg,
.guilds-side-mark,
.guilds-empty-icon{
    color:#ffffff !important;
}
.guilds-side-mark,
.guilds-empty-icon,
.guilds-rank-1,
.guilds-rank-2,
.guilds-rank-3{
    border:1px solid rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    color:#ffffff !important;
    box-shadow:0 12px 30px rgba(112,69,31,.24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.guilds-hero h1,
.guilds-section-head h2,
.guilds-champion h3,
.guilds-name strong,
.guilds-side-head strong,
.guilds-action-card strong,
.guilds-empty h3{
    color:#ffffff !important;
    text-shadow:0 10px 34px rgba(0,0,0,.45) !important;
}
.guilds-hero p,
.guilds-section-head em,
.guilds-champion p,
.guilds-champion p strong,
.guilds-latest-list span,
.guilds-action-card p,
.guilds-empty p,
.guilds-table td,
.guilds-table td small,
.guilds-name small{
    color:rgba(255,255,255,.72) !important;
}
.guilds-hero-stats strong,
.guilds-champion-stats strong,
.guilds-pulse-grid strong,
.guilds-number,
.guilds-table td strong,
.guilds-table td a,
.guilds-table td a:visited,
.guilds-table tbody td,
.guilds-table tbody td span{
    color:#ffffff !important;
}
.guilds-hero-stats span,
.guilds-champion-stats span,
.guilds-pulse-grid span,
.guilds-table th{
    color:rgba(255,255,255,.48) !important;
}
.guilds-section-head,
.guilds-side-head{
    border-bottom-color:rgba(255,255,255,.10) !important;
}
.guilds-champion::before{
    background:linear-gradient(90deg, rgba(182,122,53,.72), rgba(255,255,255,.10), transparent) !important;
    opacity:.70 !important;
}
.guilds-champion:hover,
.guilds-latest-list a:hover,
.guilds-action-card a:hover,
.guilds-clear:hover{
    border-color:rgba(182,122,53,.46) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.020)),
        rgba(112,69,31,.16) !important;
}
.guilds-rank-badge,
.guilds-rank{
    border-color:rgba(255,255,255,.13) !important;
    background:rgba(255,255,255,.040) !important;
    color:#ffffff !important;
}
.guilds-champion-1 .guilds-rank-badge{
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.26), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.guilds-search{
    align-items:center !important;
    gap:14px !important;
}
.guilds-search-box{
    min-width:260px !important;
    flex:1 1 360px !important;
}
.guilds-search input{
    height:48px !important;
    color:#ffffff !important;
    background:rgba(0,0,0,.34) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-sizing:border-box !important;
}
.guilds-search input::placeholder{
    color:rgba(255,255,255,.62) !important;
}
.guilds-search-box svg{
    color:rgba(255,255,255,.48) !important;
}
.guilds-search input:focus{
    border-color:rgba(182,122,53,.62) !important;
    background:rgba(0,0,0,.38) !important;
    box-shadow:0 0 0 4px rgba(112,69,31,.18) !important;
}
.guilds-search button{
    min-width:120px !important;
    height:48px !important;
    padding:0 24px !important;
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg, #B67A35 0%, #B67A35 58%, #141416 100%) !important;
    box-shadow:0 16px 36px rgba(112,69,31,.30), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.guilds-search button:hover{
    transform:translateY(-1px) !important;
    background:linear-gradient(180deg, #B67A35 0%, #B67A35 58%, #70451F 100%) !important;
}
.guilds-clear{
    height:48px !important;
    align-items:center !important;
}
.guilds-table-wrap{
    background:rgba(112,69,31,.86) !important;
}
.guilds-table th{
    border-bottom-color:rgba(255,255,255,.10) !important;
    background:rgba(255,255,255,.035) !important;
}
.guilds-table td{
    border-bottom-color:rgba(255,255,255,.07) !important;
}
.guilds-table tbody tr:hover{
    background:rgba(112,69,31,.14) !important;
}
.guilds-table tbody tr:hover td,
.guilds-table tbody tr:hover strong,
.guilds-table tbody tr:hover span,
.guilds-table tbody tr:hover small{
    color:#ffffff !important;
}
.guilds-leader-pill,
.guilds-ctf{
    color:#ffffff !important;
    max-width:190px !important;
}
.guilds-number{
    text-shadow:none !important;
}
.guilds-pagination a,
.guilds-pagination span{
    color:rgba(255,255,255,.72) !important;
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.040) !important;
}
.guilds-pagination .active,
.guilds-pagination a:hover{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 28px rgba(112,69,31,.24), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.guilds-action-card a:first-child{
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    border-color:rgba(255,255,255,.16) !important;
    color:#ffffff !important;
}
@media (max-width:760px){
    .guilds-hero,
    .guilds-panel,
    .guilds-side-card,
    .guilds-champion{
        border-radius:22px !important;
    }
    .guilds-search-box,
    .guilds-search button,
    .guilds-clear{
        width:100% !important;
    }
}

/* Events page — match Shop card feeling */
body:has(.events-unified-page){
    background:
        radial-gradient(circle at 72% 6%, rgba(112,69,31,.16), transparent 33%),
        radial-gradient(circle at 18% 20%, rgba(182,122,53,.07), transparent 28%),
        #70451F !important;
}
.events-unified-page{
    --z-bg:#70451F !important;
    --z-panel:rgba(17,18,20,.92) !important;
    --z-panel-2:rgba(20,21,24,.82) !important;
    --z-line:rgba(255,255,255,.105) !important;
    --z-line-2:rgba(255,255,255,.16) !important;
    --z-gold:#D09A55 !important;
    --z-gold-soft:#ffffff !important;
    --z-red:#B67A35 !important;
    --z-green:#B67A35 !important;
    --z-text:#ffffff !important;
    --z-muted:rgba(255,255,255,.72) !important;
    --z-dim:rgba(255,255,255,.48) !important;
    color:#ffffff !important;
}
.events-unified-hero,
.events-unified-panel,
.events-side-card,
.events-action-card{
    border:1px solid rgba(255,255,255,.11) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012)),
        rgba(17,18,20,.92) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.events-unified-hero::before{
    background:
        radial-gradient(circle at 12% 0%, rgba(182,122,53,.18), transparent 34%),
        linear-gradient(90deg, rgba(182,122,53,.10), transparent 45%, rgba(255,255,255,.035)) !important;
    opacity:.90 !important;
}
.events-unified-badge,
.events-unified-head span,
.events-unified-group-head span,
.events-side-head small,
.events-action-card small{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.13) !important;
    background:rgba(182,122,53,.16) !important;
    text-shadow:none !important;
}
.events-unified-badge-icon,
.events-unified-badge svg{
    color:#ffffff !important;
}
.events-unified-hero h1,
.events-unified-head h2,
.events-unified-group-head h3,
.events-side-head h3,
.events-action-card strong,
.events-unified-empty h4,
.events-unified-card h4{
    color:#ffffff !important;
    text-shadow:0 10px 34px rgba(0,0,0,.45) !important;
}
.events-unified-hero p,
.events-unified-head em,
.events-unified-group-head small,
.events-side-card p,
.events-action-card p,
.events-unified-card p,
.events-unified-card-meta,
.events-unified-card-meta span,
.events-unified-empty p{
    color:rgba(255,255,255,.72) !important;
}
.events-unified-stats div,
.events-side-stats div{
    border:1px solid rgba(255,255,255,.10) !important;
    background:rgba(255,255,255,.040) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.events-unified-stats strong,
.events-side-stats strong{
    color:#D09A55 !important;
    text-shadow:none !important;
}
.events-unified-stats span,
.events-side-stats span{
    color:rgba(255,255,255,.58) !important;
}
.events-unified-head,
.events-unified-group-head,
.events-side-head{
    border-bottom-color:rgba(255,255,255,.10) !important;
}
.events-unified-alert{
    border-color:rgba(182,122,53,.24) !important;
    background:rgba(112,69,31,.12) !important;
    color:rgba(255,255,255,.72) !important;
}
.events-unified-alert strong,
.events-unified-alert b{
    color:#ffffff !important;
}
.events-unified-card{
    border:1px solid rgba(255,255,255,.105) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.010)),
        rgba(17,18,20,.92) !important;
    box-shadow:0 20px 55px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.events-unified-card::before,
.events-unified-card.is-live::before,
.events-unified-card.is-ended::before,
.events-next-focus::before{
    background:linear-gradient(90deg, rgba(182,122,53,.75), rgba(255,255,255,.09), transparent) !important;
    opacity:.68 !important;
}
.events-unified-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(182,122,53,.40) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.012)),
        rgba(17,18,20,.95) !important;
    box-shadow:0 26px 70px rgba(0,0,0,.36), 0 0 0 1px rgba(182,122,53,.045) !important;
}
.events-unified-card.is-ended{
    opacity:.88 !important;
}
.events-unified-abbr{
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.13) !important;
    background:linear-gradient(180deg, #B67A35 0%, #70451F 64%, #141416 100%) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.26), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.events-state-pill,
.events-state-pill.live,
.events-state-pill.ended,
.events-live-timer,
.is-live .events-live-timer,
.events-next-focus .events-live-timer,
.is-ended .events-live-timer{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.13) !important;
    background:rgba(182,122,53,.15) !important;
    box-shadow:none !important;
}
.events-live-timer{
    background:rgba(255,255,255,.045) !important;
    color:#D09A55 !important;
}
.events-unified-empty{
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.025) !important;
}
.events-unified-empty svg{
    color:#D09A55 !important;
}
.events-action-card{
    background:
        linear-gradient(145deg, rgba(182,122,53,.10), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012)),
        rgba(17,18,20,.92) !important;
}
.events-action-card a{
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg, #B67A35 0%, #B67A35 58%, #141416 100%) !important;
    box-shadow:0 16px 36px rgba(112,69,31,.30), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.events-action-card a:hover{
    transform:translateY(-1px) !important;
    background:linear-gradient(180deg, #B67A35 0%, #B67A35 58%, #70451F 100%) !important;
}
@media (max-width:780px){
    .events-unified-hero,
    .events-unified-panel,
    .events-side-card,
    .events-action-card,
    .events-unified-card{
        border-radius:22px !important;
    }
}
.forum-page .forum-hero,
.forum-page .forum-panel,
.forum-page .forum-side-card,
.forum-page .forum-action-card,
.forum-page .forum-category,
.forum-page .forum-topic-board,
.forum-page .forum-thread-intro,
.forum-page .forum-post-card,
.forum-page .forum-path-card,
.forum-page .forum-empty{
    border:1px solid rgba(255,255,255,.105) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010)),
        rgba(17,18,20,.92) !important;
    box-shadow:0 20px 55px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.forum-page .forum-hero,
.forum-page .forum-action-primary{
    background:
        linear-gradient(145deg, rgba(182,122,53,.10), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012)),
        rgba(17,18,20,.92) !important;
}
.forum-page .forum-hero::before{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.08), transparent) !important;
    opacity:.65 !important;
}
.forum-page .forum-badge,
.forum-page .forum-section-head span,
.forum-page .forum-side-head small,
.forum-page .forum-action-card small,
.forum-page .forum-thread-intro small,
.forum-page .forum-path-card span,
.forum-page .forum-field > span{
    color:#D09A55 !important;
    text-shadow:none !important;
}
.forum-page .forum-badge{
    border-color:rgba(182,122,53,.34) !important;
    background:rgba(182,122,53,.13) !important;
}
.forum-page .forum-hero h1,
.forum-page .forum-section-head h2,
.forum-page .forum-side-head h3,
.forum-page .forum-action-card h3,
.forum-page .forum-category-head h3,
.forum-page .forum-details h4,
.forum-page .forum-topic-main strong,
.forum-page .forum-thread-intro h3,
.forum-page .forum-post-author strong,
.forum-page .forum-empty h3,
.forum-page .forum-path-card strong,
.forum-page .forum-topic-item strong,
.forum-page .forum-rules-list strong{
    color:#ffffff !important;
    text-shadow:none !important;
}
.forum-page .forum-hero-stats div,
.forum-page .forum-count,
.forum-page .forum-topic-metric,
.forum-page .forum-board-head,
.forum-page .forum-topic-head,
.forum-page .forum-category-head,
.forum-page .forum-post-author,
.forum-page .forum-rules-list li{
    border-color:rgba(255,255,255,.10) !important;
    background:rgba(255,255,255,.040) !important;
}
.forum-page .forum-hero-stats strong,
.forum-page .forum-count strong,
.forum-page .forum-topic-metric strong{
    color:#D09A55 !important;
    text-shadow:none !important;
}
.forum-page .forum-hero-stats span,
.forum-page .forum-count small,
.forum-page .forum-topic-metric small,
.forum-page .forum-board-head,
.forum-page .forum-topic-head,
.forum-page .forum-post-top{
    color:rgba(255,255,255,.56) !important;
}
.forum-page .forum-section-head,
.forum-page .forum-side-head,
.forum-page .forum-category-head,
.forum-page .forum-board-head,
.forum-page .forum-topic-head,
.forum-page .forum-row,
.forum-page .forum-topic-row,
.forum-page .forum-post-top,
.forum-page .forum-post-author{
    border-color:rgba(255,255,255,.10) !important;
}
.forum-page .forum-avatar.has-image{
    background:#0f1012 !important;
    border-color:rgba(255,255,255,.12) !important;
}
.forum-page .forum-topic-item,
.forum-page .forum-rules-list li{
    border-color:rgba(255,255,255,.10) !important;
    background:rgba(255,255,255,.035) !important;
}
.forum-page .forum-post-card.is-first-post,
.forum-page .forum-create-page .forum-path-card,
.forum-page .forum-thread-intro{
    border-color:rgba(182,122,53,.24) !important;
    background:
        linear-gradient(145deg, rgba(182,122,53,.085), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010)),
        rgba(17,18,20,.92) !important;
}
.forum-page .forum-btn,
.forum-page button.forum-btn{
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg, #B67A35 0%, #B67A35 58%, #141416 100%) !important;
    box-shadow:0 16px 36px rgba(112,69,31,.30), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.forum-page .forum-btn:hover,
.forum-page button.forum-btn:hover{
    transform:translateY(-2px) !important;
    background:linear-gradient(180deg, #B67A35 0%, #B67A35 58%, #70451F 100%) !important;
    filter:none !important;
}
.forum-page .forum-link-btn{
    color:#ffffff !important;
    border:1px solid rgba(182,122,53,.28) !important;
    background:rgba(182,122,53,.10) !important;
    box-shadow:none !important;
}
.forum-page .forum-link-btn:hover{
    border-color:rgba(182,122,53,.45) !important;
    background:rgba(182,122,53,.16) !important;
}
.forum-page .forum-field select:focus,
.forum-page .forum-field input:focus,
.forum-page .forum-field textarea:focus{
    border-color:rgba(182,122,53,.46) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.016)),
        rgba(17,18,20,.96) !important;
    box-shadow:0 0 0 3px rgba(182,122,53,.09), inset 0 1px 0 rgba(255,255,255,.06), 0 18px 42px rgba(0,0,0,.22) !important;
}
.forum-page .forum-field input::placeholder,
.forum-page .forum-field textarea::placeholder{
    color:rgba(255,255,255,.42) !important;
}
.forum-page .forum-alert-error{
    border-color:rgba(182,122,53,.34) !important;
    background:rgba(182,122,53,.13) !important;
    color:#ffd9dc !important;
}
@media (max-width:850px){
    .forum-page .forum-last-post,
    .forum-page .forum-topic-meta{
        border-color:rgba(255,255,255,.10) !important;
    }
}

/* ================================================================
   SHOP-LIKE COLORS FOR GALLERY PAGE - 2026-06-17
   Scope: gallery.php + gallery-view.php only
================================================================ */
.gallery-page{
    --gallery-text:#ffffff !important;
    --gallery-muted:rgba(255,255,255,.68) !important;
    --gallery-dim:rgba(255,255,255,.44) !important;
    --gallery-gold:#B67A35 !important;
    --gallery-gold-soft:#ffffff !important;
    --gallery-line:rgba(255,255,255,.12) !important;
    --gallery-line-strong:rgba(182,122,53,.44) !important;
    --gallery-card:rgba(112,69,31,.88) !important;
    --gallery-card-strong:rgba(255,255,255,.055) !important;
    position:relative !important;
    color:#ffffff !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(182,122,53,.10), transparent 34%),
        radial-gradient(circle at 80% 18%, rgba(112,69,31,.10), transparent 32%),
        linear-gradient(180deg, #70451F 0%, #0B0B0C 45%, #70451F 100%) !important;
}
.gallery-page::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg, rgba(182,122,53,.055), transparent 30%, transparent 70%, rgba(182,122,53,.04)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.016) 0 1px, transparent 1px 140px) !important;
    opacity:.50 !important;
}
.gallery-page *,
.gallery-page a{
    text-shadow:none;
}
.gallery-hero,
.gallery-panel,
.gallery-side-card,
.gallery-view-card,
.gallery-related{
    border-color:rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at 78% 12%, rgba(182,122,53,.10), transparent 30%),
        radial-gradient(circle at 12% 92%, rgba(112,69,31,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
        rgba(112,69,31,.90) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.gallery-hero::before{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.12), transparent) !important;
    opacity:.34 !important;
}
.gallery-badge,
.gallery-view-kicker span,
.gallery-view-kicker b,
.gallery-featured-badge{
    color:#B67A35 !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(112,69,31,.22) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.gallery-badge svg,
.gallery-badge-icon,
.gallery-side-head > span{
    color:#B67A35 !important;
}
.gallery-hero h1,
.gallery-section-head h2,
.gallery-card h3,
.gallery-side-head strong,
.gallery-info-card strong,
.gallery-empty h3,
.gallery-view-content h2,
.gallery-related-card strong,
.gallery-mini-list span,
.gallery-album-list a,
.gallery-card-foot b{
    color:#ffffff !important;
}
.gallery-hero p,
.gallery-card p,
.gallery-side-note,
.gallery-info-card p,
.gallery-empty p,
.gallery-view-content p,
.gallery-related-card span,
.gallery-mini-list small,
.gallery-section-head em,
.gallery-card-top time,
.gallery-card-foot span{
    color:rgba(255,255,255,.68) !important;
}
.gallery-section-head,
.gallery-card-foot{
    border-color:rgba(255,255,255,.10) !important;
}
.gallery-section-head span,
.gallery-card-top span,
.gallery-side-head small,
.gallery-info-card small,
.gallery-view-meta strong{
    color:#B67A35 !important;
}
.gallery-hero-stats div,
.gallery-view-meta div{
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.040) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.gallery-hero-stats strong{
    color:#ffffff !important;
}
.gallery-hero-stats span,
.gallery-view-meta span{
    color:rgba(255,255,255,.46) !important;
}
.gallery-filter,
.gallery-album-list a,
.gallery-mini-list a,
.gallery-pagination a,
.gallery-pagination span{
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.040) !important;
    color:rgba(255,255,255,.72) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.040) !important;
}
.gallery-filter b,
.gallery-album-list b{
    color:#ffffff !important;
    background:rgba(112,69,31,.24) !important;
    border:1px solid rgba(255,255,255,.10) !important;
}
.gallery-filter:hover,
.gallery-filter.active,
.gallery-album-list a:hover,
.gallery-album-list a.active,
.gallery-mini-list a:hover,
.gallery-pagination .active,
.gallery-pagination a:hover{
    color:#ffffff !important;
    border-color:rgba(182,122,53,.48) !important;
    background:rgba(112,69,31,.20) !important;
    box-shadow:0 16px 34px rgba(112,69,31,.14), inset 0 1px 0 rgba(255,255,255,.060) !important;
}
.gallery-filter:hover b,
.gallery-filter.active b{
    color:#ffffff !important;
    background:rgba(182,122,53,.24) !important;
}
.gallery-search input{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)),
        rgba(17,18,20,.92) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.gallery-search input::placeholder{
    color:rgba(255,255,255,.42) !important;
}
.gallery-search input:focus{
    border-color:rgba(182,122,53,.46) !important;
    box-shadow:0 0 0 3px rgba(182,122,53,.09), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.gallery-search button,
.gallery-clear,
.gallery-back{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 16px 34px rgba(112,69,31,.26), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.gallery-clear,
.gallery-back.is-soft{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.045) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.gallery-search button:hover,
.gallery-clear:hover,
.gallery-back:hover{
    border-color:rgba(182,122,53,.52) !important;
    filter:brightness(1.06) !important;
}
.gallery-card,
.gallery-related-card{
    border-color:rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.gallery-card.is-featured,
.gallery-card:hover,
.gallery-related-card:hover{
    border-color:rgba(182,122,53,.46) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.020)),
        rgba(112,69,31,.90) !important;
    box-shadow:0 24px 62px rgba(0,0,0,.36), 0 0 0 1px rgba(182,122,53,.035), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.gallery-card-media,
.gallery-related-media,
.gallery-view-media{
    background:
        radial-gradient(circle at 50% 0%, rgba(182,122,53,.10), transparent 40%),
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(112,69,31,.86) !important;
}
.gallery-card-media::after,
.gallery-related-media::after{
    background:linear-gradient(180deg, transparent 45%, rgba(0,0,0,.74)) !important;
}
.gallery-card-media.is-empty,
.gallery-related-media.is-empty,
.gallery-view-media.is-empty{
    color:rgba(255,255,255,.22) !important;
    border-color:rgba(255,255,255,.10) !important;
}
.gallery-featured-badge{
    color:#ffffff !important;
    background:rgba(112,69,31,.42) !important;
    border-color:rgba(255,255,255,.16) !important;
}
.gallery-empty{
    border-color:rgba(182,122,53,.24) !important;
    background:rgba(255,255,255,.035) !important;
}
.gallery-empty-icon,
.gallery-side-head > span{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.22), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.gallery-info-card{
    background:
        radial-gradient(circle at 20% 0%, rgba(182,122,53,.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
        rgba(112,69,31,.90) !important;
}
.gallery-view-media{
    background-color:#0B0B0C !important;
}
.gallery-view-kicker b{
    color:#ffffff !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
}
.gallery-view-meta strong{
    color:#ffffff !important;
}
@media (max-width:720px){
    .gallery-hero,
    .gallery-panel,
    .gallery-side-card,
    .gallery-related,
    .gallery-view-card{
        border-radius:22px !important;
    }
}

/* ======================================================================
   VIP Seller — match Shop card color system
   Scope: vipseller.php only
   ====================================================================== */
.vip-page,
.zcp-vip-store{
    color:#ffffff !important;
    --vip-card-bg:rgba(112,69,31,.88);
    --vip-card-bg-strong:rgba(10,10,12,.92);
    --vip-soft:rgba(255,255,255,.70);
    --vip-muted:rgba(255,255,255,.54);
    --vip-border:rgba(255,255,255,.12);
    --vip-border-red:rgba(182,122,53,.42);
    --vip-red:#B67A35;
    --vip-red-dark:#70451F;
    --vip-red-deep:#141416;
}

.vip-page::before{
    background:
        radial-gradient(circle at 18% 0%, rgba(112,69,31,.24), transparent 34%),
        radial-gradient(circle at 86% 16%, rgba(112,69,31,.16), transparent 34%),
        linear-gradient(180deg, #0B0B0C 0%, #70451F 48%, #0B0B0C 100%) !important;
}
.vip-page::after{
    background:
        linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent),
        linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.45)) !important;
    opacity:.38 !important;
}

.zcp-vip-store :where(h1,h2,h3,h4,b,strong,label,span,p,li,small,em,a){
    color:inherit;
}
.zcp-vip-store .zcp-breadcrumb,
.zcp-vip-store .zcp-breadcrumb a{
    color:rgba(255,255,255,.62) !important;
}

.zcp-vip-store .vip-hero{
    border:1px solid rgba(255,255,255,.13) !important;
    background:
        radial-gradient(circle at 84% 15%, rgba(182,122,53,.16), transparent 34%),
        linear-gradient(135deg, rgba(112,69,31,.20), rgba(112,69,31,.94) 52%, rgba(5,5,6,.96)) !important;
    box-shadow:0 34px 95px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.zcp-vip-store .vip-hero::before{
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent) !important;
}
.zcp-vip-store .vip-hero::after{
    display:none !important;
}

.zcp-vip-store .zcp-eyebrow,
.zcp-vip-store .zcp-section-kicker,
.zcp-vip-store .zcp-badge,
.zcp-vip-store .vip-pack-meta span{
    background:rgba(112,69,31,.18) !important;
    border:1px solid rgba(255,255,255,.15) !important;
    color:#ffffff !important;
    box-shadow:none !important;
}

.zcp-vip-store .zcp-title,
.zcp-vip-store .zcp-section-title,
.zcp-vip-store .vip-panel-title,
.zcp-vip-store .vip-trust-strip strong,
.zcp-vip-store .zcp-pack h3,
.zcp-vip-store .zcp-card-title b{
    color:#ffffff !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    text-shadow:none !important;
    filter:none !important;
}

.zcp-vip-store .zcp-subtitle,
.zcp-vip-store .zcp-section-note,
.zcp-vip-store .zcp-pack p,
.zcp-vip-store .zcp-list li,
.zcp-vip-store .zcp-card-title p,
.zcp-vip-store .zcp-field small,
.zcp-vip-store .zcp-summary-help,
.zcp-vip-store .zcp-checkout-actions .zcp-important,
.zcp-vip-store .vip-trust-strip span{
    color:rgba(255,255,255,.70) !important;
}

.zcp-vip-store .vip-hero-panel,
.zcp-vip-store .vip-trust-strip > div,
.zcp-vip-store .zcp-pack,
.zcp-vip-store .zcp-method-group,
.zcp-vip-store .zcp-form-band,
.zcp-vip-store .zcp-important,
.zcp-vip-store .zcp-alert,
.zcp-vip-store .zcp-checkout-panel,
.zcp-vip-store .zcp-checkout-card,
.zcp-vip-store .zcp-checkout-summary,
.zcp-vip-store .zcp-checkout-actions{
    border:1px solid rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
        rgba(112,69,31,.88) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.zcp-vip-store .zcp-pack{
    position:relative;
    overflow:hidden;
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.zcp-vip-store .zcp-pack::before{
    display:none !important;
}
.zcp-vip-store .zcp-pack::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(135deg, rgba(182,122,53,.14), transparent 38%);
    transition:opacity .22s ease;
}
.zcp-vip-store .zcp-pack:hover,
.zcp-vip-store .zcp-pack.featured,
.zcp-vip-store .zcp-pack.legend{
    border-color:rgba(182,122,53,.46) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.020)),
        rgba(112,69,31,.90) !important;
    box-shadow:0 26px 70px rgba(0,0,0,.38), 0 0 0 1px rgba(182,122,53,.035), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.zcp-vip-store .zcp-pack:hover{
    transform:translateY(-3px) !important;
}
.zcp-vip-store .zcp-pack:hover::after,
.zcp-vip-store .zcp-pack.featured::after,
.zcp-vip-store .zcp-pack.legend::after{
    opacity:1;
}
.zcp-vip-store .zcp-pack > *{
    position:relative;
    z-index:1;
}

.zcp-vip-store .vip-flow-list div,
.zcp-vip-store .zcp-summary-row,
.zcp-vip-store .zcp-summary-account,
.zcp-vip-store .zcp-status-note,
.zcp-vip-store .zcp-upload-box,
.zcp-vip-store .zcp-bonus,
.zcp-vip-store .vip-pack-meta{
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.035) !important;
}

.zcp-vip-store .vip-flow-list b,
.zcp-vip-store .zcp-card-title > span,
.zcp-vip-store .zcp-upload-icon{
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.26) !important;
}

.zcp-vip-store .vip-flow-list span,
.zcp-vip-store .zcp-upload-box strong,
.zcp-vip-store .zcp-summary-row strong{
    color:#ffffff !important;
}

.zcp-vip-store .zcp-price{
    border-top-color:rgba(255,255,255,.10) !important;
}
.zcp-vip-store .zcp-price strong,
.zcp-vip-store .zcp-summary-account b,
.zcp-vip-store .zcp-status-note b,
.zcp-vip-store .zcp-bonus,
.zcp-vip-store .zcp-pack .zcp-badge + h3 + .vip-pack-meta + .zcp-bonus{
    color:#B67A35 !important;
}
.zcp-vip-store .zcp-price span,
.zcp-vip-store .zcp-summary-row span,
.zcp-vip-store .zcp-summary-account small,
.zcp-vip-store .zcp-upload-box em{
    color:rgba(255,255,255,.56) !important;
}
.zcp-vip-store .zcp-list li::before{
    background:#B67A35 !important;
    box-shadow:0 0 14px rgba(182,122,53,.36) !important;
}

.zcp-vip-store .zcp-checkout-form input,
.zcp-vip-store .zcp-checkout-form select,
.zcp-vip-store .zcp-checkout-form textarea,
.zcp-vip-store .zcp-field input,
.zcp-vip-store .zcp-field select,
.zcp-vip-store .zcp-field textarea{
    background:rgba(0,0,0,.34) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#ffffff !important;
    box-shadow:none !important;
}
.zcp-vip-store .zcp-checkout-form input::placeholder,
.zcp-vip-store .zcp-checkout-form textarea::placeholder,
.zcp-vip-store .zcp-field input::placeholder,
.zcp-vip-store .zcp-field textarea::placeholder{
    color:rgba(255,255,255,.42) !important;
}
.zcp-vip-store .zcp-checkout-form input:focus,
.zcp-vip-store .zcp-checkout-form select:focus,
.zcp-vip-store .zcp-checkout-form textarea:focus,
.zcp-vip-store .zcp-field input:focus,
.zcp-vip-store .zcp-field select:focus,
.zcp-vip-store .zcp-field textarea:focus{
    border-color:rgba(182,122,53,.62) !important;
    box-shadow:0 0 0 4px rgba(112,69,31,.18) !important;
}
.zcp-vip-store .zcp-checkout-form select option,
.zcp-vip-store .zcp-field select option{
    background:#70451F !important;
    color:#ffffff !important;
}

.zcp-vip-store .zcp-btn.primary,
.zcp-vip-store button[type="submit"].zcp-btn{
    background:linear-gradient(180deg, #B67A35, #70451F 58%, #141416) !important;
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 18px 42px rgba(112,69,31,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.zcp-vip-store .zcp-btn.ghost,
.zcp-vip-store .zcp-btn:not(.primary){
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:rgba(255,255,255,.04) !important;
}
.zcp-vip-store .zcp-btn.primary:hover,
.zcp-vip-store button[type="submit"].zcp-btn:hover,
.zcp-vip-store .zcp-btn.ghost:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 22px 52px rgba(112,69,31,.42), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.zcp-vip-store .zcp-alert.success{
    border-color:rgba(87,255,153,.28) !important;
    background:rgba(20,95,54,.18) !important;
    color:#ffffff !important;
}
.zcp-vip-store .zcp-alert.error{
    border-color:rgba(208,154,85,.34) !important;
    background:rgba(112,69,31,.18) !important;
    color:#ffffff !important;
}

.zcp-vip-store #donation-packages,
.zcp-vip-store #donateForm{
    scroll-margin-top:110px;
}

@media (max-width:720px){
    .zcp-vip-store .vip-hero,
    .zcp-vip-store .zcp-pack,
    .zcp-vip-store .zcp-checkout-panel,
    .zcp-vip-store .zcp-checkout-card,
    .zcp-vip-store .zcp-checkout-summary{
        border-radius:22px !important;
    }
}

/* =========================================================
   Download page — shop-card dark/red refresh (www5)
   CSS only. No PHP/system changes.
   ========================================================= */
.download-page{
    --download-bg:#70451F !important;
    --download-card:rgba(255,255,255,.045) !important;
    --download-card-strong:rgba(255,255,255,.07) !important;
    --download-line:rgba(255,255,255,.12) !important;
    --download-line-strong:rgba(182,122,53,.34) !important;
    --download-gold:#B67A35 !important;
    --download-gold-soft:#ffffff !important;
    --download-text:#ffffff !important;
    --download-muted:rgba(255,255,255,.72) !important;
    --download-dim:rgba(255,255,255,.46) !important;
    --download-red:#B67A35 !important;
    color:#ffffff !important;
}

.download-page::before{
    background:
        radial-gradient(circle at 16% 8%, rgba(112,69,31,.18), transparent 34%),
        radial-gradient(circle at 84% 18%, rgba(182,122,53,.10), transparent 30%),
        radial-gradient(circle at 50% 84%, rgba(112,69,31,.09), transparent 38%) !important;
}

.download-hero,
.download-client-panel,
.download-tools-panel,
.download-update-panel,
.download-info-grid article,
.start-step,
.tool-tile,
.patch-item,
.client-download-box,
.update-feature,
.download-empty{
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018) 48%, rgba(0,0,0,.20)),
        #121315 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:
        0 22px 58px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
    color:#ffffff !important;
}

.download-hero,
.download-client-panel,
.download-tools-panel,
.download-update-panel{
    border-color:rgba(182,122,53,.23) !important;
}

.download-hero::before,
.download-client-panel::before{
    background:
        linear-gradient(90deg, rgba(182,122,53,.10), transparent 42%),
        radial-gradient(circle at 18% 16%, rgba(112,69,31,.16), transparent 36%) !important;
    opacity:.72 !important;
}

.download-badge,
.section-kicker,
.download-section-head span,
.tool-info span,
.download-info-grid article > span,
.box-label{
    color:#ffffff !important;
    background:rgba(112,69,31,.35) !important;
    border:1px solid rgba(182,122,53,.32) !important;
    border-radius:999px !important;
    padding:7px 13px !important;
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
    text-shadow:none !important;
}

.download-badge i{
    background:#B67A35 !important;
    box-shadow:0 0 14px rgba(182,122,53,.75) !important;
}

.download-hero h1,
.client-core h2,
.download-section-head h2,
.update-feature h2,
.client-download-box h3,
.download-info-grid article h3,
.tool-info h3,
.patch-body h4,
.download-empty h3{
    color:#ffffff !important;
    background:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    text-shadow:0 10px 30px rgba(0,0,0,.38) !important;
    filter:none !important;
}

.download-hero p,
.client-core p,
.client-download-box p,
.tool-info p,
.update-feature p,
.patch-body p,
.download-info-grid article p,
.download-info-grid li,
.start-step span,
.patch-info em,
.tool-meta i,
.download-section-head em,
.patch-filter-bar span,
.download-empty p{
    color:rgba(255,255,255,.72) !important;
}

.download-hero-stats div,
.client-meta-line div,
.info-lines div,
.tool-meta,
.patch-version,
.patch-state,
.patch-filter-btn{
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.11) !important;
    color:#ffffff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.download-hero-stats strong,
.client-meta-line b,
.info-lines b,
.tool-meta b,
.patch-version b,
.patch-info strong,
.start-step strong,
.patch-state.required,
.patch-state.optional{
    color:#ffffff !important;
}

.download-hero-stats span,
.client-meta-line span,
.info-lines em,
.patch-version small{
    color:rgba(255,255,255,.48) !important;
}

.start-step b,
.tool-icon{
    color:#ffffff !important;
    background:linear-gradient(180deg, rgba(182,122,53,.30), rgba(112,69,31,.22)) !important;
    border:1px solid rgba(182,122,53,.34) !important;
    box-shadow:0 12px 28px rgba(112,69,31,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.tool-tile.recommended,
.patch-item.open,
.start-step:hover,
.tool-tile:hover,
.download-info-grid article:hover{
    border-color:rgba(182,122,53,.36) !important;
    box-shadow:
        0 26px 68px rgba(0,0,0,.42),
        0 0 0 1px rgba(182,122,53,.08),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.download-main-btn,
.download-small-btn,
.patch-download-btn,
.download-info-grid article a,
.download-page .download-alt-btn:hover,
.download-page .download-ghost-btn:hover,
.patch-filter-btn.active{
    background:linear-gradient(180deg, #B67A35, #70451F 58%, #141416) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    color:#ffffff !important;
    box-shadow:0 16px 38px rgba(112,69,31,.28), inset 0 1px 0 rgba(255,255,255,.20) !important;
    text-shadow:none !important;
}

.download-alt-btn,
.download-ghost-btn,
.patch-filter-btn:not(.active){
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#ffffff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.download-main-btn:hover,
.download-small-btn:hover,
.patch-download-btn:hover,
.download-info-grid article a:hover,
.patch-filter-btn:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(182,122,53,.52) !important;
    box-shadow:0 20px 52px rgba(112,69,31,.40), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.patch-header{
    background:transparent !important;
    color:#ffffff !important;
    border:0 !important;
    box-shadow:none !important;
}

.patch-header:hover{
    background:rgba(255,255,255,.035) !important;
}

.patch-body{
    border-top:1px solid rgba(255,255,255,.10) !important;
    background:rgba(0,0,0,.16) !important;
}

.patch-body li::marker{
    color:#B67A35 !important;
}

.patch-links a.is-disabled,
.download-page a.is-disabled{
    opacity:.45 !important;
    pointer-events:none !important;
    filter:grayscale(.25) !important;
}

.download-page *{
    scrollbar-color:#B67A35 rgba(255,255,255,.08) !important;
}

@media (max-width:820px){
    .download-hero,
    .download-client-panel,
    .download-tools-panel,
    .download-update-panel,
    .download-info-grid article,
    .start-step,
    .tool-tile,
    .patch-item{
        border-radius:22px !important;
    }
}

/* FAQ page — match Shop card mood */
.faq-page{
    --faq-shop-red:#B67A35;
    --faq-shop-red-deep:#70451F;
    --faq-shop-red-dark:#141416;
    --faq-shop-card:rgba(112,69,31,.88);
    --faq-shop-card-2:rgba(112,69,31,.82);
    --faq-shop-line:rgba(255,255,255,.12);
    --faq-shop-line-soft:rgba(255,255,255,.08);
    --faq-shop-text:#fff;
    --faq-shop-muted:rgba(255,255,255,.68);
    --faq-shop-dim:rgba(255,255,255,.46);
    color:#fff !important;
    background:none !important;
}

.faq-page::before{
    background:
        radial-gradient(circle at 50% 0%, rgba(182,122,53,.12), transparent 34%),
        radial-gradient(circle at 80% 18%, rgba(182,122,53,.07), transparent 30%),
        linear-gradient(180deg,#0B0B0C 0%,#0B0B0C 45%,#0B0B0C 100%) !important;
    opacity:1 !important;
}

.faq-hero,
.faq-search-panel,
.faq-side-card,
.faq-content,
.faq-help-strip{
    border:1px solid var(--faq-shop-line) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
        var(--faq-shop-card) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
    backdrop-filter:blur(12px) !important;
}

.faq-hero{
    background:
        radial-gradient(circle at 15% 18%, rgba(182,122,53,.13), transparent 34%),
        linear-gradient(135deg, rgba(112,69,31,.10), rgba(255,255,255,.018) 46%, rgba(112,69,31,.84)),
        rgba(112,69,31,.86) !important;
}

.faq-hero::before{
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.040), transparent) !important;
    opacity:.45 !important;
}

.faq-badge,
.section-kicker,
.faq-popular-list small,
.faq-question-main small{
    color:var(--faq-shop-red) !important;
}

.faq-badge{
    border:1px solid rgba(182,122,53,.28) !important;
    background:rgba(182,122,53,.075) !important;
    box-shadow:none !important;
}

.faq-badge i{
    background:var(--faq-shop-red) !important;
    box-shadow:0 0 14px rgba(182,122,53,.46) !important;
}

.faq-hero h1,
.faq-search-panel h2,
.faq-side-card h2,
.faq-section-head h2,
.faq-help-strip h2,
.faq-empty h3,
.faq-question-main strong,
.faq-popular-list strong,
.faq-category-link span{
    color:#fff !important;
    text-shadow:0 10px 34px rgba(0,0,0,.38) !important;
}

.faq-hero p,
.faq-search-panel p,
.faq-help-strip p,
.faq-muted,
.faq-answer p,
.faq-meta,
.faq-category-link,
.faq-vote-form button{
    color:var(--faq-shop-muted) !important;
}

.faq-hero-stats div,
.faq-search-box,
.faq-category-link,
.faq-popular-list a,
.faq-item,
.faq-empty,
.faq-vote-form button{
    border:1px solid var(--faq-shop-line) !important;
    background:rgba(255,255,255,.035) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.faq-hero-stats strong,
.faq-category-link em,
.faq-section-head strong{
    color:#B67A35 !important;
}

.faq-hero-stats span,
.faq-empty p,
.faq-popular-list a small,
.faq-search-box input::placeholder{
    color:var(--faq-shop-dim) !important;
}

.faq-search-box{
    background:rgba(0,0,0,.34) !important;
    color:#B67A35 !important;
}

.faq-search-box input{
    color:#fff !important;
}

.faq-search-box:focus-within{
    border-color:rgba(182,122,53,.62) !important;
    box-shadow:0 0 0 4px rgba(112,69,31,.18), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.faq-search-form button,
.faq-help-strip a,
.faq-empty a{
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg,#B67A35,#70451F 58%,#141416) !important;
    box-shadow:0 18px 42px rgba(112,69,31,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.faq-clear{
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:rgba(255,255,255,.04) !important;
    box-shadow:none !important;
}

.faq-search-form button:hover,
.faq-clear:hover,
.faq-help-strip a:hover,
.faq-empty a:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(182,122,53,.50) !important;
    box-shadow:0 22px 52px rgba(112,69,31,.42), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.faq-category-link:hover,
.faq-category-link.is-active,
.faq-popular-list a:hover,
.faq-item:hover,
.faq-item.is-open{
    border-color:rgba(182,122,53,.46) !important;
    background:rgba(182,122,53,.055) !important;
}

.faq-category-link b,
.faq-icon,
.faq-empty div{
    color:#fff !important;
    border:1px solid rgba(255,255,255,.15) !important;
    background:linear-gradient(180deg,#B67A35,#70451F 62%,#141416) !important;
    box-shadow:0 12px 30px rgba(112,69,31,.24) !important;
}

.faq-category-link em,
.faq-section-head strong,
.faq-toggle{
    border:1px solid rgba(255,255,255,.13) !important;
    background:rgba(255,255,255,.045) !important;
    color:#fff !important;
}

.faq-section-head,
.faq-answer p,
.faq-meta{
    border-color:var(--faq-shop-line-soft) !important;
}

.faq-item{
    overflow:hidden !important;
    position:relative !important;
}

.faq-item::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(135deg, rgba(182,122,53,.12), transparent 38%);
    transition:opacity .22s ease;
}

.faq-item:hover::after,
.faq-item.is-open::after{
    opacity:1;
}

.faq-question,
.faq-answer{
    position:relative;
    z-index:1;
}

.faq-question-main strong{
    font-weight:900 !important;
}

.faq-toggle{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.faq-item.is-open .faq-toggle{
    color:#B67A35 !important;
    border-color:rgba(182,122,53,.38) !important;
}

.faq-vote-form button:hover{
    color:#fff !important;
    border-color:rgba(182,122,53,.42) !important;
    background:rgba(182,122,53,.10) !important;
}

.faq-page *{
    scrollbar-color:#B67A35 rgba(255,255,255,.08) !important;
}

@media (max-width:760px){
    .faq-hero,
    .faq-search-panel,
    .faq-side-card,
    .faq-content,
    .faq-help-strip{
        border-radius:22px !important;
    }
}

/* ==========================================================
   SUPPORT + TICKET — SHOP CARD COLOR MATCH
   Dark cards, soft red accent, white readable text.
   CSS only: support.php / ticket.php system untouched.
   ========================================================== */
:root{
    --support-gold:#B67A35 !important;
    --support-gold-soft:#D09A55 !important;
    --support-red:#B67A35 !important;
    --support-bg:#0B0B0C !important;
    --support-panel:rgba(112,69,31,.88) !important;
    --support-panel-2:rgba(112,69,31,.82) !important;
    --support-border:rgba(255,255,255,.12) !important;
    --support-border-strong:rgba(182,122,53,.38) !important;
    --support-text:#ffffff !important;
    --support-muted:rgba(255,255,255,.68) !important;
    --support-soft:rgba(255,255,255,.46) !important;
}

.support-page,
.ticket-page{
    color:#fff !important;
    background:none !important;
}

.support-page::before,
.ticket-page::before{
    background:
        radial-gradient(circle at 48% 0%, rgba(182,122,53,.12), transparent 34%),
        radial-gradient(circle at 82% 16%, rgba(182,122,53,.07), transparent 30%) !important;
    opacity:1 !important;
}

.support-hero,
.support-panel,
.support-intro-card,
.support-help-strip,
.support-desk-overview,
.support-create-panel,
.support-categories-panel,
.support-faq-panel,
.support-note-card,
.support-login-card,
.my-ticket-panel,
.ticket-overview-card,
.ticket-thread-panel,
.ticket-reply-panel,
.ticket-info-card,
.ticket-guidance-card,
.ticket-closed-card,
.ticket-empty-state{
    border:1px solid rgba(255,255,255,.12) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
        rgba(112,69,31,.88) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
    backdrop-filter:blur(12px) !important;
}

.support-hero{
    background:
        radial-gradient(circle at 15% 18%, rgba(182,122,53,.13), transparent 34%),
        linear-gradient(135deg, rgba(112,69,31,.10), rgba(255,255,255,.018) 46%, rgba(112,69,31,.84)),
        rgba(112,69,31,.86) !important;
}

.support-hero::before{
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.04), transparent) !important;
    opacity:.45 !important;
}

.support-title,
.support-title span,
.support-section-head h2,
.support-intro-card h2,
.support-intro-card h3,
.support-help-strip h2,
.support-desk-copy h2,
.support-step-list strong,
.support-faq-question,
.support-ticket-mini-top strong,
.ticket-overview-head h2,
.ticket-info-card h2,
.ticket-guidance-card h2,
.ticket-original-message p,
.reply-author,
.reply-body,
.ticket-empty-state h2,
.support-empty-box h3,
.support-login-card h3,
.support-category-pill strong{
    color:#fff !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    text-shadow:0 10px 34px rgba(0,0,0,.38) !important;
}

.support-sub,
.support-desk-copy p,
.support-step-list span,
.support-count-badge,
.support-ticket-mini-meta,
.support-faq-answer,
.support-empty-box p,
.support-login-card p,
.ticket-overview-head p,
.ticket-guidance-card li,
.ticket-info-list span,
.reply-time,
.ticket-empty-thread,
.reply-attachment-size,
.support-field small,
.support-upload-box span,
.support-category-pill p{
    color:rgba(255,255,255,.68) !important;
}

.support-kicker,
.support-badge,
.support-ticket-mini-top small,
.ticket-info-list b,
.reply-role,
.support-priority,
.support-status,
.support-field > span,
.support-upload-box strong{
    color:#B67A35 !important;
}

.support-badge,
.support-count-badge,
.support-status,
.support-priority{
    border:1px solid rgba(182,122,53,.28) !important;
    background:rgba(182,122,53,.075) !important;
    box-shadow:none !important;
}

.support-badge-dot{
    background:#B67A35 !important;
    box-shadow:0 0 14px rgba(182,122,53,.46) !important;
}

.support-hero-stats div,
.support-step-list article,
.support-category-pill,
.support-ticket-mini,
.support-faq-item,
.support-empty-box,
.support-login-icon,
.support-field input,
.support-field select,
.support-field textarea,
.support-upload-box,
.ticket-info-list li,
.reply-item,
.ticket-empty-thread,
.reply-attachment,
.ticket-ajax-status{
    border:1px solid rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.035) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.support-hero-stats strong,
.support-step-list b,
.support-empty-icon,
.support-login-icon,
.ticket-empty-state .support-empty-icon{
    color:#B67A35 !important;
}

.support-hero-stats span,
.support-field input::placeholder,
.support-field textarea::placeholder{
    color:rgba(255,255,255,.46) !important;
}

.support-section-head,
.ticket-overview-head,
.ticket-original-message,
.ticket-info-list li,
.reply-head,
.support-form-actions{
    border-color:rgba(255,255,255,.08) !important;
}

.support-field input,
.support-field select,
.support-field textarea,
.ticket-reply-input{
    color:#fff !important;
    background:rgba(0,0,0,.34) !important;
    caret-color:#B67A35 !important;
}

.support-field input:focus,
.support-field select:focus,
.support-field textarea:focus,
.ticket-reply-input:focus{
    border-color:rgba(182,122,53,.62) !important;
    box-shadow:0 0 0 4px rgba(112,69,31,.18), inset 0 1px 0 rgba(255,255,255,.045) !important;
    outline:none !important;
}

.support-field select option{
    color:#fff !important;
    background:#101114 !important;
}

.support-btn,
.support-btn.is-main,
.support-form-actions button,
.support-desk-actions .support-btn.is-main,
.ticket-reply-form button[type="submit"]{
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg,#B67A35,#70451F 58%,#141416) !important;
    box-shadow:0 18px 42px rgba(112,69,31,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.support-btn.is-ghost,
.support-btn-secondary,
.support-desk-actions .support-btn.is-ghost{
    color:#fff !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.045) !important;
    box-shadow:none !important;
}

.support-btn:hover,
.support-btn-secondary:hover,
.support-form-actions button:hover,
.ticket-reply-form button[type="submit"]:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(182,122,53,.50) !important;
    box-shadow:0 22px 52px rgba(112,69,31,.42), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.support-category-pill:hover,
.support-ticket-mini:hover,
.support-faq-item:hover,
.support-step-list article:hover,
.reply-item:hover{
    border-color:rgba(182,122,53,.46) !important;
    background:rgba(182,122,53,.055) !important;
}

.support-alert,
.alert{
    color:#fff !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:rgba(112,69,31,.90) !important;
}

.support-alert.is-success,.alert-success{
    border-color:rgba(74,222,128,.35) !important;
    background:rgba(74,222,128,.08) !important;
    color:#d1fae5 !important;
}
.support-alert.is-error,.alert-error{
    border-color:rgba(208,154,85,.38) !important;
    background:rgba(208,154,85,.08) !important;
    color:#fff !important;
}
.support-alert.is-warning,.alert-warning{
    border-color:rgba(182,122,53,.36) !important;
    background:rgba(182,122,53,.08) !important;
    color:#fff !important;
}

.support-status.is-open,
.support-status.is-in-progress,
.support-status.is-waiting{
    color:#fff !important;
    border-color:rgba(182,122,53,.38) !important;
    background:rgba(182,122,53,.10) !important;
}
.support-status.is-resolved,
.support-status.is-closed{
    color:rgba(255,255,255,.72) !important;
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.04) !important;
}

.reply-item.is-admin{
    border-color:rgba(182,122,53,.36) !important;
    background:
        linear-gradient(135deg, rgba(182,122,53,.10), rgba(255,255,255,.025) 42%),
        rgba(112,69,31,.86) !important;
}
.reply-item.is-user{
    background:rgba(255,255,255,.035) !important;
}
.reply-body{
    background:rgba(0,0,0,.22) !important;
    border:1px solid rgba(255,255,255,.08) !important;
}
.reply-attachment-link{
    color:#fff !important;
}
.reply-attachment-link:hover{
    color:#B67A35 !important;
}

.support-upload-box{
    color:#fff !important;
}
.support-upload-box:hover{
    border-color:rgba(182,122,53,.46) !important;
    background:rgba(182,122,53,.055) !important;
}

.support-category-list,
.support-ticket-list,
.support-faq-grid,
.ticket-info-list{
    color:#fff !important;
}

.support-page a:not(.support-btn),
.ticket-page a:not(.support-btn){
    color:#fff !important;
}
.support-page a:not(.support-btn):hover,
.ticket-page a:not(.support-btn):hover{
    color:#B67A35 !important;
}

.support-page *,
.ticket-page *{
    scrollbar-color:#B67A35 rgba(255,255,255,.08) !important;
}

@media (max-width:760px){
    .support-hero,
    .support-panel,
    .support-intro-card,
    .support-help-strip,
    .ticket-overview-card,
    .ticket-thread-panel,
    .ticket-reply-panel,
    .ticket-info-card,
    .ticket-guidance-card{
        border-radius:22px !important;
    }
}

/* =========================================================
   Profile page — shop-card dark/red refresh (www5)
   CSS only. No PHP/system changes.
   ========================================================= */
.profile-page{
    color:#ffffff !important;
}
.profile-page::before{
    background:
        radial-gradient(circle at 18% 12%, rgba(112,69,31,.18), transparent 34%),
        radial-gradient(circle at 80% 30%, rgba(182,122,53,.10), transparent 30%),
        linear-gradient(180deg, rgba(112,69,31,.28), rgba(112,69,31,.96)) !important;
}

.profile-empty,
.profile-hero-card,
.profile-panel,
.profile-quick-stats div,
.profile-metric-grid div,
.profile-attributes div,
.profile-info-list div,
.profile-rank-list a{
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018) 48%, rgba(0,0,0,.20)),
        #121315 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:
        0 22px 58px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
    color:#ffffff !important;
}
.profile-empty,
.profile-hero-card,
.profile-panel{
    border-color:rgba(182,122,53,.22) !important;
}
.profile-hero-card::before,
.profile-standing-card{
    background:
        linear-gradient(135deg, rgba(182,122,53,.10), rgba(255,255,255,.025) 42%, rgba(0,0,0,.18)),
        #121315 !important;
}
.profile-hero-card::after{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.48), transparent) !important;
}
.profile-hero-bg{
    background:radial-gradient(circle, rgba(182,122,53,.13), transparent 68%) !important;
}

.profile-empty-icon,
.profile-portrait-ring,
.profile-level-chip,
.profile-badge,
.profile-rank-list span{
    background:linear-gradient(180deg, rgba(182,122,53,.30), rgba(112,69,31,.22)) !important;
    border:1px solid rgba(182,122,53,.34) !important;
    color:#ffffff !important;
    box-shadow:0 12px 28px rgba(112,69,31,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.profile-portrait-ring span,
.profile-portrait-ring img{
    background:radial-gradient(circle at 50% 35%, rgba(182,122,53,.18), rgba(112,69,31,.94) 72%) !important;
    border-color:rgba(255,255,255,.12) !important;
    color:#ffffff !important;
}
.profile-level-chip{
    color:#ffffff !important;
    text-shadow:none !important;
}

.profile-kicker-line span,
.profile-kicker,
.profile-panel-kicker,
.profile-badge.rank,
.profile-badge.class-badge,
.profile-quick-stats b,
.profile-panel-head strong,
.profile-standing-card h2,
.profile-metric-grid b,
.profile-attributes b,
.profile-info-list b,
.profile-info-list a,
.profile-rank-list em{
    color:#ffffff !important;
    background:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    text-shadow:none !important;
}
.profile-kicker-line i{
    background:linear-gradient(90deg, rgba(182,122,53,.62), transparent) !important;
}
.profile-empty h1,
.profile-identity h1,
.profile-panel h2,
.profile-rank-list b{
    color:#ffffff !important;
    text-shadow:0 10px 30px rgba(0,0,0,.38) !important;
}
.profile-empty p,
.profile-identity p,
.profile-standing-card p,
.profile-quick-stats span,
.profile-metric-grid span,
.profile-attributes span,
.profile-info-list span{
    color:rgba(255,255,255,.72) !important;
}
.profile-quick-stats span,
.profile-metric-grid span,
.profile-attributes span,
.profile-info-list span{
    color:rgba(255,255,255,.52) !important;
}

.profile-badge{
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(255,255,255,.12) !important;
}
.profile-badge.online{
    color:#ffffff !important;
    border-color:rgba(104,240,161,.34) !important;
    background:rgba(104,240,161,.09) !important;
}
.profile-badge.offline{
    color:#ffffff !important;
    border-color:rgba(182,122,53,.38) !important;
    background:rgba(182,122,53,.10) !important;
}
.profile-badge.rank,
.profile-badge.class-badge{
    border-color:rgba(182,122,53,.34) !important;
    background:rgba(182,122,53,.10) !important;
}
.profile-badge.muted{
    color:rgba(255,255,255,.72) !important;
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.035) !important;
}

.profile-power-track{
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.12) !important;
}
.profile-power-track span{
    background:linear-gradient(90deg, #141416, #70451F 48%, #B67A35) !important;
    box-shadow:0 0 22px rgba(182,122,53,.34) !important;
}
.profile-main-stack .profile-panel:hover,
.profile-side-stack .profile-panel:hover,
.profile-hero-card:hover,
.profile-rank-list a:hover,
.profile-metric-grid div:hover,
.profile-attributes div:hover,
.profile-info-list div:hover{
    border-color:rgba(182,122,53,.36) !important;
    box-shadow:
        0 26px 68px rgba(0,0,0,.42),
        0 0 0 1px rgba(182,122,53,.08),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.profile-rank-list a:hover{
    background:rgba(182,122,53,.06) !important;
}

.profile-btn,
.profile-btn-primary{
    background:linear-gradient(180deg, #B67A35, #70451F 58%, #141416) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    color:#ffffff !important;
    box-shadow:0 16px 38px rgba(112,69,31,.28), inset 0 1px 0 rgba(255,255,255,.20) !important;
    text-shadow:none !important;
}
.profile-btn:hover,
.profile-btn-primary:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(182,122,53,.52) !important;
    box-shadow:0 20px 52px rgba(112,69,31,.40), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.profile-page a:not(.profile-btn){
    color:#ffffff !important;
}
.profile-page a:not(.profile-btn):hover{
    color:#B67A35 !important;
}
.profile-page *{
    scrollbar-color:#B67A35 rgba(255,255,255,.08) !important;
}

@media (max-width:760px){
    .profile-empty,
    .profile-hero-card,
    .profile-panel,
    .profile-quick-stats div,
    .profile-metric-grid div,
    .profile-attributes div,
    .profile-info-list div{
        border-radius:22px !important;
    }
}

/* =========================================================
   Account page — shop-card dark/red refresh (www5)
   CSS only. No PHP/system changes.
   ========================================================= */
.account-page{
    color:#ffffff !important;
    background:
        radial-gradient(circle at 18% 10%, rgba(112,69,31,.18), transparent 34%),
        radial-gradient(circle at 82% 20%, rgba(182,122,53,.10), transparent 32%),
        linear-gradient(180deg, rgba(112,69,31,.96), rgba(112,69,31,1)) !important;
}

.account-alert,
.account-hero-card,
.account-card,
.account-hero-stats div,
.account-metrics div,
.account-attrs div,
.account-info-list div,
.account-empty-state{
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018) 48%, rgba(0,0,0,.20)),
        #121315 !important;
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:
        0 22px 58px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
    color:#ffffff !important;
}
.account-hero-card,
.account-card,
.account-empty-state{
    border:1px solid rgba(182,122,53,.22) !important;
}
.account-hero-card::before{
    background:
        linear-gradient(135deg, rgba(182,122,53,.10), rgba(255,255,255,.025) 42%, transparent) !important;
}
.account-hero-card::after,
.account-card::after{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.48), transparent) !important;
}

.account-avatar,
.account-warrior-face,
.account-avatar-badge,
.account-section-mark,
.account-section-icon{
    background:linear-gradient(180deg, rgba(182,122,53,.30), rgba(112,69,31,.22)) !important;
    border-color:rgba(182,122,53,.34) !important;
    color:#ffffff !important;
    box-shadow:0 12px 28px rgba(112,69,31,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
    text-shadow:none !important;
}
.account-avatar span,
.account-warrior-face span{
    background:radial-gradient(circle at 50% 35%, rgba(182,122,53,.22), rgba(112,69,31,.94) 72%) !important;
    color:#ffffff !important;
}
.account-avatar img,
.account-warrior-face img{
    border-color:rgba(255,255,255,.12) !important;
}

.account-kicker,
.account-section-head small,
.account-section-title small,
.account-warrior-name,
.account-warrior-meta span:first-child,
.account-hero-stats strong,
.account-metrics strong,
.account-attrs strong,
.account-info-list strong,
.account-info-list a,
.account-form label{
    color:#ffffff !important;
    background:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    text-shadow:none !important;
}
.account-hero-info h1,
.account-section-head h2,
.account-section-title h2,
.account-empty-state strong{
    color:#ffffff !important;
    text-shadow:0 10px 30px rgba(0,0,0,.38) !important;
}
.account-hero-info p,
.account-empty-state,
.account-info-list span,
.account-hero-stats span,
.account-metrics span,
.account-attrs span{
    color:rgba(255,255,255,.72) !important;
}
.account-info-list span,
.account-hero-stats span,
.account-metrics span,
.account-attrs span,
.account-form label{
    color:rgba(255,255,255,.58) !important;
}

.account-badges span,
.account-warrior-meta span{
    color:#ffffff !important;
    background:rgba(255,255,255,.045) !important;
    border-color:rgba(255,255,255,.12) !important;
}
.account-badges .is-online{
    color:#ffffff !important;
    border-color:rgba(104,240,161,.34) !important;
    background:rgba(104,240,161,.09) !important;
}
.account-badges .is-offline{
    color:#ffffff !important;
    border-color:rgba(182,122,53,.38) !important;
    background:rgba(182,122,53,.10) !important;
}
.account-warrior-meta span:first-child{
    border-color:rgba(182,122,53,.34) !important;
    background:rgba(182,122,53,.10) !important;
}

.account-section-head,
.account-info-list div,
.account-section-title::before,
.account-section-title::after{
    border-color:rgba(255,255,255,.10) !important;
}
.account-section-title::before{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.42)) !important;
}
.account-section-title::after{
    background:linear-gradient(90deg, rgba(182,122,53,.42), transparent) !important;
}

.account-form input,
.account-form select{
    background:rgba(0,0,0,.28) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    color:#ffffff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.account-form input::placeholder{
    color:rgba(255,255,255,.42) !important;
}
.account-form input:focus,
.account-form select:focus{
    border-color:rgba(182,122,53,.52) !important;
    box-shadow:0 0 0 3px rgba(182,122,53,.10), inset 0 1px 0 rgba(255,255,255,.06) !important;
    background:rgba(182,122,53,.055) !important;
}
.account-form select option{
    background:#101114 !important;
    color:#ffffff !important;
}
.account-form button{
    background:linear-gradient(180deg, #B67A35, #70451F 58%, #141416) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    color:#ffffff !important;
    box-shadow:0 16px 38px rgba(112,69,31,.28), inset 0 1px 0 rgba(255,255,255,.20) !important;
    text-shadow:none !important;
}
.account-form button:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(182,122,53,.52) !important;
    box-shadow:0 20px 52px rgba(112,69,31,.40), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.account-alert.success{
    color:#ffffff !important;
    background:rgba(104,240,161,.09) !important;
    border-color:rgba(104,240,161,.30) !important;
}
.account-alert.error{
    color:#ffffff !important;
    background:rgba(182,122,53,.10) !important;
    border-color:rgba(182,122,53,.36) !important;
}
.account-alert span,
.account-alert.success span,
.account-alert.error span{
    color:#ffffff !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.12) !important;
}

.account-card:hover,
.account-hero-card:hover,
.account-hero-stats div:hover,
.account-metrics div:hover,
.account-attrs div:hover,
.account-info-list div:hover{
    border-color:rgba(182,122,53,.36) !important;
    box-shadow:
        0 26px 68px rgba(0,0,0,.42),
        0 0 0 1px rgba(182,122,53,.08),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.account-page a{
    color:#ffffff !important;
}
.account-page a:hover{
    color:#B67A35 !important;
}
.account-page *{
    scrollbar-color:#B67A35 rgba(255,255,255,.08) !important;
}

@media (max-width:760px){
    .account-hero-card,
    .account-card,
    .account-hero-stats div,
    .account-metrics div,
    .account-attrs div,
    .account-info-list div,
    .account-empty-state{
        border-radius:22px !important;
    }
}

/* =========================================================
   Inventory page — shop-card dark/red refresh (www5)
   Visual-only overrides. No PHP/system changes.
   ========================================================= */
.inventory-shell{
    background:
        radial-gradient(circle at 16% 12%, rgba(182,122,53,.10), transparent 30%),
        radial-gradient(circle at 88% 8%, rgba(182,122,53,.06), transparent 32%),
        linear-gradient(180deg, rgba(112,69,31,.88), rgba(112,69,31,.98)) !important;
    color:#ffffff !important;
}
.inventory-shell::before{
    background:
        radial-gradient(circle at 50% 0%, rgba(182,122,53,.08), transparent 34%),
        linear-gradient(180deg, rgba(112,69,31,.66), rgba(112,69,31,.96) 64%, #0B0B0C 100%) !important;
    opacity:1 !important;
}
.inventory-shell::after{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.38), transparent) !important;
    opacity:.72 !important;
}
.inventory-wrap{
    color:#ffffff !important;
}
.inventory-head{
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:30px !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(182,122,53,.14), transparent 34%),
        linear-gradient(135deg, rgba(112,69,31,.94), rgba(112,69,31,.97) 54%, rgba(12,7,9,.94)) !important;
    box-shadow:
        0 30px 90px rgba(0,0,0,.48),
        0 0 0 1px rgba(182,122,53,.05),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.inventory-head::before{
    background:
        linear-gradient(90deg, transparent 0, rgba(182,122,53,.055) 48%, transparent 78%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.028) 0 1px, transparent 1px 130px) !important;
    opacity:.45 !important;
}
.inventory-kicker{
    color:#ffffff !important;
    border:1px solid rgba(182,122,53,.34) !important;
    border-radius:999px !important;
    background:rgba(182,122,53,.10) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px rgba(0,0,0,.25) !important;
}
.inventory-title{
    color:#ffffff !important;
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    text-shadow:0 16px 38px rgba(0,0,0,.62), 0 0 28px rgba(182,122,53,.18) !important;
}
.inventory-note{
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:24px !important;
    background:
        linear-gradient(180deg, rgba(112,69,31,.88), rgba(112,69,31,.94)) !important;
    color:rgba(255,255,255,.78) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 34px rgba(0,0,0,.34) !important;
}
.stats-grid{
    color:#ffffff !important;
}
.stat-card,
.equipped-card,
.inventory-card,
.empty-inventory{
    border:1px solid rgba(255,255,255,.115) !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 14% 10%, rgba(182,122,53,.10), transparent 34%),
        linear-gradient(180deg, rgba(112,69,31,.92), rgba(112,69,31,.97)) !important;
    box-shadow:
        0 22px 58px rgba(0,0,0,.34),
        0 0 0 1px rgba(182,122,53,.035),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
    color:#ffffff !important;
}
.stat-card::before,
.equipped-card::before,
.inventory-card::before,
.empty-inventory::before{
    border-color:rgba(182,122,53,.18) !important;
}
.stat-card:hover,
.equipped-card:hover,
.inventory-card:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(182,122,53,.36) !important;
    box-shadow:
        0 28px 78px rgba(0,0,0,.46),
        0 0 0 1px rgba(182,122,53,.09),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.stat-value{
    color:#ffffff !important;
    text-shadow:0 0 18px rgba(182,122,53,.18) !important;
}
.stat-label{
    color:rgba(255,255,255,.62) !important;
}
.section-header{
    border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.section-icon{
    color:#ffffff !important;
    border:1px solid rgba(182,122,53,.36) !important;
    border-radius:14px !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 16px 34px rgba(112,69,31,.25), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.section-title{
    color:#ffffff !important;
    text-shadow:0 10px 26px rgba(0,0,0,.5) !important;
}
.section-sub{
    color:#D09A55 !important;
}
.equipped-card{
    border-color:rgba(182,122,53,.30) !important;
    box-shadow:
        0 22px 62px rgba(0,0,0,.38),
        0 0 0 1px rgba(182,122,53,.08),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.equipped-badge{
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, #B67A35, #70451F 62%, #141416) !important;
    box-shadow:0 12px 24px rgba(112,69,31,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.item-art{
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:20px !important;
    background:
        radial-gradient(circle at 50% 38%, rgba(182,122,53,.18), transparent 58%),
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(0,0,0,.10)) !important;
    box-shadow:inset 0 0 18px rgba(0,0,0,.50), 0 14px 30px rgba(0,0,0,.28) !important;
    color:#ffffff !important;
}
.item-art img{
    filter:drop-shadow(0 8px 10px rgba(0,0,0,.75)) drop-shadow(0 0 8px rgba(182,122,53,.18)) !important;
}
.item-name{
    color:#ffffff !important;
    text-shadow:0 8px 20px rgba(0,0,0,.55) !important;
}
.item-desc{
    color:rgba(255,255,255,.68) !important;
}
.item-meta span,
.item-badges span{
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.045) !important;
    color:rgba(255,255,255,.78) !important;
}
.item-badges span{
    color:#ffffff !important;
    background:rgba(182,122,53,.12) !important;
    border-color:rgba(182,122,53,.28) !important;
}
.empty-inventory{
    color:rgba(255,255,255,.72) !important;
}
.empty-inventory h3{
    color:#ffffff !important;
}
.empty-inventory p{
    color:rgba(255,255,255,.68) !important;
}
.inventory-shell a{
    color:#ffffff !important;
}
.inventory-shell a:hover{
    color:#B67A35 !important;
}
.inventory-shell *{
    scrollbar-color:#B67A35 rgba(255,255,255,.08) !important;
}

@media (max-width:900px){
    .inventory-head,
    .stat-card,
    .equipped-card,
    .inventory-card,
    .empty-inventory{
        border-radius:22px !important;
    }
}
.forum-page .forum-hero,
.forum-page .forum-panel,
.forum-page .forum-side-card,
.forum-page .forum-action-card,
.forum-page .forum-category,
.forum-page .forum-topic-board,
.forum-page .forum-thread-intro,
.forum-page .forum-post-card,
.forum-page .forum-path-card,
.forum-page .forum-empty{
    border-color:rgba(255,255,255,.105) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010)), rgba(17,18,20,.92) !important;
    box-shadow:0 20px 55px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.forum-page .forum-hero::before,
.forum-page .forum-category::before,
.forum-page .forum-panel::before,
.forum-page .forum-side-card::before,
.forum-page .forum-action-card::before,
.forum-page .forum-topic-board::before,
.forum-page .forum-thread-intro::before,
.forum-page .forum-post-card::before{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.24), transparent) !important;
    opacity:.55 !important;
}
.forum-page .forum-badge,
.forum-page .forum-section-head span,
.forum-page .forum-side-head small,
.forum-page .forum-action-card small,
.forum-page .forum-thread-intro small,
.forum-page .forum-path-card span,
.forum-page .forum-field > span,
.forum-page .forum-count strong,
.forum-page .forum-topic-metric strong,
.forum-page .forum-hero-stats strong{
    color:#D09A55 !important;
    text-shadow:none !important;
}
.forum-page .forum-badge,
.forum-page .forum-count,
.forum-page .forum-topic-metric,
.forum-page .forum-hero-stats div,
.forum-page .forum-topic-item,
.forum-page .forum-rules-list li{
    border-color:rgba(182,122,53,.22) !important;
    background:rgba(182,122,53,.075) !important;
}
.forum-page .forum-hero h1,
.forum-page .forum-section-head h2,
.forum-page .forum-side-head h3,
.forum-page .forum-action-card h3,
.forum-page .forum-category-head h3,
.forum-page .forum-details h4,
.forum-page .forum-details h4 a,
.forum-page .forum-topic-main strong,
.forum-page .forum-thread-intro h3,
.forum-page .forum-post-author strong,
.forum-page .forum-empty h3,
.forum-page .forum-path-card strong,
.forum-page .forum-topic-item strong,
.forum-page .forum-rules-list strong{
    color:#ffffff !important;
    text-shadow:none !important;
}
.forum-page .forum-last-post a:hover,
.forum-page .forum-post-content a:hover,
.forum-page .forum-details h4 a:hover,
.forum-page .forum-topic-main:hover strong{color:#D09A55 !important;}
.forum-page .forum-btn,
.forum-page button.forum-btn{color:#ffffff !important;border-color:rgba(255,255,255,.16) !important;background:linear-gradient(180deg, #B67A35 0%, #B67A35 58%, #141416 100%) !important;box-shadow:0 16px 36px rgba(112,69,31,.30), inset 0 1px 0 rgba(255,255,255,.16) !important;}
.forum-page .forum-link-btn{color:#ffffff !important;border-color:rgba(182,122,53,.28) !important;background:rgba(182,122,53,.10) !important;box-shadow:none !important;}
.forum-page .forum-field select,
.forum-page .forum-field input,
.forum-page .forum-field textarea{color:#ffffff !important;border-color:rgba(255,255,255,.12) !important;background:linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)), rgba(17,18,20,.92) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 14px 35px rgba(0,0,0,.15) !important;}
.forum-page .forum-field select{background-image:linear-gradient(45deg, transparent 50%, #D09A55 50%), linear-gradient(135deg, #D09A55 50%, transparent 50%), linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)) !important;background-color:rgba(17,18,20,.92) !important;}

/* ===== BeastyCO colors merged into existing theme-refresh.css - no new filenames ===== */
/* ================================================================
   GoldenConquer — BeastyCO Dark Red Global Theme
   Load last. This file only changes visual colors, not page systems.
================================================================ */
:root{
  /* Base */
  --ink:#050505!important;
  --deep:#090808!important;
  --abyss:#0B0B0C!important;
  --void:#111010!important;
  --bg:#0B0B0C!important;
  --bg0:#050505!important;
  --bg3:#121010!important;
  --dark-bg:#050505!important;
  --deep-void:#050505!important;
  --portal-bg:#0B0B0C!important;

  /* Text */
  --t1:#ffffff!important;
  --t2:#c8c0b8!important;
  --t3:#8f8780!important;
  --t4:#5d5650!important;
  --txt:#ffffff!important;
  --tx:#ffffff!important;
  --text-white:#ffffff!important;
  --text-gray:#a9a09a!important;
  --txt-muted:#807872!important;
  --txt-dim:#67605b!important;
  --portal-text:#ffffff!important;
  --portal-muted:#8c8480!important;
  --portal-dim:#68605c!important;

  /* Beasty red accent */
  --z-red:#70451F!important;
  --portal-red:#70451F!important;
  --ember:#D09A55!important;
  --ruby:#B67A35!important;
  --red:#70451F!important;

  /* Existing gold variables are remapped to red so all pages become unified */
  --g0:#70451F!important;
  --g1:#B67A35!important;
  --g2:#70451F!important;
  --g3:#B67A35!important;
  --g4:#D09A55!important;
  --g5:#D09A55!important;
  --g6:#D09A55!important;
  --g7:#ffe1e3!important;
  --gold:#70451F!important;
  --gold2:#B67A35!important;
  --gold-primary:#70451F!important;
  --gold-glow:rgba(112,69,31,.35)!important;
  --gold-grad:linear-gradient(135deg,#D09A55 0%,#B67A35 28%,#70451F 58%,#B67A35 100%)!important;

  /* Page scoped accents */
  --z-gold:#70451F!important;
  --z-gold-soft:rgba(112,69,31,.12)!important;
  --download-gold:#B67A35!important;
  --download-gold-soft:rgba(112,69,31,.12)!important;
  --faq-gold:#B67A35!important;
  --faq-gold-soft:rgba(112,69,31,.12)!important;
  --gallery-gold:#B67A35!important;
  --gallery-gold-soft:rgba(112,69,31,.12)!important;
  --support-gold:#B67A35!important;
  --support-gold-soft:rgba(112,69,31,.12)!important;
  --rp-gold:#B67A35!important;

  /* Remove cyan/blue feeling */
  --neon-cyan:#B67A35!important;
  --glow-cyan:0 0 22px rgba(112,69,31,.30)!important;
  --gradient-neon:linear-gradient(135deg,#70451F,#B67A35)!important;
  --storm:#70451F!important;
  --sapph:#70451F!important;

  /* Lines / cards */
  --b1:rgba(112,69,31,.16)!important;
  --b2:rgba(112,69,31,.30)!important;
  --b3:rgba(112,69,31,.52)!important;
  --border:rgba(112,69,31,.18)!important;
  --border-h:rgba(112,69,31,.38)!important;
  --z-line:rgba(112,69,31,.16)!important;
  --z-line-2:rgba(112,69,31,.34)!important;
  --download-line:rgba(112,69,31,.16)!important;
  --download-line-strong:rgba(112,69,31,.34)!important;
  --faq-line:rgba(112,69,31,.16)!important;
  --faq-line-strong:rgba(112,69,31,.34)!important;
  --gallery-line:rgba(112,69,31,.16)!important;
  --gallery-line-strong:rgba(112,69,31,.34)!important;
  --shop-line:rgba(112,69,31,.16)!important;
  --shop-line-strong:rgba(112,69,31,.34)!important;
  --vip-line:rgba(112,69,31,.16)!important;
  --vip-line-strong:rgba(112,69,31,.34)!important;
  --rp-line:rgba(112,69,31,.16)!important;
  --support-border:rgba(112,69,31,.22)!important;

  --card:rgba(16,16,17,.92)!important;
  --card2:rgba(22,19,20,.94)!important;
  --shop-panel:rgba(16,16,17,.92)!important;
  --vip-panel:rgba(16,16,17,.92)!important;
  --support-panel:rgba(16,16,17,.92)!important;
  --gallery-card:rgba(16,16,17,.92)!important;
  --rp-panel-2:rgba(16,16,17,.92)!important;

  --shadow-gold:0 0 30px rgba(112,69,31,.22)!important;
  --shadow-deep:0 28px 90px rgba(0,0,0,.70)!important;
}

html,
body{
  background:
    radial-gradient(circle at 26% 0%,rgba(112,69,31,.22),transparent 28%),
    radial-gradient(circle at 86% 15%,rgba(112,69,31,.22),transparent 34%),
    linear-gradient(180deg,#0B0B0C 0%,#070707 48%,#050505 100%)!important;
  color:var(--t2)!important;
}

body::after{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.32;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.15));
}
body > *{position:relative;z-index:1}

::selection{background:rgba(112,69,31,.45);color:#fff}

/* Header / ticker / navigation */
.ticker,
.mnav,
.navbar{
  background:linear-gradient(180deg,rgba(7,7,8,.96),rgba(10,9,10,.94))!important;
  border-color:rgba(112,69,31,.22)!important;
  box-shadow:0 12px 48px rgba(0,0,0,.72)!important;
}
.ticker::after,
.navbar::before{
  background:linear-gradient(90deg,transparent,#B67A35,#70451F,#B67A35,transparent)!important;
}
.tk-label,
.btn-gold,
.btn-primary,
.zcp-btn,
.support-btn,
.forum-btn,
.forum-action-primary,
.gallery-back,
.gallery-clear,
.gallery-card-link,
.gallery-view-actions a,
.faq-clear,
.faq-browse-all,
.rankings-btn-search,
.rankings-btn-clear,
.patch-filter-btn.is-active,
.shop-card-button,
.vip-card-button,
.zcp-checkout-actions button,
input[type="submit"],
button[type="submit"]{
  background:linear-gradient(180deg,#D09A55 0%,#70451F 52%,#70451F 100%)!important;
  border:1px solid rgba(208,154,85,.32)!important;
  color:#fff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.35)!important;
  box-shadow:0 12px 34px rgba(182,122,53,.35),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.tk-label{color:#fff!important}
.tk-item b,
.tk-sep,
.tk-badge,
.nav-link:hover,
.nav-item.active .nav-link,
.nav-link.active,
.user-btn,
.zcp-lang-btn{
  color:#D09A55!important;
}

.nav-menu,
.nav-actions .btn-outline,
.zcp-lang-btn,
.user-btn{
  background:rgba(112,69,31,.76)!important;
  border-color:rgba(112,69,31,.22)!important;
}
.nav-item.active .nav-link,
.nav-link.active{
  background:linear-gradient(180deg,#D09A55,#B67A35)!important;
  color:#fff!important;
  border-radius:999px!important;
  box-shadow:0 0 0 1px rgba(208,154,85,.20),0 12px 28px rgba(182,122,53,.35)!important;
}
.nav-link:hover{
  background:rgba(112,69,31,.14)!important;
  color:#fff!important;
  border-radius:999px!important;
}
.nav-link::after,
.nav-item.active .nav-link::after{
  background:linear-gradient(90deg,transparent,#D09A55,transparent)!important;
  box-shadow:0 0 12px rgba(112,69,31,.55)!important;
}
.dropdown,
.user-dropdown,
.mob-drawer{
  background:rgba(9,9,10,.98)!important;
  border-color:rgba(112,69,31,.24)!important;
}
.dd-item:hover,
.mob-link:hover,
.mob-link.active{
  background:rgba(112,69,31,.13)!important;
  color:#fff!important;
  border-color:#70451F!important;
}

/* Main page backgrounds and heroes */
.zcp-page,
.forum-page,
.forum-board-page,
.forum-thread-page,
.forum-create-page,
.forum-reply-page,
.gallery-page,
.gallery-view-page,
.vote-page,
.shop-page,
.vip-page,
.download-page,
.faq-page,
.support-page,
.ticket-page,
body[class*="page"]{
  background:
    radial-gradient(circle at 22% 0%,rgba(112,69,31,.18),transparent 31%),
    radial-gradient(circle at 92% 18%,rgba(20,20,22,.22),transparent 32%),
    #0B0B0C!important;
}

.zcp-hero,
.hero,
.chronicle-hero,
.events-unified-hero,
.guilds-hero,
.guild-detail-hero,
.rankings-hero,
.forum-hero,
.gallery-hero,
.gallery-view-hero,
.vote-hero,
.shop-hero,
.vip-hero,
.download-hero,
.faq-hero,
.support-hero,
.ticket-hero,
.reg-hero,
.account-hero-card,
.profile-hero-card,
.notif-hero{
  background:
    linear-gradient(180deg,rgba(18,18,19,.86),rgba(9,9,10,.92)),
    radial-gradient(circle at 14% 0%,rgba(112,69,31,.18),transparent 42%)!important;
  border:1px solid rgba(112,69,31,.26)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.04)!important;
}

/* Cards, panels, boxes */
.zcp-card,
.zcp-pack,
.zcp-section,
.zcp-checkout-card,
.zcp-checkout-panel,
.zcp-checkout-summary,
.chronicle-panel,
.chronicle-card,
.chronicle-side-card,
.chronicle-action-card,
.events-unified-card,
.events-side-card,
.guilds-panel,
.guilds-side-card,
.guild-detail-panel,
.rankings-panel,
.rankings-podium-panel,
.rankings-podium-card,
.forum-panel,
.forum-side-card,
.forum-action-card,
.forum-category,
.forum-board,
.forum-topic-item,
.forum-post-card,
.forum-form-shell,
.forum-path-card,
.forum-rules-card,
.gallery-panel,
.gallery-card,
.gallery-side-card,
.gallery-info-card,
.gallery-view-card,
.gallery-related-card,
.vote-mission,
.shop-hero-panel,
.vip-hero-panel,
.download-client-panel,
.download-tools-panel,
.download-update-panel,
.download-info-grid > *,
.client-download-box,
.faq-search-panel,
.faq-side-card,
.faq-content,
.faq-item,
.faq-help-strip,
.support-panel,
.support-create-panel,
.support-categories-panel,
.support-faq-panel,
.support-help-strip,
.support-desk-overview,
.support-note-card,
.my-ticket-panel,
.ticket-overview-card,
.ticket-thread-panel,
.ticket-reply-panel,
.ticket-info-card,
.ticket-guidance-card,
.account-card,
.profile-panel,
.profile-card,
.inventory-card,
.admin-card,
.admin-box,
.login-box,
.logout-box,
.reg-card,
[class*="-card"],
[class*="-panel"],
[class*="-box"]{
  background:linear-gradient(180deg,rgba(20,20,21,.92),rgba(10,10,11,.96))!important;
  border-color:rgba(112,69,31,.22)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.035)!important;
}

[class*="-card"]:hover,
[class*="-panel"]:hover,
.zcp-card:hover,
.gallery-card:hover,
.forum-board:hover,
.chronicle-card:hover{
  border-color:rgba(182,122,53,.45)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 28px rgba(112,69,31,.10)!important;
}

/* Typography / labels */
h1,h2,h3,h4,
.zcp-title,
.page-title,
.section-title,
.chronicle-section-head h2,
.events-unified-card h3,
.guilds-section-head h2,
.rankings-section-head h2,
.forum-title,
.forum-section-head h2,
.gallery-section-head h2,
.gallery-view-content h2,
.download-section-head h2,
.faq-section-head h2,
.support-title,
.ticket-overview-head h2,
.shop-panel-title,
.vip-panel-title{
  color:#ffffff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.45)!important;
}

.zcp-eyebrow,
.section-kicker,
.section-sub,
.forum-badge,
.forum-badge-icon,
.gallery-badge,
.gallery-badge-icon,
.download-badge,
.faq-badge,
.support-badge,
.support-kicker,
.ticket-info-card em,
.chronicle-badge,
.events-unified-badge,
.guilds-badge,
.rankings-badge,
.shop-hero-copy em,
.vip-hero-copy em,
[class*="kicker"],
[class*="badge"],
[class*="eyebrow"]{
  color:#D09A55!important;
  border-color:rgba(112,69,31,.28)!important;
}

/* Small icons / chips / stats */
.zcp-section-mark,
.zcp-stat,
.zcp-badge,
.stat-card,
.hstat,
.forum-icon,
.forum-count,
.forum-topic-metric,
.forum-empty-icon,
.gallery-empty-icon,
.gallery-featured-badge,
.faq-icon,
.faq-toggle,
.support-count-badge,
.support-step-list span,
.ticket-info-list b,
.download-hero-stats > *,
.gallery-hero-stats > *,
.forum-hero-stats > *,
.faq-hero-stats > *,
.support-hero-stats > *,
.rankings-hero-stats > *,
.guilds-hero-stats > *,
.chronicle-hero-stats > *,
[class*="stat"],
[class*="chip"],
[class*="pill"]{
  border-color:rgba(112,69,31,.26)!important;
}

/* Lines and dividers */
hr,
.zcp-section-head,
.forum-section-head,
.gallery-section-head,
.download-section-head,
.faq-section-head,
.support-section-head,
.ticket-overview-head,
.chronicle-section-head,
.rankings-section-head,
.guilds-section-head,
[class*="section-head"]{
  border-color:rgba(112,69,31,.20)!important;
}

/* Forms */
input,select,textarea,
.form-control,
.form-input,
.zcp-field,
.forum-field input,
.forum-field select,
.forum-field textarea,
.support-field input,
.support-field select,
.support-field textarea,
.ticket-reply-input,
.faq-search-box input,
.gallery-search input,
.rankings-search-box input,
.rankings-select-box select{
  background:rgba(5,5,6,.92)!important;
  border:1px solid rgba(112,69,31,.22)!important;
  color:#ffffff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
input:focus,select:focus,textarea:focus,
.form-control:focus,
.form-input:focus,
.zcp-field:focus{
  border-color:rgba(182,122,53,.62)!important;
  box-shadow:0 0 0 3px rgba(112,69,31,.16),inset 0 1px 0 rgba(255,255,255,.05)!important;
  outline:none!important;
}
::placeholder{color:#6f6762!important}

/* Buttons / links */
.btn-outline,
.btn-secondary,
.btn-ghost,
.zcp-btn-secondary,
.support-btn-secondary,
.forum-link-btn,
.forum-empty-btn,
.patch-filter-btn,
.gallery-filter,
.faq-category-link,
.support-category-pill,
.zcp-checkout-actions a,
a[class*="btn"]{
  background:rgba(112,69,31,.06)!important;
  border:1px solid rgba(112,69,31,.28)!important;
  color:#f3e8e8!important;
}
.btn-outline:hover,
.btn-secondary:hover,
.btn-ghost:hover,
.zcp-btn-secondary:hover,
.support-btn-secondary:hover,
.forum-link-btn:hover,
.patch-filter-btn:hover,
.gallery-filter:hover,
.faq-category-link:hover,
.support-category-pill:hover,
a[class*="btn"]:hover{
  background:rgba(112,69,31,.16)!important;
  border-color:rgba(182,122,53,.52)!important;
  color:#fff!important;
  box-shadow:0 14px 36px rgba(182,122,53,.24)!important;
}

/* Tables / rows / lists */
table,
.rankings-table-wrap,
.guilds-table-wrap,
.forum-row,
.forum-topic-row,
.patch-item,
.faq-question,
.support-ticket-mini,
.ticket-thread,
.ticket-original-message,
.gallery-mini-list a,
[class*="row"],
[class*="item"]{
  border-color:rgba(112,69,31,.16)!important;
}
tr:hover,
.forum-row:hover,
.forum-topic-row:hover,
.patch-item:hover,
.faq-question:hover,
.support-ticket-mini:hover{
  background:rgba(112,69,31,.06)!important;
}
.zcp-social-dock-link:hover{
  background:linear-gradient(180deg,#D09A55,#B67A35)!important;
  border-color:rgba(208,154,85,.55)!important;
  color:#fff!important;
  box-shadow:0 16px 42px rgba(182,122,53,.38)!important;
}

/* Keep positive/online status green */
.online,
.status-open,
.status-approved,
.status-resolved,
.hstat-status.online,
.tk-online,
.on-dot:not(.is-offline){
  color:#4ade80!important;
}
.tk-online{background:rgba(74,222,128,.08)!important;border-color:rgba(74,222,128,.25)!important}
.on-dot:not(.is-offline){background:#4ade80!important;box-shadow:0 0 11px #4ade80!important}

/* Kill previous blue/cyan theme leftovers by force */
[style*="#D8B27A"],
[style*="#D8B27A"],
[style*="#D8B27A"],
[style*="cyan"],
[style*="blue"]{
  border-color:rgba(112,69,31,.26)!important;
  color:#D09A55!important;
}


@media (max-width: 1050px) {
            .mnav.scrolled .logo-img {
        height: 70px !important;
    }
}

@media (max-width: 768px) {
    .logo {
        min-width: 200px !important;
    }
    .logo-img {
        width: clamp(180px, 44vw, 245px) !important;
        height: 70px !important;
    }
    .mnav.scrolled .logo-img {
        height: 64px !important;
    }
}

/* Late refresh blocks: keep these after the merged color palette so layout fixes win without duplicating them in header-ui-fix.css. */
/* Portal command theme inspired by compact MMO server dashboards. */
:root {
    --portal-bg: #0B0B0C;
    --portal-panel: rgba(14, 14, 17, .88);
    --portal-panel-2: rgba(22, 18, 18, .82);
    --portal-line: rgba(255, 255, 255, .105);
    --portal-line-red: rgba(112,69,31,.42);
    --portal-red: #B67A35;
    --portal-red-dark: #141416;
    --portal-gold: #B67A35;
    --portal-gold-soft: #D09A55;
    --portal-text: #ffffff;
    --portal-muted: #9b928a;
    --portal-dim: #5d5650;
    --ticker-h: 0px;
    --nav-h: 90px;
    --off: var(--nav-h);
    --g0: #70451F;
    --g1: #B67A35;
    --g2: #B67A35;
    --g3: #B67A35;
    --g4: #D09A55;
    --g5: #ffffff;
    --t1: #ffffff;
    --t2: #b9afa4;
    --t3: #8e8378;
    --t4: #5d5650;
    --b1: rgba(255,255,255,.09);
    --b2: rgba(112,69,31,.34);
    --b3: rgba(182,122,53,.42);
    --shadow-gold: 0 0 26px rgba(112,69,31,.28);
}

html { background: var(--portal-bg); }
body {
    padding-top: var(--nav-h) !important;
    background:
        radial-gradient(900px 520px at 72% 16%, rgba(112,69,31,.23), transparent 64%),
        radial-gradient(760px 420px at 13% 22%, rgba(182,122,53,.08), transparent 62%),
        linear-gradient(180deg, #0B0B0C 0%, #0B0B0C 42%, #0B0B0C 100%) !important;
    color: var(--portal-text) !important;
    font-family: 'Rajdhani', Arial, sans-serif !important;
}

body::before {
    opacity: .22 !important;
    mix-blend-mode: screen;
}

img:not([src]),
img[src=""] {
    display: none !important;
}

.ticker,
.pc {
    display: none !important;
}

.mnav {
    top: 0 !important;
    height: var(--nav-h) !important;
    padding: 0 clamp(18px, 2.6vw, 38px) !important;
    background: rgba(5, 5, 6, .94) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 18px 52px rgba(0,0,0,.45) !important;
}

.mnav::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(112,69,31,.72), rgba(182,122,53,.46), transparent);
    pointer-events: none;
}

.mnav.scrolled {
    height: 78px !important;
    background: rgba(4, 4, 5, .97) !important;
}

.logo {
    height: 100% !important;
    margin-right: clamp(18px, 3vw, 42px) !important;
    min-width: 218px;
}

.logo-img {
    width: clamp(188px, 18vw, 252px) !important;
    height: 62px !important;
    max-width: none !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 16px rgba(112,69,31,.42)) !important;
}

.nav-menu {
    height: 58px !important;
    min-width: 0;
    margin-left: auto;
    padding: 7px !important;
    gap: 3px !important;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(10,10,12,.86);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 48px rgba(0,0,0,.32);
}

.nav-item {
    height: 44px !important;
}

.nav-link {
    height: 44px !important;
    padding: 0 16px !important;
    border-radius: 27px !important;
    color: var(--portal-text) !important;
    font-family: 'Rajdhani', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 1.35px !important;
    text-transform: uppercase;
}

.nav-link > svg:not(.dd-arrow) {
    display: none !important;
}

.nav-link .dd-arrow {
    width: 9px !important;
    height: 9px !important;
    opacity: .42 !important;
}

.nav-link:hover,
.nav-item.active .nav-link {
    color: #fff !important;
    background: linear-gradient(180deg, rgba(182,122,53,.84), rgba(112,69,31,.92)) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 9px 26px rgba(112,69,31,.32) !important;
}

.nav-link::after {
    display: none !important;
}

.dropdown,
.user-dropdown,
.zcp-lang-menu {
    background: rgba(10,10,12,.98) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 18px !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.dropdown::before {
    background: rgba(10,10,12,.98) !important;
    border-left-color: rgba(255,255,255,.11) !important;
    border-top-color: rgba(255,255,255,.11) !important;
}

.dd-section,
.mob-section {
    color: var(--portal-dim) !important;
}

.dd-item,
.mob-link {
    color: var(--portal-muted) !important;
    font-family: 'Rajdhani', Arial, sans-serif !important;
}

.dd-item:hover,
.mob-link:hover,
.mob-link.active {
    background: rgba(112,69,31,.24) !important;
    color: var(--portal-text) !important;
    border-left-color: var(--portal-red) !important;
}

.nav-actions {
    margin-left: 12px !important;
    gap: 9px !important;
}

.zcp-lang-btn,
.notif-btn,
.user-btn,
.mob-toggle,
.btn-outline {
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    color: var(--portal-text) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

.zcp-lang-btn:hover,
.notif-btn:hover,
.user-btn:hover,
.mob-toggle:hover,
.btn-outline:hover {
    background: rgba(112,69,31,.28) !important;
    border-color: rgba(182,122,53,.54) !important;
    box-shadow: 0 12px 30px rgba(112,69,31,.22) !important;
}

.btn-gold,
.btn-primary,
.btn-secondary,
.zcp-btn.primary {
    border-radius: 16px !important;
}

.btn-gold,
.btn-primary,
.zcp-btn.primary {
    background: linear-gradient(180deg, #B67A35, #B67A35 56%, #141416) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 18px 42px rgba(112,69,31,.34), inset 0 1px 0 rgba(255,255,255,.2) !important;
}

.btn-secondary {
    background: rgba(255,255,255,.04) !important;
    color: var(--portal-text) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
}

.mob-overlay.open {
    background: rgba(0,0,0,.78) !important;
}

.mob-drawer {
    background:
        radial-gradient(420px 260px at 50% 0%, rgba(112,69,31,.24), transparent 70%),
        #08080a !important;
    border-left-color: rgba(255,255,255,.1) !important;
}

.mob-head img {
    width: 210px !important;
    height: 58px !important;
    object-fit: contain !important;
}

.hero {
    margin-top: 0 !important;
    min-height: calc(100vh - var(--nav-h)) !important;
    height: auto !important;
    max-height: none !important;
    background:
        linear-gradient(rgba(112,69,31,.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(112,69,31,.12) 1px, transparent 1px),
        radial-gradient(900px 560px at 74% 38%, rgba(112,69,31,.28), transparent 62%),
        #080708 !important;
    background-size: 62px 62px, 62px 62px, auto, auto !important;
}

.hslider {
    height: auto !important;
    min-height: calc(100vh - var(--nav-h)) !important;
}

.hslide {
    min-height: calc(100vh - var(--nav-h)) !important;
}

.hslide.active {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(310px, .78fr);
    align-items: center;
    gap: clamp(28px, 4vw, 64px);
    padding: clamp(58px, 8vw, 112px) clamp(24px, 5.8vw, 76px) clamp(42px, 6vw, 76px);
}

.hslide.active::after {
    content: "";
    position: relative;
    z-index: 5;
    justify-self: center;
    width: min(420px, 34vw);
    min-width: 300px;
    aspect-ratio: 1 / 1;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 30px;
    background:
        radial-gradient(circle at 50% 45%, rgba(182,122,53,.34), transparent 42%),
        url("../images/logo-goldenconquer.png?v=1787260012") center / 78% auto no-repeat,
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
        rgba(9,9,11,.9);
    box-shadow: 0 34px 110px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.06);
}

.hbg {
    opacity: .36 !important;
    filter: saturate(.78) contrast(1.04) brightness(.78);
    transform: none !important;
}

.hslide.active .hbg {
    transform: none !important;
}

.hgrid {
    opacity: .35 !important;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
}

.hcontent {
    z-index: 6 !important;
    height: auto !important;
    max-width: 660px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
}

.hcontent::before {
    content: "CONQUEST REALM";
    display: inline-flex;
    margin-bottom: 16px;
    padding: 7px 12px;
    border: 1px solid rgba(182,122,53,.44);
    border-radius: 999px;
    color: #D09A55;
    background: rgba(112,69,31,.13);
    font: 800 10px/1 'Rajdhani', Arial, sans-serif;
    letter-spacing: 2.8px;
}

.heyebrow {
    order: -1;
    margin-bottom: 18px !important;
    padding: 18px 22px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: var(--portal-muted) !important;
    letter-spacing: 2px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
}

.heyebrow-kicker {
    color: #fff5d2 !important;
    font-weight: 900 !important;
    letter-spacing: 3.2px !important;
}

.heyebrow-dot {
    background: var(--portal-red) !important;
    box-shadow: 0 0 12px rgba(182,122,53,.72) !important;
}

.htitle {
    font-family: 'Cinzel', Georgia, serif !important;
    font-size: clamp(54px, 8.1vw, 112px) !important;
    line-height: .9 !important;
    margin: 8px 0 26px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
}

.htitle-line1 {
    color: #ffffff !important;
    text-shadow: 0 12px 34px rgba(0,0,0,.72) !important;
}

.htitle-gold {
    display: inline-block !important;
    margin-left: .12em;
    background: linear-gradient(135deg, #ffffff 0%, #D09A55 32%, #B67A35 62%, #ffffff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 18px rgba(112,69,31,.46)) !important;
}

.hdesc {
    max-width: 620px !important;
    margin: 0 0 30px !important;
    color: var(--portal-muted) !important;
    font: 600 clamp(16px, 1.28vw, 20px)/1.62 'Rajdhani', Arial, sans-serif !important;
    font-style: normal !important;
}

.hstats {
    width: min(100%, 650px) !important;
    max-width: none !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    min-height: 0 !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
}

.hstat {
    min-height: 94px !important;
    padding: 18px 14px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 18px !important;
    background: rgba(10,10,12,.78) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
}

.hstat:hover {
    background: rgba(112,69,31,.16) !important;
    transform: translateY(-2px);
}

.hstat-val {
    background: none !important;
    color: var(--portal-text) !important;
    font-family: 'Rajdhani', Arial, sans-serif !important;
    font-size: clamp(26px, 2.3vw, 36px) !important;
    font-weight: 800 !important;
}

.hstat-lbl {
    color: var(--portal-dim) !important;
    font-family: 'Rajdhani', Arial, sans-serif !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
}

.hbtns {
    justify-content: flex-start !important;
    gap: 14px !important;
}

.btn-primary,
.btn-secondary,
.btn-gold {
    min-height: 54px;
    padding: 0 28px !important;
    font-family: 'Rajdhani', Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase;
}

.harrow,
.hdots {
    display: none !important;
}

.pw {
    max-width: 1180px !important;
    padding: 54px 24px 0 !important;
}

.section {
    background: transparent !important;
    border: 0 !important;
    margin-bottom: 54px !important;
}

.sh {
    margin-bottom: 24px !important;
    padding-bottom: 18px !important;
    border-bottom-color: rgba(255,255,255,.09) !important;
}

.sh-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    background: rgba(112,69,31,.16) !important;
    border-color: rgba(112,69,31,.32) !important;
}

.sh-icon svg {
    color: #D09A55 !important;
}

.sh-title {
    background: none !important;
    color: var(--portal-text) !important;
    font-size: clamp(24px, 2.7vw, 36px) !important;
}

.sh-sub,
.gc-meta,
.sc-lbl {
    color: var(--portal-dim) !important;
}

.sh-link {
    color: var(--portal-text) !important;
    border-color: rgba(255,255,255,.11) !important;
    background: rgba(255,255,255,.035) !important;
}

.stats-strip,
.gc,
.glory-card,
.vote-banner,
.cta-section,
.zcp-card,
.zcp-pack,
.zcp-form-band,
.zcp-note,
.stat-card,
.rankings-container,
.filter-tab {
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(10,10,12,.88) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.stats-strip {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border-radius: 24px !important;
    margin: 0 0 52px !important;
}

.stats-strip::before,
.gc::before,
.vote-banner::before,
.cta-section::before {
    background: linear-gradient(90deg, transparent, rgba(182,122,53,.72), rgba(182,122,53,.42), transparent) !important;
}

.sc {
    min-height: 132px;
    padding: 22px 14px !important;
}

.sc-icon svg,
.gc-ico svg,
.vr-ico svg {
    color: var(--portal-red) !important;
}

.sc-val,
.plvl {
    background: none !important;
    color: var(--portal-text) !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
}

.grid-3 {
    gap: 18px !important;
}

.gc {
    border-radius: 24px !important;
}

.gc-head {
    background: rgba(255,255,255,.025) !important;
    border-bottom-color: rgba(255,255,255,.085) !important;
}

.gc-ico {
    background: rgba(112,69,31,.18) !important;
    border-color: rgba(112,69,31,.34) !important;
}

.gc-label,
.up-date,
.ev-time,
.champ-name {
    color: #D09A55 !important;
}

.gc-badge,
.ni-tag,
.class-tag,
.rk-other {
    color: var(--portal-text) !important;
    border-color: rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.04) !important;
}

.ni,
.uprow,
.evrow {
    border-color: rgba(255,255,255,.08) !important;
}

.ni:hover,
.evrow:hover,
.glory-table tbody tr:hover {
    background: rgba(112,69,31,.12) !important;
}

.vote-banner {
    border-radius: 28px !important;
}

.vr {
    background: rgba(255,255,255,.035) !important;
    border-color: rgba(255,255,255,.10) !important;
    border-radius: 20px !important;
}

.vote-title,
.cta-title,
.zcp-title,
.inventory-title,
.logo-text {
    background: linear-gradient(135deg, #ffffff, #B67A35 48%, #D09A55) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

.cta-section {
    border-radius: 30px !important;
}

.cta-bg1,
.cta-bg2,
.vb-glow {
    opacity: .55 !important;
}

@media (max-width: 1320px) {
    .nav-link {
        padding: 0 12px !important;
        font-size: 11px !important;
    }
    .logo {
        min-width: 190px;
    }
}

@media (max-width: 1050px) {
    :root {
        --nav-h: 82px;
        --off: var(--nav-h);
    }
    body {
        padding-top: var(--nav-h) !important;
    }
    .mnav {
        height: var(--nav-h) !important;
    }
            .hslide.active {
        grid-template-columns: 1fr !important;
        padding: 46px 20px 54px !important;
    }
    .hslide.active::after {
        display: none;
    }
    .hcontent {
        max-width: 720px !important;
    }
    .stats-strip {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .grid-3 {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 700px) {
    :root {
        --nav-h: 74px;
        --off: var(--nav-h);
    }
    .mnav {
        height: var(--nav-h) !important;
    }
    .logo-img {
        width: 188px !important;
        height: 52px !important;
    }
    .hslide.active {
        min-height: calc(100vh - var(--nav-h)) !important;
        padding: 34px 16px 42px !important;
    }
    .hcontent {
        text-align: left !important;
    }
    .htitle {
        font-size: clamp(42px, 15vw, 64px) !important;
    }
    .hstats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    .hstat {
        min-height: 86px !important;
    }
    .hbtns {
        width: 100%;
    }
    .btn-primary,
    .btn-secondary,
    .btn-gold {
        width: 100%;
        justify-content: center;
    }
    .stats-strip {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 420px) {
    .logo-img {
        width: 172px !important;
    }
    .zcp-lang-btn {
        width: 40px !important;
    }
    .stats-strip {
        grid-template-columns: 1fr !important;
    }
}

/* Keep form-heavy pages in the same portal skin. */
.login-box,
.reg-card,
.zcp-form-band {
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(10,10,12,.9) !important;
    border-color: rgba(255,255,255,.11) !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.login-box::before,
.reg-card::before {
    background: linear-gradient(90deg, transparent, rgba(182,122,53,.72), rgba(182,122,53,.42), transparent) !important;
}

.login-logo-icon,
.rc-icon {
    background: rgba(112,69,31,.26) !important;
    border-color: rgba(182,122,53,.45) !important;
    color: #fff !important;
    box-shadow: 0 0 28px rgba(112,69,31,.26) !important;
}

.login-title,
.rc-title,
.reg-hero-title,
.reg-hero-eyebrow {
    color: var(--portal-text) !important;
}

.form-control,
.form-input,
.zcp-input,
.zcp-textarea,
.zcp-select {
    background: rgba(255,255,255,.035) !important;
    border-color: rgba(255,255,255,.11) !important;
    color: var(--portal-text) !important;
    border-radius: 14px !important;
}

.form-control:focus,
.form-input:focus,
.zcp-input:focus,
.zcp-textarea:focus,
.zcp-select:focus {
    border-color: rgba(182,122,53,.56) !important;
    background: rgba(112,69,31,.10) !important;
    box-shadow: 0 0 0 3px rgba(112,69,31,.16) !important;
}

.login-btn,
.reg-submit,
button[type="submit"].zcp-btn,
.zcp-btn.primary {
    background: linear-gradient(180deg, #B67A35, #B67A35 58%, #141416) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 42px rgba(112,69,31,.34), inset 0 1px 0 rgba(255,255,255,.2) !important;
    font-family: 'Rajdhani', Arial, sans-serif !important;
}

.login-btn:hover,
.reg-submit:hover,
button[type="submit"].zcp-btn:hover,
.zcp-btn.primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 22px 52px rgba(112,69,31,.44), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

/* Ordered index refresh: Hero -> Telemetry -> Online -> Settings -> Glory -> News/Events. */
.logo {
    min-width: 258px !important;
}

.logo-img {
    width: clamp(220px, 20vw, 300px) !important;
    height: 76px !important;
}

.mnav.scrolled .logo-img {
    height: 66px !important;
}

.hero {
    min-height: calc(96vh - var(--nav-h)) !important;
    isolation: isolate;
}

.hslider,
.hslide {
    min-height: calc(96vh - var(--nav-h)) !important;
}

.hslide.active {
    grid-template-columns: minmax(0, 760px) !important;
    justify-content: start !important;
    padding: clamp(58px, 7vw, 96px) clamp(22px, 7vw, 88px) clamp(42px, 5vw, 72px) !important;
}

.hslide.active::after {
    display: none !important;
}

.hbg {
    opacity: .62 !important;
    filter: saturate(.86) contrast(1.08) brightness(.82) !important;
    background-position: center !important;
}

.hatmos {
    background:
        linear-gradient(90deg, rgba(5,5,6,.98) 0%, rgba(5,5,6,.82) 34%, rgba(5,5,6,.45) 66%, rgba(5,5,6,.74) 100%),
        linear-gradient(180deg, rgba(5,5,6,.22), rgba(5,5,6,.74)) !important;
}

.hvig {
    background: radial-gradient(ellipse 112% 96% at 58% 48%, transparent 14%, rgba(0,0,0,.8) 100%) !important;
}

.hcontent {
    max-width: 840px !important;
}

.fdiv {
    display: none !important;
}

.stats-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin-bottom: 44px !important;
}

.sc {
    min-height: 116px !important;
}

.online-grid,
.settings-grid,
.news-events-grid {
    display: grid;
    gap: 16px;
}

.online-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.settings-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.news-events-grid {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
}

.online-card,
.online-empty,
.setting-card,
.intel-panel {
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(10,10,12,.88) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 20px 58px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.online-card {
    min-height: 92px;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 18px;
    border-radius: 22px;
}

.online-avatar {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: linear-gradient(180deg, #B67A35, #B67A35);
    color: #fff;
    font: 900 22px/1 'Rajdhani', Arial, sans-serif;
    box-shadow: 0 12px 30px rgba(112,69,31,.32);
}

.online-info {
    min-width: 0;
}

.online-info strong,
.event-card strong,
.intel-item strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--portal-text);
}

.online-info span,
.online-map,
.intel-item small,
.event-card span {
    color: var(--portal-dim);
    font: 700 11px/1.4 'Rajdhani', Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.online-map {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.09);
}

.online-empty {
    grid-column: 1 / -1;
    min-height: 112px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    border-radius: 22px;
}

.online-empty b {
    color: var(--portal-text);
    font: 900 40px/1 'Rajdhani', Arial, sans-serif;
}

.online-empty span {
    color: var(--portal-muted);
    font: 800 12px/1 'Rajdhani', Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.sh-chip {
    pointer-events: none;
}

.setting-card {
    min-height: 104px;
    padding: 18px 16px;
    border-radius: 22px;
    display: grid;
    align-content: center;
    gap: 9px;
}

.setting-card span,
.intel-head span {
    color: var(--portal-dim);
    font: 800 11px/1 'Rajdhani', Arial, sans-serif;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.setting-card strong {
    color: var(--portal-text);
    font: 900 clamp(24px, 2.2vw, 34px)/1 'Rajdhani', Arial, sans-serif;
}

.intel-panel {
    border-radius: 24px;
    overflow: hidden;
}

.intel-head {
    min-height: 70px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.085);
    background: rgba(255,255,255,.025);
}

.intel-head b {
    min-width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: rgba(112,69,31,.34);
    border: 1px solid rgba(182,122,53,.34);
}

.intel-list,
.event-list {
    display: grid;
    gap: 10px;
    padding: 18px;
}

.intel-item,
.event-card {
    min-height: 76px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    background: rgba(255,255,255,.025);
    text-decoration: none;
}

.intel-item:hover,
.event-card:hover,
.online-card:hover,
.setting-card:hover {
    border-color: rgba(182,122,53,.32) !important;
    background: rgba(112,69,31,.12) !important;
    transform: translateY(-2px);
}

.event-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
}

.event-countdown {
    min-width: 150px;
    padding: 9px 12px;
    border-radius: 999px;
    text-align: center;
    color: #D09A55;
    background: rgba(182,122,53,.09);
    border: 1px solid rgba(182,122,53,.22);
    font: 900 11px/1 'Rajdhani', Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-style: normal;
}

.event-card.is-live .event-countdown {
    color: #4ade80;
    background: rgba(74,222,128,.09);
    border-color: rgba(74,222,128,.24);
}

@media (max-width: 1180px) {
    .settings-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .online-grid,
    .news-events-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1050px) {
    .logo {
        min-width: 0 !important;
    }
    .logo-img {
        width: 224px !important;
        height: 64px !important;
    }
}

@media (max-width: 760px) {
    .hero,
    .hslider,
    .hslide {
        min-height: auto !important;
    }
    .hslide.active {
        padding: 44px 16px 40px !important;
    }
    .stats-strip,
    .settings-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .online-card,
    .event-card {
        grid-template-columns: 1fr;
    }
    .online-avatar,
    .online-map {
        display: none;
    }
    .event-countdown {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 460px) {
    .logo-img {
        width: 178px !important;
        height: 54px !important;
    }
    .stats-strip,
    .settings-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Keep all hero stats in the hero and remove the duplicate telemetry strip below. */
.hstats {
    width: min(100%, 830px) !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.hstat-status .hstat-val {
    font-size: clamp(20px, 1.8vw, 30px) !important;
    text-transform: uppercase;
}

.hstat-status.is-online .hstat-val {
    color: #4ade80 !important;
}

.hstat-status.is-offline .hstat-val {
    color: #D09A55 !important;
}

@media (max-width: 900px) {
    .hstats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .hstats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ================================================================
   Hero left panel refinement: CTA first, then server pulse
================================================================ */
.hdesc {
    margin-bottom: 24px !important;
}

.hbtns {
    margin: 0 0 28px !important;
    justify-content: flex-start !important;
}

.hserver {
    width: min(100%, 830px);
    margin: 0 0 30px;
    animation: fadeUp .8s .45s ease both;
}

.hserver-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 12px;
    color: var(--portal-dim);
    font: 900 11px/1 'Rajdhani', Arial, sans-serif;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

.hserver-title span {
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, rgba(182,122,53,.9), rgba(182,122,53,.12));
    box-shadow: 0 0 16px rgba(182,122,53,.34);
}

.hserver-title strong {
    color: rgba(240,232,208,.78);
}

.hserver .hstats {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    min-height: 0 !important;
    margin: 0 !important;
}

.hserver .hstat {
    min-height: 78px !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(10,10,12,.78) !important;
}

.hserver .hstat-val {
    font-size: clamp(23px, 1.9vw, 31px) !important;
}

.hserver .hstat-lbl {
    font-size: 9px !important;
    letter-spacing: 1.7px !important;
}

.hserver .hstat-status .hstat-val {
    font-size: clamp(20px, 1.65vw, 28px) !important;
}

@media (max-width: 900px) {
    .hserver .hstats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .hserver .hstats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 460px) {
    .hserver .hstats {
        grid-template-columns: 1fr !important;
    }
}


/* ================================================================
   Home Professional News / Separated Events
================================================================ */
.home-news-section {
    position: relative;
}

.home-news-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.home-news-count {
    min-height: 42px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    color: var(--portal-dim);
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.10);
    font: 800 11px/1 'Rajdhani', Arial, sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.home-news-count b {
    color: #D09A55;
    font-size: 18px;
    letter-spacing: 0;
}

.home-news-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
    gap: 18px;
}

.home-news-featured,
.home-news-mini,
.home-news-all {
    text-decoration: none;
    color: inherit;
}

.home-news-featured {
    position: relative;
    min-height: 440px;
    display: grid;
    align-content: end;
    overflow: hidden;
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(10,10,12,.9);
    border: 1px solid rgba(255,255,255,.11);
    box-shadow: 0 26px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05);
    isolation: isolate;
}

.home-news-featured::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(circle at 22% 14%, rgba(182,122,53,.20), transparent 36%),
        radial-gradient(circle at 88% 72%, rgba(112,69,31,.32), transparent 42%),
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.86));
    pointer-events: none;
}

.home-news-featured::after {
    content: '';
    position: absolute;
    left: 24px;
    right: 24px;
    top: 22px;
    height: 3px;
    z-index: 2;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(182,122,53,.88), rgba(182,122,53,.7), transparent);
    box-shadow: 0 0 26px rgba(182,122,53,.22);
}

.home-news-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(135deg, rgba(112,69,31,.22), rgba(182,122,53,.10)),
        rgba(10,10,12,.86);
}

.home-news-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .72;
    transform: scale(1.01);
    transition: transform .45s ease, opacity .45s ease;
}

.home-news-media.no-image {
    display: grid;
    place-items: center;
}

.home-news-media.no-image span {
    color: rgba(255,255,255,.08);
    font: 900 clamp(72px, 10vw, 132px)/1 'Rajdhani', Arial, sans-serif;
    letter-spacing: 10px;
}

.home-news-featured-body {
    position: relative;
    z-index: 3;
    padding: 34px;
}

.home-news-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.home-news-kicker span,
.home-news-kicker em,
.home-news-mini span {
    color: #D09A55;
    font: 900 11px/1 'Rajdhani', Arial, sans-serif;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    font-style: normal;
}

.home-news-kicker span {
    padding: 8px 11px;
    border-radius: 999px;
    color: #fff;
    background: rgba(112,69,31,.44);
    border: 1px solid rgba(182,122,53,.36);
}

.home-news-featured h3 {
    margin: 0 0 14px;
    color: #fff;
    font: 900 clamp(30px, 4vw, 52px)/.95 'Cinzel', serif;
    letter-spacing: -1.4px;
    text-transform: uppercase;
    text-shadow: 0 16px 34px rgba(0,0,0,.55);
}

.home-news-featured p {
    max-width: 680px;
    margin: 0 0 22px;
    color: rgba(255,255,255,.78);
    font-size: 16px;
    line-height: 1.75;
}

.home-news-read {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font: 900 12px/1 'Rajdhani', Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.home-news-read svg,
.home-news-all svg {
    width: 17px;
    height: 17px;
    transition: transform .25s ease;
}

.home-news-featured:hover {
    border-color: rgba(182,122,53,.36);
    transform: translateY(-3px);
}

.home-news-featured:hover .home-news-media img {
    opacity: .84;
    transform: scale(1.06);
}

.home-news-featured:hover .home-news-read svg,
.home-news-all:hover svg {
    transform: translateX(4px);
}

.home-news-side {
    display: grid;
    gap: 12px;
}

.home-news-mini,
.home-news-all {
    position: relative;
    display: grid;
    gap: 9px;
    padding: 18px 20px;
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(10,10,12,.88);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 18px 46px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.045);
    overflow: hidden;
}

.home-news-mini::before,
.home-news-all::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, rgba(182,122,53,.85), rgba(182,122,53,.55));
    opacity: .65;
}

.home-news-mini strong {
    color: var(--portal-text);
    font: 900 17px/1.25 'Cinzel', serif;
    letter-spacing: -.2px;
}

.home-news-mini p {
    margin: 0;
    color: var(--portal-dim);
    font-size: 13px;
    line-height: 1.55;
}

.home-news-mini:hover,
.home-news-all:hover {
    border-color: rgba(182,122,53,.32);
    background: rgba(112,69,31,.12);
    transform: translateY(-2px);
}

.home-news-all {
    min-height: 62px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    color: #fff;
    font: 900 12px/1 'Rajdhani', Arial, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.home-events-section {
    margin-top: -18px !important;
}

.home-events-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.home-event-card {
    min-height: 132px;
    align-content: space-between;
    align-items: start;
    grid-template-columns: 1fr !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(10,10,12,.88) !important;
    box-shadow: 0 18px 52px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.home-event-card .event-countdown {
    width: 100%;
    min-width: 0;
}

.home-news-empty {
    min-height: 180px;
    display: grid;
    place-items: center;
    border-radius: 26px;
}

@media (max-width: 1180px) {
    .home-news-layout {
        grid-template-columns: 1fr;
    }
    .home-news-side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .home-events-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .home-news-sh,
    .home-news-actions {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .home-news-layout,
    .home-news-side,
    .home-events-strip {
        grid-template-columns: 1fr;
    }
    .home-news-featured {
        min-height: 390px;
        border-radius: 24px;
    }
    .home-news-featured-body {
        padding: 28px 22px;
    }
    .home-news-featured h3 {
        font-size: 30px;
    }
}

/* Header dropdown polish */
.nav-dropdown-toggle{
    appearance:none !important;
    -webkit-appearance:none !important;
    border:0 !important;
    background:transparent !important;
}
.nav-caret,
.user-caret{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:15px !important;
    height:15px !important;
    margin-left:2px !important;
    border:1px solid rgba(182,122,53,.28) !important;
    border-radius:50% !important;
    color:#D09A55 !important;
    background:rgba(182,122,53,.055) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
    opacity:.74 !important;
    transition:transform .25s ease, opacity .25s ease, border-color .25s ease, background .25s ease !important;
    flex-shrink:0 !important;
}
.nav-caret::before,
.nav-caret::after,
.user-caret::before,
.user-caret::after{
    content:'' !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:6px !important;
    height:1.5px !important;
    border-radius:3px !important;
    background:currentColor !important;
    transform:translate(-50%,-50%) !important;
    transition:transform .22s ease, opacity .22s ease !important;
}
.nav-caret::after,
.user-caret::after{
    transform:translate(-50%,-50%) rotate(90deg) !important;
}
.nav-item.has-dropdown:hover .nav-caret,
.nav-item.active .nav-caret,
.user-menu-wrap:hover .user-caret{
    opacity:1 !important;
    border-color:rgba(182,122,53,.62) !important;
    background:rgba(182,122,53,.16) !important;
    transform:rotate(180deg) !important;
}
.nav-item.has-dropdown:hover .nav-caret::after,
.nav-item.active .nav-caret::after,
.user-menu-wrap:hover .user-caret::after{
    opacity:0 !important;
    transform:translate(-50%,-50%) rotate(0deg) scaleX(.2) !important;
}
.dropdown::before{
    width:10px !important;
    height:10px !important;
    top:-5px !important;
    border-radius:2px !important;
    background:linear-gradient(135deg,rgba(182,122,53,.95),rgba(112,69,31,.88)) !important;
    border-left:1px solid rgba(182,122,53,.38) !important;
    border-top:1px solid rgba(182,122,53,.38) !important;
    box-shadow:0 0 18px rgba(112,69,31,.38) !important;
}
.dropdown::after{
    content:'' !important;
    position:absolute !important;
    left:14px !important;
    right:14px !important;
    top:0 !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(182,122,53,.42),rgba(112,69,31,.42),transparent) !important;
    pointer-events:none !important;
}
.dd-item .dd-ico{
    width:26px !important;
    height:26px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:8px !important;
    font-size:13px !important;
    font-weight:900 !important;
    color:#D09A55 !important;
    background:linear-gradient(180deg,rgba(182,122,53,.13),rgba(112,69,31,.08)) !important;
    border:1px solid rgba(182,122,53,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.dd-item:hover .dd-ico{
    color:#fff !important;
    background:linear-gradient(135deg,rgba(112,69,31,.72),rgba(182,122,53,.28)) !important;
    border-color:rgba(182,122,53,.32) !important;
    box-shadow:0 0 16px rgba(112,69,31,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Language selector refresh: compact war-room pill + clean menu */
.zcp-lang-wrap{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    isolation:isolate !important;
}
.zcp-lang-btn{
    width:auto !important;
    min-width:74px !important;
    height:38px !important;
    padding:0 9px 0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#ffffff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.28) !important;
    cursor:pointer !important;
    transition:transform .22s var(--ease), background .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease) !important;
}
.zcp-lang-btn:hover,
.zcp-lang-wrap.open .zcp-lang-btn{
    transform:translateY(-1px) !important;
    background:linear-gradient(180deg,rgba(112,69,31,.42),rgba(16,15,18,.92)) !important;
    border-color:rgba(182,122,53,.62) !important;
    box-shadow:0 14px 32px rgba(112,69,31,.25),inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.zcp-lang-orb{
    width:22px !important;
    height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    color:#D09A55 !important;
    background:radial-gradient(circle at 35% 25%,rgba(182,122,53,.28),rgba(182,122,53,.08) 52%,rgba(112,69,31,.16)) !important;
    border:1px solid rgba(182,122,53,.22) !important;
    box-shadow:0 0 16px rgba(182,122,53,.14),inset 0 1px 0 rgba(255,255,255,.08) !important;
    flex-shrink:0 !important;
}
.zcp-lang-orb svg{
    width:14px !important;
    height:14px !important;
    display:block !important;
}
.zcp-lang-globe{display:none !important;}
.zcp-lang-code{
    min-width:19px !important;
    font-family:'Cinzel',serif !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:1.1px !important;
    color:#fff !important;
    text-transform:uppercase !important;
}
.zcp-lang-caret{
    width:7px !important;
    height:7px !important;
    border-right:1.7px solid currentColor !important;
    border-bottom:1.7px solid currentColor !important;
    transform:rotate(45deg) translateY(-2px) !important;
    opacity:.62 !important;
    transition:transform .22s var(--ease), opacity .22s var(--ease) !important;
    flex-shrink:0 !important;
}
.zcp-lang-wrap.open .zcp-lang-caret,
.zcp-lang-btn:hover .zcp-lang-caret{
    opacity:1 !important;
}
.zcp-lang-wrap.open .zcp-lang-caret{
    transform:rotate(-135deg) translate(-1px,-1px) !important;
}
.zcp-lang-menu{
    top:calc(100% + 12px) !important;
    right:0 !important;
    min-width:238px !important;
    padding:10px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(14,14,17,.985),rgba(112,69,31,.985)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.06) !important;
    transform:translateY(10px) scale(.985) !important;
    transform-origin:top right !important;
}
.zcp-lang-wrap:hover .zcp-lang-menu,
.zcp-lang-wrap.open .zcp-lang-menu{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) scale(1) !important;
}
.zcp-lang-menu::before{
    content:'' !important;
    position:absolute !important;
    top:-5px !important;
    right:24px !important;
    width:10px !important;
    height:10px !important;
    border-radius:2px !important;
    background:linear-gradient(135deg,rgba(182,122,53,.92),rgba(182,122,53,.75)) !important;
    transform:rotate(45deg) !important;
    border-left:1px solid rgba(255,255,255,.13) !important;
    border-top:1px solid rgba(255,255,255,.13) !important;
    box-shadow:0 0 18px rgba(112,69,31,.35) !important;
}
.zcp-lang-head{
    padding:3px 8px 9px !important;
    font-family:'Cinzel',serif !important;
    font-size:9px !important;
    font-weight:900 !important;
    letter-spacing:1.8px !important;
    text-transform:uppercase !important;
    color:rgba(182,122,53,.78) !important;
}
.zcp-lang-option{
    position:relative !important;
    width:100% !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    padding:9px 10px !important;
    border:1px solid transparent !important;
    border-radius:13px !important;
    background:transparent !important;
    color:var(--portal-muted,#9b928a) !important;
    font-family:'Rajdhani',Arial,sans-serif !important;
    text-align:left !important;
    cursor:pointer !important;
    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease !important;
}
.zcp-lang-option:hover,
.zcp-lang-option.active{
    background:linear-gradient(90deg,rgba(112,69,31,.28),rgba(182,122,53,.08)) !important;
    border-color:rgba(182,122,53,.16) !important;
    color:#ffffff !important;
    transform:translateX(2px) !important;
}
.zcp-lang-flag{
    width:32px !important;
    height:32px !important;
    border-radius:10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
    font-family:'Cinzel',serif !important;
    font-size:9px !important;
    font-weight:900 !important;
    letter-spacing:.8px !important;
    color:#D09A55 !important;
    background:linear-gradient(180deg,rgba(182,122,53,.12),rgba(112,69,31,.12)) !important;
    border:1px solid rgba(182,122,53,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.zcp-lang-info{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    line-height:1.05 !important;
}
.zcp-lang-name{
    font-size:14px !important;
    font-weight:800 !important;
    color:inherit !important;
}
.zcp-lang-note{
    margin-top:3px !important;
    font-size:9px !important;
    font-weight:700 !important;
    letter-spacing:.8px !important;
    color:rgba(155,146,138,.72) !important;
    text-transform:uppercase !important;
}
.zcp-lang-check{
    margin-left:auto !important;
    width:18px !important;
    height:18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    font-size:11px !important;
    color:#09090b !important;
    background:#D09A55 !important;
    opacity:0 !important;
    transform:scale(.72) !important;
    transition:opacity .18s ease,transform .18s ease !important;
}
.zcp-lang-option.active .zcp-lang-check{
    opacity:1 !important;
    transform:scale(1) !important;
}
html[dir="rtl"] .zcp-lang-menu{
    right:auto !important;
    left:0 !important;
    transform-origin:top left !important;
}
html[dir="rtl"] .zcp-lang-menu::before{
    right:auto !important;
    left:24px !important;
}
html[dir="rtl"] .zcp-lang-option{
    text-align:right !important;
}
html[dir="rtl"] .zcp-lang-check{
    margin-left:0 !important;
    margin-right:auto !important;
}
.zcp-mob-lang{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.zcp-mob-lang .zcp-lang-option{
    min-height:42px !important;
    justify-content:center !important;
    gap:7px !important;
    padding:8px !important;
}
.zcp-mob-lang .zcp-lang-flag{
    width:28px !important;
    height:28px !important;
    border-radius:9px !important;
}
.zcp-mob-lang .zcp-lang-name{
    font-size:12px !important;
}
@media(max-width:1050px){
    .zcp-lang-btn{min-width:64px !important;height:36px !important;padding:0 8px !important;}
    .zcp-lang-orb{width:20px !important;height:20px !important;}
}
@media(max-width:480px){
    .zcp-lang-btn{min-width:58px !important;width:auto !important;}
    .zcp-lang-code{font-size:9px !important;}
    .zcp-lang-menu{min-width:220px !important;}
    .zcp-mob-lang{grid-template-columns:1fr !important;}
}

/* Right floating social dock — Golden theme */
.zcp-social-dock{
    position:fixed !important;
    right:18px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:1600 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    pointer-events:auto !important;
}
.zcp-social-dock::before{
    content:"" !important;
    position:absolute !important;
    top:-22px !important;
    bottom:-22px !important;
    left:50% !important;
    width:1px !important;
    transform:translateX(-50%) !important;
    background:linear-gradient(180deg,transparent,rgba(182,122,53,.42),rgba(112,69,31,.34),transparent) !important;
    opacity:.55 !important;
    pointer-events:none !important;
}
.zcp-social-dock-link{
    width:48px !important;
    height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    border-radius:15px !important;
    color:#D09A55 !important;
    text-decoration:none !important;
    border:1px solid rgba(182,122,53,.18) !important;
    background:
        radial-gradient(circle at 32% 20%,rgba(182,122,53,.16),transparent 38%),
        linear-gradient(145deg,rgba(11,11,12,.96),rgba(112,69,31,.94) 62%,rgba(20,20,22,.72)) !important;
    box-shadow:0 16px 36px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07), 0 0 18px rgba(182,122,53,.08) !important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease !important;
}
.zcp-social-dock-link::after{
    content:"" !important;
    position:absolute !important;
    inset:6px !important;
    border-radius:11px !important;
    border:1px solid rgba(182,122,53,.10) !important;
    pointer-events:none !important;
}
.zcp-social-dock-link:hover{
    transform:translateX(-6px) scale(1.04) !important;
    color:#fff6cf !important;
    border-color:rgba(182,122,53,.52) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.62),0 0 30px rgba(182,122,53,.22),0 0 24px rgba(112,69,31,.16),inset 0 1px 0 rgba(255,255,255,.11) !important;
}
.zcp-social-dock-icon{
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    filter:drop-shadow(0 0 8px rgba(182,122,53,.32)) !important;
}
.zcp-social-dock-icon svg{
    width:22px !important;
    height:22px !important;
    display:block !important;
}
.zcp-social-dock-text{
    position:absolute !important;
    right:calc(100% + 10px) !important;
    top:50% !important;
    transform:translate(8px,-50%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    min-width:92px !important;
    padding:8px 10px !important;
    border-radius:10px !important;
    font-family:'Rajdhani',sans-serif !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:1.2px !important;
    text-transform:uppercase !important;
    text-align:center !important;
    white-space:nowrap !important;
    color:#D09A55 !important;
    background:rgba(112,69,31,.96) !important;
    border:1px solid rgba(182,122,53,.22) !important;
    box-shadow:0 12px 32px rgba(0,0,0,.58) !important;
    transition:all .2s ease !important;
}
.zcp-social-dock-link:hover .zcp-social-dock-text{
    opacity:1 !important;
    visibility:visible !important;
    transform:translate(0,-50%) !important;
}
@media(max-width:1100px){
    .zcp-social-dock{right:10px !important;}
    .zcp-social-dock-link{width:42px !important;height:42px !important;border-radius:13px !important;}
    .zcp-social-dock-icon,.zcp-social-dock-icon svg{width:19px !important;height:19px !important;}
}
@media(max-width:820px){
    .zcp-social-dock{display:none !important;}
}

/* ==========================================================
   STRICT FORUM NO-GOLD OVERRIDE
   Red / black / white only on forum pages and visible header UI
   ========================================================== */
html,
body{
    scrollbar-color:#B67A35 #0B0B0C !important;
}
::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#B67A35,#70451F 58%,#0B0B0C) !important;
    border-radius:10px !important;
}
::-webkit-scrollbar-track{background:#0B0B0C !important;}
body:has(.forum-page){
    --g0:#0B0B0C !important;
    --g1:#141416 !important;
    --g2:#B67A35 !important;
    --g3:#B67A35 !important;
    --g4:#D09A55 !important;
    --g5:#ffffff !important;
    --storm:#B67A35 !important;
    --b1:rgba(182,122,53,.12) !important;
    --b2:rgba(182,122,53,.26) !important;
    --b3:rgba(182,122,53,.42) !important;
    --shadow-gold:0 0 24px rgba(182,122,53,.24) !important;
    background:
        radial-gradient(900px 420px at 16% 16%, rgba(112,69,31,.16), transparent 62%),
        radial-gradient(780px 420px at 84% 22%, rgba(182,122,53,.09), transparent 64%),
        #70451F !important;
}
body:has(.forum-page)::before,
body:has(.forum-page)::after,
body:has(.forum-page) .zcp-page::after,
body:has(.forum-page) .inventory-shell::after,
body:has(.forum-page) .ticker::after{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.55), rgba(112,69,31,.38), transparent) !important;
    box-shadow:0 0 14px rgba(182,122,53,.14) !important;
}
body:has(.forum-page) .mnav{
    border-bottom:1px solid rgba(182,122,53,.32) !important;
    background:linear-gradient(180deg, rgba(112,69,31,.96), rgba(8,8,10,.94)) !important;
    box-shadow:0 18px 52px rgba(0,0,0,.55), inset 0 -1px 0 rgba(182,122,53,.18) !important;
}
body:has(.forum-page) .mnav::after,
body:has(.forum-page) .nav-link::after,
body:has(.forum-page) .dropdown::after{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.62), rgba(112,69,31,.50), transparent) !important;
    box-shadow:0 0 14px rgba(182,122,53,.18) !important;
}
body:has(.forum-page) .dropdown,
body:has(.forum-page) .user-dropdown,
body:has(.forum-page) .zcp-lang-menu{
    border-color:rgba(255,255,255,.12) !important;
    background:linear-gradient(180deg, rgba(14,14,17,.985), rgba(112,69,31,.985)) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.78), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body:has(.forum-page) .dropdown::before,
body:has(.forum-page) .zcp-lang-menu::before{
    background:linear-gradient(135deg, rgba(182,122,53,.92), rgba(112,69,31,.94)) !important;
    border-left-color:rgba(182,122,53,.34) !important;
    border-top-color:rgba(182,122,53,.34) !important;
}
body:has(.forum-page) .dd-item .dd-ico,
body:has(.forum-page) .zcp-lang-orb,
body:has(.forum-page) .zcp-lang-flag,
body:has(.forum-page) .nav-caret,
body:has(.forum-page) .user-caret,
body:has(.forum-page) .zcp-social-dock-link,
body:has(.forum-page) .notif-btn,
body:has(.forum-page) .user-btn,
body:has(.forum-page) .btn-outline{
    color:#D09A55 !important;
    border-color:rgba(182,122,53,.26) !important;
    background:linear-gradient(180deg, rgba(182,122,53,.16), rgba(112,69,31,.08)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body:has(.forum-page) .dd-item:hover,
body:has(.forum-page) .zcp-lang-option:hover,
body:has(.forum-page) .zcp-lang-option.active{
    background:linear-gradient(90deg, rgba(112,69,31,.32), rgba(255,255,255,.025)) !important;
    border-color:rgba(182,122,53,.22) !important;
    color:#ffffff !important;
}
body:has(.forum-page) .logo-img{
    filter:drop-shadow(0 0 14px rgba(182,122,53,.22)) !important;
}
.forum-page,
.forum-page *{
    text-shadow:none !important;
}
.forum-page{
    --z-line:rgba(255,255,255,.11) !important;
    --z-line-2:rgba(182,122,53,.28) !important;
    --z-gold:#D09A55 !important;
    --z-gold-soft:#ffffff !important;
    --z-red:#B67A35 !important;
    --z-text:#ffffff !important;
    --z-muted:rgba(255,255,255,.72) !important;
    --z-dim:rgba(255,255,255,.52) !important;
    color:#ffffff !important;
}
.forum-page .forum-shell,
.forum-page .forum-hero,
.forum-page .forum-panel,
.forum-page .forum-side-card,
.forum-page .forum-action-card,
.forum-page .forum-category,
.forum-page .forum-topic-board,
.forum-page .forum-thread-intro,
.forum-page .forum-post-card,
.forum-page .forum-path-card,
.forum-page .forum-empty,
.forum-page .forum-hero-stats div,
.forum-page .forum-count,
.forum-page .forum-topic-metric,
.forum-page .forum-topic-item,
.forum-page .forum-rules-list li{
    border-color:rgba(255,255,255,.105) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010)), rgba(17,18,20,.92) !important;
    box-shadow:0 20px 55px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.forum-page .forum-hero,
.forum-page .forum-action-primary,
.forum-page .forum-post-card.is-first-post,
.forum-page .forum-create-page .forum-path-card,
.forum-page .forum-thread-intro{
    background:linear-gradient(145deg, rgba(182,122,53,.10), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.012)), rgba(17,18,20,.92) !important;
}
.forum-page .forum-hero::before,
.forum-page .forum-category::before,
.forum-page .forum-panel::before,
.forum-page .forum-side-card::before,
.forum-page .forum-action-card::before,
.forum-page .forum-topic-board::before,
.forum-page .forum-thread-intro::before,
.forum-page .forum-post-card::before,
.forum-page .forum-section-head::after,
.forum-page .forum-side-head::after,
.forum-page .forum-category-head::after{
    background:linear-gradient(90deg, transparent, rgba(182,122,53,.32), transparent) !important;
    border-color:rgba(182,122,53,.22) !important;
    opacity:.75 !important;
}
.forum-page .forum-badge,
.forum-page .forum-section-head span,
.forum-page .forum-side-head small,
.forum-page .forum-action-card small,
.forum-page .forum-thread-intro small,
.forum-page .forum-path-card span,
.forum-page .forum-field > span,
.forum-page .forum-count strong,
.forum-page .forum-topic-metric strong,
.forum-page .forum-hero-stats strong,
.forum-page .forum-last-post a:hover,
.forum-page .forum-post-content a:hover,
.forum-page .forum-details h4 a:hover,
.forum-page .forum-topic-main:hover strong{
    color:#D09A55 !important;
}
.forum-page .forum-hero h1,
.forum-page .forum-section-head h2,
.forum-page .forum-side-head h3,
.forum-page .forum-action-card h3,
.forum-page .forum-category-head h3,
.forum-page .forum-details h4,
.forum-page .forum-details h4 a,
.forum-page .forum-topic-main strong,
.forum-page .forum-thread-intro h3,
.forum-page .forum-post-author strong,
.forum-page .forum-empty h3,
.forum-page .forum-path-card strong,
.forum-page .forum-topic-item strong,
.forum-page .forum-rules-list strong{
    color:#ffffff !important;
}
.forum-page .forum-hero p,
.forum-page .forum-section-head em,
.forum-page .forum-category-head p,
.forum-page .forum-details p,
.forum-page .forum-action-card p,
.forum-page .forum-topic-item span,
.forum-page .forum-topic-main em,
.forum-page .forum-topic-meta,
.forum-page .forum-path-card p,
.forum-page .forum-thread-intro p,
.forum-page .forum-post-author span,
.forum-page .forum-post-content,
.forum-page .forum-empty p,
.forum-page .forum-rules-list em,
.forum-page .forum-last-post span,
.forum-page .forum-no-posts{
    color:rgba(255,255,255,.72) !important;
}
.forum-page .forum-category-mark,
.forum-page .forum-icon,
.forum-page .forum-topic-icon,
.forum-page .forum-thread-icon,
.forum-page .forum-empty-icon,
.forum-page .forum-rules-list li > span,
.forum-page .forum-avatar{
    color:#D09A55 !important;
    border-color:rgba(182,122,53,.28) !important;
    background:rgba(182,122,53,.10) !important;
    box-shadow:none !important;
}
.forum-page .forum-last-post a,
.forum-page .forum-post-content a,
.forum-page .forum-details h4 a{color:#ffffff !important;}
.forum-page .forum-row:hover,
.forum-page .forum-topic-row:hover,
.forum-page .forum-topic-item:hover{
    background:rgba(182,122,53,.085) !important;
    border-color:rgba(182,122,53,.30) !important;
}
.forum-page .forum-btn,
.forum-page button.forum-btn,
.forum-page .forum-action-primary{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.16) !important;
    background:linear-gradient(180deg, #B67A35 0%, #B67A35 58%, #141416 100%) !important;
    box-shadow:0 16px 36px rgba(112,69,31,.30), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.forum-page .forum-link-btn,
.forum-page .forum-field select,
.forum-page .forum-field input,
.forum-page .forum-field textarea{
    color:#ffffff !important;
    border-color:rgba(255,255,255,.12) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)), rgba(17,18,20,.92) !important;
}
.forum-page .forum-field > span::before{
    background:#D09A55 !important;
    box-shadow:0 0 16px rgba(182,122,53,.38) !important;
}
.forum-page .forum-field select option{background:#111214 !important;color:#ffffff !important;}


/* GoldenConquer global storm scrollbar — source of truth */
html, body {
    scrollbar-color: #B67A35 #0B0B0C !important;
}
::-webkit-scrollbar-track {
    background: #0B0B0C !important;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #D09A55, #B67A35 58%, #70451F) !important;
    border-color: #0B0B0C !important;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #D8B27A, #D09A55 58%, #B67A35) !important;
}