/* =====================================================================
   Ragnarok Classic — unify every page to the original gold / brown /
   parchment theme of styles.css (loaded right after styles.css).
   ===================================================================== */
:root {
    --rc-parch: #fbf3dd;
    --rc-parch-2: #f3e5bf;
    --rc-line: #e2c68a;
    --rc-gold: #d9a441;
    --rc-gold-hi: #f6d383;
    --rc-brown: #3d2410;
    --rc-brown-soft: #6b4423;
    --rc-dark: rgba(30, 18, 10, .78);
}

/* si.css pastel pages -> parchment & gold */
.si {
    --si-bg: #fbf3dd !important;
    --si-bg-2: #f3e5bf !important;
    --si-ink: #3d2410 !important;
    --si-ink-soft: #6b4423 !important;
    --si-line: #e2c68a !important;
    --si-accent: #c8902f !important;
    --si-accent-2: #f6d383 !important;
    --si-head: linear-gradient(135deg, #f6d383 0%, #d9a441 100%) !important;
}

/* ---------- heroes: dark glass + gold ---------- */
.si-hero, .gd-hero, .qs-hero, .st-hero, .ch-hero, .pv-hero, .ar-hero {
    background: linear-gradient(135deg, rgba(30, 18, 10, .88), rgba(61, 36, 16, .82)) !important;
    border: 2px solid var(--rc-gold) !important;
    color: var(--rc-parch) !important;
    box-shadow: 0 18px 40px -22px rgba(0, 0, 0, .8) !important;
    animation: none !important;
}
.si-hero::after, .pv-hero::after, .ar-hero::after { opacity: .12 !important; }
.si-hero h1, .gd-hero h1, .qs-hero h1, .st-hero h1, .ch-hero h1, .pv-hero h1, .ar-hero h1,
.hb-hero h1, .gc-hero h1 {
    color: var(--rc-gold-hi) !important;
    text-shadow: 0 2px 0 #5a3d10, 0 0 18px rgba(246, 211, 131, .35) !important;
}
.si-hero p, .gd-hero p, .qs-hero p, .st-hero p, .ch-hero p, .pv-hero p, .ar-hero p, .ar-hero .th,
.hb-hero p, .gc-hero p { color: var(--rc-parch) !important; }
.gd-facts span, .pv-hero .chip, .hb-count, .gc-pill, .ar-count, .ar-note {
    background: rgba(246, 211, 131, .14) !important; border: 1px solid rgba(246, 211, 131, .45) !important; color: var(--rc-gold-hi) !important;
}
.hb-count b, .gc-pill b { color: #fff !important; }
.qs-wallet { background: rgba(251, 243, 221, .95) !important; }
.qs-wallet .l { color: var(--rc-brown-soft) !important; }
.qs-wallet .v { color: var(--rc-brown) !important; }

/* ---------- parchment cards ---------- */
.gd-card, .gd-nav a, .ar-mode, .ar-box, .qs-cat, .gc-box, .st-box, .ch-card, .npc-card,
.pv-live-box, .pv-season, .pv-how-card, .hb-strip {
    background: var(--rc-parch) !important;
    border: 2px solid var(--rc-line) !important;
    color: var(--rc-brown) !important;
}
.gd-card *, .ar-mode, .ar-box, .qs-cat, .gc-box, .st-box, .ch-card { color: var(--rc-brown); }
.gd-card h3, .ar-mode h2, .ar-box h2, .qs-cat-head h2, .gc-box h2, .st-box h2, .gd-nav a b { color: var(--rc-brown) !important; }
.gd-stat, .gd-cmd, .gd-tag, .ar-run, .qs-q, .gc-it, .st-item, .qs-item, .ch-stat, .ch-chip, .ar-prize span {
    background: #fffaf0 !important; border-color: var(--rc-line) !important;
}
.gd-nav .ic, .gd-ch-head .ic { border-color: var(--rc-gold) !important; background: var(--rc-parch) !important; }
.gd-ch-head h2 { color: var(--rc-gold-hi) !important; text-shadow: 0 2px 0 #5a3d10 !important; }
.gd-ch-head .no { color: var(--rc-parch) !important; }
.gd-big, .gd-link, .gd-card h3 i { color: #9d6f21 !important; }
.gd-steps li::before, .ar-step::before, .qs-how div::before { background: linear-gradient(135deg, #f6d383, #c8902f) !important; color: var(--rc-brown) !important; }

/* dark info strips */
.ar-step, .qs-how div {
    background: var(--rc-dark) !important; border: 2px solid rgba(217, 164, 65, .55) !important; color: var(--rc-parch) !important;
}
.ar-step b, .qs-how div b { color: var(--rc-gold-hi) !important; }
.hb-foot, .ar-foot, .qs-foot, .st-note { color: var(--rc-parch) !important; }
.hb-foot a, .ar-foot a, .qs-foot a, .hb-strip a { color: var(--rc-gold-hi) !important; }
.hb-strip { background: var(--rc-dark) !important; border-color: rgba(217, 164, 65, .55) !important; color: var(--rc-parch) !important; }
.hb-strip b { color: #fff !important; }

/* hub cards: one brown/gold family */
.hb-grid .hb-card { --bg: linear-gradient(135deg, #1e120a, #5a3d10 60%, #c8902f) !important; border: 2px solid rgba(246, 211, 131, .55) !important; }
.hb-grid .hb-card:nth-child(even) { --bg: linear-gradient(135deg, #2b1a0c, #6b4423 60%, #d9a441) !important; }
.hb-card .go { color: var(--rc-gold-hi) !important; }

/* arena accents */
.ar-mode { --c: #b45309 !important; }
.ar-mode + .ar-mode { --c: #9d6f21 !important; }

/* quests / shop */
.qs-cat[style*="#f59e0b"], .qs-cat[style*="#8b5cf6"], .qs-cat[style*="#ec4899"] { --c: #b8862b !important; }
.qs-cat:nth-of-type(2) { --c: #9d6f21 !important; }
.qs-cat:nth-of-type(3) { --c: #7c4a1e !important; }
.qs-btn, .qs-buy, .qs-price, .gc-btn, .nav-cta {
    background: linear-gradient(135deg, #f6d383, #c8902f) !important; color: var(--rc-brown) !important;
    box-shadow: 0 6px 0 #5a3d10, 0 12px 20px -12px rgba(0, 0, 0, .6) !important;
}
.qs-buy:disabled { background: #d6cbb3 !important; color: #7a6a52 !important; box-shadow: none !important; }
.qs-modal .modal-content { background: var(--rc-parch) !important; }
.qs-modal .modal-header { background: linear-gradient(135deg, #3d2410, #6b4423) !important; border-bottom: 2px solid var(--rc-gold) !important; }
.qs-modal .modal-title { color: var(--rc-gold-hi) !important; }
.qs-bal { background: var(--rc-parch-2) !important; }
.qs-bal b { color: var(--rc-brown) !important; }
.qs-item:hover { border-color: var(--rc-gold) !important; }
.qs-item .pic, .qs-q .ic, .st-item .pic { background: var(--rc-parch-2) !important; }

/* card flip */
.gc-back { background: radial-gradient(circle at 50% 38%, #8a5a1c 0%, #3d2410 55%, #1e120a 100%) !important; border-color: var(--rc-gold) !important; box-shadow: inset 0 0 0 3px #5a3d10, 0 18px 30px -12px rgba(0,0,0,.7) !important; }
.gc-back .q { color: var(--rc-gold-hi) !important; }
.gc-result, .gc-result .big { color: var(--rc-parch) !important; }

/* storage / characters tabs */
.st-tab { background: var(--rc-dark) !important; border: 2px solid rgba(217, 164, 65, .55) !important; color: var(--rc-parch) !important; }
.st-tab.active { background: linear-gradient(135deg, #f6d383, #c8902f) !important; color: var(--rc-brown) !important; }
.ch-top { background: linear-gradient(135deg, var(--rc-parch-2), #fffaf0) !important; }
.ch-empty { color: var(--rc-parch) !important; }

/* PVP season prizes keep medal colours, rest gold */
.pv-how-card .ic { background: var(--rc-parch-2) !important; color: #9d6f21 !important; }
.pv-row .k, .st-item .qty { color: #9a3412 !important; }
.npc-pos { background: var(--rc-brown) !important; color: var(--rc-gold-hi) !important; }