/* MurderCartel public site */

:root{
    --bg:#070708;
    --bg-2:#0d0d10;
    --panel:#141417;
    --panel-2:#1a1a1f;
    --line:#2a2424;
    --line-hot:#7d2020;
    --text:#f3f0ea;
    --muted:#b7b0a8;
    --soft:#807974;
    --red:#d62828;
    --red-2:#ff3c3c;
    --gold:#d9a441;
    --green:#6aa36f;
    --shadow:0 22px 70px rgba(0,0,0,.45);
    --glow:0 0 34px rgba(214,40,40,.22);
}

/* Next-level home and systems pages */

.section-kicker{
    color:#f5dfae;
    font-size:12px;
    font-weight:950;
    letter-spacing:0;
    text-transform:uppercase;
    margin:0 0 8px;
}

.section-title.compact{
    max-width:760px;
    margin-inline:auto;
}

.home-top-count{
    position:relative;
    z-index:2;
    border-top:1px solid rgba(217,164,65,.24);
    border-bottom:1px solid rgba(217,164,65,.28);
    background:
        linear-gradient(90deg, rgba(225,49,49,.18), rgba(217,164,65,.2), rgba(225,49,49,.12)),
        #09090b;
}

.home-top-count .container{
    min-height:74px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    text-align:center;
    color:#fff;
}

.home-top-count span,
.home-top-count em{
    color:#f5dfae;
    font-size:12px;
    font-style:normal;
    font-weight:950;
    letter-spacing:0;
    text-transform:uppercase;
}

.home-top-count strong{
    color:#fff;
    font-size:clamp(36px, 5vw, 72px);
    line-height:1;
    font-weight:950;
    text-shadow:0 0 28px rgba(217,164,65,.38);
}

.home-hero{
    min-height:720px;
}

.home-hero-grid,
.hero_systems .container{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(360px, 520px);
    gap:36px;
    align-items:center;
}

.home-command-board,
.system-hero-panel{
    display:grid;
    gap:12px;
    padding:14px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:8px;
    background:rgba(9,9,12,.78);
    box-shadow:0 24px 70px rgba(0,0,0,.45);
    backdrop-filter:blur(12px);
}

.command-metric,
.system-hero-panel div{
    min-width:0;
    display:grid;
    gap:6px;
    padding:16px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:linear-gradient(135deg, rgba(217,164,65,.08), rgba(255,255,255,.025));
    color:#e9e0d7;
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.command-metric:hover{
    transform:translateY(-2px);
    border-color:rgba(217,164,65,.42);
    background:linear-gradient(135deg, rgba(217,164,65,.14), rgba(225,49,49,.08));
}

.command-metric.primary{
    min-height:150px;
    background:
        linear-gradient(135deg, rgba(225,49,49,.22), rgba(217,164,65,.08)),
        rgba(0,0,0,.22);
}

.command-metric span,
.system-hero-panel span{
    color:#a69b91;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
}

.command-metric strong,
.system-hero-panel strong{
    color:#fff;
    font-size:24px;
    line-height:1.1;
    font-weight:950;
}

.command-metric small,
.system-hero-panel small{
    color:#cfc5bb;
    font-size:13px;
    line-height:1.35;
}

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

.home-page,
.systems-page{
    padding:26px 0 82px;
}

.home-path-bar{
    margin-top:-46px;
    position:relative;
    z-index:5;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:12px;
    padding:12px;
    border:1px solid rgba(217,164,65,.25);
    border-radius:8px;
    background:rgba(13,13,16,.94);
    box-shadow:0 22px 62px rgba(0,0,0,.38);
}

.home-path-bar a{
    display:grid;
    gap:3px;
    min-height:74px;
    padding:13px 14px;
    border-radius:7px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
}

.home-path-bar a:hover{
    border-color:rgba(225,49,49,.42);
    background:rgba(225,49,49,.12);
}

.home-path-bar span{
    color:#a79d94;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}

.home-path-bar strong{
    color:#fff;
    font-size:18px;
    line-height:1.15;
}

.home-section{
    padding-top:74px;
}

.loop-grid,
.system-feature-grid,
.system-overview-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:14px;
}

.loop-card,
.system-feature-card,
.system-overview-card{
    min-width:0;
    min-height:260px;
    display:grid;
    align-content:start;
    gap:11px;
    padding:18px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
        rgba(10,10,13,.82);
    box-shadow:0 16px 46px rgba(0,0,0,.22);
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.loop-card:hover,
.system-feature-card:hover,
.system-overview-card:hover{
    transform:translateY(-3px);
    border-color:rgba(217,164,65,.38);
    background:
        linear-gradient(180deg, rgba(217,164,65,.075), rgba(225,49,49,.045)),
        rgba(10,10,13,.88);
}

.loop-card img,
.system-overview-card img{
    width:76px;
    height:76px;
    object-fit:contain;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.42));
}

.loop-card span{
    color:#d9a441;
    font-size:12px;
    font-weight:950;
}

.loop-card strong,
.system-feature-card strong,
.system-overview-card strong{
    color:#fff;
    font-size:22px;
    line-height:1.12;
    font-weight:950;
}

.loop-card p,
.system-feature-card span,
.system-overview-card span{
    color:#cfc5bb;
    margin:0;
    font-size:14px;
}

.home-faq-grid{
    max-width:980px;
    margin:26px auto 0;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px;
}

.home-faq-grid details{
    min-width:0;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:rgba(10,10,13,.82);
    box-shadow:0 16px 46px rgba(0,0,0,.2);
}

.home-faq-grid summary{
    padding:17px 18px;
    color:#fff;
    font-size:18px;
    line-height:1.2;
    font-weight:950;
    cursor:pointer;
}

.home-faq-grid p{
    margin:0;
    padding:0 18px 18px;
    color:#cfc5bb;
    font-size:14px;
    line-height:1.55;
}

.home-world-band{
    margin-top:78px;
    padding:74px 0;
    border-block:1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(90deg, rgba(7,7,8,.96), rgba(7,7,8,.66), rgba(7,7,8,.96)),
        url('../images/tutorial_dungeon.png') center/cover no-repeat;
}

.world-band-grid{
    display:grid;
    grid-template-columns:minmax(0, .92fr) minmax(340px, 1.08fr);
    gap:30px;
    align-items:center;
}

.world-band-grid h2,
.home-showcase h2,
.systems-copy h2,
.final-cta-panel h2,
.home-download-panel h2{
    color:#fff;
    font-size:42px;
    line-height:1.06;
    font-weight:950;
    margin:0 0 12px;
}

.world-band-grid p,
.home-showcase p,
.systems-copy p,
.final-cta-panel p,
.home-download-panel p{
    color:#d6cec5;
    margin:0 0 18px;
}

.home-route-list,
.world-route{
    display:grid;
    gap:10px;
}

.home-route-list a,
.world-route div{
    display:grid;
    grid-template-columns:150px minmax(0, 1fr);
    gap:13px;
    align-items:center;
    min-height:76px;
    padding:14px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:rgba(6,6,8,.72);
}

.home-route-list span,
.world-route span{
    color:#f5dfae;
    font-size:13px;
    font-weight:950;
    text-transform:uppercase;
}

.home-route-list strong,
.world-route strong{
    color:#fff;
    font-size:16px;
    line-height:1.28;
}

.world-route small{
    grid-column:2;
    color:#c9c0b7;
}

.home-showcase,
.systems-split{
    margin-top:78px;
    display:grid;
    grid-template-columns:minmax(320px, .8fr) minmax(0, 1.2fr);
    gap:24px;
    align-items:center;
    padding:22px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:linear-gradient(135deg, rgba(217,164,65,.07), rgba(225,49,49,.045)), rgba(12,12,15,.86);
}

.systems-split.reverse{
    grid-template-columns:minmax(0, 1.1fr) minmax(320px, .9fr);
}

.showcase-copy,
.systems-copy{
    min-width:0;
}

.showcase-links{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.showcase-links a{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    padding:8px 12px;
    border:1px solid rgba(217,164,65,.3);
    border-radius:7px;
    color:#fff;
    font-weight:850;
    background:rgba(217,164,65,.08);
}

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

.profession-shot-grid img,
.systems-media img{
    width:100%;
    aspect-ratio:16 / 10;
    object-fit:cover;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.1);
}

.home-tools-grid{
    margin-top:0;
}

.home-download-panel,
.final-cta-panel{
    margin-top:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:28px;
    border:1px solid rgba(217,164,65,.28);
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(225,49,49,.16), rgba(217,164,65,.08)),
        rgba(12,12,15,.92);
}

.hero_systems{
    background:
        radial-gradient(circle at 76% 22%, rgba(217,164,65,.18), transparent 22rem),
        radial-gradient(circle at 20% 64%, rgba(214,40,40,.15), transparent 18rem),
        repeating-linear-gradient(90deg, rgba(255,255,255,.026) 0 1px, transparent 1px 64px),
        linear-gradient(135deg, rgba(7,7,8,.98), rgba(17,14,13,.96), rgba(7,7,8,.98));
}

.system-overview-grid{
    margin-top:-46px;
    position:relative;
    z-index:5;
}

.system-overview-card{
    min-height:190px;
    background:rgba(13,13,16,.95);
}

.systems-band{
    margin-top:70px;
    padding:28px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(225,49,49,.07), rgba(217,164,65,.045)),
        rgba(12,12,15,.86);
}

.gear-rules-grid,
.system-mini-grid,
.account-tool-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:12px;
    margin-top:18px;
}

.gear-rules-grid div,
.system-mini-grid a,
.system-mini-grid div,
.account-tool-grid a{
    min-width:0;
    display:grid;
    gap:6px;
    padding:16px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:rgba(0,0,0,.24);
}

.gear-rules-grid strong,
.system-mini-grid strong,
.account-tool-grid strong{
    color:#fff;
    font-size:18px;
    line-height:1.15;
    font-weight:950;
}

.gear-rules-grid span,
.system-mini-grid span,
.account-tool-grid span{
    color:#cfc5bb;
    font-size:14px;
    line-height:1.35;
}

.home-feature-matrix{
    margin-top:52px;
}

.feature-matrix-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
}

.feature-matrix-grid a{
    min-height:180px;
    display:grid;
    align-content:start;
    gap:9px;
    padding:18px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(136,210,144,.1), transparent 36%),
        linear-gradient(180deg, rgba(26,26,31,.9), rgba(10,10,13,.96));
    color:#fff;
    box-shadow:0 16px 44px rgba(0,0,0,.24);
    transition:transform .22s ease, border-color .22s ease, background .22s ease;
}

.feature-matrix-grid a:hover{
    transform:translateY(-2px);
    border-color:rgba(136,210,144,.42);
    background:
        linear-gradient(135deg, rgba(136,210,144,.15), rgba(217,164,65,.07) 45%, transparent),
        linear-gradient(180deg, rgba(31,31,36,.94), rgba(10,10,13,.98));
}

.feature-matrix-grid span{
    color:#f5dfae;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
}

.feature-matrix-grid strong{
    color:#fff;
    font-size:20px;
    line-height:1.15;
    font-weight:950;
}

.feature-matrix-grid p{
    color:#cfc7bd;
    font-size:14px;
    line-height:1.45;
    margin:0;
}

@media(max-width:1100px){
    .home-hero-grid,
    .hero_systems .container,
    .world-band-grid,
    .home-showcase,
    .systems-split,
    .systems-split.reverse{
        grid-template-columns:1fr;
    }

    .loop-grid,
    .system-feature-grid,
    .system-overview-grid,
    .gear-rules-grid,
    .system-mini-grid,
    .account-tool-grid,
    .feature-matrix-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:760px){
    .home-hero{
        min-height:auto;
    }

    .home-command-board,
    .system-hero-panel{
        padding:10px;
    }

    .command-metric-grid,
    .home-path-bar,
    .loop-grid,
    .system-feature-grid,
    .system-overview-grid,
    .gear-rules-grid,
    .system-mini-grid,
    .account-tool-grid,
    .feature-matrix-grid,
    .profession-shot-grid{
        grid-template-columns:1fr;
    }

    .home-path-bar,
    .system-overview-grid{
        margin-top:20px;
    }

    .home-route-list a,
    .world-route div{
        grid-template-columns:1fr;
        gap:5px;
    }

    .world-route small{
        grid-column:auto;
    }

    .world-band-grid h2,
    .home-showcase h2,
    .systems-copy h2,
    .final-cta-panel h2,
    .home-download-panel h2{
        font-size:32px;
    }

    .home-showcase,
    .systems-split,
    .systems-band,
    .home-download-panel,
    .final-cta-panel{
        padding:18px;
    }

    .home-download-panel,
    .final-cta-panel{
        display:grid;
    }

    .download-buttons{
        justify-content:stretch;
    }

    .download-buttons .btn{
        width:100%;
    }
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    scrollbar-gutter:stable;
}

body{
    min-height:100vh;
    background:
        radial-gradient(circle at 12% 0%, rgba(214,40,40,.16), transparent 28rem),
        radial-gradient(circle at 88% 18%, rgba(217,164,65,.09), transparent 22rem),
        linear-gradient(180deg, #070708 0%, #0d0d10 48%, #070708 100%);
    color:var(--text);
    font-family:Arial, Helvetica, sans-serif;
    overflow-x:hidden;
    line-height:1.6;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size:44px 44px;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.45), transparent 72%);
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    display:block;
    max-width:100%;
}

.container{
    width:min(92%, 1300px);
    margin-inline:auto;
}

/* Shared HUD surfaces */

.mc-hud-surface{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(217,164,65,.24);
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(214,40,40,.12), transparent 34%),
        linear-gradient(225deg, rgba(217,164,65,.10), transparent 30%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 58px),
        linear-gradient(180deg, rgba(18,18,22,.96), rgba(8,8,10,.98));
    box-shadow:0 24px 70px rgba(0,0,0,.42);
}

.mc-hud-surface::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size:28px 28px;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.8), transparent 86%);
}

.mc-hud-surface > *{
    position:relative;
    z-index:1;
}

.mc-hud-strip{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:10px;
}

.mc-hud-stat{
    min-width:0;
    padding:14px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:rgba(0,0,0,.28);
}

.mc-hud-stat span,
.mc-tier-badge{
    display:block;
    color:#f5dfae;
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
}

.mc-hud-stat strong{
    display:block;
    margin-top:4px;
    color:#fff;
    font-size:26px;
    line-height:1;
    font-weight:950;
}

.mc-hud-stat small{
    display:block;
    margin-top:6px;
    color:#bdb3a9;
    font-size:12px;
}

.mc-route-hud{
    display:grid;
    gap:10px;
}

.mc-route-node{
    display:grid;
    grid-template-columns:46px minmax(0, 1fr) auto;
    gap:12px;
    align-items:center;
    min-height:74px;
    padding:12px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:linear-gradient(90deg, rgba(217,164,65,.08), rgba(255,255,255,.025));
}

.mc-route-node em{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid rgba(217,164,65,.38);
    border-radius:50%;
    color:#f5dfae;
    font-style:normal;
    font-weight:950;
    background:rgba(217,164,65,.1);
}

.mc-route-node strong{
    color:#fff;
    font-size:16px;
    line-height:1.15;
}

.mc-route-node span{
    color:#bdb3a9;
    font-size:13px;
}

.mc-route-node small{
    color:#88d290;
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
}

.mc-rarity-common{border-color:rgba(190,190,190,.22)}
.mc-rarity-uncommon{border-color:rgba(106,163,111,.46)}
.mc-rarity-rare{border-color:rgba(80,138,255,.48)}
.mc-rarity-epic{border-color:rgba(178,96,255,.48)}
.mc-rarity-legendary{border-color:rgba(217,164,65,.58);box-shadow:0 0 34px rgba(217,164,65,.14)}

/* Header */

.mc-header{
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(12,12,14,.88);
    border-bottom:1px solid rgba(214,40,40,.28);
    backdrop-filter:blur(16px);
    box-shadow:0 16px 44px rgba(0,0,0,.32);
}

.mc-nav-container{
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding-block:10px;
}

.mc-site-logo{
    flex:0 0 auto;
}

.mc-desktop-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
}

.mc-nav-link,
.mc-nav-dropdown > summary{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:8px;
    background:rgba(255,255,255,.025);
    color:#d9d1c7;
    font-size:13px;
    font-weight:850;
    line-height:1;
    cursor:pointer;
    transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.mc-nav-link:hover,
.mc-nav-dropdown > summary:hover{
    color:#fff;
    background:rgba(225,49,49,.16);
    border-color:rgba(225,49,49,.48);
    transform:translateY(-1px);
}

.mc-nav-link.active,
.mc-nav-dropdown.active > summary,
.mc-nav-cta{
    color:#fff;
    background:linear-gradient(180deg, #f24a4a, #9e1d1d);
    border-color:rgba(255,146,146,.45);
}

.mc-nav-dropdown{
    position:relative;
}

.mc-nav-dropdown > summary{
    list-style:none;
}

.mc-nav-dropdown > summary::-webkit-details-marker{
    display:none;
}

.mc-nav-dropdown > summary::after{
    content:"";
    width:7px;
    height:7px;
    margin-left:8px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg) translateY(-2px);
    opacity:.75;
}

.mc-nav-dropdown-panel{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    min-width:190px;
    display:grid;
    gap:4px;
    padding:8px;
    border:1px solid rgba(225,49,49,.32);
    border-radius:8px;
    background:#111114;
    box-shadow:0 18px 46px rgba(0,0,0,.42);
    z-index:20;
    pointer-events:auto;
}

.mc-nav-dropdown:not([open]) > .mc-nav-dropdown-panel,
.mc-mobile-nav:not([open]) > .mc-mobile-nav-panel,
.mc-language-switcher:not([open]) > .mc-language-panel{
    display:none !important;
}

.mc-nav-dropdown-panel a{
    display:flex;
    align-items:center;
    min-height:36px;
    padding:8px 10px;
    border-radius:6px;
    color:#ded8d0;
    font-size:13px;
    font-weight:800;
    pointer-events:auto;
    text-decoration:none;
}

.mc-nav-dropdown-panel a:hover{
    color:#fff;
    background:rgba(225,49,49,.18);
}

.mc-mobile-nav{
    display:none;
    position:relative;
}

.mc-mobile-nav > summary{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 13px;
    border:1px solid rgba(225,49,49,.42);
    border-radius:8px;
    background:rgba(255,255,255,.035);
    color:#fff;
    font-weight:900;
    list-style:none;
    cursor:pointer;
}

.mc-mobile-nav > summary::-webkit-details-marker{
    display:none;
}

.mc-mobile-nav > summary::before{
    content:"";
    width:16px;
    height:11px;
    flex:0 0 16px;
    border-top:2px solid currentColor;
    border-bottom:2px solid currentColor;
    box-shadow:0 4.5px 0 currentColor;
    opacity:.9;
}

.mc-mobile-nav-panel{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    width:min(88vw, 360px);
    max-height:min(68vh, 560px);
    overflow:auto;
    display:grid;
    gap:8px;
    padding:12px;
    border:1px solid rgba(225,49,49,.34);
    border-radius:8px;
    background:rgba(12,12,15,.98);
    box-shadow:0 24px 70px rgba(0,0,0,.55);
    z-index:1003;
    pointer-events:auto;
}

.mc-mobile-nav-panel .mc-nav-link,
.mc-mobile-nav-panel .mc-nav-dropdown > summary{
    width:100%;
    justify-content:space-between;
}

.mc-mobile-nav-panel .mc-nav-dropdown-panel{
    position:static;
    min-width:0;
    margin-top:6px;
    box-shadow:none;
}

.mc-language-switcher{
    position:relative;
    flex:0 0 auto;
}

.mc-language-switcher > summary{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:7px 10px;
    border:1px solid rgba(224,174,78,.36);
    border-radius:8px;
    background:rgba(224,174,78,.08);
    color:#fff;
    list-style:none;
    cursor:pointer;
}

.mc-language-switcher > summary::-webkit-details-marker{
    display:none;
}

.mc-language-switcher > summary span{
    font-size:18px;
    line-height:1;
}

.mc-language-switcher > summary strong{
    color:#f5dfae;
    font-size:12px;
    font-weight:950;
    line-height:1;
}

.mc-language-panel{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    min-width:190px;
    display:grid;
    gap:4px;
    padding:8px;
    border:1px solid rgba(224,174,78,.32);
    border-radius:8px;
    background:#111114;
    box-shadow:0 18px 46px rgba(0,0,0,.42);
    z-index:1004;
}

.mc-language-panel a{
    min-height:38px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:8px 10px;
    border-radius:6px;
    color:#ded8d0;
    text-decoration:none;
}

.mc-language-panel a:hover,
.mc-language-panel a.active{
    color:#fff;
    background:rgba(224,174,78,.14);
}

.mc-language-panel span{
    font-size:18px;
    line-height:1;
}

.mc-language-panel strong{
    font-size:13px;
    font-weight:850;
}

#google_translate_element{
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    overflow:hidden;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

#google_translate_element *{
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    max-width:0 !important;
    max-height:0 !important;
}

.goog-te-banner-frame,
.goog-te-balloon-frame,
.goog-te-banner-frame.skiptranslate,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-xl07Ob-OEVmcd,
.VIpgJd-yAWNEb-L7lbkb,
iframe.skiptranslate,
body > .skiptranslate,
.goog-te-gadget-icon,
.goog-te-menu-frame,
#goog-gt-tt{
    position:fixed !important;
    inset:-99999px auto auto -99999px !important;
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    max-width:0 !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
}

html,
body{
    margin-top:0 !important;
    top:0 !important;
}

html.translated-ltr,
html.translated-rtl{
    margin-top:0 !important;
}

.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight{
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}

.navbar{
    padding:14px 0;
}

/* Final mobile/wiki and Google Translate cleanup overrides */
body > iframe.skiptranslate,
iframe.goog-te-banner-frame,
iframe.goog-te-menu-frame,
.goog-te-banner-frame,
.goog-te-balloon-frame,
.goog-te-menu-frame,
.goog-te-gadget,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-xl07Ob-OEVmcd,
.VIpgJd-yAWNEb-L7lbkb,
#goog-gt-tt{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    position:fixed !important;
    top:-99999px !important;
    left:-99999px !important;
    overflow:hidden !important;
    pointer-events:none !important;
}

@media(max-width:760px){
    .wiki-shell{
        width:min(94vw, 460px);
        display:block;
        overflow:visible;
    }

    .wiki-toc{
        position:relative;
        z-index:4;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px;
        width:100%;
        margin:0 0 18px;
        padding:10px;
        max-height:min(64vh, 520px);
        overflow:auto;
        border:1px solid rgba(224,174,78,.32);
        border-radius:8px;
        background:rgba(10,10,13,.97);
    }

    .wiki-toc-title{
        margin:0 0 2px;
    }

    .wiki-toc-links a{
        display:flex !important;
        align-items:center;
        justify-content:flex-start;
        min-height:40px;
        padding:8px 9px;
        border:0;
        border-radius:7px;
        background:rgba(255,255,255,.025);
        color:#f2e9de;
        font-size:12px;
        line-height:1.15;
        text-align:left;
        text-decoration:none;
        white-space:normal;
        overflow-wrap:anywhere;
    }
}

.navbar-brand.logo,
.logo{
    color:var(--red) !important;
    font-size:30px;
    font-weight:900;
    line-height:1;
    letter-spacing:0;
    text-shadow:0 0 22px rgba(214,40,40,.35);
}

.navbar-nav{
    gap:6px;
    flex-wrap:wrap;
    justify-content:flex-end;
}

.nav-link{
    color:#ded8d0 !important;
    border:1px solid transparent;
    border-radius:8px;
    padding:8px 12px !important;
    font-size:14px;
    font-weight:700;
    transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.nav-link:hover{
    color:#fff !important;
    background:rgba(214,40,40,.12);
    border-color:rgba(214,40,40,.35);
    transform:translateY(-1px);
}

.nav-link.active,
.active{
    color:#fff !important;
    background:linear-gradient(180deg, rgba(214,40,40,.96), rgba(142,24,24,.92));
    border-color:rgba(255,92,92,.42);
    box-shadow:0 10px 28px rgba(214,40,40,.2);
}

.mc-nav-primary{
    align-items:center;
}

.dropdown-menu-dark{
    --bs-dropdown-bg:#111114;
    --bs-dropdown-border-color:rgba(214,40,40,.32);
    --bs-dropdown-link-color:#ded8d0;
    --bs-dropdown-link-hover-color:#fff;
    --bs-dropdown-link-hover-bg:rgba(214,40,40,.18);
    border-radius:8px;
    padding:8px;
    box-shadow:0 18px 46px rgba(0,0,0,.42);
}

.dropdown-item{
    border-radius:6px;
    font-weight:800;
}

.navbar .dropdown-toggle::after{
    margin-left:7px;
}

.navbar-toggler{
    border:1px solid rgba(214,40,40,.36) !important;
    border-radius:8px;
    box-shadow:none !important;
}

.btn,
.nav-link,
.navbar-toggler,
.btn:focus,
.btn:active,
.btn:focus-visible,
.nav-link:focus,
.navbar-toggler:focus,
.btn-primary:focus,
.btn-secondary:focus{
    outline:none !important;
    box-shadow:none !important;
}

/* Heroes */

.hero_index{
    background:
        radial-gradient(circle at 18% 20%, rgba(214,40,40,.24), transparent 20rem),
        radial-gradient(circle at 82% 30%, rgba(217,164,65,.16), transparent 22rem),
        repeating-linear-gradient(90deg, rgba(255,255,255,.028) 0 1px, transparent 1px 70px),
        repeating-linear-gradient(0deg, rgba(255,255,255,.02) 0 1px, transparent 1px 70px),
        linear-gradient(135deg, #09090b 0%, #111116 48%, #070708 100%);
}

.hero_leader{
    background:
        radial-gradient(circle at 78% 22%, rgba(217,164,65,.16), transparent 22rem),
        repeating-linear-gradient(90deg, rgba(255,255,255,.028) 0 1px, transparent 1px 68px),
        linear-gradient(135deg, rgba(7,7,8,.98), rgba(18,13,13,.94), rgba(7,7,8,.98));
}

.hero_download{
    background:
        radial-gradient(circle at 75% 20%, rgba(214,40,40,.2), transparent 22rem),
        radial-gradient(circle at 22% 80%, rgba(217,164,65,.12), transparent 20rem),
        repeating-linear-gradient(0deg, rgba(255,255,255,.022) 0 1px, transparent 1px 58px),
        linear-gradient(135deg, rgba(7,7,8,.98), rgba(14,14,18,.96), rgba(7,7,8,.98));
}

.hero_wiki{
    background:
        radial-gradient(circle at 78% 24%, rgba(214,40,40,.18), transparent 22rem),
        repeating-linear-gradient(90deg, rgba(255,255,255,.026) 0 1px, transparent 1px 64px),
        linear-gradient(135deg, rgba(7,7,8,.98), rgba(17,14,13,.94), rgba(7,7,8,.98));
}

.galleryhero{
    background:
        radial-gradient(circle at 76% 22%, rgba(217,164,65,.15), transparent 22rem),
        repeating-linear-gradient(90deg, rgba(255,255,255,.026) 0 1px, transparent 1px 64px),
        linear-gradient(135deg, rgba(7,7,8,.98), rgba(14,14,18,.96), rgba(7,7,8,.98));
}

/* Wiki */

.wiki-page{
    padding:54px 0 92px;
}

.wiki-shell{
    width:min(92vw, 1300px);
    display:grid;
    grid-template-columns:260px minmax(0, 1fr);
    gap:24px;
    align-items:start;
}

.wiki-toc{
    position:sticky;
    top:88px;
    display:grid;
    gap:8px;
    max-height:calc(100vh - 108px);
    overflow:auto;
    padding:14px;
    border:1px solid rgba(225,49,49,.28);
    border-radius:8px;
    background:rgba(15,15,18,.92);
    box-shadow:0 18px 54px rgba(0,0,0,.28);
}

.wiki-toc-title{
    color:#fff;
    font-size:14px;
    font-weight:950;
    margin-bottom:4px;
}

.wiki-chronicles-entry{
    display:grid;
    gap:2px;
    margin:10px 0 14px;
    padding:12px 13px;
    border:1px solid rgba(190,104,255,.42);
    border-radius:8px;
    color:#f4e8ff;
    background:linear-gradient(135deg,rgba(119,45,168,.3),rgba(30,18,42,.88));
    box-shadow:inset 3px 0 #b767ea;
    text-decoration:none;
}

.wiki-chronicles-entry span{
    font-size:13px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.wiki-chronicles-entry small{
    color:#bcb1c7;
    font-size:11px;
}

.wiki-chronicles-entry:hover{
    border-color:rgba(218,157,255,.78);
    background:linear-gradient(135deg,rgba(145,53,201,.42),rgba(38,21,53,.94));
}

.wiki-toc-group{
    border:1px solid rgba(255,255,255,.08);
    border-radius:7px;
    background:rgba(255,255,255,.025);
    overflow:hidden;
}

.wiki-toc-group > summary{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:8px 10px;
    color:#f4eee7;
    font-size:13px;
    font-weight:900;
    list-style:none;
    cursor:pointer;
}

.wiki-toc-group > summary::-webkit-details-marker{
    display:none;
}

.wiki-toc-group > summary::after{
    content:"";
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-right:2px solid #d9a441;
    border-bottom:2px solid #d9a441;
    transform:rotate(45deg) translateY(-2px);
    transition:transform .2s ease;
}

.wiki-toc-group[open] > summary{
    color:#fff;
    background:rgba(225,49,49,.12);
}

.wiki-toc-group[open] > summary::after{
    transform:rotate(225deg) translate(-2px,-2px);
}

.wiki-toc-links{
    display:grid;
    gap:3px;
    padding:4px 6px 7px;
    border-top:1px solid rgba(255,255,255,.06);
}

.wiki-toc-links a{
    min-height:34px;
    display:flex;
    align-items:center;
    padding:7px 9px;
    border-radius:6px;
    color:#cfc7bd;
    font-size:13px;
    font-weight:800;
}

.wiki-toc-links a:hover{
    color:#fff;
    background:rgba(225,49,49,.16);
}

.wiki-content{
    min-width:0;
    display:grid;
    gap:20px;
}

.wiki-section{
    min-width:0;
    scroll-margin-top:92px;
    padding:26px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(225,49,49,.08), transparent 32%),
        linear-gradient(180deg, rgba(26,26,31,.96), rgba(11,11,14,.98));
    box-shadow:0 18px 54px rgba(0,0,0,.28);
}

.wiki-section h2{
    color:#fff;
    font-size:34px;
    line-height:1.1;
    font-weight:950;
    margin:0 0 12px;
}

.wiki-section h3{
    color:#fff;
    font-size:22px;
    font-weight:950;
    margin:0 0 9px;
}

.wiki-section p{
    color:#d4ccc2;
    margin:0 0 14px;
}

.wiki-section ul{
    display:grid;
    gap:7px;
    margin:0;
    padding-left:18px;
    color:#c9c1b8;
}

.wiki-eyebrow{
    color:#f5dfae !important;
    font-size:12px;
    font-weight:950;
    letter-spacing:0;
    text-transform:uppercase;
    margin-bottom:8px !important;
}

.wiki-intro{
    display:grid;
    grid-template-columns:minmax(0, 1.1fr) minmax(280px, .9fr);
    gap:22px;
    align-items:center;
}

.wiki-stat-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.wiki-stat-grid div{
    min-height:102px;
    padding:16px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:rgba(0,0,0,.22);
}

.wiki-stat-grid span{
    display:block;
    color:#9f968d;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:6px;
}

.wiki-stat-grid strong{
    color:#fff;
    font-size:21px;
    line-height:1.12;
    font-weight:950;
}

.wiki-card-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
}

.wiki-card,
.wiki-panel{
    min-width:0;
    padding:18px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:rgba(6,6,8,.42);
}

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

.wiki-table-wrap{
    width:100%;
    max-width:100%;
    overflow:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:rgba(0,0,0,.22);
}

.wiki-table-wrap::after{
    content:"Scroll horizontally";
    display:none;
    padding:8px 12px 10px;
    color:#b9aa9c;
    font-size:12px;
    letter-spacing:0;
    border-top:1px solid rgba(255,255,255,.08);
    background:rgba(0,0,0,.18);
}

.wiki-table{
    width:100%;
    min-width:760px;
    border-collapse:collapse;
}

.wiki-table th,
.wiki-table td{
    padding:13px 14px;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#d8d0c8;
    vertical-align:top;
}

.wiki-table th{
    color:#f5dfae;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    background:rgba(225,49,49,.12);
}

.wiki-table tr:last-child td{
    border-bottom:0;
}

.wiki-callout{
    margin-top:14px;
    padding:14px 16px;
    border:1px solid rgba(217,164,65,.32);
    border-radius:8px;
    background:rgba(217,164,65,.08);
    color:#e7dccf;
}

.wiki-callout strong{
    color:#f5dfae;
}

.wiki-tag-list{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.wiki-tag-list span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:5px 9px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:6px;
    background:rgba(255,255,255,.04);
    color:#e8dfd5;
    font-size:13px;
    font-weight:850;
}

.wiki-icon-strip{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:12px;
    margin-top:16px;
}

.wiki-icon-strip figure{
    min-height:128px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:9px;
    margin:0;
    padding:14px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:
        radial-gradient(circle at 50% 22%, rgba(217,164,65,.16), transparent 58%),
        rgba(0,0,0,.26);
}

.wiki-icon-strip img{
    width:64px;
    height:64px;
    object-fit:contain;
    image-rendering:auto;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.42));
}

.wiki-icon-strip figcaption{
    color:#e8dfd5;
    font-size:13px;
    font-weight:900;
    line-height:1.2;
    text-align:center;
}

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

.wiki-potion-card{
    min-width:0;
    display:grid;
    grid-template-columns:58px minmax(0, 1fr);
    gap:12px;
    align-items:center;
    padding:14px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(217,164,65,.09), transparent 42%),
        rgba(0,0,0,.24);
}

.wiki-potion-card img{
    width:54px;
    height:54px;
    object-fit:contain;
    filter:drop-shadow(0 10px 16px rgba(0,0,0,.42));
}

.wiki-potion-card h4{
    color:#fff;
    font-size:16px;
    line-height:1.15;
    font-weight:950;
    margin:0 0 4px;
}

.wiki-potion-card p{
    color:#cfc7bd;
    font-size:13px;
    line-height:1.35;
    margin:0 0 6px;
}

.wiki-potion-card span{
    display:inline-flex;
    color:#f5dfae;
    font-size:12px;
    font-weight:950;
}

.wiki-link-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:9px 13px;
    border:1px solid rgba(255,146,146,.38);
    border-radius:8px;
    background:linear-gradient(180deg, #f24a4a, #9e1d1d);
    color:#fff !important;
    font-weight:950;
    margin-top:12px;
}

.wiki-image-band{
    display:grid;
    grid-template-columns:minmax(280px, .9fr) minmax(0, 1.1fr);
    gap:20px;
    align-items:center;
}

.wiki-image-band img{
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:#09090b;
}

.wiki-key-grid{
    display:grid;
    grid-template-columns:78px minmax(0, 1fr);
    gap:8px;
    align-items:center;
}

.wiki-key-grid span{
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:6px;
    background:rgba(255,255,255,.05);
    color:#fff;
    font-weight:950;
}

.wiki-key-grid strong{
    color:#d9d1c7;
    font-size:14px;
    font-weight:850;
}

.hero{
    position:relative;
    min-height:78vh;
    display:flex;
    align-items:center;
    isolation:isolate;
    background-size:cover;
    background-position:center;
    padding:92px 0;
    border-bottom:1px solid rgba(214,40,40,.24);
}

.hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:42%;
    z-index:-1;
    background:linear-gradient(to top, var(--bg), transparent);
}

.hero-content{
    max-width:760px;
}

.hero_index .container{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(340px, 460px);
    gap:42px;
    align-items:center;
}

.hero-command-panel{
    display:grid;
    gap:14px;
}

.command-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.command-card{
    display:block;
    min-height:146px;
    padding:20px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.055), transparent 42%),
        linear-gradient(180deg, rgba(31,31,37,.96), rgba(12,12,15,.98));
    box-shadow:0 20px 60px rgba(0,0,0,.42);
    transition:transform .2s ease, border-color .2s ease;
}

.command-card:hover{
    transform:translateY(-4px);
    border-color:rgba(224,174,78,.42);
}

.command-card span{
    display:block;
    color:#f5dfae;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:8px;
}

.command-card strong{
    display:block;
    color:#fff;
    font-size:28px;
    line-height:1.05;
    margin-bottom:8px;
}

.command-card p{
    color:#cfc7bd;
    font-size:14px;
    margin:0;
}

.command-card-primary{
    min-height:170px;
    border-color:rgba(225,49,49,.35);
    background:
        linear-gradient(135deg, rgba(225,49,49,.2), transparent 42%),
        linear-gradient(180deg, rgba(37,26,28,.98), rgba(12,12,15,.98));
}

.command-card-primary strong{
    font-size:32px;
}

.hero-kicker{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:6px 10px;
    margin-bottom:16px;
    border:1px solid rgba(224,174,78,.35);
    border-radius:8px;
    background:rgba(224,174,78,.09);
    color:#f5dfae;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
}

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:22px;
}

.hero-actions .btn{
    margin:0;
}

.home-play-now{
    position:relative;
    isolation:isolate;
    animation:mcPlayBlink 1.15s ease-in-out infinite;
    box-shadow:0 0 0 rgba(255,70,70,0), 0 0 34px rgba(214,40,40,.42);
}

.home-play-now::after{
    content:"";
    position:absolute;
    inset:-5px;
    z-index:-1;
    border-radius:10px;
    border:1px solid rgba(255,210,92,.65);
    opacity:.75;
    animation:mcPlayRing 1.15s ease-in-out infinite;
}

.home-discord-button{
    border-color:rgba(88,101,242,.72)!important;
    background:linear-gradient(135deg,rgba(88,101,242,.30),rgba(88,101,242,.12))!important;
    box-shadow:inset 0 0 18px rgba(88,101,242,.10),0 8px 24px rgba(25,29,80,.28);
}

.home-discord-button::before{
    content:"●";
    margin-right:8px;
    color:#aeb6ff;
    text-shadow:0 0 10px #5865f2;
}

.home-discord-button:hover{
    border-color:#8e9aff!important;
    background:linear-gradient(135deg,rgba(88,101,242,.52),rgba(88,101,242,.22))!important;
}

@keyframes mcPlayBlink{
    0%,100%{transform:translateY(0) scale(1);filter:brightness(1)}
    50%{transform:translateY(-1px) scale(1.045);filter:brightness(1.35)}
}

@keyframes mcPlayRing{
    0%{transform:scale(.98);opacity:.85}
    100%{transform:scale(1.18);opacity:0}
}

.hero-facts{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.hero-facts span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:5px 10px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(0,0,0,.3);
    color:#ded7ce;
    font-size:13px;
    font-weight:800;
}

.hero h1,
.download-content h1{
    color:var(--red);
    font-size:68px;
    line-height:1.02;
    margin-bottom:18px;
    font-weight:900;
    text-shadow:0 0 30px rgba(214,40,40,.32);
}

.hero p,
.download-content p{
    max-width:760px;
    color:#d5cec5;
    font-size:21px;
    margin-bottom:34px;
}

/* Buttons */

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:13px 24px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:linear-gradient(180deg, var(--red-2), #a91e1e);
    color:#fff !important;
    font-weight:900;
    letter-spacing:0;
    transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
    margin-right:10px;
    margin-bottom:10px;
    box-shadow:0 12px 34px rgba(214,40,40,.22);
}

.btn:hover{
    background:linear-gradient(180deg, #ff5555, #bd2424);
    border-color:rgba(255,130,130,.42);
    transform:translateY(-2px);
    box-shadow:0 18px 44px rgba(214,40,40,.3);
}

.btn-primary{
    background:linear-gradient(180deg, var(--red-2), #a91e1e);
}

.btn-secondary{
    background:rgba(20,20,23,.76);
    border:1px solid rgba(214,40,40,.7);
}

.btn-secondary:hover{
    background:rgba(214,40,40,.95);
}

.btn-disabled,
.btn-disabled:hover{
    background:#333;
    border-color:#444;
    color:#999 !important;
    cursor:not-allowed;
    transform:none;
    box-shadow:none;
}

/* Sections */

section{
    padding:86px 0;
}

.section-title{
    text-align:center;
    margin-bottom:54px;
}

.section-title h2{
    color:var(--red);
    font-size:46px;
    margin-bottom:10px;
    font-weight:900;
}

.section-title p{
    color:var(--muted);
    font-size:18px;
}

.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    gap:24px;
}

.quick-start-section{
    padding:0;
    margin-top:-48px;
    position:relative;
    z-index:3;
}

.quick-start{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:14px;
}

.quick-link{
    display:block;
    min-height:132px;
    padding:22px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:linear-gradient(180deg, rgba(31,31,37,.97), rgba(12,12,15,.98));
    box-shadow:0 22px 60px rgba(0,0,0,.45);
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.quick-link:hover{
    transform:translateY(-4px);
    border-color:rgba(225,49,49,.62);
    background:linear-gradient(180deg, rgba(38,31,32,.98), rgba(14,14,17,.98));
}

.quick-link strong,
.tool-tile strong,
.class-preview strong{
    display:block;
    color:#fff;
    font-size:20px;
    font-weight:900;
    margin-bottom:8px;
}

.quick-link span,
.tool-tile span,
.class-preview span{
    color:#cfc7bd;
    font-size:14px;
}

.experience-section,
.tools-section,
.skills-home-section{
    background:linear-gradient(180deg, rgba(16,16,18,.74), rgba(8,8,9,.4));
}

.experience-layout{
    display:grid;
    grid-template-columns:minmax(320px, .95fr) minmax(320px, 1.05fr);
    gap:28px;
    align-items:stretch;
}

.experience-media{
    min-height:100%;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:#0b0b0d;
    box-shadow:var(--shadow);
}

.experience-media img{
    width:100%;
    height:100%;
    min-height:460px;
    object-fit:cover;
}

.experience-list{
    display:grid;
    gap:14px;
}

.experience-step{
    display:grid;
    grid-template-columns:52px 1fr;
    gap:16px;
    align-items:start;
    padding:22px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:linear-gradient(180deg, rgba(28,28,33,.95), rgba(13,13,16,.98));
}

.experience-step > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:8px;
    background:linear-gradient(180deg, var(--red-2), #9d1d1d);
    color:#fff;
    font-weight:900;
}

.experience-step h3{
    color:#fff;
    font-size:22px;
    font-weight:900;
    margin-bottom:5px;
}

.experience-step p{
    color:#cfc7bd;
    margin:0;
}

.class-preview-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:22px;
}

.class-preview{
    display:block;
    padding:24px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:linear-gradient(180deg, rgba(31,31,37,.97), rgba(12,12,15,.98));
    box-shadow:var(--shadow);
    transition:transform .2s ease, border-color .2s ease;
}

.class-preview:hover{
    transform:translateY(-5px);
    border-color:rgba(224,174,78,.46);
}

.class-preview img{
    width:100%;
    height:230px;
    object-fit:contain;
    margin-bottom:18px;
    padding:12px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    background:rgba(0,0,0,.2);
}

.tool-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:16px;
}

.tool-tile{
    display:block;
    min-height:126px;
    padding:22px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:linear-gradient(180deg, rgba(28,28,33,.95), rgba(13,13,16,.98));
    transition:transform .2s ease, border-color .2s ease;
}

.tool-tile:hover{
    transform:translateY(-4px);
    border-color:rgba(225,49,49,.55);
}

.card,
.skill-box,
.box{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(28,28,32,.94), rgba(16,16,19,.96));
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    padding:30px;
    box-shadow:var(--shadow);
    transition:transform .22s ease, border-color .22s ease, background .22s ease;
}

.card::before,
.skill-box::before,
.box::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:3px;
    background:linear-gradient(90deg, transparent, var(--red), var(--gold), transparent);
    opacity:.75;
}

.card:hover,
.skill-box:hover{
    transform:translateY(-5px);
    border-color:rgba(214,40,40,.55);
    background:linear-gradient(180deg, rgba(34,28,28,.98), rgba(17,17,20,.98));
}

.card h3,
.skill-box h3{
    color:var(--red);
    margin-bottom:14px;
    font-size:26px;
    font-weight:900;
}

.card p{
    color:#c9c1b8;
}

.skills-wrapper{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
}

.skill-box ul{
    list-style:none;
}

.skill-box ul li{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:11px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#d0c8bf;
}

.skill-box ul li::after{
    content:"";
    width:8px;
    height:8px;
    flex:0 0 8px;
    margin-top:9px;
    border-radius:999px;
    background:var(--gold);
    box-shadow:0 0 14px rgba(217,164,65,.36);
}

/* Tables and filters */

.table-wrapper{
    overflow-x:auto;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    box-shadow:var(--shadow);
}

table{
    width:100%;
    min-width:1100px;
    border-collapse:collapse;
}

thead{
    background:linear-gradient(180deg, #d62828, #8f1b1b);
}

th,
td{
    padding:16px;
    text-align:left;
}

tbody tr{
    background:rgba(20,20,23,.94);
    border-bottom:1px solid rgba(255,255,255,.07);
}

tbody tr:hover{
    background:#221b1b;
}

.rank{
    color:var(--gold);
    font-weight:900;
}

.filters,
.pagination{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:12px;
}

.filters{
    margin-bottom:38px;
}

.pagination{
    margin-top:38px;
}

.filter-btn,
.page-btn{
    padding:11px 16px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:rgba(22,22,25,.92);
    color:#eee;
    font-weight:900;
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.filter-btn:hover,
.page-btn:hover{
    transform:translateY(-2px);
    border-color:rgba(214,40,40,.55);
    background:#241818;
}

/* Download */

.download{
    text-align:center;
    background:linear-gradient(180deg, #101012, #09090a);
}

.download-buttons{
    margin-top:34px;
}

.download-hero{
    min-height:auto;
    display:flex;
    align-items:center;
    background:
        radial-gradient(circle at 50% 0%, rgba(214,40,40,.18), transparent 34rem),
        linear-gradient(180deg, #111114, #09090a);
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
    padding:78px 0;
}

.download-hero .container{
    width:100%;
}

.download-content{
    width:100%;
    max-width:900px;
    margin:auto;
    padding:0 20px;
    text-align:center;
}

.download-content h1{
    font-size:60px;
}

.download-content p{
    margin-inline:auto;
    margin-bottom:42px;
}

.download-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
}

.file{
    width:100%;
    max-width:660px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:22px 24px;
    background:linear-gradient(180deg, rgba(27,27,31,.96), rgba(14,14,16,.96));
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    box-shadow:var(--shadow);
    transition:transform .22s ease, border-color .22s ease;
}

.file:hover{
    transform:translateY(-3px);
    border-color:rgba(214,40,40,.6);
}

.file strong{
    display:block;
    color:#fff;
    font-size:20px;
    font-weight:900;
}

.file span{
    color:var(--soft);
    font-size:14px;
}

/* Game content pages */

.hero_game{
    min-height:58vh;
    background:
        radial-gradient(circle at 76% 22%, rgba(214,40,40,.2), transparent 22rem),
        radial-gradient(circle at 20% 70%, rgba(217,164,65,.12), transparent 20rem),
        repeating-linear-gradient(90deg, rgba(255,255,255,.026) 0 1px, transparent 1px 64px),
        linear-gradient(135deg, rgba(7,7,8,.98), rgba(14,14,18,.96), rgba(7,7,8,.98));
}

.game-page{
    padding:78px 0;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:22px;
}

.feature-card{
    background:linear-gradient(180deg, rgba(28,28,32,.95), rgba(13,13,16,.97));
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    overflow:hidden;
    box-shadow:var(--shadow);
}

.feature-card img{
    width:100%;
    height:220px;
    object-fit:contain;
    background:radial-gradient(circle at center, rgba(214,40,40,.18), rgba(0,0,0,.15));
    padding:22px;
}

.feature-body{
    padding:24px;
}

.feature-body h3{
    color:var(--red);
    font-size:26px;
    font-weight:900;
    margin-bottom:10px;
}

.feature-body p{
    color:#c9c1b8;
}

.tag-list{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:16px;
}

.tag{
    padding:7px 10px;
    border:1px solid rgba(214,40,40,.34);
    border-radius:999px;
    background:rgba(214,40,40,.09);
    color:#f1d6d6;
    font-size:13px;
    font-weight:800;
}

.skill-section{
    margin-top:34px;
}

.skill-section h3{
    color:var(--red);
    font-size:30px;
    font-weight:900;
    margin-bottom:16px;
}

.ability-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
    gap:16px;
}

.ability-card{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:16px;
    min-height:168px;
    background:linear-gradient(180deg, rgba(26,26,30,.96), rgba(12,12,15,.96));
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    transition:transform .2s ease, border-color .2s ease;
}

.ability-card:hover{
    transform:translateY(-3px);
    border-color:rgba(214,40,40,.55);
}

.ability-card img{
    width:54px;
    height:54px;
    object-fit:contain;
    image-rendering:auto;
    flex:0 0 54px;
}

.ability-body{
    min-width:0;
}

.ability-card strong{
    display:block;
    color:#fff;
    line-height:1.2;
    margin-bottom:5px;
}

.ability-card span{
    color:var(--soft);
    font-size:13px;
}

.ability-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:12px;
}

.ability-card .ability-tag{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:5px 8px;
    border-radius:999px;
    border:1px solid rgba(214,40,40,.28);
    background:rgba(214,40,40,.08);
    color:#ead6d6;
    font-size:12px;
    font-weight:800;
    line-height:1.15;
}

.guide-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    gap:20px;
}

.guide-card{
    min-height:230px;
    padding:26px;
    background:linear-gradient(180deg, rgba(28,28,32,.95), rgba(13,13,16,.97));
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    box-shadow:var(--shadow);
}

.guide-card h3{
    color:var(--red);
    font-size:26px;
    font-weight:900;
    margin-bottom:12px;
}

.guide-card ul{
    list-style:none;
    margin:16px 0 0;
}

.guide-card li{
    padding:8px 0;
    color:#cfc6bd;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.progression-grid{
    grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}

.progression-card{
    min-height:260px;
}

.progression-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

.progression-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border:1px solid rgba(224,174,78,.28);
    border-radius:8px;
    background:rgba(224,174,78,.08);
    font-size:22px;
}

.progression-type{
    padding:6px 9px;
    border:1px solid rgba(214,40,40,.34);
    border-radius:999px;
    background:rgba(214,40,40,.09);
    color:#f1d6d6;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.media-band{
    margin-top:28px;
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:16px;
}

.media-band img{
    width:100%;
    height:190px;
    object-fit:contain;
    padding:18px;
    background:linear-gradient(180deg, rgba(28,28,32,.95), rgba(13,13,16,.97));
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    box-shadow:var(--shadow);
}

/* Forms */

.wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:80vh;
    padding:64px 20px;
}

.box{
    width:100%;
    max-width:430px;
}

.box h1{
    color:var(--red);
    text-align:center;
    margin-bottom:24px;
    font-size:40px;
    font-weight:900;
}

.box input{
    width:100%;
    min-height:48px;
    padding:13px 14px;
    margin-top:12px;
    background:#0c0c0e;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    color:#fff;
    font-size:16px;
    transition:border-color .2s ease, background .2s ease;
}

.box input:focus{
    outline:none;
    background:#101014;
    border-color:rgba(214,40,40,.75);
}

.box button{
    width:100%;
    min-height:50px;
    margin-top:18px;
    border:0;
    border-radius:8px;
    background:linear-gradient(180deg, var(--red-2), #a91e1e);
    color:#fff;
    font-size:16px;
    font-weight:900;
    cursor:pointer;
    transition:transform .2s ease, background .2s ease;
}

.box button:hover{
    transform:translateY(-2px);
    background:linear-gradient(180deg, #ff5555, #bd2424);
}

.msg{
    padding:12px;
    margin-bottom:15px;
    border-radius:8px;
    text-align:center;
    background:#341111;
    border:1px solid #6a2020;
    color:#ff9b9b;
}

.msg.success{
    background:#102915;
    border-color:#2f7f3d;
    color:#9df0a9;
}

/* Footer */

footer{
    border-top:1px solid rgba(255,255,255,.08);
    background:#080809;
    color:#8b8580;
    text-align:center;
    padding:34px 0;
}

/* Responsive */

@media(max-width:992px){
    .hero{
        min-height:64vh;
    }

    .quick-start,
    .hero_index .container,
    .experience-layout,
    .class-preview-grid,
    .tool-grid{
        grid-template-columns:1fr 1fr;
    }

    .skills-wrapper{
        grid-template-columns:1fr;
    }

    .mc-desktop-nav{
        display:none;
    }

    .mc-mobile-nav{
        display:block;
    }
}

@media(max-width:768px){
    section{
        padding:64px 0;
    }

    .quick-start-section{
        margin-top:0;
        padding-top:18px;
    }

    .quick-start,
    .hero_index .container,
    .experience-layout,
    .class-preview-grid,
    .tool-grid{
        grid-template-columns:1fr;
    }

    .hero-command-panel{
        margin-top:18px;
    }

    .command-grid{
        grid-template-columns:1fr;
    }

    .experience-media img{
        min-height:280px;
    }

    .experience-step{
        grid-template-columns:44px 1fr;
        padding:18px;
    }

    .hero{
        min-height:auto;
        text-align:center;
        padding:86px 0;
    }

    .hero-content,
    .hero p{
        margin-inline:auto;
    }

    .hero-actions,
    .hero-facts{
        justify-content:center;
    }

    .btn{
        width:100%;
        margin-right:0;
    }

    .file{
        flex-direction:column;
        align-items:stretch;
        text-align:center;
        padding:24px;
    }

    .file .btn{
        width:100%;
    }

    .box{
        padding:26px;
    }

    th,
    td{
        padding:12px;
        font-size:14px;
    }
}

@media(max-width:480px){
    .navbar-brand.logo,
    .logo{
        font-size:26px;
    }

    .hero h1,
    .download-content h1{
        font-size:38px;
    }
}

/* Premium UI pass */

*{
    letter-spacing:0 !important;
}

:root{
    --bg:#060607;
    --bg-2:#101013;
    --panel:#18181d;
    --panel-2:#222128;
    --line:#393039;
    --text:#f7f3ec;
    --muted:#c3bbb0;
    --soft:#91887e;
    --red:#e13131;
    --red-2:#ff4a4a;
    --gold:#e0ae4e;
    --steel:#6f8fa4;
    --shadow:0 24px 80px rgba(0,0,0,.52);
}

html{
    background:#060607;
}

body{
    background:
        linear-gradient(180deg, rgba(80,14,14,.18), transparent 360px),
        repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 18px),
        linear-gradient(180deg, #060607 0%, #101013 46%, #070708 100%);
    color:var(--text);
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body::before{
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:72px 72px;
    opacity:.55;
}

body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(90deg, rgba(0,0,0,.52), transparent 18%, transparent 82%, rgba(0,0,0,.52));
}

::selection{
    background:rgba(225,49,49,.55);
    color:#fff;
}

::-webkit-scrollbar{
    width:12px;
    height:12px;
}

::-webkit-scrollbar-track{
    background:#09090b;
}

::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, #5e2020, #a32323);
    border:3px solid #09090b;
    border-radius:999px;
}

.container{
    width:min(94%, 1320px);
}

.mc-header{
    background:rgba(7,7,9,.82);
    border-bottom:1px solid rgba(225,49,49,.34);
    box-shadow:0 18px 60px rgba(0,0,0,.42);
}

.mc-header::after{
    content:"";
    display:block;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(224,174,78,.55), transparent);
}

.navbar{
    padding:11px 0;
}

.navbar-brand.logo,
.logo{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#fff !important;
    font-size:28px;
    text-shadow:none;
}

.navbar-brand.logo::before,
.logo::before{
    content:"";
    width:13px;
    height:28px;
    display:inline-block;
    border-radius:2px;
    background:linear-gradient(180deg, var(--red-2), var(--red));
    box-shadow:0 0 22px rgba(225,49,49,.45);
}

.navbar-nav{
    gap:7px;
}

.nav-link{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    color:#d9d1c7 !important;
    border-color:rgba(255,255,255,.055);
    background:rgba(255,255,255,.025);
    font-size:13px;
    font-weight:800;
}

.nav-link:hover{
    background:rgba(225,49,49,.16);
    border-color:rgba(225,49,49,.48);
}

.nav-link.active,
.active{
    background:linear-gradient(180deg, #f24a4a, #9e1d1d);
    border-color:rgba(255,146,146,.45);
}

.hero{
    min-height:72vh;
    padding:104px 0 118px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(90deg, rgba(5,5,7,.94) 0%, rgba(5,5,7,.58) 48%, rgba(5,5,7,.95) 100%),
        linear-gradient(180deg, transparent 0%, rgba(0,0,0,.74) 100%);
}

.hero::after{
    height:55%;
    background:
        linear-gradient(to top, var(--bg), transparent),
        repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 90px);
    opacity:.9;
}

.hero-content{
    position:relative;
    max-width:790px;
    padding-left:24px;
}

.hero-content::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    bottom:10px;
    width:4px;
    border-radius:999px;
    background:linear-gradient(180deg, var(--red-2), var(--gold));
}

.hero h1,
.download-content h1,
.section-title h2{
    color:#fff;
    font-size:54px;
    text-shadow:0 0 34px rgba(225,49,49,.28);
}

.hero h1{
    font-size:72px;
}

.hero p,
.download-content p,
.section-title p{
    color:#d6cec4;
}

.section-title{
    max-width:820px;
    margin-inline:auto;
}

.section-title h2{
    font-size:44px;
}

.section-title h2::after{
    content:"";
    display:block;
    width:92px;
    height:3px;
    margin:16px auto 0;
    border-radius:999px;
    background:linear-gradient(90deg, var(--red), var(--gold));
}

.btn{
    position:relative;
    overflow:hidden;
    min-height:50px;
    border-color:rgba(255,255,255,.14);
    background:linear-gradient(180deg, #f04b4b, #9d1d1d);
    box-shadow:0 14px 36px rgba(225,49,49,.24);
}

.btn::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg, transparent 0 38%, rgba(255,255,255,.18) 48%, transparent 58%);
    transform:translateX(-120%);
    transition:transform .45s ease;
}

.btn:hover::after{
    transform:translateX(120%);
}

.btn-secondary,
.btn-muted{
    background:linear-gradient(180deg, rgba(35,35,42,.94), rgba(15,15,18,.94));
    border-color:rgba(225,49,49,.5);
}

.card,
.skill-box,
.box,
.feature-card,
.guide-card,
.ability-card,
.file,
.media-band img,
.gallery-item,
.recipe-card{
    border-color:rgba(255,255,255,.095);
    background:
        linear-gradient(135deg, rgba(255,255,255,.045), transparent 38%),
        linear-gradient(180deg, rgba(32,32,38,.96), rgba(12,12,15,.98));
    box-shadow:0 20px 60px rgba(0,0,0,.44);
}

.card:hover,
.skill-box:hover,
.feature-card:hover,
.guide-card:hover,
.ability-card:hover,
.file:hover,
.gallery-item:hover,
.recipe-card:hover{
    transform:translateY(-5px);
    border-color:rgba(225,49,49,.6);
    box-shadow:0 24px 70px rgba(0,0,0,.52), 0 0 0 1px rgba(225,49,49,.08);
}

.card h3,
.skill-box h3,
.feature-body h3,
.guide-card h3,
.skill-section h3,
.recipe-body h3{
    color:#fff;
}

.card p,
.feature-body p,
.guide-card p,
.skill-box li,
.guide-card li{
    color:#d1c8bd;
}

.skills-wrapper,
.grid,
.feature-grid,
.guide-grid,
.ability-grid,
.recipe-grid,
.gallery-grid{
    gap:22px;
}

.skill-box ul li,
.guide-card li{
    border-color:rgba(255,255,255,.09);
}

.feature-card img,
.recipe-image,
.media-band img{
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.18)),
        repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 1px, transparent 1px 14px);
}

.tag,
.ability-card .ability-tag,
.level-pill,
.filter-btn,
.page-btn{
    border-color:rgba(224,174,78,.28);
    background:rgba(224,174,78,.08);
    color:#f5dfae;
}

.ability-card{
    min-height:180px;
}

.ability-card img{
    padding:7px;
    border:1px solid rgba(224,174,78,.22);
    border-radius:8px;
    background:rgba(0,0,0,.26);
}

.download,
.download-hero,
.game-page,
section{
    position:relative;
}

.download::before,
.game-page::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg, rgba(225,49,49,.06), transparent 24%, transparent 76%, rgba(224,174,78,.045));
}

.download > *,
.download-hero > *,
.game-page > *,
section > *{
    position:relative;
}

.file{
    max-width:760px;
}

.file strong{
    color:#fff;
}

.gallery-grid{
    grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}

.gallery-item{
    border-radius:8px;
}

.gallery-item img{
    height:240px;
    transition:transform .32s ease, filter .32s ease;
}

.gallery-item:hover img{
    transform:scale(1.04);
    filter:saturate(1.12) contrast(1.08);
}

.recipe-controls select,
.box input,
input,
select,
textarea{
    border-color:rgba(255,255,255,.12) !important;
    background:#0b0b0e !important;
    color:#fff !important;
}

.recipe-controls select:focus,
.box input:focus,
input:focus,
select:focus,
textarea:focus{
    outline:none !important;
    border-color:rgba(225,49,49,.74) !important;
    box-shadow:0 0 0 3px rgba(225,49,49,.16) !important;
}

footer{
    background:
        linear-gradient(180deg, #0c0c0e, #050506);
    border-top-color:rgba(225,49,49,.26);
}

@media(max-width:992px){
    .hero h1{
        font-size:56px;
    }

    .hero h1,
    .download-content h1,
    .section-title h2{
        font-size:42px;
    }
}

@media(max-width:768px){
    .hero{
        padding:82px 0;
    }

    .hero-content{
        padding-left:0;
    }

    .hero-content::before{
        display:none;
    }

    .hero h1,
    .download-content h1,
    .section-title h2{
        font-size:36px;
    }

    .ability-card{
        min-height:auto;
    }
}

/* Forum */
.forum-page{
    background:
        radial-gradient(circle at 20% 0%, rgba(225,49,49,.14), transparent 34%),
        linear-gradient(180deg, #09090b 0%, #101014 46%, #080809 100%);
    color:#eee7dc;
    min-height:100vh;
}

.forum-hero{
    padding:74px 0 44px;
    border-bottom:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 76% 22%, rgba(214,40,40,.18), transparent 22rem),
        repeating-linear-gradient(90deg, rgba(255,255,255,.024) 0 1px, transparent 1px 64px),
        linear-gradient(135deg, rgba(7,7,8,.98), rgba(17,14,13,.96), rgba(7,7,8,.98));
}

.forum-hero-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 300px;
    gap:28px;
    align-items:end;
}

.forum-kicker{
    display:inline-flex;
    margin-bottom:12px;
    padding:7px 10px;
    border:1px solid rgba(224,174,78,.34);
    border-radius:8px;
    background:rgba(0,0,0,.38);
    color:#f0c96d;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}

.forum-hero h1{
    margin:0 0 12px;
    color:#fff;
    font-size:72px;
    font-weight:950;
    line-height:.95;
}

.forum-hero p{
    max-width:760px;
    margin:0;
    color:#d8cec0;
    font-size:18px;
}

.forum-hero-panel,
.forum-card,
.forum-topic-row,
.forum-post{
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:rgba(16,16,20,.88);
    box-shadow:0 18px 48px rgba(0,0,0,.28);
}

.forum-hero-panel{
    padding:22px;
}

.forum-hero-panel strong{
    display:block;
    color:#fff;
    font-size:44px;
    line-height:1;
}

.forum-hero-panel span{
    display:block;
    margin-top:5px;
    color:#f0c96d;
    font-weight:900;
    text-transform:uppercase;
}

.forum-hero-panel p{
    margin-top:12px;
    font-size:14px;
}

.forum-shell{
    padding:34px 0 62px;
}

.forum-layout,
.forum-topic-layout{
    display:grid;
    grid-template-columns:300px minmax(0, 1fr);
    gap:22px;
    align-items:start;
}

.forum-sidebar{
    position:sticky;
    top:88px;
    display:grid;
    gap:14px;
}

.forum-card{
    padding:18px;
}

.forum-card h2,
.forum-topic-head h2{
    margin:0 0 12px;
    color:#fff;
    font-size:22px;
    font-weight:950;
}

.forum-card p{
    margin:0;
    color:#cfc5b8;
}

.forum-category-list{
    display:grid;
    gap:8px;
}

.forum-category-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 12px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    background:rgba(255,255,255,.035);
    color:#e8dfd2;
    text-decoration:none;
    font-weight:850;
}

.forum-category-list a.active,
.forum-category-list a:hover{
    border-color:rgba(225,49,49,.6);
    background:rgba(225,49,49,.16);
    color:#fff;
}

.forum-category-list small{
    color:#f0c96d;
    font-weight:900;
}

.forum-main{
    display:grid;
    gap:16px;
}

.forum-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.forum-search{
    display:flex;
    flex:1;
    gap:8px;
}

.forum-search input,
.forum-form input,
.forum-form select,
.forum-form textarea{
    width:100%;
    border:1px solid rgba(255,255,255,.13);
    border-radius:8px;
    background:#0b0b0e;
    color:#fff;
    padding:12px 13px;
}

.forum-search button,
.forum-form button,
.forum-post-actions button,
.forum-new-topic-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 16px;
    border:1px solid rgba(225,49,49,.72);
    border-radius:8px;
    background:#e13131;
    color:#fff;
    font-weight:950;
    text-decoration:none;
    cursor:pointer;
}

.forum-topic-list{
    display:grid;
    gap:12px;
}

.forum-topic-row{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 108px;
    gap:18px;
    padding:18px;
}

.forum-topic-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:8px;
}

.forum-topic-tags span,
.forum-topic-tags a,
.forum-topic-meta a,
.forum-topic-meta span{
    display:inline-flex;
    padding:5px 8px;
    border:1px solid rgba(224,174,78,.25);
    border-radius:999px;
    background:rgba(224,174,78,.08);
    color:#f0c96d;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
}

.forum-topic-row h2{
    margin:0 0 8px;
    font-size:22px;
    font-weight:950;
}

.forum-topic-row h2 a{
    color:#fff;
    text-decoration:none;
}

.forum-topic-row h2 a:hover{
    color:#ff6b6b;
}

.forum-topic-row p{
    margin:0 0 12px;
    color:#cfc5b8;
}

.forum-topic-byline{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    color:#958b7e;
    font-size:13px;
    font-weight:800;
}

.forum-topic-stats{
    display:grid;
    align-content:center;
    justify-items:end;
    gap:2px;
}

.forum-topic-stats strong{
    color:#fff;
    font-size:24px;
    line-height:1;
}

.forum-topic-stats span{
    color:#9d9285;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}

.forum-form{
    display:grid;
    gap:14px;
}

.forum-form-grid{
    display:grid;
    grid-template-columns:240px minmax(0, 1fr);
    gap:12px;
}

.forum-form label{
    display:grid;
    gap:7px;
    color:#f0c96d;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
}

.forum-emoji-picker{
    position:relative;
    width:max-content;
    max-width:100%;
}

.forum-form .forum-emoji-toggle{
    min-height:38px;
    padding:0 12px;
    border-color:rgba(224,174,78,.4);
    background:rgba(224,174,78,.1);
    color:#f6d57c;
    font-size:13px;
}

.forum-emoji-menu{
    position:absolute;
    z-index:30;
    left:0;
    top:calc(100% + 7px);
    display:grid;
    grid-template-columns:repeat(8, 38px);
    gap:5px;
    width:max-content;
    max-width:min(356px, calc(100vw - 48px));
    padding:9px;
    border:1px solid rgba(224,174,78,.42);
    border-radius:10px;
    background:#151419;
    box-shadow:0 18px 42px rgba(0,0,0,.58);
}

.forum-emoji-menu[hidden]{
    display:none;
}

.forum-form .forum-emoji-option{
    min-height:38px;
    width:38px;
    padding:0;
    border:1px solid rgba(255,255,255,.08);
    border-radius:7px;
    background:rgba(255,255,255,.045);
    color:#fff;
    font-family:Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
    font-size:20px;
    line-height:1;
}

.forum-form .forum-emoji-option:hover,
.forum-form .forum-emoji-option:focus-visible{
    border-color:rgba(225,49,49,.72);
    background:rgba(225,49,49,.2);
    outline:none;
}

.forum-form .forum-image-field{
    padding:13px;
    border:1px dashed rgba(224,174,78,.34);
    border-radius:8px;
    background:rgba(224,174,78,.055);
}

.forum-image-field input[type="file"]{
    padding:9px;
    color:#e8dfd2;
    text-transform:none;
}

.forum-image-field input[type="file"]::file-selector-button{
    margin-right:12px;
    padding:8px 11px;
    border:1px solid rgba(225,49,49,.55);
    border-radius:6px;
    background:#2a1719;
    color:#fff;
    font-weight:900;
    cursor:pointer;
}

.forum-image-field small{
    color:#a99d8f;
    font-size:12px;
    font-weight:700;
    line-height:1.4;
    text-transform:none;
}

.forum-topic-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:12px;
}

.forum-topic-head p{
    margin:0;
    color:#bfb4a7;
}

.forum-back-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    background:rgba(255,255,255,.055);
    color:#fff;
    text-decoration:none;
    font-weight:900;
}

.forum-posts{
    display:grid;
    gap:12px;
}

.forum-post{
    display:grid;
    grid-template-columns:180px minmax(0, 1fr);
    gap:18px;
    padding:18px;
}

.forum-post-author{
    display:grid;
    align-content:start;
    gap:7px;
    color:#958b7e;
    font-size:13px;
}

.forum-avatar{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:8px;
    background:linear-gradient(135deg, #e13131, #a51717);
    color:#fff;
    font-size:22px;
    font-weight:950;
}

.forum-post-author strong{
    color:#fff;
}

.forum-post-body{
    min-width:0;
    color:#eee7dc;
    line-height:1.65;
    overflow-wrap:anywhere;
}

.forum-post-text{
    white-space:normal;
}

.forum-post-image-link{
    display:block;
    width:max-content;
    max-width:100%;
    margin-bottom:14px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:8px;
    overflow:hidden;
    background:#070708;
}

.forum-post-image{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:720px;
    object-fit:contain;
}

.forum-post-actions{
    grid-column:2;
    display:flex;
    align-items:center;
    gap:10px;
    color:#f0c96d;
    font-weight:900;
}

.forum-post-actions form{
    margin:0;
}

.forum-admin-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.forum-admin-actions form,
.forum-ban-row{
    margin:0;
}

.forum-admin-actions button,
.forum-ban-row button{
    min-height:36px;
    padding:0 12px;
    border:1px solid rgba(224,174,78,.42);
    border-radius:8px;
    background:rgba(224,174,78,.12);
    color:#f8df9a;
    font-size:12px;
    font-weight:950;
    cursor:pointer;
}

.forum-admin-card{
    border-color:rgba(224,174,78,.32);
    background:rgba(39,29,12,.72);
}

.forum-ban-list{
    display:grid;
    gap:8px;
    margin-top:12px;
}

.forum-ban-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    background:rgba(0,0,0,.2);
}

.forum-ban-row span{
    color:#fff;
    font-weight:900;
    overflow:hidden;
    text-overflow:ellipsis;
}

.forum-ban-form{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.forum-ban-form input{
    min-height:42px;
    min-width:180px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    background:#0b0b0e;
    color:#fff;
    padding:0 10px;
}

.forum-post-deleted{
    border-color:rgba(225,49,49,.42);
    background:rgba(64,15,15,.55);
}

.forum-post-deleted .forum-post-body{
    opacity:.58;
}

.forum-moderation-label{
    display:inline-flex;
    width:max-content;
    padding:4px 7px;
    border:1px solid rgba(225,49,49,.44);
    border-radius:999px;
    background:rgba(225,49,49,.18);
    color:#ffc0c0;
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
}

.forum-alert{
    margin-bottom:16px;
    padding:13px 15px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    background:rgba(255,255,255,.06);
    color:#fff;
    font-weight:900;
}

.forum-alert-error{
    border-color:rgba(225,49,49,.58);
    background:rgba(225,49,49,.16);
}

@media(max-width:980px){
    .forum-hero-grid,
    .forum-layout,
    .forum-topic-layout,
    .forum-post{
        grid-template-columns:1fr;
    }

    .forum-sidebar{
        position:static;
    }

    .forum-post-actions{
        grid-column:auto;
    }
}

@media(max-width:640px){
    .forum-hero{
        padding:52px 0 28px;
    }

    .forum-hero h1{
        font-size:42px;
    }

    .forum-toolbar,
    .forum-search{
        flex-direction:column;
        align-items:stretch;
    }

    .forum-topic-row,
    .forum-form-grid{
        grid-template-columns:1fr;
    }

    .forum-topic-stats{
        grid-template-columns:repeat(4, auto);
        justify-content:start;
        justify-items:start;
    }

    .forum-emoji-menu{
        grid-template-columns:repeat(6, 38px);
    }
}

/* Next-level compact visual system — August 2026 */
:root{
    --mc-surface:rgba(16,16,20,.88);
    --mc-surface-strong:rgba(10,10,13,.96);
    --mc-stroke:rgba(255,255,255,.095);
    --mc-stroke-hot:rgba(224,174,78,.34);
    --mc-radius:14px;
    --mc-radius-sm:10px;
    --mc-ease:cubic-bezier(.2,.8,.2,1);
}

html{
    scroll-behavior:smooth;
}

body{
    background:
        radial-gradient(circle at 8% 4%, rgba(177,28,28,.16), transparent 28rem),
        radial-gradient(circle at 92% 18%, rgba(224,174,78,.07), transparent 24rem),
        linear-gradient(180deg, #070709 0%, #0d0d11 48%, #070709 100%);
}

body::before{
    background:
        linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px);
    background-size:88px 88px;
    mask-image:linear-gradient(to bottom, #000, transparent 78%);
}

.container,
.mc-header .mc-nav-container{
    width:min(calc(100% - 40px), 1240px);
}

.mc-header{
    background:linear-gradient(180deg, rgba(10,10,13,.94), rgba(6,6,8,.88));
    border-bottom-color:rgba(224,174,78,.22);
    box-shadow:0 12px 42px rgba(0,0,0,.36);
}

.mc-header .mc-nav-container{
    min-height:58px;
    padding:8px 0;
}

.mc-header .mc-site-logo{
    gap:9px;
    font-size:23px;
    letter-spacing:-.04em !important;
}

.mc-header .mc-site-logo::before{
    width:9px;
    height:23px;
    border-radius:999px;
    background:linear-gradient(180deg, #ff795c, #c91f2d);
    box-shadow:0 0 22px rgba(225,49,49,.5);
}

.mc-header .mc-desktop-nav{
    gap:5px;
    padding:4px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:12px;
    background:rgba(255,255,255,.018);
}

.mc-header .mc-nav-link,
.mc-header .mc-nav-dropdown > summary{
    min-height:32px;
    padding:7px 10px;
    border-color:transparent;
    border-radius:8px;
    background:transparent;
    font-size:12px;
    transition:color .2s var(--mc-ease), background .2s var(--mc-ease), border-color .2s var(--mc-ease), transform .2s var(--mc-ease);
}

.mc-header .mc-nav-link:hover,
.mc-header .mc-nav-dropdown > summary:hover{
    transform:translateY(-1px);
    border-color:rgba(224,174,78,.18);
    background:rgba(224,174,78,.075);
    color:#fff !important;
}

.mc-header .mc-nav-link.active,
.mc-header .mc-nav-dropdown.active > summary,
.mc-header .mc-nav-cta{
    background:linear-gradient(135deg, #d83a35, #8e1b28);
    border-color:rgba(255,190,125,.36);
    box-shadow:0 8px 24px rgba(184,31,39,.2), inset 0 1px rgba(255,255,255,.14);
}

.mc-nav-dropdown-panel,
.mc-language-menu,
.mc-mobile-nav-panel{
    border:1px solid var(--mc-stroke-hot) !important;
    border-radius:var(--mc-radius) !important;
    background:rgba(10,10,13,.97) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.5) !important;
    backdrop-filter:blur(20px);
}

section{
    padding-block:52px;
}

.section-title{
    max-width:720px;
    margin-bottom:28px;
}

.section-title h2,
.forum-hero h1,
.wiki-hero h1,
.voice-hero h1{
    font-size:clamp(32px, 4vw, 48px);
    line-height:1;
    letter-spacing:-.045em !important;
}

.section-title h2::after{
    width:64px;
    height:2px;
    margin-top:11px;
}

.section-title p{
    max-width:640px;
    margin:10px auto 0;
    font-size:15px;
    line-height:1.55;
}

.btn,
button,
input,
select,
textarea{
    border-radius:var(--mc-radius-sm) !important;
}

.btn{
    min-height:42px;
    padding:10px 16px;
    box-shadow:0 10px 28px rgba(185,28,36,.18);
}

.btn:hover{
    transform:translateY(-2px);
    filter:saturate(1.08) brightness(1.06);
}

:where(a, button, input, select, textarea, summary):focus-visible{
    outline:2px solid #f0bd61 !important;
    outline-offset:3px;
}

:where(.card,.box,.feature-card,.guide-card,.ability-card,.recipe-card,.forum-card,.forum-topic-row,.forum-post,.wiki-card,.wiki-panel,.mc-hud-surface,.loop-card,.system-feature-card,.system-overview-card,.voice-form,.voice-room-area,.voice-call-dock){
    border-radius:var(--mc-radius);
    border-color:var(--mc-stroke);
    background:
        linear-gradient(145deg, rgba(255,255,255,.045), transparent 38%),
        linear-gradient(180deg, rgba(24,24,29,.94), rgba(10,10,13,.96));
    box-shadow:0 16px 48px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.025);
}

:where(.card,.feature-card,.guide-card,.ability-card,.recipe-card,.forum-topic-row,.wiki-card,.loop-card,.system-feature-card,.system-overview-card){
    transition:transform .24s var(--mc-ease), border-color .24s var(--mc-ease), box-shadow .24s var(--mc-ease), background .24s var(--mc-ease);
}

:where(.card,.feature-card,.guide-card,.ability-card,.recipe-card,.forum-topic-row,.wiki-card,.loop-card,.system-feature-card,.system-overview-card):hover{
    transform:translateY(-3px);
    border-color:var(--mc-stroke-hot);
    background:
        linear-gradient(145deg, rgba(224,174,78,.075), transparent 40%),
        linear-gradient(180deg, rgba(28,27,31,.97), rgba(10,10,13,.98));
    box-shadow:0 22px 58px rgba(0,0,0,.38), 0 0 0 1px rgba(224,174,78,.035) inset;
}

.home-trailer{
    min-height:clamp(540px, 78svh, 760px);
}

.home-trailer-content{
    min-height:clamp(540px, 78svh, 760px);
    padding-block:76px 42px;
}

.home-trailer-copy{
    max-width:760px;
}

.home-trailer-copy > strong{
    max-width:690px;
    font-size:clamp(58px, 7.2vw, 98px);
    line-height:.86;
    letter-spacing:-.06em !important;
}

.home-trailer-copy > p{
    max-width:610px;
    font-size:clamp(16px, 1.6vw, 21px);
}

.home-launch-status{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:15px;
}

.home-launch-status > span{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(5,8,11,.68);
    color:#e9e6e1;
    font-size:11px;
    font-weight:950;
    letter-spacing:.075em;
    text-transform:uppercase;
    backdrop-filter:blur(10px);
}

.home-launch-status .browser-live{
    border-color:rgba(74,221,126,.40);
    color:#a9f5c1;
    box-shadow:0 0 22px rgba(45,190,96,.12);
}

.home-launch-status .browser-live i{
    width:8px;
    height:8px;
    margin-right:7px;
    border-radius:50%;
    background:#4add7e;
    box-shadow:0 0 0 4px rgba(74,221,126,.12),0 0 13px rgba(74,221,126,.72);
}

.home-launch-status .steam-date{
    border-color:rgba(88,163,219,.34);
    color:#b9dcf5;
}

.home-steam-release{
    position:relative;
    display:grid;
    grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);
    align-items:center;
    min-height:360px;
    margin-top:38px;
    padding:clamp(30px,5vw,62px);
    overflow:hidden;
    border:1px solid rgba(90,174,233,.36);
    border-radius:22px;
    background:
        radial-gradient(circle at 15% 50%,rgba(53,145,210,.25),transparent 34%),
        linear-gradient(125deg,rgba(7,20,31,.99),rgba(8,10,16,.98) 55%,rgba(28,8,11,.96));
    box-shadow:0 28px 85px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset;
    isolation:isolate;
}

.home-steam-release::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.22;
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
    background-size:36px 36px;
    mask-image:linear-gradient(90deg,#000,transparent 75%);
}

.home-steam-release.is-released{
    border-color:rgba(70,220,139,.48);
    background:
        radial-gradient(circle at 15% 50%,rgba(39,202,126,.25),transparent 35%),
        radial-gradient(circle at 88% 18%,rgba(222,52,55,.18),transparent 26%),
        linear-gradient(125deg,rgba(5,27,25,.99),rgba(8,10,16,.98) 56%,rgba(31,7,10,.97));
}

.home-release-visual{
    position:relative;
    width:clamp(160px,20vw,250px);
    aspect-ratio:1;
    justify-self:center;
}

.home-release-core,
.home-release-orbit{
    position:absolute;
    inset:50% auto auto 50%;
    border-radius:50%;
    transform:translate(-50%,-50%);
}

.home-release-core{
    display:grid;
    place-items:center;
    width:46%;
    aspect-ratio:1;
    border:1px solid rgba(129,210,255,.68);
    color:#e9f7ff;
    background:radial-gradient(circle at 35% 30%,#3e98d0,#102c44 52%,#07131d 74%);
    box-shadow:0 0 34px rgba(55,168,235,.46),0 0 85px rgba(55,168,235,.18),inset 0 0 24px rgba(255,255,255,.12);
}

.home-release-core span{
    font-family:var(--mc-display-font,inherit);
    font-size:clamp(28px,4vw,48px);
    font-weight:1000;
    letter-spacing:-.07em;
}

.home-release-orbit{
    border:1px solid rgba(105,196,247,.34);
    box-shadow:0 0 24px rgba(72,164,221,.12);
}

.home-release-orbit::after{
    content:"";
    position:absolute;
    top:7%;
    left:50%;
    width:10px;
    aspect-ratio:1;
    border-radius:50%;
    background:#79d5ff;
    box-shadow:0 0 15px #45b8ef;
}

.home-release-orbit.orbit-one{
    width:75%;
    aspect-ratio:1;
    animation:mc-release-spin 12s linear infinite;
}

.home-release-orbit.orbit-two{
    width:100%;
    aspect-ratio:1;
    border-style:dashed;
    animation:mc-release-spin-reverse 20s linear infinite;
}

.is-released .home-release-core{
    border-color:rgba(107,245,173,.72);
    background:radial-gradient(circle at 35% 30%,#38b982,#0d4535 53%,#061c17 75%);
    box-shadow:0 0 36px rgba(54,221,142,.52),0 0 90px rgba(54,221,142,.20),inset 0 0 24px rgba(255,255,255,.12);
}

.is-released .home-release-orbit{border-color:rgba(91,235,164,.38)}
.is-released .home-release-orbit::after{background:#75f0b3;box-shadow:0 0 16px #3dde8f}

.home-release-content{
    position:relative;
    z-index:1;
    max-width:760px;
    padding-left:clamp(12px,4vw,64px);
}

.home-release-content[hidden]{display:none!important}

.home-release-content h2{
    margin:3px 0 14px;
    color:#fff;
    font-size:clamp(34px,5vw,64px);
    line-height:.98;
    letter-spacing:-.045em;
}

.home-release-content > p:not(.section-kicker):not(.home-release-live-badge){
    max-width:680px;
    margin:0;
    color:#bfc9d3;
    font-size:clamp(15px,1.5vw,18px);
    line-height:1.65;
}

.home-release-countdown{
    display:flex;
    align-items:center;
    gap:clamp(6px,1.2vw,14px);
    margin:25px 0 28px;
}

.home-release-countdown div{
    display:grid;
    place-items:center;
    min-width:clamp(64px,8vw,98px);
    padding:13px 10px 11px;
    border:1px solid rgba(100,192,247,.26);
    border-radius:12px;
    background:rgba(1,8,14,.72);
    box-shadow:inset 0 1px rgba(255,255,255,.045),0 12px 30px rgba(0,0,0,.22);
}

.home-release-countdown strong{
    color:#f4fbff;
    font-size:clamp(28px,3.6vw,48px);
    font-variant-numeric:tabular-nums;
    line-height:1;
}

.home-release-countdown span{
    margin-top:7px;
    color:#81b9db;
    font-size:10px;
    font-weight:950;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.home-release-countdown > i{
    color:#5faedc;
    font-size:25px;
    font-style:normal;
    font-weight:900;
}

.home-release-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.home-release-live-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin:0 0 10px;
    padding:8px 12px;
    border:1px solid rgba(91,235,164,.42);
    border-radius:999px;
    color:#9bf4c7;
    background:rgba(21,104,70,.18);
    font-size:11px;
    font-weight:1000;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.home-release-live-badge i{
    width:9px;
    aspect-ratio:1;
    border-radius:50%;
    background:#4de397;
    box-shadow:0 0 0 5px rgba(77,227,151,.12),0 0 17px rgba(77,227,151,.8);
    animation:mc-release-pulse 1.8s ease-in-out infinite;
}

@keyframes mc-release-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes mc-release-spin-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes mc-release-pulse{50%{opacity:.55;transform:scale(.78)}}

@media (max-width:760px){
    .home-steam-release{
        grid-template-columns:1fr;
        gap:8px;
        padding:30px 18px 32px;
        text-align:center;
    }
    .home-release-visual{width:150px}
    .home-release-content{padding-left:0}
    .home-release-content > p{margin-inline:auto!important}
    .home-release-countdown{justify-content:center;gap:4px}
    .home-release-countdown div{min-width:58px;padding-inline:6px}
    .home-release-countdown > i{font-size:18px}
    .home-release-actions{justify-content:center}
}

@media (prefers-reduced-motion:reduce){
    .home-release-orbit,
    .home-release-live-badge i{animation:none!important}
}

.home-hero{
    min-height:auto;
    padding-block:76px;
}

.home-hero h1{
    font-size:clamp(58px, 7vw, 96px);
}

.home-hero p{
    font-size:clamp(16px, 1.6vw, 20px);
}

.home-page,
.systems-page{
    padding-bottom:60px;
}

.home-section{
    padding-top:56px;
}

.home-path-bar{
    margin-top:-34px;
    gap:8px;
    padding:9px;
    border-radius:var(--mc-radius);
}

.home-path-bar a{
    min-height:62px;
    padding:10px 12px;
    border-radius:9px;
}

.loop-grid,
.system-feature-grid,
.system-overview-grid{
    gap:11px;
}

.loop-card,
.system-feature-card,
.system-overview-card{
    min-height:220px;
    gap:8px;
    padding:15px;
}

.loop-card img,
.system-overview-card img{
    width:62px;
    height:62px;
}

.forum-page{
    padding-bottom:60px;
}

.forum-hero{
    padding-block:46px 34px;
}

.forum-shell{
    padding-block:22px 58px;
}

.forum-layout,
.forum-topic-layout{
    gap:14px;
}

.forum-card,
.forum-topic-row,
.forum-post{
    padding:15px;
}

.forum-topic-row{
    min-height:auto;
}

.forum-topic-list,
.forum-posts{
    gap:9px;
}

.forum-topic-row h2{
    font-size:18px;
}

.forum-topic-row p,
.forum-post-text{
    line-height:1.5;
}

.mc-cookie-banner{
    left:auto;
    right:18px;
    bottom:18px;
    width:min(520px, calc(100vw - 36px));
    grid-template-columns:1fr;
    gap:10px;
    padding:13px;
    border-radius:var(--mc-radius);
    transform:none;
    box-shadow:0 24px 80px rgba(0,0,0,.56), 0 0 0 1px rgba(224,174,78,.04) inset;
}

.mc-cookie-copy strong{
    font-size:15px;
}

.mc-cookie-copy p,
.mc-cookie-copy details{
    font-size:13px;
}

.mc-cookie-actions{
    justify-content:flex-end;
}

.mc-cookie-actions button{
    min-height:36px;
    padding:7px 13px;
    font-size:13px;
}

@media(max-width:1180px){
    .mc-header .mc-mobile-nav-panel{
        top:66px;
    }
}

@media(max-width:760px){
    .container,
    .mc-header .mc-nav-container{
        width:min(calc(100% - 24px), 1240px);
    }

    section{
        padding-block:40px;
    }

    .home-trailer,
    .home-trailer-content{
        min-height:72svh;
    }

    .home-trailer-content{
        width:calc(100% - 28px);
        padding-block:94px 34px;
    }

    .home-trailer-copy > strong{
        font-size:clamp(43px, 13vw, 64px);
    }

    .home-trailer-actions{
        gap:7px;
    }

    .home-trailer-control{
        min-height:40px;
    }

    .home-hero{
        padding-block:54px;
    }

    .home-path-bar{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .loop-grid,
    .system-feature-grid,
    .system-overview-grid{
        grid-template-columns:1fr;
    }

    .loop-card,
    .system-feature-card,
    .system-overview-card{
        min-height:auto;
    }

    .forum-hero{
        padding-block:34px 24px;
    }

    .mc-cookie-banner{
        right:10px;
        bottom:10px;
        width:calc(100vw - 20px);
    }
}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{
        scroll-behavior:auto !important;
        transition-duration:.01ms !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
    }
}

/* Steam destination page */
.steam-download-page{
    background:#0b1118;
    color:#d6e4ee;
}

.steam-download-page main{
    overflow:hidden;
}

.steam-hero{
    position:relative;
    isolation:isolate;
    min-height:calc(100vh - 72px);
    display:flex;
    align-items:center;
    padding:108px 0 96px;
    background:
        radial-gradient(circle at 76% 52%, rgba(44,131,175,.22), transparent 30rem),
        linear-gradient(90deg, #081019 0%, #0b1722 42%, rgba(10,20,29,.86) 72%, #091018 100%);
}

.steam-hero::before{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:190px;
    z-index:-1;
    background:linear-gradient(transparent, #0d1822);
}

.steam-hero-art{
    position:absolute;
    z-index:-3;
    inset:0 0 0 36%;
    background:
        linear-gradient(90deg, #081019 0%, rgba(8,16,25,.3) 32%, rgba(8,16,25,.08) 70%),
        linear-gradient(180deg, rgba(7,13,19,.16), rgba(7,13,19,.55)),
        url("../images/downloadhero.png") center/cover no-repeat;
    filter:saturate(.72) contrast(1.1);
    opacity:.82;
}

.steam-grid-overlay{
    position:absolute;
    z-index:-2;
    inset:0;
    opacity:.14;
    background-image:
        linear-gradient(rgba(102,192,244,.22) 1px, transparent 1px),
        linear-gradient(90deg, rgba(102,192,244,.22) 1px, transparent 1px);
    background-size:74px 74px;
    mask-image:linear-gradient(90deg, #000, transparent 70%);
}

.steam-hero-inner{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(340px, 470px);
    align-items:center;
    gap:72px;
}

.steam-copy{
    max-width:720px;
}

.steam-status{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:28px;
    padding:8px 13px;
    border:1px solid rgba(102,192,244,.32);
    border-radius:4px;
    background:rgba(12,29,42,.72);
    color:#bce8ff;
    font-size:12px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
    backdrop-filter:blur(12px);
}

.steam-status-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#75d1ff;
    box-shadow:0 0 0 5px rgba(102,192,244,.12), 0 0 18px rgba(102,192,244,.8);
}

.steam-kicker,
.steam-next-heading > p,
.steam-final-call p{
    margin:0 0 12px;
    color:#66c0f4;
    font-size:13px;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.steam-copy h1{
    margin:0;
    color:#fff;
    font-size:clamp(56px, 6.2vw, 96px);
    font-weight:950;
    letter-spacing:-.055em;
    line-height:.9;
    text-shadow:0 18px 50px rgba(0,0,0,.5);
}

.steam-copy h1 span{
    display:inline-block;
    color:transparent;
    background:linear-gradient(90deg, #fff 0%, #9bdcff 54%, #66c0f4 100%);
    -webkit-background-clip:text;
    background-clip:text;
}

.steam-intro{
    max-width:625px;
    margin:28px 0 30px;
    color:#b7c9d5;
    font-size:19px;
    line-height:1.7;
}

.steam-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.steam-primary-button{
    display:grid;
    grid-template-columns:48px minmax(0, 1fr) auto;
    align-items:center;
    gap:14px;
    min-width:310px;
    padding:14px 17px;
    border:1px solid rgba(166,220,250,.38);
    border-radius:5px;
    background:linear-gradient(90deg, #2c789f, #1a9cd1);
    box-shadow:0 18px 55px rgba(34,139,190,.3), inset 0 1px rgba(255,255,255,.16);
    color:#fff;
    text-decoration:none;
    transition:transform .22s ease, filter .22s ease, box-shadow .22s ease;
}

.steam-primary-button:hover{
    color:#fff;
    filter:brightness(1.13);
    transform:translateY(-3px);
    box-shadow:0 24px 70px rgba(34,139,190,.43), inset 0 1px rgba(255,255,255,.2);
}

.steam-primary-button small{
    display:block;
    margin-bottom:2px;
    color:#d7f2ff;
    font-size:10px;
    font-weight:750;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.steam-primary-button > span:nth-child(2){
    font-size:19px;
    font-weight:900;
}

.steam-arrow{
    font-size:24px;
}

.steam-mark{
    position:relative;
    width:45px;
    height:45px;
    border:3px solid #fff;
    border-radius:50%;
}

.steam-mark-core{
    position:absolute;
    right:5px;
    top:6px;
    width:12px;
    height:12px;
    border:3px solid #fff;
    border-radius:50%;
}

.steam-mark-arm{
    position:absolute;
    width:26px;
    height:5px;
    right:8px;
    top:23px;
    border-radius:999px;
    background:#fff;
    transform:rotate(-30deg);
    transform-origin:right center;
}

.steam-mark-arm::after{
    content:"";
    position:absolute;
    left:-7px;
    top:-5px;
    width:15px;
    height:15px;
    border:3px solid #fff;
    border-radius:50%;
    background:#238cb9;
}

.steam-note{
    margin:15px 0 0;
    color:#718796;
    font-size:12px;
}

.steam-store-card{
    border:1px solid rgba(102,192,244,.25);
    border-radius:6px;
    overflow:hidden;
    background:linear-gradient(150deg, rgba(28,50,67,.96), rgba(14,27,38,.97));
    box-shadow:0 34px 90px rgba(0,0,0,.52), 0 0 60px rgba(64,150,196,.11);
    transform:perspective(1000px) rotateY(-3deg);
}

.steam-store-image{
    position:relative;
    height:250px;
    overflow:hidden;
}

.steam-store-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent 52%, rgba(11,23,33,.94));
}

.steam-store-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .5s ease;
}

.steam-store-card:hover .steam-store-image img{
    transform:scale(1.035);
}

.steam-store-image > span{
    position:absolute;
    z-index:1;
    left:18px;
    bottom:16px;
    padding:5px 9px;
    border-radius:3px;
    background:rgba(0,0,0,.68);
    color:#c8eafb;
    font-size:10px;
    font-weight:850;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.steam-store-body{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:16px;
    padding:18px 20px 12px;
}

.steam-store-body p{
    margin:0 0 3px;
    color:#66c0f4;
    font-size:11px;
    font-weight:850;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.steam-store-body h2{
    margin:0;
    color:#fff;
    font-size:28px;
    font-weight:900;
}

.steam-store-live{
    padding:5px 9px;
    border-radius:3px;
    background:#75a400;
    color:#dff6ae;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
}

.steam-feature-tags{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    padding:0 20px 18px;
}

.steam-feature-tags span{
    padding:5px 8px;
    border-radius:2px;
    background:rgba(102,192,244,.1);
    color:#9bc9df;
    font-size:11px;
}

.steam-card-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 20px;
    border-top:1px solid rgba(102,192,244,.16);
    background:rgba(0,0,0,.16);
    color:#d7edf8;
    font-size:13px;
    font-weight:850;
    text-decoration:none;
}

.steam-card-link:hover{
    background:rgba(102,192,244,.12);
    color:#fff;
}

.steam-scroll-cue{
    position:absolute;
    left:50%;
    bottom:25px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#688090;
    font-size:10px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase;
    transform:translateX(-50%);
}

.steam-scroll-cue span{
    width:34px;
    height:1px;
    background:#66c0f4;
}

.steam-next{
    padding:110px 0;
    background:
        radial-gradient(circle at 10% 14%, rgba(31,111,153,.16), transparent 26rem),
        linear-gradient(180deg, #0d1822, #081018);
}

.steam-next-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:44px;
}

.steam-next-heading h2,
.steam-final-call h2{
    margin:0;
    color:#fff;
    font-size:clamp(38px, 4vw, 62px);
    font-weight:930;
    letter-spacing:-.04em;
    line-height:1;
}

.steam-benefits{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:1px;
    border:1px solid rgba(102,192,244,.14);
    background:rgba(102,192,244,.14);
}

.steam-benefits article{
    min-height:260px;
    padding:30px;
    background:linear-gradient(145deg, #111f2b, #0c1720);
}

.steam-benefits article > span{
    display:block;
    margin-bottom:52px;
    color:#4fa8d6;
    font-size:13px;
    font-weight:900;
}

.steam-benefits h3{
    margin:0 0 13px;
    color:#fff;
    font-size:23px;
    font-weight:900;
}

.steam-benefits p{
    margin:0;
    color:#8fa4b2;
    line-height:1.65;
}

.steam-final-call{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:70px;
    padding:38px 42px;
    border:1px solid rgba(102,192,244,.2);
    background:
        linear-gradient(100deg, rgba(19,48,66,.98), rgba(15,31,43,.95)),
        url("../images/downloadhero.png") center/cover;
    box-shadow:0 28px 80px rgba(0,0,0,.34);
}

.steam-final-call h2{
    font-size:clamp(32px, 3.4vw, 50px);
}

.steam-final-call a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:18px;
    padding:16px 20px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:4px;
    background:linear-gradient(90deg, #2c789f, #1a9cd1);
    color:#fff;
    font-weight:900;
    text-decoration:none;
    transition:transform .2s ease, filter .2s ease;
}

.steam-final-call a:hover{
    color:#fff;
    filter:brightness(1.14);
    transform:translateY(-2px);
}

.steam-download-page footer{
    background:#060b10;
    border-top:1px solid rgba(102,192,244,.12);
}

@media(max-width:1000px){
    .steam-hero{
        padding-top:90px;
    }

    .steam-hero-inner{
        grid-template-columns:1fr;
        gap:55px;
    }

    .steam-copy{
        max-width:760px;
    }

    .steam-store-card{
        width:100%;
        max-width:640px;
        transform:none;
    }

    .steam-hero-art{
        inset:0;
        opacity:.4;
    }
}

@media(max-width:720px){
    .steam-hero{
        min-height:auto;
        padding:72px 0 82px;
    }

    .steam-hero-inner{
        gap:44px;
    }

    .steam-copy h1{
        font-size:clamp(48px, 15vw, 68px);
    }

    .steam-intro{
        font-size:17px;
    }

    .steam-primary-button{
        min-width:0;
        width:100%;
    }

    .steam-store-image{
        height:205px;
    }

    .steam-scroll-cue{
        display:none;
    }

    .steam-next{
        padding:80px 0;
    }

    .steam-next-heading,
    .steam-final-call{
        align-items:flex-start;
        flex-direction:column;
    }

    .steam-benefits{
        grid-template-columns:1fr;
    }

    .steam-benefits article{
        min-height:auto;
    }

    .steam-benefits article > span{
        margin-bottom:26px;
    }

    .steam-final-call{
        padding:28px 24px;
    }

    .steam-final-call a{
        width:100%;
        justify-content:space-between;
    }
}

/* Wiki guide navigation and reading flow */
.wiki-toc-links a.active,
.wiki-toc-links a[aria-current="location"]{
    color:#fff;
    background:linear-gradient(90deg, rgba(225,49,49,.28), rgba(217,164,65,.08));
    box-shadow:inset 3px 0 0 #e6ad45;
}

.wiki-journey{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:10px;
    padding:14px;
    border:1px solid rgba(217,164,65,.22);
    border-radius:10px;
    background:linear-gradient(135deg, rgba(217,164,65,.055), rgba(225,49,49,.045));
}

.wiki-journey article{
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:8px;
    background:rgba(8,8,10,.58);
}

.wiki-journey article > span{
    color:#e6ad45;
    font-size:12px;
    font-weight:950;
    letter-spacing:.08em;
}

.wiki-journey strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:14px;
}

.wiki-journey p{
    margin:0;
    color:#a9a097;
    font-size:12px;
    line-height:1.45;
}

.wiki-section[id]{
    position:relative;
}

.wiki-section[id]::before{
    content:"";
    position:absolute;
    top:-1px;
    left:24px;
    right:24px;
    height:2px;
    background:linear-gradient(90deg, rgba(225,49,49,.9), rgba(217,164,65,.58), transparent);
    pointer-events:none;
}

.wiki-table tbody tr:nth-child(even) td{
    background:rgba(255,255,255,.018);
}

@media(max-width:980px){
    .wiki-journey{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:760px){
    .wiki-toc{
        grid-template-columns:1fr !important;
        max-height:min(64vh, 520px);
        overflow:auto !important;
    }

    .wiki-toc > .wiki-toc-title{
        grid-column:1;
    }

    .wiki-toc .wiki-toc-links a{
        justify-content:flex-start;
        border:0;
        text-align:left;
    }

    .wiki-journey{
        grid-template-columns:1fr;
        padding:10px;
    }
}

/* Unified navigation final override */
.mc-header{
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(7,7,9,.93);
    border-bottom:1px solid rgba(225,49,49,.34);
    backdrop-filter:blur(16px);
    box-shadow:0 18px 60px rgba(0,0,0,.42);
}

.mc-header .mc-nav-container{
    width:min(94%, 1320px);
    min-height:66px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-inline:auto;
    padding:10px 0;
}

.mc-header .mc-site-logo{
    display:inline-flex;
    align-items:center;
    gap:10px;
    flex:0 0 auto;
    color:#fff !important;
    font-size:26px;
    font-weight:950;
    line-height:1;
    text-decoration:none;
    text-shadow:none;
    white-space:nowrap;
}

.mc-header .mc-site-logo::before{
    content:"";
    width:12px;
    height:27px;
    display:inline-block;
    border-radius:2px;
    background:linear-gradient(180deg, #f24a4a, #b81f1f);
    box-shadow:0 0 22px rgba(225,49,49,.42);
}

.mc-header .mc-desktop-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
}

.mc-header .mc-nav-link,
.mc-header .mc-nav-dropdown > summary{
    min-height:36px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
    background:rgba(255,255,255,.03);
    color:#d9d1c7 !important;
    font-size:13px;
    font-weight:850;
    line-height:1;
    text-decoration:none;
    white-space:nowrap;
}

.mc-header .mc-nav-link.active,
.mc-header .mc-nav-dropdown.active > summary,
.mc-header .mc-nav-cta{
    color:#fff !important;
    background:linear-gradient(180deg, #f24a4a, #9e1d1d);
    border-color:rgba(255,146,146,.45);
}

.mc-header .mc-nav-dropdown{
    position:relative;
}

.mc-header .mc-nav-dropdown-panel{
    z-index:1002;
}

.mc-header .mc-mobile-nav{
    display:none;
    position:relative;
}

.mc-header .mc-mobile-nav-panel{
    z-index:1003;
}

@media(max-width:1180px){
    .mc-header .mc-desktop-nav{
        display:none !important;
    }

    .mc-header .mc-mobile-nav{
        display:block !important;
        flex:0 0 auto;
    }

    .mc-header .mc-mobile-nav > summary{
        min-width:92px;
    }

    .mc-header .mc-mobile-nav-panel{
        position:fixed;
        top:74px;
        left:12px;
        right:12px;
        width:auto;
        max-height:calc(100dvh - 92px);
        padding:14px;
        gap:10px;
    }

    .mc-header .mc-mobile-nav-panel .mc-nav-link,
    .mc-header .mc-mobile-nav-panel .mc-nav-dropdown > summary{
        min-height:44px;
        justify-content:space-between;
        padding:10px 12px;
        white-space:normal;
    }

    .mc-header .mc-mobile-nav-panel .mc-nav-dropdown-panel{
        position:static;
        width:100%;
        min-width:0;
        margin-top:8px;
        box-shadow:none;
    }

    .wiki-shell{
        grid-template-columns:1fr;
        min-width:0;
    }

    .wiki-content,
    .wiki-section,
    .wiki-split,
    .wiki-panel,
    .wiki-card,
    .wiki-table-wrap{
        min-width:0;
    }

    .wiki-table-wrap{
        max-width:calc(100vw - 48px);
    }

    .wiki-table-wrap::after{
        display:block;
    }

    .wiki-toc{
        position:static;
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .wiki-toc strong{
        grid-column:1/-1;
    }

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

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

@media(min-width:1181px){
    .mc-header .mc-desktop-nav{
        display:flex !important;
    }

    .mc-header .mc-mobile-nav{
        display:none !important;
    }
}

@media(max-width:520px){
    .mc-header .mc-nav-container{
        min-height:58px;
        gap:10px;
    }

    .mc-header .mc-site-logo{
        font-size:clamp(18px, 6vw, 22px);
        min-width:0;
    }

    .mc-header .mc-site-logo::before{
        width:9px;
        height:23px;
        flex:0 0 9px;
    }

    .mc-header .mc-mobile-nav-panel{
        top:66px;
        left:8px;
        right:8px;
        width:auto;
        max-height:calc(100dvh - 78px);
    }

    .hero_wiki h1{
        font-size:44px;
    }

    .wiki-page{
        padding-top:32px;
    }

    .wiki-section{
        padding:18px;
    }

    .wiki-section h2{
        font-size:27px;
    }

    .wiki-intro,
    .wiki-split,
    .wiki-image-band,
    .wiki-card-grid,
    .wiki-potion-grid{
        grid-template-columns:1fr;
    }

    .wiki-stat-grid,
    .wiki-toc,
    .wiki-icon-strip{
        grid-template-columns:1fr;
    }

    .wiki-table-wrap{
        max-width:calc(100vw - 34px);
        margin-inline:-1px;
    }

    .wiki-table{
        min-width:560px;
        font-size:13px;
    }

    .wiki-table th,
    .wiki-table td{
        padding:10px 11px;
    }

}

@media(max-width:760px){
    .hero_wiki{
        min-height:auto;
        padding:70px 0 34px;
        background-position:center top;
    }

    .hero_wiki .hero-content{
        width:100%;
    }

    .hero_wiki h1{
        font-size:clamp(34px, 12vw, 46px);
        line-height:1.04;
    }

    .hero_wiki p,
    .hero_wiki .hero-facts{
        max-width:100%;
    }

    .wiki-page{
        width:100%;
        padding:24px 0 56px;
        overflow:hidden;
    }

    .wiki-shell{
        width:min(94vw, 430px);
        display:block;
    }

    .wiki-toc{
        position:relative;
        top:auto;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px;
        margin:0 0 16px;
        padding:10px;
        border-color:rgba(224,174,78,.28);
        background:rgba(10,10,13,.96);
    }

    .wiki-toc strong{
        grid-column:1/-1;
        margin:0 0 2px;
        font-size:13px;
    }

    .wiki-toc a{
        min-height:38px;
        justify-content:center;
        padding:8px;
        border:1px solid rgba(255,255,255,.08);
        background:rgba(255,255,255,.035);
        color:#eee4d8;
        font-size:12px;
        line-height:1.15;
        text-align:center;
        text-decoration:none;
        overflow:hidden;
        overflow-wrap:anywhere;
    }

    .wiki-content{
        width:100%;
        gap:14px;
        overflow:hidden;
    }

    .wiki-section{
        width:100%;
        padding:15px;
        scroll-margin-top:76px;
        overflow:hidden;
    }

    .wiki-section img{
        max-width:100%;
        max-height:220px;
        object-fit:contain;
    }

    .wiki-section h2{
        font-size:clamp(24px, 8vw, 30px);
        overflow-wrap:anywhere;
    }

    .wiki-section h3{
        font-size:19px;
    }

    .wiki-section p,
    .wiki-section li{
        font-size:14px;
        line-height:1.55;
        overflow-wrap:anywhere;
    }

    .wiki-intro,
    .wiki-split,
    .wiki-card-grid,
    .wiki-potion-grid,
    .wiki-stat-grid,
    .wiki-icon-strip,
    .wiki-key-grid{
        grid-template-columns:1fr !important;
    }

    .wiki-card,
    .wiki-panel,
    .wiki-stat-grid div{
        padding:13px;
    }

    .wiki-icon-strip{
        gap:9px;
    }

    .wiki-icon-strip figure{
        min-height:auto;
        grid-template-columns:48px minmax(0, 1fr);
        justify-items:start;
        padding:10px;
        text-align:left;
    }

    .wiki-icon-strip img{
        width:44px;
        height:44px;
    }

    .wiki-icon-strip figcaption{
        text-align:left;
        font-size:12px;
    }

    .wiki-image-band{
        gap:10px;
    }

    .wiki-image-band img{
        max-height:220px;
        width:100%;
        object-fit:contain;
    }

    .wiki-potion-card{
        grid-template-columns:48px minmax(0, 1fr);
        gap:10px;
        padding:12px;
    }

    .wiki-potion-card img{
        width:48px;
        height:48px;
    }

    .ability-grid{
        grid-template-columns:1fr !important;
        gap:12px;
    }

    .ability-card{
        gap:10px;
        padding:12px;
        min-height:auto;
    }

    .ability-card img{
        width:46px;
        height:46px;
        flex-basis:46px;
        padding:5px;
    }

    .ability-tags{
        gap:5px;
    }

    .ability-card .ability-tag{
        min-height:24px;
        padding:4px 7px;
        font-size:11px;
    }

    .wiki-table-wrap{
        width:100%;
        max-width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        border-radius:8px;
    }

    .wiki-table{
        width:max-content;
        min-width:520px;
        max-width:none;
        font-size:12px;
    }

    .wiki-table th,
    .wiki-table td{
        min-width:120px;
        padding:9px;
        white-space:normal;
        overflow-wrap:anywhere;
    }

    .wiki-section .wiki-table-wrap,
    .wiki-content .wiki-table-wrap{
        display:block;
        width:100%;
        max-width:100%;
        min-width:0;
        overflow-x:scroll !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch;
        touch-action:pan-x;
        scrollbar-width:auto;
    }

    .wiki-section .wiki-table-wrap .wiki-table,
    .wiki-content .wiki-table-wrap .wiki-table{
        width:max-content;
        min-width:max(560px, 100%);
        max-width:none;
    }

    .mc-header .mc-nav-container{
        width:min(94vw, 430px);
    }

    .mc-header .mc-mobile-nav-panel{
        left:3vw;
        right:3vw;
        width:auto;
    }

    .mc-language-switcher{
        position:static;
    }

    .mc-language-panel{
        position:fixed;
        top:66px;
        left:3vw;
        right:3vw;
        width:auto;
        min-width:0;
        z-index:1005;
    }
}

/* Final layout overrides for the redesigned home/systems pages */
.home-hero{
    min-height:720px;
    background:
        radial-gradient(circle at 18% 20%, rgba(214,40,40,.24), transparent 20rem),
        radial-gradient(circle at 82% 30%, rgba(217,164,65,.16), transparent 22rem),
        repeating-linear-gradient(90deg, rgba(255,255,255,.028) 0 1px, transparent 1px 70px),
        repeating-linear-gradient(0deg, rgba(255,255,255,.02) 0 1px, transparent 1px 70px),
        linear-gradient(135deg, #09090b 0%, #111116 48%, #070708 100%) !important;
}

.home-hero-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(360px, 520px);
    gap:36px;
    align-items:center;
}

.home-hero .hero-content{
    max-width:760px;
}

.home-hero .hero-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 11px;
    border:1px solid rgba(217,164,65,.34);
    border-radius:8px;
    background:rgba(217,164,65,.08);
    color:#f5dfae;
}

.home-hero .hero-kicker::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#88d290;
    box-shadow:0 0 14px rgba(136,210,144,.75);
}

.home-command-board.mc-hud-surface{
    padding:16px;
}

.home-command-board .mc-hud-strip{
    margin-bottom:12px;
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.home-live-focus{
    display:grid;
    grid-template-columns:86px minmax(0, 1fr);
    gap:14px;
    align-items:center;
    margin-bottom:12px;
    padding:14px;
    border:1px solid rgba(217,164,65,.25);
    border-radius:8px;
    background:rgba(0,0,0,.28);
}

.home-live-orb{
    width:70px;
    height:70px;
    display:grid;
    place-items:center;
    border:1px solid rgba(214,40,40,.42);
    border-radius:50%;
    color:#fff;
    font-weight:950;
    background:
        radial-gradient(circle, rgba(214,40,40,.38), rgba(214,40,40,.09) 58%, rgba(0,0,0,.2));
    box-shadow:0 0 36px rgba(214,40,40,.2);
}

.home-live-focus span{
    color:#f5dfae;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
}

.home-live-focus strong{
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:25px;
    line-height:1.1;
}

.home-live-focus small{
    display:block;
    margin-top:5px;
    color:#bdb3a9;
    line-height:1.35;
}

.home-hero .mc-route-hud{
    margin-top:12px;
}

.hero_systems{
    background:
        radial-gradient(circle at 76% 22%, rgba(217,164,65,.18), transparent 22rem),
        radial-gradient(circle at 20% 64%, rgba(214,40,40,.15), transparent 18rem),
        repeating-linear-gradient(90deg, rgba(255,255,255,.026) 0 1px, transparent 1px 64px),
        linear-gradient(135deg, rgba(7,7,8,.98), rgba(17,14,13,.96), rgba(7,7,8,.98));
}

@media(max-width:1100px){
    .home-hero-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){
    .home-top-count .container{
        min-height:82px;
        flex-direction:column;
        gap:4px;
    }

    .home-top-count strong{
        font-size:42px;
    }

    .home-hero{
        min-height:auto;
    }

    .home-command-board .mc-hud-strip,
    .home-live-focus{
        grid-template-columns:1fr;
    }

    .home-live-orb{
        width:58px;
        height:58px;
    }

    .mc-route-node{
        grid-template-columns:40px minmax(0, 1fr);
    }

    .mc-route-node small{
        grid-column:2;
    }
}

/* Voice calls */

/* Class selection cards */
.class-select-grid{
    grid-template-columns:repeat(3, minmax(280px, 1fr));
    align-items:start;
}

.class-select-card{
    overflow:hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
        rgba(8,8,10,.9);
}

.class-select-card > img{
    width:100%;
    height:clamp(640px, 50vw, 800px);
    padding:22px;
    object-fit:contain;
    background:
        radial-gradient(circle at 50% 38%, rgba(217,164,65,.12), transparent 17rem),
        repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 1px, transparent 1px 18px),
        rgba(25,25,30,.78);
    image-rendering:auto;
}

.class-select-card .feature-body{
    padding:22px 24px 24px;
}

.class-select-card .feature-body h3{
    margin-bottom:14px;
}

.class-select-card .tag-list{
    margin-top:0;
}

@media(max-width:1180px){
    .class-select-grid{
        grid-template-columns:1fr;
        max-width:680px;
        margin-inline:auto;
    }

    .class-select-card > img{
        height:min(78vh, 720px);
    }
}

@media(max-width:620px){
    .class-select-card > img{
        height:620px;
        padding:12px;
    }
}

/* Homepage impact pass */
.home-trailer{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:calc(100svh - 70px);
    display:flex;
    align-items:flex-end;
    background:#050506;
}

.home-trailer > video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    filter:saturate(1.08) contrast(1.06) brightness(.82);
}

.home-trailer::before,
.home-trailer::after,
.home-trailer-cinematic{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
}

.home-trailer::before{
    z-index:1;
    background:
        linear-gradient(90deg, rgba(3,3,5,.91) 0%, rgba(3,3,5,.54) 40%, rgba(3,3,5,.08) 72%),
        linear-gradient(180deg, rgba(3,3,5,.18) 45%, rgba(3,3,5,.94) 100%);
}

.home-trailer::after{
    z-index:2;
    opacity:.25;
    background:repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.045) 3px 4px);
    mix-blend-mode:soft-light;
}

.home-trailer-cinematic{
    z-index:2;
    border-top:clamp(7px, 1vw, 13px) solid #030304;
    border-bottom:clamp(7px, 1vw, 13px) solid #030304;
    box-shadow:inset 0 0 120px rgba(0,0,0,.5);
}

.home-trailer-content{
    position:relative;
    z-index:3;
    width:min(92%, 1500px);
    min-height:calc(100svh - 70px);
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:44px;
    padding-top:clamp(110px, 18vh, 220px);
    padding-bottom:clamp(58px, 9vh, 100px);
}

.home-trailer-copy{
    max-width:900px;
}

.home-trailer-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
    color:#f3d999;
    font-size:12px;
    font-weight:950;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.home-trailer-kicker i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#e2312c;
    box-shadow:0 0 18px rgba(226,49,44,.95);
    animation:homeTrailerPulse 1.8s ease-in-out infinite;
}

.home-trailer-copy > strong{
    display:block;
    max-width:880px;
    color:#fff;
    font-size:clamp(52px, 7.6vw, 118px);
    font-weight:950;
    line-height:.86;
    letter-spacing:-.045em;
    text-wrap:balance;
    text-shadow:0 5px 20px rgba(0,0,0,.7), 0 0 46px rgba(214,40,40,.22);
}

.home-trailer-copy > p{
    max-width:690px;
    margin:24px 0 0;
    color:#eee2d4;
    font-size:clamp(17px, 1.6vw, 22px);
    line-height:1.48;
    text-shadow:0 3px 18px rgba(0,0,0,.82);
}

.home-trailer-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-top:28px;
}

.home-trailer-play{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    padding:14px 25px;
    background:linear-gradient(180deg, #ff684d, #cf2020 62%, #8f1515);
    border-color:rgba(255,207,116,.58);
    box-shadow:0 0 38px rgba(255,63,45,.38), 0 18px 48px rgba(0,0,0,.4);
}

.home-trailer-control{
    min-height:54px;
    padding:13px 18px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:8px;
    background:rgba(0,0,0,.4);
    color:#fff;
    font-size:13px;
    font-weight:900;
    backdrop-filter:blur(12px);
    transition:border-color .2s ease, background .2s ease, transform .2s ease;
}

.home-trailer-control:hover,
.home-trailer-control:focus-visible{
    transform:translateY(-2px);
    border-color:rgba(217,164,65,.62);
    background:rgba(25,18,15,.72);
}

.home-trailer-scroll{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:14px;
    color:#e4d6c6;
    font-size:11px;
    font-weight:950;
    letter-spacing:.16em;
    text-decoration:none;
    text-transform:uppercase;
    writing-mode:vertical-rl;
}

.home-trailer-scroll i{
    width:1px;
    height:68px;
    background:linear-gradient(#d9a441, transparent);
    animation:homeTrailerScroll 1.8s ease-in-out infinite;
}

@keyframes homeTrailerPulse{
    50%{opacity:.45;transform:scale(.78)}
}

@keyframes homeTrailerScroll{
    50%{transform:translateY(10px);opacity:.45}
}

.home-hero{
    min-height:calc(100vh - 70px);
    overflow:hidden;
    background:
        linear-gradient(90deg, rgba(5,5,7,.95) 0%, rgba(5,5,7,.7) 42%, rgba(5,5,7,.96) 100%),
        linear-gradient(180deg, rgba(5,5,7,.2) 0%, rgba(5,5,7,.95) 100%),
        url('/images/banner.png') center/cover no-repeat !important;
}

.home-hero::before{
    background:
        radial-gradient(circle at 62% 42%, rgba(255,70,48,.24), transparent 18rem),
        radial-gradient(circle at 82% 16%, rgba(80,180,150,.16), transparent 16rem),
        linear-gradient(90deg, rgba(0,0,0,.2), rgba(0,0,0,.62));
}

.home-hero::after{
    height:64%;
    background:
        linear-gradient(to top, var(--bg), transparent),
        repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 1px, transparent 1px 92px);
}

.home-hero-grid{
    grid-template-columns:minmax(0, .92fr) minmax(420px, 560px);
    gap:42px;
}

.home-hero-grid > *{
    min-width:0;
}

.home-hero .hero-content{
    padding-left:0;
    min-width:0;
}

.home-hero .hero-content::before{
    display:none;
}

.home-hero .hero-kicker{
    min-height:34px;
    margin-bottom:14px;
    border-color:rgba(136,210,144,.38);
    background:rgba(21,84,56,.24);
    color:#dff6c8;
}

.home-hero h1{
    max-width:760px;
    margin-bottom:18px;
    color:#fff;
    font-size:clamp(64px, 8vw, 118px);
    line-height:.86;
    letter-spacing:0;
    text-shadow:
        0 0 28px rgba(214,40,40,.46),
        0 18px 60px rgba(0,0,0,.72);
}

.home-hero p{
    max-width:680px;
    color:#f2e8dc;
    font-size:clamp(18px, 2vw, 24px);
    line-height:1.45;
    text-shadow:0 2px 20px rgba(0,0,0,.7);
}

.home-hero .hero-actions{
    margin-top:26px;
    margin-bottom:18px;
}

.home-hero .btn{
    min-height:54px;
    padding:14px 24px;
}

.home-play-now{
    background:
        linear-gradient(180deg, #ff684d, #cf2020 62%, #8f1515);
    border-color:rgba(255,207,116,.58);
    box-shadow:
        0 0 0 1px rgba(255,255,255,.08) inset,
        0 0 42px rgba(255,63,45,.46),
        0 18px 48px rgba(0,0,0,.44);
}

.home-hero-loadout{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.home-hero-loadout a{
    min-width:118px;
    min-height:64px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:8px;
    background:rgba(0,0,0,.42);
    color:#fff;
    font-weight:950;
    box-shadow:0 12px 34px rgba(0,0,0,.24);
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
}

.home-hero-loadout a:hover{
    transform:translateY(-3px);
    border-color:rgba(136,210,144,.5);
    background:rgba(17,55,39,.56);
}

.home-hero-loadout img{
    width:42px;
    height:42px;
    object-fit:contain;
    filter:drop-shadow(0 8px 12px rgba(0,0,0,.55));
}

.home-command-board.mc-hud-surface{
    padding:14px;
    border-color:rgba(255,210,116,.34);
    background:
        linear-gradient(135deg, rgba(214,40,40,.16), transparent 35%),
        linear-gradient(225deg, rgba(41,137,92,.14), transparent 32%),
        rgba(8,8,10,.9);
    backdrop-filter:blur(14px);
}

.home-hero .mc-route-hud{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.home-hero .mc-route-node{
    grid-template-columns:32px minmax(0, 1fr);
    min-height:64px;
    padding:10px;
}

.home-hero .mc-route-node em{
    width:30px;
    height:30px;
    font-size:11px;
}

.home-hero .mc-route-node small{
    display:none;
}

.home-hero .mc-route-node span{
    font-size:12px;
    line-height:1.25;
}

.home-hero .mc-route-node strong{
    font-size:14px;
}

.home-battle-preview{
    position:relative;
    min-height:230px;
    margin-bottom:12px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    background:#08080a;
    box-shadow:0 20px 54px rgba(0,0,0,.42);
}

.home-battle-preview > img{
    width:100%;
    height:100%;
    min-height:230px;
    object-fit:cover;
    transform:scale(1.04);
    filter:saturate(1.12) contrast(1.08);
}

.home-battle-preview::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.72)),
        radial-gradient(circle at 72% 25%, rgba(255,80,50,.28), transparent 13rem);
}

.home-battle-overlay{
    position:absolute;
    left:16px;
    right:16px;
    bottom:72px;
    z-index:2;
}

.home-battle-overlay span{
    color:#dff6c8;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
}

.home-battle-overlay strong{
    display:block;
    margin-top:3px;
    color:#fff;
    font-size:30px;
    line-height:1;
    text-shadow:0 8px 28px rgba(0,0,0,.72);
}

.home-loot-row{
    position:absolute;
    left:14px;
    right:14px;
    bottom:14px;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:9px;
}

.home-loot-row img{
    width:100%;
    height:48px;
    object-fit:contain;
    padding:7px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:8px;
    background:rgba(0,0,0,.48);
    filter:drop-shadow(0 8px 13px rgba(0,0,0,.54));
}

.home-live-focus{
    border-color:rgba(136,210,144,.28);
    background:linear-gradient(135deg, rgba(21,84,56,.28), rgba(0,0,0,.3));
}

.home-live-orb{
    border-color:rgba(136,210,144,.52);
    background:
        radial-gradient(circle, rgba(136,210,144,.4), rgba(21,84,56,.16) 58%, rgba(0,0,0,.22));
    box-shadow:0 0 34px rgba(136,210,144,.2);
}

.mc-hud-stat,
.mc-route-node,
.loop-card,
.system-feature-card,
.system-overview-card,
.account-tool-grid a{
    transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.mc-hud-stat:hover,
.mc-route-node:hover,
.account-tool-grid a:hover{
    transform:translateY(-2px);
    border-color:rgba(136,210,144,.42);
    background:linear-gradient(135deg, rgba(21,84,56,.16), rgba(217,164,65,.06));
    box-shadow:0 16px 42px rgba(0,0,0,.22);
}

@media(max-width:1100px){
    .home-hero-grid{
        grid-template-columns:1fr;
    }

    .home-command-board.mc-hud-surface{
        max-width:680px;
    }
}

@media(max-width:760px){
    .home-trailer{
        min-height:78svh;
    }

    .home-trailer > video{
        object-position:center;
    }

    .home-trailer::before{
        background:linear-gradient(180deg, rgba(3,3,5,.12) 12%, rgba(3,3,5,.56) 48%, rgba(3,3,5,.97) 100%);
    }

    .home-trailer-content{
        width:min(90%, 1500px);
        min-height:78svh;
        padding-top:120px;
        padding-bottom:46px;
    }

    .home-trailer-copy > strong{
        font-size:clamp(44px, 14vw, 66px);
        line-height:.91;
    }

    .home-trailer-copy > p{
        margin-top:18px;
        font-size:16px;
    }

    .home-trailer-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        margin-top:22px;
    }

    .home-trailer-play{
        grid-column:1 / -1;
        justify-content:center;
    }

    .home-trailer-control{
        min-width:0;
        padding-inline:10px;
    }

    .home-trailer-scroll{
        display:none;
    }

    .home-hero{
        min-height:auto;
        padding-top:68px;
    }

    .home-hero .hero-content,
    .home-command-board.mc-hud-surface,
    .home-hero-loadout{
        width:100%;
        max-width:100%;
    }

    .home-hero h1{
        font-size:clamp(42px, 14vw, 56px);
        line-height:.94;
        overflow-wrap:normal;
    }

    .home-hero p{
        font-size:18px;
    }

    .home-hero .hero-actions .btn{
        width:100%;
        margin-right:0;
    }

    .home-hero-loadout{
        display:grid;
        grid-template-columns:1fr;
    }

    .home-hero .mc-route-hud{
        grid-template-columns:1fr;
    }

    .home-battle-preview,
    .home-battle-preview > img{
        min-height:210px;
    }

    .home-battle-overlay strong{
        font-size:24px;
    }

}

.voice-page{
    width:min(92%, 1300px);
    margin:0 auto;
    padding:54px 0 84px;
}

.voice-hero{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(280px, 360px);
    gap:22px;
    align-items:stretch;
    padding:28px;
    border:1px solid rgba(217,164,65,.25);
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(225,49,49,.14), rgba(217,164,65,.075)),
        rgba(12,12,15,.92);
    box-shadow:0 22px 70px rgba(0,0,0,.36);
}

.voice-hero h1{
    color:#fff;
    font-size:52px;
    line-height:1.02;
    font-weight:950;
    margin:0 0 10px;
}

.voice-hero p{
    max-width:760px;
    color:#d6cec5;
    margin:0;
}

.voice-status-panel{
    display:grid;
    align-content:center;
    gap:6px;
    padding:18px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:8px;
    background:rgba(0,0,0,.24);
}

.voice-status-panel span{
    color:#a79d94;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
}

.voice-status-panel strong{
    color:#fff;
    font-size:24px;
    line-height:1.12;
}

.voice-status-panel small{
    color:#cfc5bb;
}

.voice-alert{
    margin-top:18px;
    padding:14px 16px;
    border:1px solid rgba(225,49,49,.4);
    border-radius:8px;
    background:rgba(225,49,49,.12);
    color:#fff;
    font-weight:850;
}

.voice-layout{
    display:grid;
    grid-template-columns:340px minmax(0, 1fr);
    gap:18px;
    margin-top:22px;
    align-items:start;
}

.voice-control-panel{
    display:grid;
    gap:14px;
}

.voice-form,
.voice-room-area,
.voice-call-dock{
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
        rgba(11,11,14,.9);
    box-shadow:0 16px 48px rgba(0,0,0,.24);
}

.voice-form{
    display:grid;
    gap:10px;
    padding:18px;
}

.voice-form h2,
.voice-room-head h2{
    color:#fff;
    font-size:24px;
    line-height:1.12;
    font-weight:950;
    margin:0;
}

.voice-form label{
    color:#f5dfae;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}

.voice-form input,
.voice-form select{
    width:100%;
    min-height:44px;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    background:rgba(0,0,0,.34);
    color:#fff;
}

.voice-form button,
.voice-room-head button,
.voice-room-card button,
.voice-actions button{
    min-height:42px;
    padding:9px 13px;
    border:1px solid rgba(217,164,65,.32);
    border-radius:8px;
    background:linear-gradient(180deg, rgba(217,164,65,.2), rgba(128,75,20,.28));
    color:#fff;
    font-weight:900;
    cursor:pointer;
}

.voice-form button:hover,
.voice-room-head button:hover,
.voice-room-card button:hover,
.voice-actions button:hover{
    border-color:rgba(225,49,49,.48);
    background:linear-gradient(180deg, rgba(225,49,49,.28), rgba(128,25,25,.36));
}

.voice-room-area{
    min-width:0;
    padding:18px;
}

.voice-room-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}

.voice-room-head p{
    color:#bfb6ad;
    margin:4px 0 0;
}

.voice-room-list{
    display:grid;
    gap:10px;
}

.voice-room-card{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:14px;
    align-items:center;
    min-height:88px;
    padding:15px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:rgba(0,0,0,.22);
}

.voice-room-card span{
    display:block;
    color:#f5dfae;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    margin-bottom:4px;
}

.voice-room-card strong{
    display:block;
    color:#fff;
    font-size:20px;
    line-height:1.14;
    font-weight:950;
    overflow-wrap:anywhere;
}

.voice-room-card small{
    display:block;
    color:#bfb6ad;
    margin-top:4px;
}

.voice-empty{
    min-height:120px;
    display:grid;
    place-items:center;
    padding:18px;
    border:1px dashed rgba(255,255,255,.16);
    border-radius:8px;
    color:#bfb6ad;
}

.voice-call-dock{
    position:sticky;
    bottom:18px;
    z-index:40;
    display:grid;
    grid-template-columns:minmax(0, 1.1fr) minmax(220px, .9fr) auto;
    gap:14px;
    align-items:center;
    margin-top:20px;
    padding:16px;
    border-color:rgba(217,164,65,.32);
    background:
        linear-gradient(135deg, rgba(14,51,55,.36), rgba(225,49,49,.13)),
        rgba(10,10,13,.97);
}

.voice-call-dock[hidden]{
    display:none !important;
}

.voice-call-main{
    min-width:0;
    display:grid;
    gap:3px;
}

.voice-call-main span{
    color:#f5dfae;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
}

.voice-call-main strong{
    color:#fff;
    font-size:22px;
    line-height:1.15;
    overflow-wrap:anywhere;
}

.voice-call-main small{
    color:#cfc5bb;
}

.voice-participants{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.voice-participants span{
    min-height:30px;
    display:inline-flex;
    align-items:center;
    padding:5px 9px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:7px;
    background:rgba(255,255,255,.05);
    color:#fff;
    font-size:13px;
    font-weight:850;
}

.voice-actions{
    display:flex;
    gap:8px;
}

.voice-actions .danger{
    border-color:rgba(225,49,49,.5);
    background:linear-gradient(180deg, rgba(225,49,49,.38), rgba(105,19,19,.48));
}

#remoteAudio{
    display:none;
}

@media(max-width:980px){
    .voice-hero,
    .voice-layout,
    .voice-call-dock{
        grid-template-columns:1fr;
    }
}

@media(max-width:620px){
    .voice-page{
        width:min(94vw, 460px);
        padding-top:28px;
    }

    .voice-hero,
    .voice-form,
    .voice-room-area,
    .voice-call-dock{
        padding:15px;
    }

    .voice-hero h1{
        font-size:38px;
    }

    .voice-room-head,
    .voice-room-card,
    .voice-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .voice-room-card button,
    .voice-actions button{
        width:100%;
    }
}

/* Cookie consent and final responsive polish */
.home-announcements{
    position:relative;
}

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

.announcement-card{
    min-height:190px;
    border-color:rgba(217,164,65,.28);
    background:
        linear-gradient(135deg, rgba(217,164,65,.12), rgba(225,49,49,.055)),
        rgba(10,10,13,.9);
}

.announcement-card strong{
    font-size:22px;
}

.announcement-card em{
    align-self:end;
    color:#f5dfae;
    font-size:12px;
    font-style:normal;
    font-weight:950;
    text-transform:uppercase;
}

.home-pvp-feature{
    position:relative;
    overflow:hidden;
    margin-top:56px;
    display:grid;
    grid-template-columns:minmax(0, .9fr) minmax(520px, 1.1fr);
    gap:34px;
    align-items:center;
    padding:42px;
    border:1px solid rgba(225,49,49,.36);
    border-radius:12px;
    background:
        radial-gradient(circle at 12% 20%, rgba(225,49,49,.20), transparent 34%),
        radial-gradient(circle at 86% 78%, rgba(45,159,225,.15), transparent 33%),
        linear-gradient(135deg, rgba(25,9,12,.97), rgba(7,12,18,.98));
    box-shadow:0 28px 80px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05);
}

.home-pvp-feature::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg, transparent 0 46%, rgba(255,255,255,.035) 46.2% 46.5%, transparent 46.7%);
}

.home-pvp-copy{position:relative;z-index:1}
.home-pvp-copy h2{max-width:650px;margin:8px 0 14px;color:#fff;font-size:clamp(34px,4vw,58px);line-height:.96}
.home-pvp-copy > p:not(.section-kicker){max-width:620px;color:#c5bdba;font-size:17px;line-height:1.65}
.home-pvp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}

.home-pvp-arena{
    position:relative;
    z-index:1;
    min-height:330px;
    display:grid;
    grid-template-columns:1fr 118px 1fr;
    align-items:center;
    padding:24px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:10px;
    background:
        radial-gradient(circle at center, transparent 0 22%, rgba(225,49,49,.28) 22.5% 23%, transparent 23.5%),
        repeating-radial-gradient(circle at center, rgba(255,255,255,.025) 0 1px, transparent 1px 34px),
        rgba(2,7,11,.76);
}

.home-pvp-mode{
    min-height:176px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:7px;
    padding:22px;
    border:1px solid;
    border-radius:8px;
    box-shadow:0 15px 40px rgba(0,0,0,.32);
}
.home-pvp-mode span{font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.home-pvp-mode strong{color:#fff;font-size:24px;line-height:1.05}
.home-pvp-mode small{color:#aaa;font-weight:750;line-height:1.45}
.home-pvp-mode.lethal{border-color:rgba(225,49,49,.62);background:linear-gradient(145deg,rgba(117,17,24,.34),rgba(16,7,10,.86))}
.home-pvp-mode.lethal span{color:#ff6e71}
.home-pvp-mode.duel{border-color:rgba(45,159,225,.58);background:linear-gradient(145deg,rgba(18,80,117,.30),rgba(5,12,18,.88))}
.home-pvp-mode.duel span{color:#62c6ff}
.home-pvp-vs{text-align:center;text-transform:uppercase}
.home-pvp-vs span,.home-pvp-vs small{display:block;color:#c4a365;font-size:10px;font-weight:950;letter-spacing:.08em}
.home-pvp-vs strong{display:block;margin:8px 0;color:#fff;font-size:44px;font-style:italic;text-shadow:0 0 26px rgba(225,49,49,.55)}

.wiki-pvp-visual,
.wiki-duel-visual{
    margin:22px 0;
    padding:22px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:10px;
    background:linear-gradient(135deg,rgba(130,18,25,.16),rgba(7,15,22,.92));
}
.wiki-pvp-visual{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center;gap:8px}
.wiki-pvp-visual article{min-height:112px;padding:16px;border:1px solid rgba(225,49,49,.28);border-radius:7px;background:rgba(5,8,12,.72)}
.wiki-pvp-visual article span{display:block;color:#ff555a;font-size:12px;font-weight:950;letter-spacing:.12em}
.wiki-pvp-visual article strong{display:block;margin-top:7px;color:#fff;font-size:19px}
.wiki-pvp-visual article small{display:block;margin-top:5px;color:#aaa}
.wiki-pvp-visual > i{height:2px;background:linear-gradient(90deg,#932029,#37a7dd);position:relative}
.wiki-pvp-visual > i::after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid #37a7dd;border-block:5px solid transparent}
.wiki-duel-visual{display:grid;grid-template-columns:1fr 130px 1fr;align-items:center;gap:18px;background:radial-gradient(circle at center,rgba(225,49,49,.21),transparent 34%),rgba(4,9,14,.91)}
.duel-fighter{padding:18px;border:1px solid;border-radius:7px;text-align:center}
.duel-fighter span,.duel-fighter small{display:block;font-weight:850}
.duel-fighter strong{display:block;margin:5px 0;color:#fff;font-size:22px}
.duel-fighter.ally{border-color:#2699d1;background:rgba(27,104,143,.15)}
.duel-fighter.ally span{color:#5fc9ff}
.duel-fighter.rival{border-color:#d9333b;background:rgba(139,28,35,.16)}
.duel-fighter.rival span{color:#ff6268}
.duel-versus{text-align:center}.duel-versus b,.duel-versus span,.duel-versus em{display:inline-block;margin:0 3px;color:#d0b26f;font-style:normal}.duel-versus strong{display:block;margin-top:8px;color:#fff;font-size:22px}

@media (max-width: 980px){
    .home-pvp-feature{grid-template-columns:1fr;padding:28px}
    .home-pvp-arena{min-height:280px}
}
@media (max-width: 680px){
    .home-pvp-feature{margin-top:34px;padding:21px}
    .home-pvp-arena,.wiki-duel-visual{grid-template-columns:1fr}
    .home-pvp-vs{padding:12px 0}
    .home-pvp-mode{min-height:132px}
    .wiki-pvp-visual{grid-template-columns:1fr}
    .wiki-pvp-visual > i{width:2px;height:24px;margin:auto;background:linear-gradient(#932029,#37a7dd)}
    .wiki-pvp-visual > i::after{right:-4px;top:auto;bottom:-1px;border-top:7px solid #37a7dd;border-inline:5px solid transparent;border-bottom:0}
}

.mc-cookie-banner{
    position:fixed;
    left:50%;
    bottom:18px;
    z-index:9999;
    width:min(820px, calc(100vw - 28px));
    max-height:calc(100vh - 36px);
    overflow:auto;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:14px;
    align-items:start;
    padding:14px;
    border:1px solid rgba(217,164,65,.34);
    border-radius:8px;
    background:
        linear-gradient(135deg, rgba(217,164,65,.12), rgba(225,49,49,.09)),
        rgba(10,10,13,.97);
    box-shadow:0 22px 70px rgba(0,0,0,.5);
    transform:translateX(-50%);
}

.mc-cookie-banner[hidden]{
    display:none;
}

.mc-cookie-copy{
    display:grid;
    gap:4px;
    min-width:0;
}

.mc-cookie-copy strong{
    color:#fff;
    font-size:18px;
    line-height:1.1;
}

.mc-cookie-copy p{
    color:#d4cbc2;
    margin:0;
    line-height:1.35;
}

.mc-cookie-copy details{
    color:#bfb6ad;
    max-height:150px;
    overflow:auto;
}

.mc-cookie-copy summary{
    color:#f5dfae;
    cursor:pointer;
    font-weight:900;
}

.mc-cookie-actions{
    display:flex;
    gap:8px;
}

.mc-cookie-actions button{
    min-height:42px;
    padding:9px 15px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
    background:rgba(255,255,255,.07);
    color:#fff;
    font-weight:950;
    cursor:pointer;
}

.mc-cookie-actions .primary{
    border-color:rgba(217,164,65,.45);
    background:linear-gradient(180deg, rgba(217,164,65,.28), rgba(137,29,29,.42));
}

@media(max-width:1100px){
    .announcement-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:760px){
    .announcement-grid{
        grid-template-columns:1fr;
    }

    .home-faq-grid{
        grid-template-columns:1fr;
    }

    .loop-card,
    .announcement-card{
        min-height:auto;
    }

    .loop-card img,
    .system-overview-card img{
        width:58px;
        height:58px;
    }

    .home-showcase img,
    .media-band img,
    .feature-card img,
    .class-preview img,
    .experience-media img,
    .gallery-item img{
        max-height:260px;
        object-fit:contain;
    }
}

@media(max-width:640px){
    .mc-cookie-banner{
        grid-template-columns:1fr;
        bottom:10px;
        padding:14px;
        width:calc(100vw - 20px);
    }

    .mc-cookie-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }
}

/* Definitive compact layer — keep last */
.container,
.mc-header .mc-nav-container{width:min(calc(100% - 40px),1240px)}
.mc-header{background:linear-gradient(180deg,rgba(10,10,13,.95),rgba(6,6,8,.9));border-bottom-color:rgba(224,174,78,.22);box-shadow:0 12px 42px rgba(0,0,0,.36)}
.mc-header .mc-nav-container{min-height:58px;padding:8px 0}
.mc-header .mc-site-logo{font-size:23px;letter-spacing:-.04em!important}
.mc-header .mc-site-logo::before{width:9px;height:23px;border-radius:999px}
.mc-header .mc-desktop-nav{gap:5px;padding:4px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018)}
.mc-header .mc-nav-link,
.mc-header .mc-nav-dropdown>summary{min-height:32px;padding:7px 10px;border-color:transparent;background:transparent;font-size:12px}
.mc-header .mc-nav-link:hover,
.mc-header .mc-nav-dropdown>summary:hover{transform:translateY(-1px);border-color:rgba(224,174,78,.18);background:rgba(224,174,78,.075)}
.mc-header .mc-nav-link.active,
.mc-header .mc-nav-dropdown.active>summary,
.mc-header .mc-nav-cta{background:linear-gradient(135deg,#d83a35,#8e1b28);border-color:rgba(255,190,125,.36);box-shadow:0 8px 24px rgba(184,31,39,.2),inset 0 1px rgba(255,255,255,.14)}
section{padding-block:52px}
.section-title{max-width:720px;margin-bottom:28px}
.section-title h2{font-size:clamp(32px,4vw,48px);line-height:1;letter-spacing:-.045em!important}
.section-title h2::after{width:64px;height:2px;margin-top:11px}
.btn{min-height:42px;padding:10px 16px;border-radius:10px!important;box-shadow:0 10px 28px rgba(185,28,36,.18)}
.btn:hover{transform:translateY(-2px);filter:saturate(1.08) brightness(1.06)}
.home-trailer{min-height:clamp(540px,78svh,760px)}
.home-trailer-content{min-height:clamp(540px,78svh,760px);padding-block:76px 42px}
.home-trailer-copy>strong{max-width:690px;font-size:clamp(58px,7.2vw,98px);line-height:.86;letter-spacing:-.06em!important}
.home-trailer-copy>p{max-width:610px;font-size:clamp(16px,1.6vw,21px)}
.home-hero{min-height:auto;padding-block:76px}
.home-hero h1{font-size:clamp(58px,7vw,96px)}
.home-hero p{font-size:clamp(16px,1.6vw,20px)}
.home-page,.systems-page{padding-bottom:60px}
.home-section{padding-top:56px}
.home-path-bar{margin-top:-34px;gap:8px;padding:9px;border-radius:14px}
.home-path-bar a{min-height:62px;padding:10px 12px;border-radius:9px}
.loop-card,.system-feature-card,.system-overview-card{min-height:220px;gap:8px;padding:15px;border-radius:14px}
.loop-card img,.system-overview-card img{width:62px;height:62px}
.forum-hero{padding-block:46px 34px}
.forum-shell{padding-block:22px 58px}
.forum-layout,.forum-topic-layout{gap:14px}
.forum-card,.forum-topic-row,.forum-post{padding:15px;border-radius:14px}
.forum-topic-list,.forum-posts{gap:9px}
.mc-cookie-banner{left:auto;right:18px;bottom:18px;width:min(520px,calc(100vw - 36px));grid-template-columns:1fr;gap:10px;padding:13px;border-radius:14px;transform:none}
.mc-cookie-copy strong{font-size:15px}
.mc-cookie-copy p,.mc-cookie-copy details{font-size:13px}
.mc-cookie-actions{display:flex;justify-content:flex-end}
.mc-cookie-actions button{min-height:36px;padding:7px 13px;font-size:13px}
@media(max-width:1180px){.mc-header .mc-mobile-nav-panel{top:66px}}
@media(max-width:760px){
    .container,.mc-header .mc-nav-container{width:min(calc(100% - 24px),1240px)}
    section{padding-block:40px}
    .home-trailer,.home-trailer-content{min-height:72svh}
    .home-trailer-content{width:calc(100% - 28px);padding-block:94px 34px}
    .home-trailer-copy>strong{font-size:clamp(43px,13vw,64px)}
    .home-hero{padding-block:54px}
    .home-path-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
    .loop-grid,.system-feature-grid,.system-overview-grid{grid-template-columns:1fr}
    .loop-card,.system-feature-card,.system-overview-card{min-height:auto}
    .mc-cookie-banner{right:10px;bottom:10px;width:calc(100vw - 20px)}
}

/* Shared motion and interaction layer */
.mc-scroll-progress{
    position:fixed;
    top:0;
    left:0;
    z-index:10050;
    width:100%;
    height:2px;
    pointer-events:none;
    transform:scaleX(var(--mc-progress,0));
    transform-origin:left;
    background:linear-gradient(90deg,#d72f38,#f0bd61,#7ed69a);
    box-shadow:0 0 16px rgba(240,189,97,.5);
    transition:transform .08s linear;
}

.mc-header{
    transition:min-height .25s var(--mc-ease),background .25s var(--mc-ease),box-shadow .25s var(--mc-ease),border-color .25s var(--mc-ease);
}

.mc-header.is-scrolled{
    background:rgba(7,7,10,.975);
    border-bottom-color:rgba(240,189,97,.3);
    box-shadow:0 14px 44px rgba(0,0,0,.5);
}

.mc-js .mc-reveal{
    opacity:0;
    transform:translate3d(0,18px,0) scale(.992);
    filter:blur(3px);
    transition:
        opacity .62s var(--mc-ease) var(--mc-delay,0ms),
        transform .62s var(--mc-ease) var(--mc-delay,0ms),
        filter .62s var(--mc-ease) var(--mc-delay,0ms);
}

.mc-js .mc-reveal.is-visible{
    opacity:1;
    transform:none;
    filter:none;
}

.mc-pointer-card{
    position:relative;
    isolation:isolate;
    overflow:hidden;
}

.mc-pointer-card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    opacity:0;
    background:radial-gradient(240px circle at var(--mc-x,50%) var(--mc-y,50%),rgba(240,189,97,.13),transparent 68%);
    transition:opacity .25s var(--mc-ease);
}

.mc-pointer-card:hover::after{
    opacity:1;
}

.btn,
button,
.mc-nav-link{
    position:relative;
    overflow:hidden;
}

.mc-ripple{
    position:absolute;
    z-index:8;
    width:12px;
    height:12px;
    margin:-6px;
    border-radius:50%;
    pointer-events:none;
    background:rgba(255,255,255,.45);
    transform:scale(0);
    animation:mc-ripple .62s var(--mc-ease) forwards;
}

@keyframes mc-ripple{
    70%{opacity:.28}
    100%{opacity:0;transform:scale(24)}
}

@media(prefers-reduced-motion:reduce){
    .mc-js .mc-reveal{opacity:1;transform:none;filter:none}
    .mc-scroll-progress{transition:none}
    .mc-ripple{display:none}
}

/* Wiki system illustrations: intentionally asset-free so the guide always
   stays in sync with the mechanics without requiring exported game art. */
.gather-visual,
.frenzy-visual,
.guild-visual{
    position:relative;
    overflow:hidden;
    margin:24px 0;
    padding:22px;
    border:1px solid rgba(62,205,239,.32);
    border-radius:16px;
    background:
        radial-gradient(circle at 50% -40%,rgba(39,208,113,.16),transparent 50%),
        linear-gradient(145deg,rgba(7,23,28,.98),rgba(7,12,19,.98));
    box-shadow:0 22px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);
}
.gather-visual::before,
.frenzy-visual::before,
.guild-visual::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.18;
    background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:28px 28px;
    mask-image:linear-gradient(to bottom,#000,transparent 80%);
}
.gather-visual-head{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:17px;
    color:#dce9ef;
    font-size:13px;
    font-weight:800;
    letter-spacing:.08em;
}
.gather-visual-head strong{color:#70f596;font-size:19px;letter-spacing:.045em}
.gather-leaf{display:inline-block;margin-right:8px;color:#42df71;transform:rotate(-16deg)}
.gather-hit-track{
    position:relative;
    z-index:1;
    height:42px;
    border:4px solid rgba(255,255,255,.07);
    border-radius:10px;
    background:#a71d24;
    box-shadow:inset 0 4px 12px rgba(0,0,0,.45),0 0 24px rgba(38,213,110,.09);
}
.gather-zone{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%)}
.gather-zone-normal{width:72%;background:#be4b16}
.gather-zone-great{width:46%;background:#ff941d}
.gather-zone-perfect{width:27%;background:linear-gradient(90deg,#19ae48,#35d761,#19ae48);box-shadow:0 0 18px rgba(44,226,103,.25)}
.gather-marker{
    position:absolute;
    z-index:2;
    top:-8px;
    bottom:-8px;
    left:12%;
    width:7px;
    border-radius:8px;
    background:#fff;
    box-shadow:0 0 12px rgba(255,255,255,.85),0 0 1px 1px rgba(4,8,12,.6);
    animation:wiki-gather-marker 2.8s ease-in-out infinite alternate;
}
@keyframes wiki-gather-marker{to{left:87%}}
.gather-legend{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-top:14px;
}
.gather-legend span{padding:10px 11px;border-radius:8px;background:rgba(255,255,255,.035);color:#b7c5cd;font-size:12px;line-height:1.35}
.gather-legend b{display:block;margin-bottom:3px}
.gather-legend .is-perfect b{color:#52ed7b}.gather-legend .is-great b{color:#ffb34f}.gather-legend .is-normal b{color:#e16a2e}.gather-legend .is-miss b{color:#ff555c}
.gather-visual-note,.wiki-fineprint{margin:14px 0 0;color:#8998a3;font-size:12px;line-height:1.55}
.focus-meter{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:13px 0 17px}
.focus-meter span{height:9px;border-radius:10px;background:#33dc6a;box-shadow:0 0 9px rgba(51,220,106,.48)}
.focus-meter span:nth-child(n+8){background:rgba(255,255,255,.10);box-shadow:none}
.shared-node-visual{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(180px,1.15fr) auto minmax(0,1fr);
    align-items:center;
    gap:12px;
    margin:24px 0 14px;
}
.shared-player,.shared-server{display:flex;min-height:112px;flex-direction:column;align-items:center;justify-content:center;padding:16px;border-radius:14px;text-align:center}
.shared-player{border:1px solid rgba(62,205,239,.24);background:rgba(12,35,45,.72)}
.shared-server{border:1px solid rgba(69,229,118,.35);background:linear-gradient(145deg,rgba(21,77,47,.58),rgba(8,31,32,.85));box-shadow:0 0 30px rgba(51,220,106,.08)}
.shared-player span,.shared-server span{color:#63d9ef;font-size:11px;font-weight:900;letter-spacing:.12em}
.shared-player b,.shared-server b{margin:5px 0;color:#f4f7f9;font-size:18px}.shared-server b{color:#66f18c}
.shared-player small,.shared-server small{color:#91a1ab}
.shared-arrow{color:#45ddef;font-size:24px;font-style:normal}
.frenzy-title{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:21px;color:#f5f8f9;text-align:left}
.frenzy-title>span{color:#51eb72;font-size:30px;transform:rotate(-18deg)}
.frenzy-title b,.frenzy-title small{display:block}.frenzy-title b{font-size:22px;letter-spacing:.06em}.frenzy-title small{margin-top:3px;color:#8fa1aa}
.frenzy-cycle{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;gap:10px}
.frenzy-cycle article{display:flex;min-width:145px;flex-direction:column;justify-content:center;padding:15px;border:1px solid rgba(68,220,111,.2);border-radius:11px;background:rgba(8,29,27,.78);text-align:center}
.frenzy-cycle b{color:#68ef8d;font-size:22px}.frenzy-cycle span{color:#aab8bf;font-size:12px}.frenzy-cycle i{align-self:center;color:#52d9ea;font-size:21px;font-style:normal}
.frenzy-tier-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:16px}
.frenzy-tier-strip span{position:relative;overflow:hidden;padding:9px 4px;border-radius:7px;background:rgba(255,255,255,.045);color:#b8c7cd;font-size:11px;font-weight:800;text-align:center}
.frenzy-tier-strip span::after{content:"";position:absolute;right:0;bottom:0;left:0;height:var(--height,4px);background:linear-gradient(90deg,#38df6a,#42cce8)}
.frenzy-tier-strip b{display:block;color:#f2bd5d}
.guild-visual{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}
.guild-shield-css{position:relative;z-index:1;display:grid;width:72px;height:82px;place-items:center;clip-path:polygon(50% 0,92% 18%,84% 70%,50% 100%,16% 70%,8% 18%);background:linear-gradient(145deg,#46dcf3,#116687 65%,#f3b950);filter:drop-shadow(0 8px 14px rgba(43,205,235,.25))}
.guild-shield-css::before{content:"";position:absolute;inset:5px;clip-path:inherit;background:#071820}
.guild-shield-css span{position:relative;color:#61ddf3;font-size:17px;font-weight:950;letter-spacing:.08em}
.guild-visual-main{position:relative;z-index:1}.guild-visual-main>div:first-child{display:flex;justify-content:space-between;gap:16px;color:#ecf6f8;font-size:13px}.guild-visual-main>div span{color:#90a5ae}
.guild-progress{height:12px;margin:8px 0;border-radius:20px;background:rgba(255,255,255,.08);box-shadow:inset 0 2px 5px rgba(0,0,0,.45)}
.guild-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#14a9cd,#49e0ee);box-shadow:0 0 14px rgba(61,217,239,.35)}
.guild-visual-main small{color:#8fa0a8}.guild-visual>a{position:relative;z-index:1;padding:11px 14px;border:1px solid rgba(59,212,238,.3);border-radius:8px;color:#62dff2;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}

@media(max-width:800px){
    .gather-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
    .shared-node-visual{grid-template-columns:1fr}.shared-arrow{transform:rotate(90deg);text-align:center}
    .frenzy-cycle{display:grid;grid-template-columns:1fr}.frenzy-cycle i{transform:rotate(90deg)}
    .frenzy-tier-strip{grid-template-columns:repeat(4,1fr)}
    .guild-visual{grid-template-columns:auto 1fr}.guild-visual>a{grid-column:1/-1;text-align:center}
}
@media(max-width:520px){
    .gather-visual,.frenzy-visual,.guild-visual{padding:16px}
    .gather-visual-head{align-items:flex-start;flex-direction:column;gap:4px}
    .gather-legend{grid-template-columns:1fr}
    .guild-visual{grid-template-columns:1fr;text-align:center}.guild-shield-css{margin:auto}
    .guild-visual-main>div:first-child{align-items:center;flex-direction:column;gap:3px}
}
@media(prefers-reduced-motion:reduce){.gather-marker{animation:none;left:50%}}

/* Asset-free visual language for the complete wiki. */
.wiki-tier-rail,.wiki-map-visual,.wiki-xp-visual,.wiki-production-flow,.wiki-generator-visual,.wiki-armor-visual,.wiki-trait-visual,.wiki-tree-visual,.wiki-waves-visual,.wiki-loot-visual,.wiki-dungeon-visual,.wiki-calendar-visual,.wiki-social-visual,.wiki-tracker-visual,.wiki-menu-visual,.wiki-bank-visual,.wiki-market-visual{
    position:relative;overflow:hidden;margin:24px 0;padding:20px;border:1px solid rgba(77,206,234,.25);border-radius:15px;background:linear-gradient(135deg,rgba(9,23,31,.98),rgba(5,12,19,.98));box-shadow:inset 0 1px rgba(255,255,255,.045),0 18px 42px rgba(0,0,0,.2)
}
.wiki-tier-rail{display:flex;align-items:stretch;gap:7px;padding:16px;overflow-x:auto}
.wiki-tier-rail article{display:flex;min-width:92px;flex:1;flex-direction:column;gap:4px;justify-content:center;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025)}
.wiki-tier-rail b{color:#f2bf58;font-size:19px}.wiki-tier-rail span{color:#d9e5e9;font-weight:800;font-size:12px}.wiki-tier-rail small{color:#8ea0aa}.wiki-tier-rail article.is-active{border-color:rgba(65,226,111,.65);background:rgba(30,119,66,.19);box-shadow:0 0 20px rgba(59,225,109,.12)}.wiki-tier-rail i{align-self:center;color:#46d2e9;font-style:normal}
.wiki-map-visual{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:25px}.map-radar{position:relative;width:150px;height:150px;margin:auto;border:1px solid rgba(66,210,235,.38);border-radius:50%;background:radial-gradient(circle,rgba(41,217,125,.17),rgba(18,50,62,.18) 48%,transparent 50%);box-shadow:0 0 26px rgba(55,208,237,.12)}.map-ring{position:absolute;border:1px solid rgba(62,209,235,.18);border-radius:50%;inset:25%}.map-ring.ring-two{inset:8%}.map-radar>b{position:absolute;top:50%;left:50%;padding:4px 6px;border-radius:5px;background:#47e673;color:#07200e;font-size:9px;transform:translate(-50%,-50%)}.map-dot{position:absolute;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#061017;font-size:12px;font-weight:900}.map-dot.dot-bank{top:18%;right:21%;background:#f0c255}.map-dot.dot-resource{bottom:19%;left:16%;background:#46e274}.map-dot.dot-mob{top:58%;right:9%;background:#fa5e5e}.map-dot.dot-travel{top:9%;left:28%;background:#51cfee}.map-legend{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;color:#c4d1d6;font-size:13px}.map-legend span{display:flex;align-items:center;gap:8px}.map-legend i{display:inline-block;width:10px;height:10px;border-radius:50%}.map-legend .dot-bank{background:#f0c255}.map-legend .dot-resource{background:#46e274}.map-legend .dot-mob{background:#fa5e5e}.map-legend .dot-travel{background:#51cfee}.map-legend b{grid-column:1/-1;margin-top:5px;color:#70dcef;font-size:12px;letter-spacing:.08em}
.wiki-xp-visual{display:grid;grid-template-columns:repeat(5,1fr) 1.5fr;gap:8px}.wiki-xp-visual>div{min-height:92px;padding:14px 8px;border:1px solid rgba(96,131,251,.26);border-radius:9px;background:linear-gradient(145deg,rgba(49,48,114,.45),rgba(13,20,49,.45));text-align:center}.wiki-xp-visual>div span,.wiki-xp-visual>div b{display:block}.wiki-xp-visual>div span{color:#aeb5e9;font-size:10px;font-weight:900;letter-spacing:.08em}.wiki-xp-visual>div b{margin-top:12px;color:#8ad6ff;font-size:24px}.wiki-xp-visual aside{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(246,191,84,.4);border-radius:9px;background:rgba(114,75,13,.18);text-align:center}.wiki-xp-visual aside strong{color:#f7c75c;font-size:28px}.wiki-xp-visual aside small{color:#cfbd94}
.wiki-production-flow,.wiki-loot-visual,.wiki-market-visual{display:flex;align-items:stretch;gap:11px}.wiki-production-flow article,.wiki-loot-visual article,.wiki-market-visual article{display:flex;min-width:130px;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:17px 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;text-align:center}.wiki-production-flow article>span{font-size:24px}.wiki-production-flow b,.wiki-loot-visual b,.wiki-market-visual b{margin:4px 0;color:#eef5f7}.wiki-production-flow small,.wiki-loot-visual small,.wiki-market-visual small{color:#8fa0a8;font-size:11px}.flow-raw{background:rgba(46,140,73,.18)}.flow-refined{background:rgba(42,117,161,.17)}.flow-craft{background:rgba(125,62,174,.17)}.wiki-production-flow>i,.wiki-loot-visual>i,.wiki-market-visual>i{align-self:center;color:#53d2e9;font-size:22px;font-style:normal}.wiki-production-flow aside{display:grid;grid-template-columns:repeat(5,auto);align-content:center;gap:5px;min-width:185px;padding:11px;border:1px solid rgba(236,189,83,.3);border-radius:10px;background:rgba(92,61,10,.17);text-align:center}.wiki-production-flow aside strong{grid-column:1/-1;color:#f4c35c;font-size:11px}.wiki-production-flow aside span{padding:3px;color:#d5c699;font-size:10px}.wiki-production-flow aside span:nth-child(2){color:#d1d6d7}.wiki-production-flow aside span:nth-child(3){color:#70d678}.wiki-production-flow aside span:nth-child(4){color:#4ab8ee}.wiki-production-flow aside span:nth-child(5){color:#c77cff}.wiki-production-flow aside span:nth-child(6){color:#ffc94f}
.wiki-generator-visual{display:grid;grid-template-columns:150px 1fr 190px;align-items:center;gap:20px}.generator-core{position:relative;display:flex;width:130px;height:130px;margin:auto;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(72,229,129,.4);border-radius:50%;background:radial-gradient(circle,rgba(39,188,93,.26),rgba(7,24,25,.85) 65%);box-shadow:0 0 26px rgba(54,226,110,.14)}.generator-core span{color:#70e994;font-size:11px;font-weight:900}.generator-core b{color:#f7fbfc;font-size:25px}.generator-core i{position:absolute;inset:-6px;border:2px solid transparent;border-top-color:#58e789;border-radius:50%;animation:wiki-spin 3s linear infinite}.generator-output{padding:17px;border-left:2px solid rgba(65,218,112,.3)}.generator-output span{display:block;color:#75eb98;font-size:26px;font-weight:900}.generator-output b{display:block;margin:3px 0;color:#eaf5f7}.generator-output small{color:#91a2aa}.generator-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.generator-slots i{height:31px;border:1px solid rgba(250,197,82,.35);border-radius:5px;background:linear-gradient(135deg,rgba(228,171,58,.22),rgba(36,25,7,.55))}.generator-slots small{grid-column:1/-1;color:#a7b6bd;font-size:11px;text-align:center}@keyframes wiki-spin{to{transform:rotate(360deg)}}
.wiki-armor-visual{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:10px}.wiki-armor-visual article{position:relative;display:flex;min-height:126px;flex-direction:column;align-items:center;justify-content:center;border-radius:11px;text-align:center}.wiki-armor-visual article span{font-size:26px}.wiki-armor-visual article b{margin:4px 0;color:#f3f8fa}.wiki-armor-visual article small{color:#b9c6cd}.wiki-armor-visual article i{position:absolute;right:9px;bottom:8px;font-style:normal;font-size:13px;font-weight:900}.armor-cloth{border:1px solid rgba(199,109,255,.52);background:linear-gradient(145deg,rgba(108,50,148,.42),rgba(33,14,49,.7))}.armor-cloth i{color:#df9aff}.armor-leather{border:1px solid rgba(80,219,109,.52);background:linear-gradient(145deg,rgba(42,121,59,.42),rgba(15,42,23,.7))}.armor-leather i{color:#7bef90}.armor-plate{border:1px solid rgba(96,176,240,.52);background:linear-gradient(145deg,rgba(42,94,139,.46),rgba(13,29,51,.7))}.armor-plate i{color:#7ec6fb}.wiki-armor-visual aside{display:flex;flex-direction:column;justify-content:center;padding:14px;border-left:2px solid rgba(63,208,236,.36);color:#ecf4f6}.wiki-armor-visual aside strong{color:#63d8ee}.wiki-armor-visual aside span{margin-top:5px;color:#98a8b0;font-size:12px}
.wiki-trait-visual,.wiki-tree-visual,.wiki-waves-visual,.wiki-dungeon-visual,.wiki-social-visual,.wiki-tracker-visual,.wiki-bank-visual{display:flex;align-items:center;gap:12px}.trait-weapon{display:grid;width:72px;height:72px;place-items:center;border:1px solid rgba(224,112,250,.56);border-radius:50%;background:radial-gradient(circle,rgba(185,64,231,.36),rgba(14,17,40,.9));color:#eab0ff;font-size:37px}.wiki-trait-visual>i,.wiki-tree-visual>i,.wiki-social-visual>i{color:#57d6eb;font-size:22px;font-style:normal}.wiki-trait-visual article{flex:1;padding:12px;border:1px solid rgba(206,132,255,.25);border-radius:9px;background:rgba(110,44,140,.16)}.wiki-trait-visual article span,.wiki-trait-visual article b,.wiki-trait-visual article small{display:block}.wiki-trait-visual article span{color:#ce9fff;font-size:10px;font-weight:900}.wiki-trait-visual article b{margin:3px 0;color:#f1e9f7}.wiki-trait-visual article small{color:#a99bb5}.wiki-trait-visual aside{max-width:190px;color:#9eadb5;font-size:12px}
.wiki-tree-visual{justify-content:center}.tree-root,.wiki-tree-visual article{display:flex;min-height:94px;min-width:145px;flex-direction:column;align-items:center;justify-content:center;padding:11px;border-radius:10px;text-align:center}.tree-root{border:1px solid rgba(80,215,234,.38);background:rgba(31,96,118,.22)}.tree-root b{color:#61d8ef}.tree-root span,.wiki-tree-visual small{color:#9cb0b9;font-size:11px}.tree-picked{border:1px solid rgba(80,231,118,.46);background:rgba(36,119,56,.2)}.tree-picked span{color:#74ec91;font-size:10px;font-weight:900}.tree-picked b{margin:4px;color:#ecf7ee}.tree-locked{border:1px solid rgba(240,100,108,.3);background:rgba(100,35,40,.2)}.tree-locked span{color:#f17b83;font-size:10px;font-weight:900}.tree-locked b{margin:4px;color:#f0c1c4}
.wiki-waves-visual{display:block;padding:22px}.waves-head{display:flex;justify-content:space-between;color:#eaf0f2;font-size:13px;font-weight:900}.waves-head span{color:#d99af7}.waves-head b{color:#bbc8ce}.waves-head i{padding:3px 7px;border-radius:4px;background:#8f2736;color:#fff;font-style:normal}.waves-track{display:flex;align-items:center;gap:9px;margin:17px 0}.waves-track span{flex:1;padding:13px 7px;border-radius:8px;text-align:center;font-size:12px;font-weight:900}.waves-track i{color:#8aa0a8;font-style:normal}.waves-track .is-clear{border:1px solid rgba(69,224,113,.4);background:rgba(33,113,58,.25);color:#6eee94}.waves-track .is-current{border:1px solid rgba(234,89,93,.5);background:rgba(124,30,38,.28);color:#ff8589}.waves-track .is-chest{border:1px solid rgba(199,112,255,.42);background:rgba(87,38,115,.28);color:#d89bfd}.wiki-waves-visual small{color:#91a4ad;font-size:11px}
.wiki-loot-visual .loot-crate{display:grid;width:90px;place-items:center;border:1px solid rgba(205,112,255,.48);border-radius:14px;background:radial-gradient(circle,rgba(150,55,218,.43),rgba(27,14,45,.9));color:#f0bdff;font-size:44px;box-shadow:0 0 25px rgba(170,59,238,.17)}.wiki-loot-visual article:first-of-type{background:rgba(77,42,124,.21)}.wiki-loot-visual article:last-of-type{background:rgba(35,100,116,.19)}
.wiki-dungeon-visual{justify-content:center}.wiki-dungeon-visual article{display:flex;min-width:130px;flex:1;flex-direction:column;align-items:center;padding:13px;border:1px solid rgba(234,163,75,.25);border-radius:9px;background:rgba(73,42,12,.2);text-align:center}.wiki-dungeon-visual article span{color:#f4bb58;font-size:11px;font-weight:900}.wiki-dungeon-visual article b{margin:5px 0;color:#f0f6f8}.wiki-dungeon-visual article small{color:#aeafb0;font-size:11px}.wiki-dungeon-visual>i{color:#e7af54;font-style:normal}
.wiki-calendar-visual{padding:18px}.calendar-top{display:flex;justify-content:space-between;gap:16px;padding-bottom:13px;color:#eff5f7}.calendar-top b{color:#f0c258}.calendar-top span{color:#a2b1b8;font-size:12px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-days i{display:grid;height:42px;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:rgba(255,255,255,.035);color:#83939b;font-style:normal}.calendar-days .claimed{border-color:rgba(70,226,110,.45);background:rgba(33,122,58,.26);color:#77ef99}.calendar-days .ready{border-color:rgba(240,188,79,.72);background:rgba(139,92,18,.34);color:#ffe09a;box-shadow:0 0 18px rgba(242,187,67,.12)}.wiki-calendar-visual small{display:block;margin-top:12px;color:#94a5ad;font-size:11px}
.wiki-social-visual article{display:flex;min-height:88px;flex:1;flex-direction:column;justify-content:center;padding:14px;border-radius:9px}.wiki-social-visual article span{font-size:11px;font-weight:900}.wiki-social-visual article b{margin:4px 0;color:#f2f8fa}.wiki-social-visual article small{color:#a6b5bc}.social-chat{border:1px solid rgba(63,226,116,.34);background:rgba(31,104,55,.2)}.social-chat span{color:#63e889}.social-party{border:1px solid rgba(77,183,241,.35);background:rgba(31,85,125,.2)}.social-party span{color:#73c6f8}.social-reward{border:1px solid rgba(233,189,82,.35);background:rgba(103,75,17,.2)}.social-reward span{color:#f3c65b}
.wiki-tracker-visual{justify-content:center}.wiki-tracker-visual article{width:calc(50% - 20px);padding:14px;border-radius:9px}.wiki-tracker-visual span,.wiki-tracker-visual b,.wiki-tracker-visual small{display:block}.wiki-tracker-visual span{font-size:10px;font-weight:900}.wiki-tracker-visual b{margin:4px 0;color:#eff5f7}.wiki-tracker-visual small{color:#a5b5bc}.tracker-quest{border:1px solid rgba(73,200,237,.36);background:rgba(30,91,115,.2)}.tracker-quest span{color:#71d9f1}.tracker-recipe{border:1px solid rgba(215,123,249,.36);background:rgba(91,37,114,.2)}.tracker-recipe span{color:#db9bfd}.wiki-tracker-visual i{display:block;height:7px;margin:8px 0;border-radius:10px;background:rgba(255,255,255,.08)}.wiki-tracker-visual em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#44d5ed,#48e27b)}.tracker-recipe em{background:linear-gradient(90deg,#bd65e6,#f0bc55)}.tracker-plus{color:#58d8ec;font-size:25px}
.wiki-menu-visual{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.wiki-menu-visual article{min-height:88px;padding:12px;border-left:3px solid #4dcce8;background:rgba(255,255,255,.025)}.wiki-menu-visual article:nth-child(2){border-color:#f1b94e}.wiki-menu-visual article:nth-child(3){border-color:#5ce5a4}.wiki-menu-visual article:nth-child(4){border-color:#d57cf0}.wiki-menu-visual article:nth-child(5){border-color:#8cb1ec}.wiki-menu-visual span,.wiki-menu-visual b{display:block}.wiki-menu-visual span{color:#b7c7cd;font-size:10px;font-weight:900}.wiki-menu-visual b{margin-top:8px;color:#eef4f6;font-size:12px;line-height:1.5}
.wiki-bank-visual{display:block}.bank-tabs{display:flex;gap:7px;align-items:center;overflow:hidden;padding-bottom:13px}.bank-tabs span{min-width:84px;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#aab8bd;text-align:center;font-size:11px;font-weight:900}.bank-tabs .is-active{border-color:rgba(75,214,239,.65);background:rgba(34,116,138,.27);color:#78e1f2}.bank-tabs i{margin-left:auto;color:#7ecde4;font-size:11px;font-style:normal;white-space:nowrap}.bank-transfer{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:14px}.bank-transfer article{padding:13px;border-radius:8px;background:rgba(255,255,255,.035)}.bank-transfer article b,.bank-transfer article span{display:block}.bank-transfer article b{color:#e9f4f6;font-size:12px}.bank-transfer article span{margin-top:3px;color:#a8b7be;font-size:11px}.bank-transfer>i{color:#6ddbed;font-size:22px;font-style:normal}.bank-transfer aside{padding:9px;border:1px solid rgba(241,188,79,.35);border-radius:7px;color:#f1c35f;text-align:center;font-size:12px;font-weight:900}.bank-transfer aside small{color:#c0aa78}
.wiki-market-visual article{background:rgba(255,255,255,.025)}.wiki-market-visual article:first-child{border-color:rgba(191,111,255,.42);background:rgba(80,35,112,.22)}.wiki-market-visual article:nth-of-type(2){border-color:rgba(239,184,70,.38);background:rgba(99,65,11,.2)}.wiki-market-visual article:last-child{border-color:rgba(70,222,114,.4);background:rgba(31,106,55,.2)}.wiki-market-visual article span{color:#a4b9c0;font-size:10px;font-weight:900}
@media(max-width:900px){.wiki-xp-visual{grid-template-columns:repeat(3,1fr)}.wiki-xp-visual aside{grid-column:1/-1}.wiki-production-flow{flex-wrap:wrap}.wiki-production-flow aside{width:100%;grid-template-columns:repeat(5,1fr)}.wiki-generator-visual{grid-template-columns:130px 1fr}.generator-slots{grid-column:1/-1}.wiki-armor-visual{grid-template-columns:repeat(3,1fr)}.wiki-armor-visual aside{grid-column:1/-1;border-top:2px solid rgba(63,208,236,.36);border-left:0;text-align:center}.wiki-menu-visual{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.wiki-map-visual,.wiki-generator-visual{grid-template-columns:1fr}.map-legend{grid-template-columns:repeat(2,1fr)}.wiki-tier-rail{justify-content:flex-start}.wiki-production-flow,.wiki-loot-visual,.wiki-market-visual,.wiki-trait-visual,.wiki-tree-visual,.wiki-dungeon-visual,.wiki-social-visual,.wiki-tracker-visual{flex-direction:column}.wiki-production-flow>i,.wiki-loot-visual>i,.wiki-market-visual>i{transform:rotate(90deg)}.wiki-production-flow article,.wiki-loot-visual article,.wiki-market-visual article{width:100%}.wiki-production-flow aside{grid-template-columns:repeat(3,1fr)}.wiki-trait-visual article,.wiki-trait-visual aside{width:100%;max-width:none}.wiki-tree-visual>i{transform:rotate(90deg)}.wiki-waves-visual{overflow-x:auto}.waves-track{min-width:500px}.wiki-armor-visual{grid-template-columns:1fr}.wiki-armor-visual aside{grid-column:auto}.wiki-dungeon-visual article{width:100%}.wiki-dungeon-visual>i{transform:rotate(90deg)}.wiki-social-visual article{width:100%}.wiki-social-visual>i{transform:rotate(90deg)}.wiki-tracker-visual article{width:100%}.wiki-bank-visual{overflow-x:auto}.bank-transfer{min-width:450px}.wiki-menu-visual{grid-template-columns:1fr 1fr}.wiki-xp-visual{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.generator-core i{animation:none}}

/* 2026 discovery layer: fast navigation, richer depth and a consistent footer */
:root{
    --mc-surface-0:#07080b;
    --mc-surface-1:#0d1015;
    --mc-surface-2:#141922;
    --mc-gold:#e5b85a;
    --mc-cyan:#53d6ed;
    --mc-red:#e23e42;
}
body{
    background:
        radial-gradient(circle at 12% 18%,rgba(183,35,46,.09),transparent 28rem),
        radial-gradient(circle at 88% 42%,rgba(40,145,178,.07),transparent 32rem),
        var(--mc-surface-0);
}
.mc-command-trigger{
    display:flex;align-items:center;gap:9px;min-height:36px;padding:7px 10px;
    border:1px solid rgba(255,255,255,.09);border-radius:9px;
    background:rgba(255,255,255,.035);color:#dce3e8;font-size:12px;font-weight:800;
    transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.mc-command-trigger:hover{transform:translateY(-1px);border-color:rgba(83,214,237,.42);background:rgba(83,214,237,.08)}
.steam-primary-button.steam-secondary-button{border-color:rgba(83,214,237,.34);background:linear-gradient(135deg,rgba(26,72,91,.96),rgba(12,30,43,.98));box-shadow:0 12px 32px rgba(0,0,0,.28)}
.steam-primary-button.steam-secondary-button:hover{border-color:rgba(83,214,237,.62);background:linear-gradient(135deg,rgba(31,92,113,.98),rgba(15,39,54,.98))}
.mc-command-trigger kbd,.mc-command-input kbd{
    padding:2px 6px;border:1px solid rgba(255,255,255,.1);border-radius:5px;
    background:#090b10;color:#83919b;font:700 10px/1.4 inherit;box-shadow:inset 0 -1px rgba(255,255,255,.04)
}
.mc-command-dialog{
    width:min(720px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 40px));padding:0;
    border:1px solid rgba(83,214,237,.32);border-radius:18px;overflow:hidden;
    background:rgba(8,11,15,.98);color:#f4f7f8;box-shadow:0 34px 100px rgba(0,0,0,.72),0 0 0 1px rgba(226,62,66,.1),0 0 70px rgba(34,156,186,.12)
}
.mc-command-dialog::backdrop{background:rgba(2,3,5,.78);backdrop-filter:blur(9px)}
.mc-command-shell{padding:18px}
.mc-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 3px 15px}
.mc-command-head>div{display:grid;gap:2px}.mc-command-head span{color:var(--mc-cyan);font-size:10px;font-weight:950;letter-spacing:.16em}.mc-command-head strong{font-size:clamp(21px,3vw,29px);letter-spacing:-.035em}
.mc-command-head button{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(226,62,66,.35);border-radius:9px;background:rgba(116,24,31,.52);color:#fff;font-size:22px}
.mc-command-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(83,214,237,.3);border-radius:11px;background:#090d12;box-shadow:inset 0 1px 10px rgba(0,0,0,.32)}
.mc-command-input>span{color:var(--mc-cyan);font-size:25px}.mc-command-input input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.mc-command-input input::placeholder{color:#697781}
.mc-command-results{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:min(470px,55vh);margin-top:12px;padding:2px;overflow:auto}
.mc-command-results>a{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 12px;min-height:70px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));color:#fff;text-decoration:none}
.mc-command-results>a:hover,.mc-command-results>a:focus{border-color:rgba(229,184,90,.42);background:linear-gradient(145deg,rgba(229,184,90,.1),rgba(83,214,237,.04));transform:translateY(-1px)}
.mc-command-results>a span{font-size:14px;font-weight:900}.mc-command-results>a small{grid-column:1;color:#8f9da6;font-size:11px}.mc-command-results>a i{grid-column:2;grid-row:1/3;align-self:center;color:var(--mc-gold);font-style:normal;font-size:19px}.mc-command-results>a[hidden]{display:none}
.mc-command-empty{grid-column:1/-1;padding:34px 16px;text-align:center;color:#8d99a2}.mc-command-empty a{color:var(--mc-cyan)}
.mc-command-foot{display:flex;justify-content:space-between;padding:12px 4px 0;color:#72808a;font-size:11px}.mc-command-foot a{color:var(--mc-gold);font-weight:900;text-decoration:none}
.home-toolkit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-toolkit-card{position:relative;display:flex;min-height:170px;flex-direction:column;justify-content:flex-end;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:linear-gradient(145deg,rgba(20,25,34,.96),rgba(8,10,14,.96));color:#fff;text-decoration:none}
.home-toolkit-card::before{content:attr(data-mark);position:absolute;right:13px;top:4px;color:rgba(83,214,237,.1);font-size:62px;font-weight:950;letter-spacing:-.08em}.home-toolkit-card::after{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(var(--mc-cyan),var(--mc-gold))}
.home-toolkit-card span{position:relative;color:var(--mc-cyan);font-size:10px;font-weight:950;letter-spacing:.12em}.home-toolkit-card strong{position:relative;margin:7px 0;font-size:20px}.home-toolkit-card small{position:relative;color:#8f9ca5;line-height:1.55}.home-toolkit-card:hover{border-color:rgba(83,214,237,.4);transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.35)}
@media(max-width:1080px){.mc-command-trigger span{display:none}.mc-command-trigger kbd{display:none}.mc-command-trigger::before{content:"⌕";font-size:20px}.home-toolkit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.mc-command-results{grid-template-columns:1fr}.home-toolkit-grid{grid-template-columns:1fr}}
.site-search-page{min-height:70vh}.site-search-hero{padding-top:100px;text-align:center}.site-search-hero h1{margin:8px 0 14px;color:#fff;font-size:clamp(48px,7vw,88px);line-height:.92;letter-spacing:-.06em}.site-search-hero>p:not(.section-kicker){max-width:680px;margin:0 auto;color:#9aa7af;font-size:17px}.site-search-form{display:grid;grid-template-columns:1fr auto;max-width:820px;margin:32px auto 12px;padding:7px;border:1px solid rgba(83,214,237,.36);border-radius:14px;background:rgba(10,14,19,.95);box-shadow:0 20px 65px rgba(0,0,0,.42),0 0 35px rgba(83,214,237,.06)}.site-search-form input{min-width:0;padding:13px 15px;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.site-search-form button{padding:10px 24px;border:1px solid rgba(255,190,125,.3);border-radius:9px;background:linear-gradient(135deg,#dc3c3d,#8e1b28);color:#fff;font-weight:950}.site-search-suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.site-search-suggestions a{padding:5px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#8f9ca5;text-decoration:none;font-size:11px}.site-search-suggestions a:hover{border-color:rgba(229,184,90,.38);color:var(--mc-gold)}.site-search-content{padding-top:38px}.site-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.site-search-grid>a{display:flex;min-height:190px;flex-direction:column;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:linear-gradient(145deg,rgba(20,25,34,.92),rgba(9,11,15,.95));color:#fff;text-decoration:none}.site-search-grid>a:hover{transform:translateY(-3px);border-color:rgba(83,214,237,.4);box-shadow:0 18px 45px rgba(0,0,0,.3)}.site-search-grid span{color:var(--mc-cyan);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.site-search-grid strong{margin:8px 0;font-size:19px}.site-search-grid p{margin:0;color:#8e9ba3;font-size:12px;line-height:1.65}.site-search-grid i{margin-top:auto;padding-top:14px;color:var(--mc-gold);font-size:11px;font-style:normal;font-weight:900}.site-search-none{padding:42px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);text-align:center}.site-search-none strong{font-size:24px}.site-search-none p{color:#8f9ca5}@media(max-width:900px){.site-search-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.site-search-hero{padding-top:70px}.site-search-form{grid-template-columns:1fr}.site-search-form button{min-height:44px}.site-search-grid{grid-template-columns:1fr}}