/* ZHYRAVEX · Day Realm
 * Capa visual aditiva. Cargar después de obsidian.css y legacy.css.
 * No modifica el estado de menús, pestañas, plugins ni formularios.
 */
body.zhyravex-web {
    --zhyravex-day-art: url('../images/zhyravex-day.webp');
    --parch-hi: #14283a;
    --parch: #112333;
    --parch-2: #192e41;
    --parch-3: #0c1b2b;
    --parch-4: #0a1725;
    --navy: #254d6b;
    --navy-2: #19384f;
    --navy-3: #102639;
    --navy-line: #0a1b2b;
    --wood: #34546b;
    --wood-2: #243e53;
    --wood-3: #182e41;
    --wood-line: #688092;
    --gold: #d7b570;
    --gold-bright: #ffe3a0;
    --gold-deep: #9d7f46;
    --gold-dark: #765e36;
    --azure: #95d5ff;
    --azure-2: #28649a;
    --azure-3: #174771;
    --azure-line: #6199c2;
    --text: #f1ede2;
    --text-dim: #c3cfda;
    --text-mute: #aebecb;
    --text-on-dark: #f6f1e5;
    --online: #87dfab;
    --offline: #ff8f86;
    --line: rgba(208, 178, 119, .34);
    --line-soft: rgba(170, 194, 211, .17);
    --line-strong: rgba(224, 190, 123, .65);
    --surface: #14283a;
    --surface-2: #1b3145;
    --surface-3: #0c1d2d;
    --void: #0c1b2b;
    --deep: #091725;
    --rail: 270px;
    --box-bg: var(--surface);
    --box-inner-bg: var(--surface);
    --border: var(--line-strong);
    --box-border: var(--line-strong);
    --box-inner-border: var(--line-strong);
    --font-color: var(--text);
    --accent: var(--gold-bright);
    --link: var(--gold-bright);
    --radius: 6px;
    --radius-lg: 10px;
    --lift-1: 0 5px 18px rgba(4, 13, 23, .26);
    --lift-2: 0 16px 36px rgba(3, 12, 21, .38);
    --bevel: inset 0 1px 0 rgba(255, 255, 255, .20), 0 4px 12px rgba(3, 12, 21, .26);
    color-scheme: dark;
    background-color: var(--void);
}

body.zhyravex-web::before {
    background-image: var(--zhyravex-day-art);
    background-color: #375c70;
    background-position: center top;
}

body.zhyravex-web::after {
    background: linear-gradient(180deg, rgba(7, 22, 37, .08) 0%, rgba(9, 25, 40, .22) 38%, rgba(9, 25, 40, .84) 100%);
}
body.zhyravex-web a { color: var(--azure); }

body.zhyravex-web .topbar {
    background: linear-gradient(180deg, rgba(21, 44, 63, .98), rgba(10, 25, 40, .98));
    border-bottom: 1px solid var(--gold-deep);
    box-shadow: 0 2px 0 rgba(255, 227, 160, .12), 0 6px 22px rgba(3, 12, 22, .24);
}

body.zhyravex-web .brand__name {
    color: var(--gold-bright);
    letter-spacing: .10em;
    text-shadow: 0 2px 5px #04111e;
}

body.zhyravex-web .brand__crest {
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .35));
}
body.zhyravex-web .brand__crest.zhyravex-brand-crest {
    width: 48px;
    height: 52px;
    object-fit: contain;
}
body.zhyravex-web .zhyravex-hero-crest {
    display: block;
    width: 178px;
    height: auto;
    max-width: 100%;
    margin: 0 auto 14px;
    filter: drop-shadow(0 7px 14px rgba(3, 15, 26, .60));
}
body.zhyravex-web .hero__inner.zhyravex-hero-branded { padding-top: 30px; }
body.zhyravex-web .zhyravex-ui-icon {
    display: inline-block;
    color: var(--gold-bright);
    margin-inline-end: .5em;
    font-size: .95em;
    pointer-events: none;
}
body.zhyravex-web :is(.card__head, .panel__title, .store-tab) > .zhyravex-ui-icon { margin-inline-end: 0; }
body.zhyravex-web .nav__link > .zhyravex-ui-icon { transition: color .18s ease; }
body.zhyravex-web .nav__link:hover > .zhyravex-ui-icon { color: #fff1ce; }
body.zhyravex-web .store-tab.is-active > .zhyravex-ui-icon { color: #3a3526; }

body.zhyravex-web .nav__link { color: #e2e9ed; }
body.zhyravex-web .nav__link:hover,
body.zhyravex-web .nav__item.is-active > .nav__link { color: var(--gold-bright); }
body.zhyravex-web .nav__drop {
    background: #142b3e;
    border-color: var(--gold-deep);
    box-shadow: 0 12px 30px rgba(3, 12, 22, .45);
}
body.zhyravex-web .nav__drop a { color: #e3eaf0; }
body.zhyravex-web .nav__drop a:hover {
    color: var(--gold-bright);
    background: rgba(218, 182, 111, .12);
}
body.zhyravex-web .nav__item:focus-within .nav__drop {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

body.zhyravex-web .btn {
    color: var(--text-on-dark);
    border-radius: 6px;
    border-color: #6b8fa7;
    background: linear-gradient(180deg, #365d79, #203e56);
    box-shadow: var(--bevel), inset 0 -2px 0 rgba(0, 0, 0, .12);
    letter-spacing: .055em;
    transition: box-shadow .18s ease, filter .18s ease, transform .18s ease;
}
body.zhyravex-web .btn--azure {
    background: linear-gradient(180deg, #327eb4, #225d8b 52%, #17466c);
    border-color: #7cb6d8;
}
body.zhyravex-web .btn--primary,
body.zhyravex-web .btn--amber {
    background: linear-gradient(180deg, #ffe3a2, #d7b469 54%, #be9450);
    border-color: #ffe4ab;
    color: #242e34;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .32);
}
body.zhyravex-web .btn--grass {
    background: linear-gradient(180deg, #35734c, #215135);
    border-color: #71b48c;
}
body.zhyravex-web .btn--blurple {
    background: linear-gradient(180deg, #6571df, #414a9d);
    border-color: #9ca5ff;
}
body.zhyravex-web .btn--crimson {
    background: linear-gradient(180deg, #ba524b, #83342f);
    border-color: #e99084;
}
body.zhyravex-web .btn--ghost {
    background: rgba(16, 38, 57, .72);
    border-color: rgba(219, 191, 137, .60);
    color: var(--gold-bright);
}
body.zhyravex-web .btn:hover {
    filter: brightness(1.10);
    box-shadow: 0 7px 20px rgba(3, 12, 21, .38), inset 0 1px 0 rgba(255, 255, 255, .25);
}
body.zhyravex-web .btn:active { transform: translateY(1px); }
body.zhyravex-web .btn:disabled,
body.zhyravex-web input:disabled { cursor: not-allowed; opacity: .58; }

body.zhyravex-web .hero { min-height: 520px; }
body.zhyravex-web .hero__bg {
    background-image: var(--zhyravex-day-art) !important;
    background-position: center 45%;
    filter: none;
}
body.zhyravex-web .hero__scrim {
    pointer-events: none;
    background: linear-gradient(180deg, rgba(6, 22, 36, .08), rgba(8, 24, 39, .05) 23%, rgba(8, 24, 39, .60) 65%, rgba(8, 24, 39, .91)),
        radial-gradient(ellipse at 50% 56%, rgba(7, 23, 39, .25), transparent 65%);
}
body.zhyravex-web .hero__inner {
    padding-top: 104px;
    padding-bottom: 30px;
    text-align: center;
}
body.zhyravex-web .hero__eyebrow {
    color: #fff0cc;
    text-shadow: 0 2px 6px #061929;
    letter-spacing: .23em;
}
body.zhyravex-web .hero__title {
    color: #ffe7ae;
    font-size: clamp(42px, 6.4vw, 86px);
    letter-spacing: .09em;
    text-shadow: 0 2px 0 #785e35, 0 5px 3px #132738, 0 10px 32px rgba(0, 0, 0, .65);
}
body.zhyravex-web .hero__flourish { margin-left: auto; margin-right: auto; }
body.zhyravex-web .hero__tagline {
    color: #f7f2e7;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    text-shadow: 0 2px 4px #061929;
}
body.zhyravex-web .hero__cta { justify-content: center; margin-bottom: 28px; }
body.zhyravex-web .zhyravex-focus-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: -10px 0 28px;
}
body.zhyravex-web .zhyravex-focus-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid #bfa16b;
    border-radius: 6px;
    background: #132c40;
    color: #ffe5af;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(3, 13, 22, .2);
}
body.zhyravex-web .zhyravex-focus-link:hover { background: #214459; border-color: #ffe3a0; }
body.zhyravex-web .zhyravex-focus-link--bosses { border-color: #c18b63; color: #ffd2ad; }
body.zhyravex-web .zhyravex-focus-link > i { pointer-events: none; }
body.zhyravex-web :is(.zhyravex-featured-guilds, .zhyravex-featured-ranking, .zhyravex-featured-bosses) { scroll-margin-top: 88px; }
body.zhyravex-web .pulse {
    background: linear-gradient(180deg, rgba(28, 52, 72, .97), rgba(15, 34, 51, .97));
    border-color: var(--gold-deep);
    box-shadow: var(--lift-2), inset 0 1px 0 rgba(255, 229, 183, .15);
    text-align: left;
}
body.zhyravex-web .pulse__value { color: #ffe1a0; }
body.zhyravex-web .pulse__value--online { color: #99e6b7; }
body.zhyravex-web .pulse__value--offline { color: #ffaaa0; }
body.zhyravex-web .pulse__value--launch { color: #ffe1a0; }

body.zhyravex-web .shell { padding-top: 24px; gap: 18px; width: 100%; }
body.zhyravex-web .shell:has(.rail--left) { gap: 18px; }
body.zhyravex-web .card,
body.zhyravex-web .panel {
    background: linear-gradient(160deg, rgba(29, 51, 70, .99), rgba(15, 32, 48, .99));
    border-color: var(--gold-deep);
    box-shadow: var(--lift-2), inset 0 0 0 1px rgba(222, 193, 138, .08);
}
body.zhyravex-web .card:hover { transform: none; border-color: var(--gold); }
body.zhyravex-web .card__head,
body.zhyravex-web .panel__head {
    background: linear-gradient(180deg, #31566f, #1d3e56 45%, #132e43);
    border-color: var(--gold-deep);
    box-shadow: inset 0 1px 0 rgba(255, 230, 174, .20), inset 0 -1px 0 #071c2a;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #ffe2a2;
}
body.zhyravex-web .panel__title { letter-spacing: .07em; }
body.zhyravex-web .card__head { letter-spacing: .09em; }
body.zhyravex-web .ticker { background: #172f43; border-color: var(--line); }
body.zhyravex-web .ticker__label { background: #284961; color: #ffe2a2; }
body.zhyravex-web .ticker__head { color: var(--text); }
body.zhyravex-web .ticker__head:hover { background: rgba(124, 181, 217, .07); }
body.zhyravex-web .ladder__row:hover { background: rgba(124, 181, 217, .08); }
body.zhyravex-web .ladder__level,
body.zhyravex-web .gauge__value,
body.zhyravex-web .hunts__count { color: #b4ddf7; }
body.zhyravex-web .ladder__name { color: #c2e5fc; }
body.zhyravex-web .ladder__row--1 .ladder__level,
body.zhyravex-web .ladder__wave,
body.zhyravex-web .countdown { color: var(--gold-bright); }
body.zhyravex-web .asc-row > td a,
body.zhyravex-web .asc-row .ladder__name,
body.zhyravex-web .pegasus-showcase__text strong { color: var(--gold-bright); }
body.zhyravex-web .pegasus-showcase__text small { color: var(--text-dim); }
body.zhyravex-web .account-menu__logout { color: #ffaaa0; }
body.zhyravex-web .account-menu__logout:hover { color: #ffc2ba; }
body.zhyravex-web .antera-system__stat strong { color: #b4ddf7; }
body.zhyravex-web .antera-system__card h2 { color: var(--gold-bright); }
body.zhyravex-web .gauge__value--ok,
body.zhyravex-web .hunts__count--ok,
body.zhyravex-web .glad-status--on { color: #99e6b7; }
body.zhyravex-web .gauge__value--warn,
body.zhyravex-web .hunts__count--warn { color: #ffd28b; }
body.zhyravex-web .gauge__value--full,
body.zhyravex-web .hunts__count--full,
body.zhyravex-web .glad-status--off { color: #ffaaa0; }
body.zhyravex-web .statlist li { border-color: var(--line-soft); }
body.zhyravex-web .statlist span:last-child { color: #c2e5fc; }

body.zhyravex-web :is(input[type='text'], input[type='password'], input[type='email'], input[type='number'], input[type='search'], select, textarea) {
    background: #0c1e2e;
    border-color: #657e91;
    color: #f1ede2;
    border-radius: 6px;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .20);
}
body.zhyravex-web input::placeholder,
body.zhyravex-web textarea::placeholder { color: #b4c3ce; opacity: 1; }
body.zhyravex-web :is(input, select, textarea):focus {
    border-color: #eccb86;
    box-shadow: 0 0 0 3px rgba(236, 203, 134, .18);
}
body.zhyravex-web :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 2px solid #ffe2a2;
    outline-offset: 3px;
}
body.zhyravex-web :is(input[type='submit'], input[type='button'], .BigButton, .ButtonText):not(.btn) {
    background: linear-gradient(180deg, #365d79, #203e56);
    color: #f6f1e5;
    border-color: #7b9bb1;
    border-radius: 6px;
    box-shadow: var(--bevel);
}
body.zhyravex-web :is(table.TableContent, table.Table1, table.Table2, table.Table3) { color: var(--text); }
body.zhyravex-web .TableContentContainer,
body.zhyravex-web .InnerTableContainer { overflow-x: auto; }
body.zhyravex-web tr.Even,
body.zhyravex-web .Even { background: rgba(135, 179, 207, .055); }
body.zhyravex-web table.TableContent > tbody > tr:hover,
body.zhyravex-web table.TableContent > tr:hover { background: rgba(124, 181, 217, .09); }
body.zhyravex-web .dl-meta span { background: #142b3e; }
body.zhyravex-web .store-card {
    background: linear-gradient(160deg, #203b51, #132b3e);
    border-color: rgba(217, 184, 117, .40);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
body.zhyravex-web .store-card:hover { border-color: var(--gold); }
body.zhyravex-web .store-card__summary { color: var(--gold-bright); }
/* Tarjetas existentes destacadas; se conservan los datos y los estados. */
body.zhyravex-web :is(.rail > .card, .shell > .card).zhyravex-featured-guilds {
    order: -4;
    border-color: #b3c6db;
    box-shadow: 0 9px 30px rgba(3, 12, 21, .40), inset 0 1px 0 rgba(197, 222, 244, .15);
}
body.zhyravex-web .shell > .card.zhyravex-featured-guilds { grid-column: 1 / -1; min-width: 0; }
body.zhyravex-web .shell > .card.zhyravex-featured-guilds :is(ol, ul).ladder {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 16px;
}
body.zhyravex-web .guild-strip__tile { display: flex; flex-direction: column; align-items: stretch; border: 1px solid var(--line); border-radius: 8px; background: #102638; min-width: 0; }
body.zhyravex-web .guild-strip__identity { display: flex; flex-direction: column; text-align: center; align-items: center; gap: 8px; padding: 4px 0 12px; }
body.zhyravex-web .guild-strip__identity > .ladder__info { width: 100%; }
body.zhyravex-web .guild-strip__emblem { display: block; width: 92px; height: 100px; flex: 0 0 auto; object-fit: contain; }
body.zhyravex-web .guild-strip__rank { display: inline-flex; align-items: center; gap: 5px; color: var(--gold-bright); font-family: Cinzel, serif; font-size: 18px; margin-bottom: 0; }
body.zhyravex-web .guild-strip__stats { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; border-top: 1px solid var(--line-soft); padding-top: 12px; margin-top: auto; }
body.zhyravex-web .guild-strip__stat { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 12px; color: var(--text-dim); }
body.zhyravex-web .guild-strip__stat strong { font-size: 18px; color: var(--gold-bright); font-variant-numeric: tabular-nums; }
body.zhyravex-web .guild-strip__head-action { margin-inline-start: auto; font-family: Inter, sans-serif; font-size: 11.5px; font-weight: 500; letter-spacing: 0; text-transform: none; color: #d0e9ff; }
body.zhyravex-web .zhyravex-ios-coming { grid-column: 1 / -1; flex: 0 0 100%; display: flex; justify-content: center; align-items: center; gap: 9px; min-height: 44px; margin-top: 12px; padding: 10px 12px; border: 1px solid #c9d3dd; border-radius: 6px; background: #f5f7fa; color: #283546; font-size: 12px; font-weight: 600; text-shadow: none; text-align: center; }
body.zhyravex-web :is(a, button).zhyravex-download--windows { background: linear-gradient(180deg, #148be1, #0763b1); border-color: #58b9ff; color: #fff; text-shadow: 0 1px 1px #07456e; }
body.zhyravex-web :is(a, button).zhyravex-download--windows:hover { background: linear-gradient(180deg, #259bea, #1075c4); border-color: #99d4ff; }
body.zhyravex-web :is(a, button).zhyravex-download--android { background: linear-gradient(180deg, #a3e89b, #76cf6f); border-color: #b8f6a9; color: #153823; text-shadow: none; }
body.zhyravex-web :is(a, button).zhyravex-download--android:hover { background: linear-gradient(180deg, #b5efae, #8ddd84); border-color: #d0fbc8; }
body.zhyravex-web .zhyravex-platform-icon { margin-inline-end: 8px; pointer-events: none; }
body.zhyravex-web .platform-preview-icon { width: 18px; height: 18px; object-fit: contain; vertical-align: middle; margin-inline-end: 8px; }
body.zhyravex-web .zhyravex-guild-carousel { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 8px; padding: 16px 10px; min-width: 0; }
body.zhyravex-web .zhyravex-guild-viewport { min-width: 0; width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: var(--gold-deep) var(--surface-3); }
body.zhyravex-web .shell > .card.zhyravex-featured-guilds .zhyravex-guild-viewport > :is(ol, ul).ladder { display: flex; gap: 12px; padding: 0; margin: 0; }
body.zhyravex-web .zhyravex-guild-viewport .ladder > .ladder__row { flex: 0 0 calc((100% - 24px) / 3); scroll-snap-align: start; min-width: 0; box-sizing: border-box; }
body.zhyravex-web .zh-guild-arrow { display: inline-flex; justify-content: center; align-items: center; width: 44px; min-height: 44px; padding: 0; border: 1px solid var(--gold-deep); border-radius: 50%; background: #234357; color: #ffe3a0; font-size: 18px; }
body.zhyravex-web .zh-guild-arrow:hover:enabled { background: #365e74; border-color: #ffe3a0; }
body.zhyravex-web .zh-guild-arrow:disabled { opacity: .28; }
body.zhyravex-web .zh-guild-arrow > i { pointer-events: none; }
body.zhyravex-web .rail > .card.zhyravex-featured-ranking {
    order: -3;
    border-color: #e3c383;
    box-shadow: 0 9px 30px rgba(3, 12, 21, .40), 0 0 0 1px rgba(231, 198, 129, .20), inset 0 1px 0 rgba(255, 226, 166, .14);
}
body.zhyravex-web .rail > .card.zhyravex-featured-bosses {
    order: -2;
    border-color: #c98e64;
    box-shadow: 0 9px 30px rgba(3, 12, 21, .40), 0 0 0 1px rgba(214, 151, 98, .20);
}
body.zhyravex-web :is(.zhyravex-featured-guilds, .zhyravex-featured-ranking, .zhyravex-featured-bosses) > .card__head {
    padding: 15px 14px;
    font-size: 14px;
    letter-spacing: .07em;
    color: #ffebbd;
    border-bottom-color: #d7b570;
}
body.zhyravex-web .zhyravex-featured-bosses > .card__head {
    background: linear-gradient(180deg, #4a403b, #302f35 48%, #1e2c38);
    border-color: #b5825b;
}
body.zhyravex-web :is(.zhyravex-featured-guilds, .zhyravex-featured-ranking, .zhyravex-featured-bosses) > .card__head i { font-size: 17px; color: #ffe2a2; }
body.zhyravex-web .zhyravex-featured-guilds > .card__head { color: #d9edff; border-bottom-color: #9bb8d0; }
body.zhyravex-web .zhyravex-featured-guilds > .card__head i { color: #bedfff; }
body.zhyravex-web .zhyravex-featured-guilds .ladder__row { min-height: 56px; padding: 10px 12px; gap: 9px; }
body.zhyravex-web .zhyravex-featured-guilds .ladder__info { min-width: 0; }
body.zhyravex-web .zhyravex-featured-guilds .ladder__name { font-size: 14px; color: #e0f0ff; }
body.zhyravex-web .zhyravex-featured-guilds .ladder__meta { font-size: 11.5px; color: #c2cfda; }
body.zhyravex-web .zhyravex-featured-guilds .ladder__row--1 .ladder__name,
body.zhyravex-web .zhyravex-featured-guilds .asc-row .ladder__name { color: var(--gold-bright); }
body.zhyravex-web .zhyravex-featured-ranking .ladder__row {
    gap: 9px;
    padding: 12px 12px 12px 10px;
    min-height: 62px;
}
body.zhyravex-web .zhyravex-featured-ranking .ladder__rank {
    width: 30px;
    height: 30px;
    font-size: 15px;
}
body.zhyravex-web .zhyravex-featured-ranking .ladder__info { min-width: 0; }
body.zhyravex-web .zhyravex-featured-ranking .ladder__name {
    font-size: 14.5px;
    font-weight: 600;
    color: #e2f1ff;
}
body.zhyravex-web .zhyravex-featured-ranking .ladder__meta { font-size: 11.5px; color: #c2cfda; }
body.zhyravex-web .zhyravex-featured-ranking .ladder__level { font-size: 18px; color: #bde5ff; }
body.zhyravex-web .zhyravex-featured-ranking .ladder__row--1:not(.asc-row) {
    background: linear-gradient(90deg, rgba(233, 190, 102, .18), rgba(233, 190, 102, .025));
    border-left-color: #edc477;
}
body.zhyravex-web .zhyravex-featured-ranking .ladder__row--1 :is(.ladder__name, .ladder__level) { color: #ffe5aa; }
body.zhyravex-web .zhyravex-featured-ranking .ladder__row--2:not(.asc-row) {
    background: linear-gradient(90deg, rgba(191, 211, 225, .09), transparent);
    border-left-color: #bfcfdc;
}
body.zhyravex-web .zhyravex-featured-ranking .ladder__row--3:not(.asc-row) {
    background: linear-gradient(90deg, rgba(218, 163, 119, .08), transparent);
    border-left-color: #cb986f;
}
body.zhyravex-web .zhyravex-featured-ranking .asc-row .ladder__name { color: var(--gold-bright); }
body.zhyravex-web .zhyravex-featured-bosses :is(.boss-name, .boss__name, [data-boss-name]) {
    font-size: 14.5px;
    font-weight: 600;
    color: #ffebbd;
}
body.zhyravex-web .zhyravex-featured-bosses :is([data-status='active'], [data-status='alive'], [data-status='online'], .boss-status--active, .boss-status--alive, .boss-status--online) {
    color: #a4edc0;
    font-weight: 600;
}
body.zhyravex-web .zhyravex-featured-bosses :is([data-status='inactive'], [data-status='dead'], [data-status='offline'], .boss-status--inactive, .boss-status--dead, .boss-status--offline) {
    color: #b8c4cf;
}
body.zhyravex-web .footer {
    background: linear-gradient(180deg, rgba(12, 29, 44, .97), #081522);
    border-top-color: var(--gold-deep);
}
body.zhyravex-web .footer__inner { color: #bdcbd5; text-shadow: none; }
body.zhyravex-web .totop { background: linear-gradient(180deg, #31566f, #142e43); border-color: var(--gold-deep); }

@media (min-width: 1101px) and (max-width: 1320px) {
    body.zhyravex-web .shell:has(.rail--left) {
        grid-template-columns: 210px minmax(0, 1fr) 270px;
        gap: 14px;
    }
    body.zhyravex-web .shell:has(.rail--left) > .rail { display: flex; position: sticky; }
}
@media (max-width: 1100px) {
    body.zhyravex-web .shell:has(.rail--left) { grid-template-columns: minmax(0, 1fr); }
    body.zhyravex-web .shell > .col-main { order: -1; }
    body.zhyravex-web .shell > .rail { position: static; }
    body.zhyravex-web .shell:has(> .rail.zhyravex-featured-rail) { grid-template-columns: minmax(0, 1fr); }
    body.zhyravex-web .shell > .rail.zhyravex-featured-rail { display: contents; }
    body.zhyravex-web .shell > .rail > .card.zhyravex-featured-guilds { order: -4; }
    body.zhyravex-web .shell > .rail > .card.zhyravex-featured-ranking { order: -3; }
    body.zhyravex-web .shell > .rail > .card.zhyravex-featured-bosses { order: -2; }
}
@media (min-width: 681px) and (max-width: 1100px) {
    body.zhyravex-web .shell:has(> .rail > .zhyravex-featured-ranking):has(> .rail > .zhyravex-featured-bosses) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.zhyravex-web .shell:has(> .rail > .zhyravex-featured-ranking):has(> .rail > .zhyravex-featured-bosses) > :is(.col-main, .rail:not(.zhyravex-featured-rail)),
    body.zhyravex-web .shell:has(> .rail > .zhyravex-featured-ranking):has(> .rail > .zhyravex-featured-bosses) > .rail.zhyravex-featured-rail > .card:not(.zhyravex-featured-ranking, .zhyravex-featured-bosses) {
        grid-column: 1 / -1;
    }
}
@media (min-width: 681px) and (max-width: 999px) {
    body.zhyravex-web .guild-strip__emblem { width: 72px; height: 79px; }
}
@media (min-width: 861px) and (max-width: 1100px) {
    body.zhyravex-web .topbar__inner { gap: 12px; padding: 0 16px; }
    body.zhyravex-web .nav__link { padding-left: 9px; padding-right: 9px; }
    body.zhyravex-web .topbar__actions .btn { padding-left: 10px; padding-right: 10px; }
    body.zhyravex-web .brand__name { font-size: 16px; }
}
@media (max-width: 860px) {
    body.zhyravex-web .nav { background: linear-gradient(180deg, #1b384f, #102537); }
    body.zhyravex-web .hero { min-height: 460px; }
    body.zhyravex-web .hero__inner { padding-top: 90px; }
    body.zhyravex-web .hero__bg { background-position: 58% center; }
    body.zhyravex-web .hero__title { letter-spacing: .04em; }
}
@media (max-width: 680px) {
    body.zhyravex-web .shell > .card.zhyravex-featured-guilds :is(ol, ul).ladder { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 6px; }
    body.zhyravex-web .guild-strip__head-action { width: 100%; margin: 8px 0 0; }
    body.zhyravex-web .zhyravex-featured-guilds > .card__head { flex-wrap: wrap; }
    body.zhyravex-web .zhyravex-guild-carousel { grid-template-columns: 44px minmax(0, 1fr) 44px; grid-template-areas: "previous space next" "guilds guilds guilds"; gap: 6px; padding: 8px 6px; }
    body.zhyravex-web .zhyravex-guild-carousel > .zh-guild-arrow[data-direction="prev"] { grid-area: previous; }
    body.zhyravex-web .zhyravex-guild-carousel > .zh-guild-arrow[data-direction="next"] { grid-area: next; }
    body.zhyravex-web .zhyravex-guild-carousel > .zhyravex-guild-viewport { grid-area: guilds; }
    body.zhyravex-web .shell > .card.zhyravex-featured-guilds .zhyravex-guild-viewport > :is(ol, ul).ladder { gap: 6px; }
    body.zhyravex-web .zhyravex-guild-viewport .ladder > .ladder__row { flex-basis: calc((100% - 12px) / 3); padding: 8px 6px; }
    body.zhyravex-web .guild-strip__emblem { width: 44px; height: 48px; }
    body.zhyravex-web .guild-strip__rank { font-size: 15px; }
    body.zhyravex-web .guild-strip__identity { gap: 6px; padding-bottom: 8px; }
    body.zhyravex-web .guild-strip__identity .ladder__name { white-space: normal; overflow-wrap: anywhere; font-size: 11px; min-height: 32px; }
    body.zhyravex-web .guild-strip__identity .ladder__meta { white-space: normal; font-size: 11px; }
    body.zhyravex-web .guild-strip__stat { flex-direction: column; gap: 2px; font-size: 11px; }
    body.zhyravex-web .guild-strip__stat strong { font-size: 15px; }
    body.zhyravex-web :is(.zhyravex-featured-guilds, .zhyravex-featured-ranking, .zhyravex-featured-bosses) { scroll-margin-top: 126px; }
    body.zhyravex-web .brand__crest.zhyravex-brand-crest { width: 40px; height: 44px; }
    body.zhyravex-web .zhyravex-hero-crest { width: 142px; margin-bottom: 12px; }
    body.zhyravex-web .hero__inner.zhyravex-hero-branded { padding-top: 22px; }
    body.zhyravex-web .topbar__inner { height: auto; min-height: 108px; flex-wrap: wrap; gap: 10px 12px; padding: 10px 16px; }
    body.zhyravex-web .brand__name { font-size: 17px; }
    body.zhyravex-web .navtoggle { margin-left: auto; }
    body.zhyravex-web .topbar__actions { width: 100%; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
    body.zhyravex-web .topbar__actions .btn { font-size: 11px; padding: 7px 11px; white-space: normal; overflow-wrap: anywhere; max-width: 100%; min-width: 0; }
    body.zhyravex-web .nav { position: absolute; top: 100%; bottom: auto; max-height: 75vh; max-height: 75dvh; min-height: 60vh; }
    body.zhyravex-web .hero__inner { padding: 65px 16px 20px; }
    body.zhyravex-web .hero__tagline { font-size: 14px; }
    body.zhyravex-web .hero__cta { gap: 10px; }
    body.zhyravex-web .hero__cta .btn { white-space: normal; }
    body.zhyravex-web .pulse__cell { padding: 14px 12px; }
    body.zhyravex-web .pulse__label { font-size: 9px; letter-spacing: .08em; }
    body.zhyravex-web .pulse__value { font-size: 22px; }
    body.zhyravex-web .shell { padding: 20px 12px 32px; }
    body.zhyravex-web .shell > .rail { grid-template-columns: minmax(0, 1fr); }
    body.zhyravex-web .panel__body { padding: 16px; }
    body.zhyravex-web .panel__title { font-size: 13px; }
    body.zhyravex-web .footer__inner { padding: 26px 16px; }
}
@media (prefers-reduced-motion: reduce) {
    body.zhyravex-web .btn { transition: none; }
    body.zhyravex-web .btn:hover,
    body.zhyravex-web .btn:active { transform: none; }
}

/* Wiki and bestiary: visual overrides for the supplied page modules.
 * Tab visibility, is-ready loading, PHP content and sprite sizing stay owned by the pages.
 */
body.zhyravex-web #wikiPageShell { min-height: 0; }

body.zhyravex-web #wikiPageContent .wiki-page,
body.zhyravex-web .monster-search-page,
body.zhyravex-web .gems-page {
    --text-link: #95d5ff;
    --box-background: #14283a;
    --box-inner-bg: #14283a;
    --box-inner-border: rgba(208, 178, 119, .34);
    --box-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
    --btn-primary-from: #ffe3a2;
    --btn-primary-to: #be9450;
    --btn-primary-border: #ffe4ab;
    --btn-primary-text: #242e34;
    min-width: 0;
    max-width: 100%;
    color: #f1ede2;
}

body.zhyravex-web #wikiPageContent .wiki-page .wiki-top-tabs {
    background: #0d2132;
    border-color: var(--line);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

body.zhyravex-web #wikiPageContent .wiki-page :is(.wiki-top-tab, .wiki-nav-btn, .cls) {
    color: #e7eef3;
    border-color: #688092;
    background: linear-gradient(180deg, #28485f, #193448);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
    text-shadow: none;
    max-width: 100%;
}

body.zhyravex-web #wikiPageContent .wiki-page :is(.wiki-top-tab, .wiki-nav-btn, .cls):hover {
    color: #ffe3a0;
    border-color: #d7b570;
    background: linear-gradient(180deg, #33596f, #214157);
}

body.zhyravex-web #wikiPageContent .wiki-page :is(.wiki-top-tab.is-active, .wiki-nav-btn.is-active, .cls.is-active, .cls[data-open-tab-active="true"]) {
    color: #242e34;
    border-color: #ffe4ab;
    background: linear-gradient(180deg, #ffe3a2, #d7b469 54%, #be9450);
    text-shadow: none;
}

body.zhyravex-web #wikiPageContent .wiki-page :is(.wiki-nav-main, .wiki-nav-title) { min-width: 0; }
body.zhyravex-web #wikiPageContent .wiki-page .wiki-nav-title { overflow-wrap: anywhere; line-height: 1.4; }

body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry :is(h1, h2, h3, h4, .item__title, .item__label, .right) { color: #ffe3a0; }
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry a { color: #95d5ff; }
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry :is(.text-box, .text-table, .video-container, .desc-text, .text-list, .wiki-surface, .text-cells, table) {
    background: linear-gradient(180deg, rgba(255, 255, 255, .04), transparent), #14283a;
    border-color: var(--line);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry .desc-text__text {
    background: transparent;
    border: 0;
    box-shadow: none;
}
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry .text-cells__head {
    color: #ffe3a0;
    border-bottom-color: var(--line-soft);
}
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry :is(.text-cells__item, .item, th, td) { border-color: var(--line-soft); }
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry :is(.yellowcolor, .tibiayellow, .wiki-tip-trigger) { color: #ffe3a0 !important; }
/* The supplied deck legend uses these four explicit inline rarity colors. */
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry p[style*="color:green"] { color: #99e6b7 !important; }
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry p[style*="color:purple"] { color: #c6b3ff !important; }
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry p[style*="color:red"] { color: #ffaaa0 !important; }
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry p[style*="color:gold"] { color: #ffe3a0 !important; }
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry :is(.text-cells__item, .item) > :is(span, div) { min-width: 0; }
body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry :is(.text-cells__item, .text-cells__head) img { max-width: 100%; }

body.zhyravex-web #wikiPageContent .wiki-page :is(.wiki-tip-trigger, .text-cells__item[data-tip-def], .aboutitem[data-tip-def], img[data-tip-def])::after,
body.zhyravex-web .wiki-html-tooltip {
    color: #f1ede2;
    border-color: #9d7f46;
    background: linear-gradient(180deg, #25465b, #142b3e);
    max-width: min(280px, calc(100vw - 24px));
    overflow-wrap: anywhere;
}
body.zhyravex-web #wikiPageContent .wiki-page :is(.wiki-tip-trigger, .text-cells__item[data-tip-def], .aboutitem[data-tip-def], img[data-tip-def])::before { border-top-color: #9d7f46; }

body.zhyravex-web .monster-search-page :is(.monster-page-shell, .monster-layout, .monster-panel, .monster-toolbar, .monster-grid, .monster-card, .monster-detail-panel, .monster-panel-header, .monster-loot-item, .monster-stat) { min-width: 0; }
body.zhyravex-web .monster-search-page :is(.monster-toolbar, .monster-panel, .monster-card) {
    background: linear-gradient(160deg, #1d3346, #0f2030);
    border-color: var(--line);
    box-shadow: var(--lift-1);
}
body.zhyravex-web .monster-search-page :is(.monster-filter-tab, .monster-back-link, .monster-page-link, .monster-page-current) {
    color: #e7eef3;
    background: #203d52;
    border-color: #688092;
    text-shadow: none;
}
body.zhyravex-web .monster-search-page :is(.monster-filter-tab.is-active, .monster-page-current) {
    color: #242e34;
    border-color: #ffe4ab;
    background: linear-gradient(180deg, #ffe3a2, #d7b469 54%, #be9450);
}
body.zhyravex-web .monster-search-page :is(.monster-filter-tab, .monster-back-link, .monster-page-link):hover { border-color: #d7b570; }
body.zhyravex-web .monster-search-page .monster-search-input {
    min-width: 0;
    color: #f1ede2;
    background: #0c1e2e;
    border-color: #657e91;
}
body.zhyravex-web .monster-search-page .monster-search-button {
    color: #242e34;
    border-color: #ffe4ab;
    background: linear-gradient(180deg, #ffe3a2, #d7b469 54%, #be9450);
    text-shadow: none;
}
body.zhyravex-web .monster-search-page :is(.monster-resistance-item, .monster-stat, .monster-loot-item, .monster-empty) {
    color: #f1ede2;
    background: #172f43;
    border-color: var(--line-soft);
}
body.zhyravex-web .monster-search-page :is(.monster-resistance-name, .monster-card-name, .monster-section-title, .monster-title, .monster-stat-value, .monster-loot-name) { color: #ffe3a0; }
body.zhyravex-web .monster-search-page :is(.monster-resistance-meta, .monster-card-sub, .monster-subtitle, .monster-stat-label, .monster-loot-meta) { color: #c3cfda; }
body.zhyravex-web .monster-search-page :is(.monster-card-name, .monster-title, .monster-loot-name, .monster-loot-meta, .monster-stat-value) { overflow-wrap: anywhere; }
body.zhyravex-web .monster-search-page .monster-pill {
    color: #dce8f1;
    background: #20394d;
    border-color: var(--line-soft);
}
body.zhyravex-web .monster-search-page :is(.monster-avatar, .monster-card-figure) {
    background: radial-gradient(circle at top, rgba(129, 185, 214, .14), rgba(8, 27, 43, .14));
    border-color: var(--line-soft);
}
body.zhyravex-web .monster-search-page .monster-loot-icon { background: #20394d; border-color: var(--line-soft); }
body.zhyravex-web .monster-search-page .monster-loot-item > div:not(.monster-loot-icon) { min-width: 0; overflow-wrap: anywhere; }
body.zhyravex-web .monster-search-page .monster-loot-meta :is(a, span) { max-width: 100%; flex-wrap: wrap; overflow-wrap: anywhere; }

@media (max-width: 640px) {
    body.zhyravex-web #wikiPageContent .wiki-page :is(.wiki-top-tab, .wiki-nav-btn) { padding: 9px 10px; white-space: normal; }
    body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry .text-columns { max-width: 100%; grid-template-columns: minmax(0, 1fr) !important; }
    /* Author-provided inline !important columns remain intact and scroll locally. */
    body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry .text-columns[style*="!important"] { overflow-x: auto !important; }
    body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry .text-table { max-width: 100%; overflow-x: auto !important; }
    body.zhyravex-web #wikiPageContent .wiki-page .wiki-entry .text-cells__item { flex-wrap: wrap; }
    body.zhyravex-web .monster-search-page :is(.monster-toolbar, .monster-grid-panel, .monster-detail-panel) { padding: 12px; }
    body.zhyravex-web .monster-search-page :is(.monster-toolbar-grid, .monster-panel-header, .monster-grid, .monster-stats, .monster-resistance-grid, .monster-loot-grid) { grid-template-columns: minmax(0, 1fr); }
    body.zhyravex-web .monster-search-page .monster-search-button { width: 100%; }
    body.zhyravex-web .monster-search-page .monster-card-figure img { max-width: min(140px, 100%) !important; }
    body.zhyravex-web .monster-search-page .monster-title { font-size: clamp(22px, 7vw, 30px); }
}

/* Gem catalog: preserve searches, native details and the original tier table. */
body.zhyravex-web .gems-page-body,
body.zhyravex-web .gems-page { min-height: 0; }
body.zhyravex-web .gems-page :is(.gems-shell, .gems-toolbar, .gems-toolbar-grid, .gems-results, .gems-card, .gems-card-head, .gems-sections, .gems-section-box, .gems-bonus-item, .gems-ornament-item, .gems-tier-details, .gems-tier-table-wrap) {
    min-width: 0;
    max-width: 100%;
}
body.zhyravex-web .gems-page :is(.gems-toolbar, .gems-card) {
    color: #f1ede2;
    background: linear-gradient(160deg, #1d3346, #0f2030);
    border-color: var(--line);
    box-shadow: var(--lift-1);
}
body.zhyravex-web .gems-page .gems-toolbar-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
}
body.zhyravex-web .gems-page .gems-search-input { grid-column: 1 / -1; }
body.zhyravex-web .gems-page :is(.gems-search-input, .gems-select) {
    min-width: 0;
    color: #f1ede2;
    background: #0c1e2e;
    border-color: #657e91;
}
body.zhyravex-web .gems-page .gems-search-button {
    color: #242e34;
    border-color: #ffe4ab;
    background: linear-gradient(180deg, #ffe3a2, #d7b469 54%, #be9450);
    text-shadow: none;
}
body.zhyravex-web .gems-page :is(.gems-pill, .gems-tag, .gems-inline-bonus, .gems-page-link) {
    color: #dce8f1;
    background: #20394d;
    border-color: var(--line-soft);
    max-width: 100%;
    overflow-wrap: anywhere;
}
body.zhyravex-web .gems-page .gems-page-link:hover { border-color: #d7b570; }
body.zhyravex-web .gems-page .gems-page-current {
    color: #242e34;
    border-color: #ffe4ab;
    background: linear-gradient(180deg, #ffe3a2, #d7b469 54%, #be9450);
}
body.zhyravex-web .gems-page :is(.gems-card-title, .gems-section-title, .gems-bonus-label, .gems-ornament-name, .gems-tier-summary) { color: #ffe3a0; }
body.zhyravex-web .gems-page :is(.gems-card-subtitle, .gems-bonus-value, .gems-ornament-note, .gems-summary p, .gems-tier-table td p) { color: #c3cfda; }
body.zhyravex-web .gems-page :is(.gems-summary, .gems-tier-table) :is(b, strong) { color: #ffe3a0; }
body.zhyravex-web .gems-page .gems-meta-strip > i[style*="color:black"] { color: #c3cfda !important; }
body.zhyravex-web .gems-page :is(.gems-card-head, .gems-bonus-item, .gems-ornament-item) > div { min-width: 0; }
body.zhyravex-web .gems-page :is(.gems-card-title, .gems-card-subtitle, .gems-summary, .gems-bonus-label, .gems-bonus-value, .gems-ornament-name, .gems-ornament-note, .gems-tier-summary) { overflow-wrap: anywhere; }
body.zhyravex-web .gems-page .gems-sections {
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}
body.zhyravex-web .gems-page :is(.gems-section-box, .gems-bonus-item, .gems-ornament-item, .gems-tier-details, .gems-empty) {
    color: #f1ede2;
    background: #172f43;
    border-color: var(--line-soft);
}
body.zhyravex-web .gems-page :is(.gems-card-figure, .gems-ornament-icon) {
    background: radial-gradient(circle at top, rgba(129, 185, 214, .14), rgba(8, 27, 43, .14));
    border-color: var(--line-soft);
}
body.zhyravex-web .gems-page .gems-tier-table-wrap { overflow-x: auto; border-top-color: var(--line-soft); }
body.zhyravex-web .gems-page .gems-tier-table :is(th, td) { border-bottom-color: var(--line-soft); }
body.zhyravex-web .gems-page .gems-tier-table th { color: #ffe3a0; background: #234157; }

@media (max-width: 640px) {
    body.zhyravex-web .gems-page :is(.gems-toolbar, .gems-card) { padding: 12px; }
    body.zhyravex-web .gems-page :is(.gems-toolbar-grid, .gems-card-head, .gems-sections) { grid-template-columns: minmax(0, 1fr); }
    body.zhyravex-web .gems-page .gems-search-button { width: 100%; }
    body.zhyravex-web .gems-page .gems-card-title { font-size: clamp(22px, 7vw, 28px); line-height: 1.2; }
    body.zhyravex-web .gems-page .gems-tier-summary { flex-wrap: wrap; }
}