/*
 * Defiant Inferno — langage visuel commun au portail et au passe de combat.
 * Le wiki reste la reference : verre fume, braises orange, surfaces chaudes
 * et titres editoriaux. Les couleurs fonctionnelles (raretes et gemmes)
 * restent volontairement intactes.
 */

body.portal-shell,
body.battlepass-shell {
    --bg:#100c0b;
    --bg-deep:#070505;
    --bg-soft:#160f0d;
    --surface:#1a1412;
    --surface-2:#241a16;
    --surface-3:#302019;
    --panel:rgba(26,18,15,.92);
    --panel-solid:#1a1210;
    --line:rgba(255,181,102,.12);
    --line-strong:rgba(255,154,65,.24);
    --text:#f7eee5;
    --muted:#b8a9a0;
    --muted-2:#8c7a70;
    --primary:#f06a1a;
    --primary-light:#ffb452;
    --accent:#f06a1a;
    --accent-bright:#ffb452;
    --accent-soft:rgba(240,92,21,.14);
    --ember:#ff3d0a;
    --ember-deep:#a9270d;
    --molten:#ff7b1c;
    --success:#74d59e;
    --shadow:0 24px 76px rgba(0,0,0,.42),0 0 45px rgba(161,43,11,.055);
    position:relative;
    isolation:isolate;
    background:#090605;
    color:var(--text);
    font-family:Inter,Avenir,"Segoe UI",system-ui,sans-serif;
    color-scheme:dark;
    scrollbar-color:#66311e #0c0908;
}

body.portal-shell::before,
body.battlepass-shell::before {
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;
    pointer-events:none;
    opacity:.76;
    background:
        linear-gradient(90deg,rgba(8,4,4,.92),rgba(19,7,4,.48) 45%,rgba(13,6,5,.66)),
        linear-gradient(0deg,rgba(8,5,4,.9),rgba(17,6,3,.18) 50%,rgba(8,5,4,.72)),
        radial-gradient(circle at 76% 56%,rgba(255,65,5,.15),transparent 34%),
        url("../wiki/images/rappelz-dragon-poster.webp") center/cover no-repeat;
}

body.portal-shell::after,
body.battlepass-shell::after {
    content:"";
    position:fixed;
    right:-12vw;
    bottom:-30vh;
    left:18vw;
    z-index:-1;
    height:62vh;
    pointer-events:none;
    opacity:.22;
    filter:blur(58px);
    background:
        radial-gradient(ellipse at 22% 100%,rgba(255,58,4,.55),transparent 38%),
        radial-gradient(ellipse at 72% 100%,rgba(255,128,20,.36),transparent 42%);
    mix-blend-mode:screen;
    animation:none;
}

body.portal-shell :where(h1,h2),
body.battlepass-shell :where(h1,h2,.bp-reward-title) {
    color:#fff1e2;
    font-family:Georgia,"Times New Roman",serif;
    font-weight:400;
    letter-spacing:-.035em;
}

body.portal-shell ::selection,
body.battlepass-shell ::selection { color:#1a0903; background:#ffb452; }

/* Navigation globale ---------------------------------------------------- */
[data-global-sitebar] :is(.brand,.bp-sitebar-brand,.wiki-sitebar-brand) > strong {
    position:relative;
    isolation:isolate;
    color:#fff4e8 !important;
    text-shadow:0 0 8px rgba(255,239,222,.14);
}

[data-global-sitebar] :is(.brand,.bp-sitebar-brand,.wiki-sitebar-brand) .brand-fire {
    position:relative;
    z-index:0;
    display:inline-block;
    color:#ff5420;
    text-shadow:
        0 0 3px rgba(255,132,44,.72),
        0 0 9px rgba(255,61,10,.42);
    animation:defiant-brand-fire-color 2.8s ease-in-out infinite !important;
}

@keyframes defiant-brand-fire-color {
    0%,100% {
        color:#ff4318;
        text-shadow:0 0 3px rgba(255,80,18,.72),0 0 8px rgba(197,35,5,.38);
    }
    38% {
        color:#ff7a20;
        text-shadow:0 0 4px rgba(255,137,38,.88),0 0 11px rgba(255,69,8,.5);
    }
    68% {
        color:#ffc253;
        text-shadow:0 0 4px rgba(255,210,105,.94),0 0 12px rgba(255,111,16,.55);
    }
}

.portal-shell .site-header,
.battlepass-shell .bp-sitebar {
    --sitebar-hue:22;
    --sitebar-secondary-hue:7;
    border-bottom-color:rgba(255,132,64,.24);
    background:
        radial-gradient(circle at 18% -120%,rgba(255,100,26,.22),transparent 46%),
        radial-gradient(circle at 82% -140%,rgba(173,35,10,.18),transparent 42%),
        linear-gradient(180deg,rgba(25,15,13,.76),rgba(10,7,7,.7));
    box-shadow:inset 0 1px rgba(255,235,215,.09),0 16px 44px rgba(0,0,0,.36);
}

.portal-shell .site-header::after,
.battlepass-shell .bp-sitebar::after {
    background:linear-gradient(90deg,transparent 8%,rgba(240,106,26,.16) 23%,rgba(255,123,28,.82) 39%,rgba(169,39,12,.34) 51%,transparent 66%);
}

.portal-shell .main-nav a:hover,
.portal-shell .main-nav a[aria-current="page"],
.battlepass-shell .bp-sitebar-nav a:hover,
.battlepass-shell .bp-sitebar-nav a.is-active {
    border-color:rgba(255,130,55,.22);
    background:linear-gradient(90deg,transparent,rgba(240,92,21,.13),transparent);
    text-shadow:0 0 18px rgba(255,104,28,.42);
}

.portal-shell .main-nav a::after,
.battlepass-shell .bp-sitebar-nav a::after {
    background:linear-gradient(90deg,#ff7b1c,#ffb452);
    box-shadow:0 0 14px rgba(255,94,18,.58);
}

.portal-shell .header-tools .button-discord,
.battlepass-shell .bp-account,
.battlepass-shell .bp-discord-login {
    border-color:rgba(255,155,72,.68);
    background:linear-gradient(135deg,#ff9c3f,#ef5b13 64%,#bd310c);
    box-shadow:0 9px 28px rgba(225,65,12,.24),inset 0 1px rgba(255,239,206,.32);
}

/* Portail --------------------------------------------------------------- */
.portal-shell .site-content,
.portal-shell .site-footer { position:relative; z-index:1; }

.portal-shell .hero {
    min-height:min(860px,calc(100vh - var(--sitebar-height)));
    border-bottom:1px solid rgba(255,133,56,.13);
}

.portal-shell .hero-art {
    background-image:url("../wiki/images/rappelz-dragon-poster.webp");
    background-position:58% 48%;
    opacity:.72;
    filter:saturate(1.08) contrast(1.09) brightness(.75);
}

.portal-shell .hero-shade {
    background:
        linear-gradient(90deg,rgba(8,4,4,.96) 2%,rgba(20,7,4,.76) 44%,rgba(38,9,4,.14) 82%),
        linear-gradient(0deg,#0a0605 2%,transparent 48%),
        radial-gradient(circle at 76% 66%,rgba(255,85,10,.2),transparent 32%);
}

.portal-shell .hero h1 {
    max-width:780px;
    font-size:clamp(50px,6.4vw,88px);
    font-weight:400;
    line-height:.98;
    letter-spacing:-.045em;
    text-transform:none;
    text-shadow:0 3px 34px rgba(0,0,0,.66);
}

.portal-shell .hero h1 em {
    display:inline;
    color:#ffad43;
    font-weight:400;
    font-style:italic;
    text-shadow:0 0 28px rgba(255,90,10,.2);
}

.portal-shell .hero-content > p { color:#d0c0b7; }
.portal-shell .hero-stats b { color:#fff0dc; font-family:Georgia,serif; font-weight:500; }
.portal-shell .hero-stats span { color:#a58d7f; }
.portal-shell .eyebrow { color:#ff9b43; }

.portal-shell .page-hero {
    border-bottom-color:rgba(255,133,56,.16);
    background:
        radial-gradient(circle at 80% 35%,rgba(255,87,12,.18),transparent 33%),
        linear-gradient(135deg,rgba(34,16,11,.94),rgba(10,6,6,.96) 64%);
}

.portal-shell .page-hero::after {
    opacity:.22;
    background-image:
        linear-gradient(rgba(255,151,74,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,151,74,.07) 1px,transparent 1px);
}

.portal-shell .page-hero h1 { font-size:clamp(46px,5.4vw,72px); }
.portal-shell .page-hero p,
.portal-shell .article-heading > p,
.portal-shell .article-body { color:#c9b9af; }

.portal-shell .section-tinted {
    border-color:rgba(255,145,65,.11);
    background:rgba(20,10,8,.34);
}

.portal-shell .feature-card,
.portal-shell .info-card,
.portal-shell .panel,
.portal-shell .pack-card,
.portal-shell .news-card,
.portal-shell .product-card,
.portal-shell .cart-panel,
.portal-shell .profile-card,
.portal-shell .steps-grid article,
.portal-shell .status-panel,
.portal-shell .recharge-account,
.portal-shell .account-stats article,
.portal-shell .account-row,
.portal-shell .history-row {
    border-color:rgba(255,143,64,.14);
    background:linear-gradient(145deg,rgba(31,22,19,.96),rgba(16,11,10,.96));
    box-shadow:var(--shadow);
}

.portal-shell :is(.feature-card,.news-card,.product-card,.info-card,.pack-card):hover {
    border-color:rgba(255,113,30,.4);
    box-shadow:0 18px 55px rgba(62,13,4,.28),inset 0 0 45px rgba(255,85,15,.03);
}

.portal-shell :is(.feature-card,.news-card-body,.product-body,.info-card) h2,
.portal-shell :is(.feature-card,.news-card-body,.product-body,.info-card) h3 {
    color:#f4e8dd;
    font-family:Georgia,"Times New Roman",serif;
    font-weight:400;
}

.portal-shell .feature-icon {
    border-color:rgba(255,133,49,.3);
    background:rgba(240,92,21,.12);
    color:#ffb452;
    box-shadow:0 0 28px rgba(255,82,12,.08);
}

.portal-shell .news-cover {
    background:
        radial-gradient(circle at 50% 38%,rgba(255,99,17,.2),transparent 38%),
        linear-gradient(145deg,#251611,#100a09);
    color:rgba(255,222,196,.26);
}

.portal-shell .tag,
.portal-shell .filter-bar a[aria-current="page"],
.portal-shell .filter-bar a:hover {
    border-color:rgba(255,126,40,.34);
    background:rgba(240,92,21,.12);
    color:#ffc078;
}

.portal-shell .filter-bar a,
.portal-shell input,
.portal-shell select,
.portal-shell .currency-button,
.portal-shell .balance-box,
.portal-shell .inline-form,
.portal-shell .game-credentials code {
    border-color:rgba(255,151,76,.15);
    background:rgba(18,11,9,.76);
}

.portal-shell input:focus,
.portal-shell select:focus {
    border-color:rgba(255,112,31,.62);
    box-shadow:0 0 0 3px rgba(239,77,12,.12),0 0 34px rgba(255,73,8,.07);
}

.portal-shell .button-primary {
    border-color:#ff9b3d;
    background:linear-gradient(135deg,#ffb34f,#ef5b13 63%,#bd310c);
    color:#1a0903;
    box-shadow:0 10px 30px rgba(225,65,12,.22),inset 0 1px rgba(255,239,206,.4);
}

.portal-shell .button-primary:hover {
    background:linear-gradient(135deg,#ffc86d,#ff6b19 62%,#d93d0e);
    box-shadow:0 13px 36px rgba(245,74,12,.3);
}

.portal-shell .button-ghost {
    border-color:rgba(255,154,65,.2);
    background:rgba(18,10,8,.46);
}

.portal-shell .button-ghost:hover { border-color:rgba(255,112,27,.52); color:#ffc078; }
.portal-shell .product-image { background:radial-gradient(circle,rgba(255,103,18,.14),transparent 65%),#120b09; }
.portal-shell .cart-panel { background:rgba(22,14,12,.96); }
.portal-shell .site-footer { border-color:rgba(255,141,57,.12); background:rgba(9,6,5,.45); }

/* Passe de combat ------------------------------------------------------- */
.battlepass-shell .atmosphere {
    z-index:-1;
    background:
        linear-gradient(90deg,rgba(10,5,4,.5),transparent 24%,transparent 76%,rgba(24,7,3,.26)),
        radial-gradient(circle at 72% 82%,rgba(255,75,8,.08),transparent 30%);
}

.battlepass-shell .ember-canvas { z-index:0; opacity:.62; mix-blend-mode:screen; }
.battlepass-shell .battlepass-command,
.battlepass-shell .page-shell,
.battlepass-shell .main-content { position:relative; z-index:1; }

.battlepass-shell .icon-rail {
    border-color:rgba(255,127,45,.16);
    background:linear-gradient(180deg,#17100e,#0c0909);
}

.battlepass-shell .pass-drawer {
    border-color:rgba(255,127,45,.14);
    background:linear-gradient(180deg,#150f0e,#0e0a09 70%);
}

.battlepass-shell .drawer-brand {
    border-color:rgba(255,127,45,.15);
    background:
        linear-gradient(0deg,rgba(18,10,8,.97),rgba(20,9,5,.3)),
        linear-gradient(110deg,rgba(200,48,8,.26),transparent 55%),
        url("../wiki/images/hero-fantasy.png") 72% center/cover;
}

.battlepass-shell .rail-logo {
    border-color:rgba(255,137,50,.34);
    background:linear-gradient(145deg,#382117,#130d0b);
    box-shadow:inset 0 1px rgba(255,210,155,.09),0 0 24px rgba(240,73,12,.11);
}

.battlepass-shell .rail-button:hover,
.battlepass-shell .rail-button.is-active {
    background:var(--accent-soft);
    color:var(--accent-bright);
}

.battlepass-shell .rail-button.is-active::before { background:#f06a1a; box-shadow:0 0 13px #ff6d27; }
.battlepass-shell .pass-link:hover,
.battlepass-shell .pass-link.is-active,
.battlepass-shell .pass-link.is-home { background:linear-gradient(90deg,rgba(240,91,20,.14),rgba(255,155,58,.035)); }
.battlepass-shell .pass-link.is-active { box-shadow:inset 3px 0 #f06a1a; }

.battlepass-shell .topbar {
    border-color:rgba(255,141,57,.13);
    background:rgba(16,11,10,.9);
}

.battlepass-shell .topbar-rune {
    border-color:rgba(255,127,45,.3);
    background:rgba(240,92,21,.12);
    color:#ffb452;
}

.battlepass-shell .currency-chip,
.battlepass-shell .user-chip { border-color:rgba(255,151,76,.14); background:rgba(27,18,15,.9); }

.battlepass-shell .home-hero,
.battlepass-shell .pass-hero {
    border-color:rgba(255,117,27,.2);
    background:
        radial-gradient(circle at 78% 54%,rgba(255,102,15,.2),transparent 26%),
        radial-gradient(circle at 68% 85%,rgba(158,31,5,.18),transparent 32%),
        linear-gradient(120deg,#211310,#0d0908 72%);
    box-shadow:var(--shadow),inset 0 -55px 80px rgba(115,24,4,.09);
}

.battlepass-shell .hero-kicker { color:#e4b079; }
.battlepass-shell :is(.hero-copy,.pass-hero-copy) > p { color:#c0afa5; }

.battlepass-shell :is(
    .catalog-pass-card,.mini-pass-card,.archive-card,.hero-pass-card,
    .wallet-card,.data-panel,.pass-quest-card,.game-link-card,
    .pass-overview,.progress-dashboard,.purchase-heading,.pass-purchase-panel
) {
    border-color:rgba(255,143,64,.14);
    background:linear-gradient(145deg,rgba(31,22,19,.96),rgba(16,11,10,.96));
}

.battlepass-shell :is(.catalog-pass-card,.mini-pass-card,.archive-card,.wallet-card,.pass-quest-card):hover {
    border-color:rgba(255,113,30,.4);
    box-shadow:0 18px 55px rgba(62,13,4,.28),inset 0 0 45px rgba(255,85,15,.03);
}

.battlepass-shell .battlepass-command { background:rgba(8,5,5,.36); }
.battlepass-shell .bp-pass-switcher { border-color:rgba(255,134,55,.16); background:rgba(12,8,7,.86); }
.battlepass-shell .bp-pass-lane { border-color:rgba(255,143,64,.14); background:rgba(23,15,13,.94); }
.battlepass-shell .bp-pass-lane > header { border-color:rgba(255,143,64,.14); background:linear-gradient(90deg,rgba(41,24,18,.92),rgba(22,14,12,.92)); }
.battlepass-shell .bp-pass-lane > header > span { border-color:rgba(255,132,46,.28); background:rgba(240,92,21,.12); color:#ffb452; }
.battlepass-shell .bp-pass-chip { border-color:rgba(255,151,76,.13); background:linear-gradient(120deg,rgba(43,27,22,.92),rgba(20,14,13,.94)); }
.battlepass-shell .bp-pass-chip:hover { border-color:rgba(255,128,42,.34); background:linear-gradient(120deg,rgba(61,31,20,.94),rgba(25,15,13,.96)); }
.battlepass-shell .bp-pass-chip.is-active { border-color:rgba(255,142,55,.58); box-shadow:inset 4px 0 #f06a1a,0 0 24px rgba(255,78,10,.09); }
.battlepass-shell .bp-pass-chip.is-active > i { border-color:rgba(255,150,67,.48); background:#120b09; color:#ffbd70; }

.battlepass-shell .bp-reward-panel,
.battlepass-shell .bp-mission-panel {
    border-color:rgba(255,143,64,.16);
    background:rgba(13,9,8,.94);
}

.battlepass-shell .bp-reward-header,
.battlepass-shell .bp-mission-header {
    border-color:rgba(255,143,64,.18);
    background:
        radial-gradient(circle at 78% 20%,rgba(255,96,14,.13),transparent 36%),
        linear-gradient(100deg,#211713,#140e0c 74%);
}

.battlepass-shell .bp-reward-title,
.battlepass-shell .bp-mission-header h2,
.battlepass-shell .bp-quest-section-header h3 { color:#fff1e2; }
.battlepass-shell .bp-mission-header > div > small,
.battlepass-shell .bp-quest-section-header > small { color:#ff9b43; }

.battlepass-shell .bp-reward-workspace,
.battlepass-shell .bp-mission-content { background:rgba(11,7,6,.7); }
.battlepass-shell .bp-page-rail { border-color:rgba(255,143,64,.13); background:#100b09; }
.battlepass-shell .bp-page-rail a { border-color:rgba(255,151,76,.12); background:#17100e; color:#9e897c; }
.battlepass-shell .bp-page-rail a:hover,
.battlepass-shell .bp-page-rail a.is-active { border-color:rgba(255,139,52,.58); background:rgba(240,92,21,.16); color:#fff2e3; }

.battlepass-shell .bp-reward-cell,
.battlepass-shell .bp-reward-cell.is-featured {
    border-color:color-mix(in srgb,var(--rarity) 32%,rgba(255,143,64,.14));
    border-left-color:var(--rarity);
    background:
        radial-gradient(circle at 14% 50%,color-mix(in srgb,var(--rarity) 10%,transparent),transparent 28%),
        linear-gradient(110deg,#271b17,#17100e 72%);
    box-shadow:inset 0 1px rgba(255,226,200,.035),0 8px 22px rgba(0,0,0,.28);
}

.battlepass-shell .bp-reward-cell .bp-reward-action,
.battlepass-shell .bp-reward-cell.is-featured .bp-reward-action {
    border-color:rgba(255,151,76,.11);
    background:rgba(10,6,5,.62);
}

.battlepass-shell :is(.bp-reward-action button,.bp-reward-action > a,.bp-reward-state) {
    border-color:color-mix(in srgb,var(--rarity) 25%,rgba(255,143,64,.11));
    background:color-mix(in srgb,var(--rarity) 8%,#33221b);
}

.battlepass-shell .bp-reward-footer { border-color:rgba(255,143,64,.12); background:#120c0a; }
.battlepass-shell .bp-mission-tabs { border-color:rgba(255,143,64,.14); background:#17100e; }
.battlepass-shell .bp-mission-tabs button { border-color:rgba(255,143,64,.12); background:transparent; color:#b8a9a0; }
.battlepass-shell .bp-mission-tabs button.is-active { color:#fff1e2; box-shadow:inset 0 -3px #f06a1a; background:rgba(240,92,21,.08); }
.battlepass-shell .bp-mission-tabs button.is-active::after {
    background:#f06a1a;
    box-shadow:0 0 14px rgba(255,93,17,.58);
}
.battlepass-shell .bp-mission-tabs button::before {
    background:radial-gradient(circle,rgba(255,123,28,.72),transparent 70%);
    box-shadow:0 0 16px 5px rgba(255,82,12,.32);
}

.battlepass-shell .bp-quest-section-header > div > small { color:#ff9b43; }
.battlepass-shell .bp-quest-section-header > strong b { color:#ff9b43; }
.battlepass-shell .bp-milestones::before {
    background:#3a241b;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.56);
}
.battlepass-shell .bp-milestones li > span {
    border-color:#21130f;
    background:#5a3424;
    box-shadow:0 0 0 2px #8f5131;
}
.battlepass-shell .bp-milestones li.is-complete > span {
    background:#d34b13;
    box-shadow:0 0 0 2px #ff8a35,0 0 17px rgba(255,95,20,.42);
}

.battlepass-shell .bp-quest-card {
    border-color:rgba(255,143,64,.14);
    background:linear-gradient(145deg,rgba(31,22,19,.96),rgba(16,11,10,.96));
}
.battlepass-shell .bp-quest-card:hover {
    border-color:rgba(255,113,30,.36);
    box-shadow:inset 0 0 30px rgba(255,85,15,.035),0 12px 28px rgba(0,0,0,.24);
}
.battlepass-shell .bp-quest-icon {
    border-color:rgba(255,132,46,.24);
    background:rgba(240,92,21,.1);
    color:#ffb452;
}

.battlepass-shell .bp-quest-progress,
.battlepass-shell .progress-track,
.battlepass-shell .quest-progress { background:#090605; }
.battlepass-shell :is(.bp-quest-progress > i,.progress-track > i,.quest-progress > i) { background:linear-gradient(90deg,#f06a1a,#ffb452); }

.battlepass-shell .bp-quest-empty {
    border-color:rgba(255,143,64,.11);
    background:
        linear-gradient(rgba(255,143,64,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,143,64,.03) 1px,transparent 1px),
        radial-gradient(circle at 50% 42%,rgba(255,82,12,.09),transparent 30%);
    background-size:48px 48px,48px 48px,auto;
}

.battlepass-shell .bp-quest-empty::before { border-color:rgba(255,133,48,.09); box-shadow:inset 0 0 90px rgba(170,37,8,.05); }
.battlepass-shell .bp-quest-empty-mark { border-color:rgba(255,135,50,.3); background:rgba(27,14,10,.84); box-shadow:0 0 42px rgba(255,73,8,.12); }
.battlepass-shell .bp-quest-empty-mark::before { border-color:rgba(255,147,67,.18); }
.battlepass-shell .bp-quest-empty-mark::after { background:#ff7b1c; box-shadow:0 0 26px rgba(255,90,10,.5); }
.battlepass-shell .bp-quest-empty > small { color:#ff9b43; }
.battlepass-shell .bp-quest-empty > strong i { background:#ff7b1c; box-shadow:0 0 12px rgba(255,90,10,.8); }

.battlepass-shell .button-primary,
.battlepass-shell .bp-page-buy-login:not(.is-disabled) {
    border-color:#ff9b3d;
    background:linear-gradient(135deg,#ffb34f,#ef5b13 63%,#bd310c);
    color:#1a0903;
    box-shadow:0 10px 30px rgba(225,65,12,.22),inset 0 1px rgba(255,239,206,.35);
}

.battlepass-shell .button-ghost,
.battlepass-shell .button-glass { border-color:rgba(255,154,65,.2); background:rgba(18,10,8,.46); }
.battlepass-shell .button-ghost:hover,
.battlepass-shell .button-glass:hover { border-color:rgba(255,112,27,.52); color:#ffc078; background:rgba(240,92,21,.08); }

.battlepass-shell .site-footer { border-color:rgba(255,141,57,.12); background:rgba(9,6,5,.45); color:#8e786c; }

@keyframes defiant-inferno-breathe {
    from { opacity:.14; transform:translate3d(-2%,2%,0) scale(.96); }
    to { opacity:.28; transform:translate3d(2%,-2%,0) scale(1.08); }
}

@media (max-width:1199px) {
    .portal-shell .main-nav { background:rgba(18,11,10,.96); border-color:rgba(255,143,64,.16); }
    body.portal-shell::before,
    body.battlepass-shell::before { background-position:58% center; }
}

@media (prefers-reduced-motion:reduce) {
    body.portal-shell::after,
    body.battlepass-shell::after { animation:none; }
}