/* =========================================================
   ArmorPlus Wiki
   ========================================================= */


/* =========================================================
   Header
   ========================================================= */

.wiki-header {
    padding:
        3rem 1.5rem;
}


.wiki-header-inner {
    max-width:
        900px;

    margin:
        0 auto;
}


.wiki-eyebrow {
    display:
        inline-block;

    margin-bottom:
        1rem;

    color:
        #d7deff;

    font-family:
        var(--font-accent);

    font-size:
        .72rem;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


.header-actions {
    display:
        flex;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        .75rem;

    margin-top:
        1.5rem;
}


.wiki-primary-button {
    color:
        #ffffff;

    background:
        var(--accent);
}


/* =========================================================
   Layout
   ========================================================= */

.wiki-layout {
    display:
        grid;

    grid-template-columns:
        250px minmax(0, 900px);

    align-items:
        start;

    justify-content:
        center;

    gap:
        2rem;

    max-width:
        1220px;

    margin:
        2rem auto;

    padding:
        0 1.25rem;
}


/* =========================================================
   Sidebar
   ========================================================= */

.wiki-sidebar {
    position:
        sticky;

    top:
        20px;

    max-height:
        calc(100vh - 40px);

    overflow-y:
        auto;

    scrollbar-width:
        thin;

    scrollbar-color:
        rgba(114, 137, 218, .45)
        transparent;
}


.wiki-sidebar-inner {
    padding:
        1rem;

    background:
        #111126;

    border:
        1px solid
        rgba(114, 137, 218, .22);

    border-radius:
        10px;

    box-shadow:
        0 0 12px
        rgba(114, 137, 218, .08);
}


/* =========================================================
   Search
   ========================================================= */

.wiki-search {
    margin-bottom:
        1.25rem;
}


.wiki-search label {
    display:
        block;

    margin-bottom:
        .55rem;

    color:
        var(--accent);

    font-family:
        var(--font-accent);

    font-size:
        .72rem;
}


.wiki-search-field {
    position:
        relative;
}


.wiki-search-icon {
    position:
        absolute;

    left:
        .75rem;

    top:
        50%;

    color:
        #8e9bd0;

    transform:
        translateY(-50%);

    pointer-events:
        none;
}


#wiki-search-input {
    box-sizing:
        border-box;

    width:
        100%;

    padding:
        .7rem .75rem
        .7rem 2rem;

    color:
        var(--text-color);

    background:
        #080812;

    border:
        1px solid
        #34345c;

    border-radius:
        7px;

    outline:
        none;

    font-family:
        var(--font-body);

    font-size:
        .82rem;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


#wiki-search-input::placeholder {
    color:
        #68687c;
}


#wiki-search-input:focus {
    border-color:
        var(--accent);

    box-shadow:
        0 0 8px
        rgba(114, 137, 218, .22);
}


/* =========================================================
   Sidebar Navigation
   ========================================================= */

.wiki-nav {
    display:
        flex;

    flex-direction:
        column;
}


.wiki-nav-heading {
    margin:
        1.1rem 0 .35rem;

    color:
        #70708a;

    font-family:
        var(--font-accent);

    font-size:
        .62rem;

    letter-spacing:
        .1em;

    text-transform:
        uppercase;
}


.wiki-nav-heading:first-child {
    margin-top:
        0;
}


.wiki-nav a {
    position:
        relative;

    display:
        block;

    padding:
        .42rem .6rem;

    color:
        #bcbcd0;

    border-left:
        2px solid transparent;

    border-radius:
        0 5px 5px 0;

    font-size:
        .82rem;

    text-decoration:
        none;

    transition:
        color .15s ease,
        background .15s ease,
        border-color .15s ease;
}


.wiki-nav a:hover {
    color:
        #ffffff;

    background:
        rgba(114, 137, 218, .08);

    border-left-color:
        rgba(114, 137, 218, .55);
}


.wiki-nav a.active {
    color:
        #ffffff;

    background:
        rgba(114, 137, 218, .13);

    border-left-color:
        var(--accent);
}


/* =========================================================
   Sidebar Links
   ========================================================= */

.wiki-sidebar-links {
    display:
        grid;

    gap:
        .45rem;

    margin-top:
        1.4rem;

    padding-top:
        1rem;

    border-top:
        1px solid
        rgba(114, 137, 218, .18);
}


.wiki-sidebar-links a {
    color:
        #9aaeff;

    font-size:
        .78rem;

    text-decoration:
        none;
}


.wiki-sidebar-links a:hover {
    color:
        #ffffff;
}


/* =========================================================
   Main Content
   ========================================================= */

.wiki-content {
    min-width:
        0;
}


.wiki-article {
    scroll-margin-top:
        25px;

    margin-bottom:
        1.5rem;

    padding:
        1.6rem;

    background:
        var(--card-bg);

    border:
        1px solid
        rgba(114, 137, 218, .15);

    border-radius:
        10px;

    box-shadow:
        0 0 10px
        rgba(114, 137, 218, .07);
}


.wiki-article:target {
    border-color:
        rgba(114, 137, 218, .65);

    box-shadow:
        0 0 15px
        rgba(114, 137, 218, .18);
}


.article-heading {
    margin-bottom:
        1.25rem;
}


.article-category {
    display:
        block;

    margin-bottom:
        .35rem;

    color:
        #818dbd;

    font-family:
        var(--font-accent);

    font-size:
        .63rem;

    letter-spacing:
        .1em;

    text-transform:
        uppercase;
}


.wiki-article h2 {
    margin:
        0;

    padding-bottom:
        .65rem;

    color:
        var(--accent);

    border-bottom:
        2px solid
        var(--accent);

    font-family:
        var(--font-accent);

    font-size:
        1.15rem;
}


.wiki-article h3 {
    margin:
        1.5rem 0 .65rem;

    color:
        #a9bfff;

    font-family:
        var(--font-accent);

    font-size:
        .9rem;
}


.wiki-article h4 {
    margin:
        0 0 .5rem;

    color:
        #d6ddff;

    font-family:
        var(--font-accent);

    font-size:
        .82rem;
}


.wiki-article p {
    color:
        #d5d5df;

    line-height:
        1.65;
}


.wiki-lead {
    color:
        #ffffff !important;

    font-size:
        1.08rem;

    font-weight:
        500;
}


/* =========================================================
   Search Status
   ========================================================= */

.wiki-search-status {
    margin-bottom:
        1rem;

    padding:
        .75rem 1rem;

    color:
        #a9bfff;

    background:
        rgba(114, 137, 218, .08);

    border:
        1px solid
        rgba(114, 137, 218, .25);

    border-radius:
        8px;

    font-size:
        .82rem;
}


/* =========================================================
   Feature Cards
   ========================================================= */

.wiki-feature-grid {
    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        .8rem;

    margin-top:
        1.5rem;
}


.wiki-feature-card {
    padding:
        1rem;

    background:
        linear-gradient(
            145deg,
            #15152d,
            #101020
        );

    border:
        1px solid
        rgba(114, 137, 218, .16);

    border-radius:
        8px;
}


.feature-icon {
    display:
        block;

    margin-bottom:
        .6rem;

    color:
        var(--accent);

    font-size:
        1.25rem;
}


.wiki-feature-card h3 {
    margin:
        0 0 .45rem;

    font-size:
        .78rem;
}


.wiki-feature-card p {
    margin:
        0;

    color:
        #ababbd;

    font-size:
        .85rem;
}


/* =========================================================
   Callouts
   ========================================================= */

.wiki-callout {
    display:
        grid;

    grid-template-columns:
        32px 1fr;

    gap:
        .8rem;

    margin:
        1.4rem 0;

    padding:
        1rem;

    background:
        rgba(114, 137, 218, .07);

    border:
        1px solid
        rgba(114, 137, 218, .3);

    border-radius:
        8px;
}


.callout-icon {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        28px;

    height:
        28px;

    color:
        #ffffff;

    background:
        var(--accent);

    border-radius:
        50%;

    font-family:
        var(--font-accent);

    font-size:
        .72rem;

    font-weight:
        bold;
}


.wiki-callout strong {
    display:
        block;

    margin-bottom:
        .3rem;

    color:
        #cbd5ff;
}


.wiki-callout p {
    margin:
        0;

    color:
        #bfc2d3;

    font-size:
        .87rem;
}


.wiki-callout.warning {
    background:
        rgba(218, 166, 76, .06);

    border-color:
        rgba(218, 166, 76, .32);
}


.wiki-callout.warning .callout-icon {
    background:
        #b77b27;
}


.wiki-callout.warning strong {
    color:
        #f0c77d;
}


.wiki-callout.tip {
    background:
        rgba(91, 190, 115, .06);

    border-color:
        rgba(91, 190, 115, .28);
}


.wiki-callout.tip .callout-icon {
    background:
        #438f55;
}


.wiki-callout.tip strong {
    color:
        #91dba2;
}


/* =========================================================
   Progression Steps
   ========================================================= */

.progression-steps {
    display:
        grid;

    gap:
        .8rem;

    margin-top:
        1.4rem;
}


.progression-step {
    display:
        grid;

    grid-template-columns:
        38px 1fr;

    gap:
        .9rem;

    align-items:
        start;

    padding:
        1rem;

    background:
        #14142a;

    border:
        1px solid
        rgba(114, 137, 218, .15);

    border-radius:
        8px;
}


.step-number {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        34px;

    height:
        34px;

    color:
        #ffffff;

    background:
        var(--accent);

    border-radius:
        6px;

    font-family:
        var(--font-accent);

    font-size:
        .72rem;
}


.progression-step h3 {
    margin:
        .1rem 0 .35rem;
}


.progression-step p {
    margin:
        0;

    font-size:
        .88rem;
}


/* =========================================================
   Tier Path
   ========================================================= */

.tier-path {
    display:
        flex;

    align-items:
        stretch;

    gap:
        .5rem;

    margin:
        1.5rem 0;

    overflow-x:
        auto;

    padding-bottom:
        .5rem;
}


.tier-node {
    position:
        relative;

    display:
        flex;

    flex:
        1 0 135px;

    flex-direction:
        column;

    justify-content:
        center;

    min-height:
        70px;

    overflow:
        hidden;

    padding:
        .8rem;

    text-align:
        center;

    background:
        #111124;

    border:
        1px solid
        #34345c;

    border-radius:
        7px;

    transition:
        border-color .2s ease,
        background .2s ease,
        transform .2s ease;
}


.tier-node::before {
    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        0;

    bottom:
        0;

    width:
        3px;

    background:
        #555b78;
}


.tier-node:hover {
    background:
        #15152d;

    transform:
        translateY(-1px);
}


.tier-node.basic::before {
    background:
        #737b98;
}


.tier-node.crystal {
    border-color:
        #6c81d4;
}


.tier-node.crystal::before {
    background:
        #6c81d4;
}


.tier-node.boss {
    border-color:
        #936bba;
}


.tier-node.boss::before {
    background:
        #936bba;
}


.tier-node.legendary {
    border-color:
        #d39d43;
}


.tier-node.legendary::before {
    background:
        #d39d43;
}


.tier-node span {
    margin-bottom:
        .25rem;

    color:
        #7e8197;

    font-size:
        .68rem;

    letter-spacing:
        .06em;

    text-transform:
        uppercase;
}


.tier-node strong {
    color:
        #cbd5ff;

    font-size:
        .78rem;

    line-height:
        1.45;
}


.tier-arrow {
    display:
        flex;

    align-items:
        center;

    color:
        #626985;

    font-size:
        1.2rem;
}


/* =========================================================
   Link Cards
   ========================================================= */

.wiki-link-card {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        1.5rem;

    margin:
        1.4rem 0;

    padding:
        1.2rem;

    background:
        linear-gradient(
            135deg,
            rgba(114, 137, 218, .09),
            rgba(114, 137, 218, .025)
        );

    border:
        1px solid
        rgba(114, 137, 218, .28);

    border-radius:
        9px;
}


.wiki-link-card.prominent {
    border-color:
        rgba(114, 137, 218, .55);

    box-shadow:
        0 0 12px
        rgba(114, 137, 218, .08);
}


.link-card-label {
    color:
        #7e8cc3;

    font-family:
        var(--font-accent);

    font-size:
        .6rem;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}


.wiki-link-card h3 {
    margin:
        .35rem 0 .4rem;
}


.wiki-link-card p {
    margin:
        0;

    max-width:
        570px;

    font-size:
        .86rem;
}


/* =========================================================
   Mini Cards
   ========================================================= */

.wiki-card-grid,
.boss-grid,
.config-grid {
    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        .8rem;

    margin-top:
        1rem;
}


.wiki-mini-card,
.boss-card,
.config-card {
    padding:
        1rem;

    background:
        #121226;

    border:
        1px solid
        rgba(114, 137, 218, .17);

    border-radius:
        8px;
}


.mini-card-type,
.boss-dimension {
    display:
        inline-block;

    margin-bottom:
        .55rem;

    color:
        #7f8fc8;

    font-size:
        .65rem;

    text-transform:
        uppercase;
}


.wiki-mini-card p,
.config-card p {
    margin:
        0;

    color:
        #aeb0c0;

    font-size:
        .82rem;
}


/* =========================================================
   Boss Reference Cards
   ========================================================= */

.boss-card {
    position:
        relative;

    display:
        flex;

    flex-direction:
        column;

    min-width:
        0;

    background:
        linear-gradient(
            145deg,
            #14142b,
            #101021
        );

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}


.boss-card:hover {
    border-color:
        rgba(114, 137, 218, .38);

    box-shadow:
        0 0 12px
        rgba(114, 137, 218, .07);

    transform:
        translateY(-1px);
}


.boss-card:target {
    border-color:
        var(--accent);

    box-shadow:
        0 0 14px
        rgba(114, 137, 218, .18);
}


.boss-card h3 {
    margin:
        0 0 .55rem;

    color:
        #c6d2ff;

    font-size:
        .86rem;
}


.boss-card > p {
    margin:
        0;

    color:
        #b3b5c5;

    font-size:
        .82rem;

    line-height:
        1.55;
}


.boss-dimension {
    width:
        fit-content;

    margin-bottom:
        .65rem;

    padding:
        .2rem .45rem;

    color:
        #9cadf0;

    background:
        rgba(114, 137, 218, .08);

    border:
        1px solid
        rgba(114, 137, 218, .22);

    border-radius:
        4px;

    font-family:
        var(--font-accent);

    font-size:
        .55rem;

    letter-spacing:
        .055em;
}


/* =========================================================
   Boss Details
   ========================================================= */

.boss-details {
    display:
        grid;

    grid-template-columns:
        minmax(75px, auto)
        minmax(0, 1fr);

    gap:
        0;

    margin:
        1rem 0 0;

    padding:
        0;

    border-top:
        1px solid
        rgba(114, 137, 218, .12);
}


.boss-details dt,
.boss-details dd {
    margin:
        0;

    padding:
        .55rem 0;

    border-bottom:
        1px solid
        rgba(114, 137, 218, .08);
}


.boss-details dt {
    padding-right:
        .7rem;

    color:
        #8392c8;

    font-family:
        var(--font-accent);

    font-size:
        .6rem;

    line-height:
        1.5;
}


.boss-details dd {
    min-width:
        0;

    color:
        #c0c1ce;

    font-size:
        .77rem;

    line-height:
        1.5;

    overflow-wrap:
        anywhere;
}


.boss-details dt:last-of-type,
.boss-details dd:last-of-type {
    border-bottom:
        0;
}


/* =========================================================
   Materials
   ========================================================= */

.material-list {
    display:
        grid;

    gap:
        1rem;

    margin-top:
        1.4rem;
}


.material-entry {
    display:
        grid;

    grid-template-columns:
        54px minmax(0, 1fr);

    align-items:
        start;

    gap:
        1rem;

    scroll-margin-top:
        25px;

    padding:
        1.1rem;

    background:
        linear-gradient(
            145deg,
            #14142b,
            #101021
        );

    border:
        1px solid
        rgba(114, 137, 218, .18);

    border-radius:
        9px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}


.material-entry:hover {
    border-color:
        rgba(114, 137, 218, .38);

    box-shadow:
        0 0 12px
        rgba(114, 137, 218, .07);

    transform:
        translateY(-1px);
}


.material-entry:target {
    border-color:
        var(--accent);

    box-shadow:
        0 0 14px
        rgba(114, 137, 218, .18);
}


/* =========================================================
   Material Symbol
   ========================================================= */

.material-symbol {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        50px;

    height:
        50px;

    margin-top:
        .1rem;

    color:
        #d4dcff;

    background:
        #080812;

    border:
        1px solid
        #414974;

    border-radius:
        8px;

    box-shadow:
        inset 0 0 8px
        rgba(114, 137, 218, .08);

    font-family:
        var(--font-accent);

    font-size:
        .82rem;

    font-weight:
        600;
}


/* =========================================================
   Material Content
   ========================================================= */

.material-content {
    min-width:
        0;
}


.material-content h3,
.material-entry h3 {
    margin:
        0 0 .5rem;

    color:
        #c6d2ff;

    font-size:
        .9rem;
}


/* =========================================================
   Material Metadata
   ========================================================= */

.material-meta {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        .4rem;

    margin-bottom:
        .85rem;
}


.material-category,
.material-progression {
    display:
        inline-flex;

    align-items:
        center;

    min-height:
        22px;

    padding:
        .18rem .5rem;

    border-radius:
        4px;

    font-family:
        var(--font-accent);

    font-size:
        .56rem;

    line-height:
        1.3;

    letter-spacing:
        .055em;

    text-transform:
        uppercase;
}


.material-category {
    color:
        #aebcff;

    background:
        rgba(114, 137, 218, .10);

    border:
        1px solid
        rgba(114, 137, 218, .28);
}


.material-progression {
    color:
        #dfc189;

    background:
        rgba(211, 157, 67, .08);

    border:
        1px solid
        rgba(211, 157, 67, .28);
}


/* =========================================================
   Material Information
   ========================================================= */

.material-field {
    position:
        relative;

    margin:
        .45rem 0 0 !important;

    padding-left:
        6rem;

    color:
        #b8bac9 !important;

    font-size:
        .84rem !important;

    line-height:
        1.55;

    overflow-wrap:
        anywhere;
}


.material-field strong {
    position:
        absolute;

    left:
        0;

    top:
        0;

    width:
        5.45rem;

    color:
        #8f9dd2;

    font-family:
        var(--font-accent);

    font-size:
        .67rem;

    font-weight:
        500;

    line-height:
        1.55;
}


.material-field + .material-field {
    margin-top:
        .55rem !important;

    padding-top:
        .55rem;

    border-top:
        1px solid
        rgba(114, 137, 218, .08);
}


.material-field + .material-field strong {
    top:
        .55rem;
}


/* =========================================================
   Crystals
   ========================================================= */

.crystal-grid {
    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        .8rem;

    margin-top:
        1.2rem;
}


.crystal-card {
    padding:
        1rem;

    background:
        #121226;

    border:
        1px solid
        #34345c;

    border-radius:
        8px;
}


.crystal-icon {
    display:
        block;

    margin-bottom:
        .55rem;

    font-size:
        1.3rem;
}


.crystal-card.lava {
    border-color:
        rgba(209, 104, 55, .48);
}


.crystal-card.lava .crystal-icon {
    color:
        #df784c;
}


.crystal-card.frost {
    border-color:
        rgba(92, 181, 218, .48);
}


.crystal-card.frost .crystal-icon {
    color:
        #7cd3ef;
}


.crystal-card.infused {
    border-color:
        rgba(167, 115, 220, .48);
}


.crystal-card.infused .crystal-icon {
    color:
        #bd8be9;
}


.crystal-card h3 {
    margin:
        0 0 .5rem;
}


.crystal-card p {
    margin:
        0;

    color:
        #afb0c1;

    font-size:
        .82rem;
}


/* =========================================================
   Tables
   ========================================================= */

.command-table-wrapper {
    overflow-x:
        auto;

    margin-top:
        1.2rem;

    border-radius:
        8px;
}


.wiki-table {
    width:
        100%;

    border-collapse:
        collapse;

    background:
        #111124;

    border:
        1px solid
        rgba(114, 137, 218, .2);
}


.wiki-table th,
.wiki-table td {
    padding:
        .85rem 1rem;

    text-align:
        left;

    border-bottom:
        1px solid
        rgba(114, 137, 218, .15);
}


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


.wiki-table th {
    color:
        #a9bfff;

    background:
        rgba(114, 137, 218, .08);

    font-family:
        var(--font-accent);

    font-size:
        .72rem;
}


.wiki-table td {
    color:
        #c5c5d3;

    font-size:
        .84rem;

    line-height:
        1.5;
}


.wiki-table tbody tr {
    transition:
        background .15s ease;
}


.wiki-table tbody tr:hover {
    background:
        rgba(114, 137, 218, .035);
}


.wiki-table code,
.wiki-article code {
    padding:
        .18rem .35rem;

    color:
        #d5dcff;

    background:
        #080812;

    border:
        1px solid
        #303052;

    border-radius:
        4px;

    font-family:
        monospace;
}


/* =========================================================
   Config Grid
   ========================================================= */

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


.config-card h3 {
    margin:
        0 0 .45rem;
}


/* =========================================================
   FAQ
   ========================================================= */

.wiki-faq {
    display:
        grid;

    gap:
        .65rem;

    margin-top:
        1rem;
}


.wiki-faq details {
    overflow:
        hidden;

    background:
        #121226;

    border:
        1px solid
        rgba(114, 137, 218, .17);

    border-radius:
        8px;
}


.wiki-faq summary {
    position:
        relative;

    padding:
        .9rem 2.8rem .9rem 1rem;

    color:
        #d4dbff;

    cursor:
        pointer;

    font-weight:
        600;

    list-style:
        none;
}


.wiki-faq summary::-webkit-details-marker {
    display:
        none;
}


.wiki-faq summary::after {
    content:
        "+";

    position:
        absolute;

    right:
        1rem;

    top:
        50%;

    color:
        var(--accent);

    font-family:
        var(--font-accent);

    transform:
        translateY(-50%);

    transition:
        transform .2s ease;
}


.wiki-faq details[open] summary::after {
    transform:
        translateY(-50%)
        rotate(45deg);
}


.wiki-faq details[open] summary {
    background:
        rgba(114, 137, 218, .06);
}


.faq-answer {
    padding:
        0 1rem 1rem;
}


.faq-answer p {
    margin:
        .7rem 0 0;

    font-size:
        .87rem;
}


.faq-answer a {
    color:
        #9aafff;
}


/* =========================================================
   Inline Links
   ========================================================= */

.inline-wiki-link {
    display:
        inline-block;

    margin-top:
        .5rem;

    color:
        #9aafff;

    font-weight:
        600;

    text-decoration:
        none;
}


.inline-wiki-link:hover {
    color:
        #ffffff;

    text-decoration:
        underline;
}


/* =========================================================
   No Results
   ========================================================= */

.wiki-no-results {
    padding:
        3rem 1.5rem;

    text-align:
        center;

    background:
        var(--card-bg);

    border:
        1px solid
        rgba(114, 137, 218, .2);

    border-radius:
        10px;
}


.no-results-icon {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        54px;

    height:
        54px;

    margin:
        0 auto 1rem;

    color:
        #ffffff;

    background:
        rgba(114, 137, 218, .2);

    border:
        1px solid
        var(--accent);

    border-radius:
        50%;

    font-family:
        var(--font-accent);
}


.wiki-no-results h2 {
    color:
        var(--accent);

    font-family:
        var(--font-accent);

    font-size:
        1rem;
}


.wiki-no-results p {
    color:
        #aeb0c0;
}


/* =========================================================
   Search Highlight
   ========================================================= */

.wiki-search-highlight {
    color:
        #ffffff;

    background:
        rgba(114, 137, 218, .35);

    border-radius:
        2px;
}


/* =========================================================
   Mobile Toolbar
   ========================================================= */

.wiki-mobile-toolbar {
    display:
        none;

    max-width:
        900px;

    margin:
        1rem auto 0;

    padding:
        0 1rem;
}


.wiki-menu-toggle {
    width:
        100%;

    padding:
        .8rem 1rem;

    color:
        #cbd5ff;

    background:
        #14142b;

    border:
        1px solid
        rgba(114, 137, 218, .4);

    border-radius:
        8px;

    font-family:
        var(--font-accent);

    font-size:
        .75rem;

    cursor:
        pointer;
}


.wiki-menu-toggle:hover {
    color:
        #ffffff;

    background:
        #181831;

    border-color:
        rgba(114, 137, 218, .65);
}


.wiki-menu-icon {
    margin-right:
        .45rem;
}


/* =========================================================
   Back To Top
   ========================================================= */

.wiki-back-to-top {
    position:
        fixed;

    right:
        20px;

    bottom:
        20px;

    z-index:
        100;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        42px;

    height:
        42px;

    color:
        #ffffff;

    background:
        #1b1b36;

    border:
        1px solid
        var(--accent);

    border-radius:
        8px;

    box-shadow:
        0 0 10px
        rgba(114, 137, 218, .2);

    cursor:
        pointer;

    opacity:
        0;

    visibility:
        hidden;

    transform:
        translateY(8px);

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease,
        background .2s ease;
}


.wiki-back-to-top.visible {
    opacity:
        1;

    visibility:
        visible;

    transform:
        translateY(0);
}


.wiki-back-to-top:hover {
    background:
        var(--accent);
}


/* =========================================================
   Hidden Search Items
   ========================================================= */

.wiki-search-hidden {
    display:
        none !important;
}


/* =========================================================
   Focus Accessibility
   ========================================================= */

.wiki-nav a:focus-visible,
.wiki-sidebar-links a:focus-visible,
.inline-wiki-link:focus-visible,
.wiki-menu-toggle:focus-visible,
.wiki-back-to-top:focus-visible,
.wiki-faq summary:focus-visible {
    outline:
        2px solid
        var(--accent);

    outline-offset:
        2px;
}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 950px) {

    .wiki-layout {
        grid-template-columns:
            210px minmax(0, 1fr);

        gap:
            1rem;
    }


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

}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 760px) {

    .wiki-mobile-toolbar {
        display:
            block;
    }


    .wiki-layout {
        display:
            block;

        margin-top:
            1rem;

        padding:
            0 1rem;
    }


    .wiki-sidebar {
        position:
            static;

        display:
            none;

        max-height:
            none;

        margin-bottom:
            1rem;
    }


    .wiki-sidebar.mobile-open {
        display:
            block;
    }


    .wiki-sidebar-inner {
        padding:
            1rem;
    }


    .wiki-feature-grid,
    .wiki-card-grid,
    .boss-grid,
    .crystal-grid,
    .config-grid {
        grid-template-columns:
            1fr;
    }


    .wiki-link-card {
        align-items:
            stretch;

        flex-direction:
            column;
    }


    .wiki-link-card .button {
        width:
            fit-content;
    }


    .tier-path {
        align-items:
            stretch;

        flex-direction:
            column;

        overflow:
            visible;
    }


    .tier-node {
        flex:
            auto;
    }


    .tier-arrow {
        justify-content:
            center;

        transform:
            rotate(90deg);
    }


    .wiki-article {
        padding:
            1.1rem;
    }


    .wiki-article h2 {
        font-size:
            1rem;
    }


    .wiki-header {
        padding:
            2rem 1rem;
    }

}


/* =========================================================
   Generated Content - Mobile
   ========================================================= */

@media (max-width: 600px) {

    .material-entry {
        grid-template-columns:
            44px minmax(0, 1fr);

        gap:
            .8rem;

        padding:
            .9rem;
    }


    .material-symbol {
        width:
            42px;

        height:
            42px;

        font-size:
            .72rem;
    }


    .material-meta {
        margin-bottom:
            .7rem;
    }


    .material-field {
        padding-left:
            0;
    }


    .material-field strong {
        position:
            static;

        display:
            block;

        width:
            auto;

        margin-bottom:
            .15rem;
    }


    .material-field + .material-field {
        margin-top:
            .6rem !important;

        padding-top:
            .55rem;
    }


    .material-field + .material-field strong {
        position:
            static;
    }


    .boss-details {
        grid-template-columns:
            1fr;
    }


    .boss-details dt {
        padding:
            .55rem 0 .1rem;

        border-bottom:
            0;
    }


    .boss-details dd {
        padding:
            0 0 .55rem;
    }

}


/* =========================================================
   Small Mobile
   ========================================================= */

@media (max-width: 480px) {

    .wiki-layout {
        padding:
            0 .7rem;
    }


    .wiki-mobile-toolbar {
        padding:
            0 .7rem;
    }


    .wiki-article {
        padding:
            1rem;
    }


    .wiki-feature-grid {
        gap:
            .65rem;
    }


    .progression-step {
        grid-template-columns:
            32px 1fr;

        gap:
            .7rem;

        padding:
            .8rem;
    }


    .step-number {
        width:
            30px;

        height:
            30px;
    }


    .material-entry {
        grid-template-columns:
            40px minmax(0, 1fr);

        gap:
            .7rem;

        padding:
            .8rem;
    }


    .material-symbol {
        width:
            38px;

        height:
            38px;
    }


    .material-category,
    .material-progression {
        min-height:
            20px;

        padding:
            .16rem .4rem;

        font-size:
            .52rem;
    }


    .wiki-callout {
        grid-template-columns:
            28px 1fr;

        padding:
            .85rem;
    }


    .callout-icon {
        width:
            26px;

        height:
            26px;
    }


    .wiki-table th,
    .wiki-table td {
        padding:
            .7rem;

        font-size:
            .76rem;
    }


    .wiki-faq summary {
        padding:
            .8rem 2.5rem .8rem .85rem;

        font-size:
            .88rem;
    }


    .faq-answer {
        padding:
            0 .85rem .85rem;
    }


    .wiki-back-to-top {
        right:
            12px;

        bottom:
            12px;
    }

}


/* =========================================================
   Reduced Motion
   ========================================================= */

@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;
    }

}