/* Quiet reading pages belonging to the immersive AstralWorld direction. */
@font-face {
    font-family: 'Oswald';
    src: url('webfonts/Oswald.ttf') format('truetype');
    font-style: normal;
    font-weight: 200 700;
    font-display: swap;
}
body.immersive-page {
    --bg-primary: #0b0a10;
    --bg-secondary: #100d16;
    --bg-card: #15111c;
    --text-primary: #f2eaf0;
    --text-secondary: #c6b9ca;
    --text-muted: #9b8aa4;
    --accent: #d59abb;
    --accent-light: #efc1de;
    --accent-rgb: 213,154,187;
    background: #0b0a10;
    color: var(--text-primary);
    color-scheme: dark;
}
body.immersive-page .header {
    background: rgba(11,10,16,.96);
    border-bottom: 1px solid rgba(224,191,215,.16);
    box-shadow: none;
}
body.immersive-page .header::after { opacity: .15; }
body.immersive-page .header__container { max-width: 1480px; }
body.immersive-page .header__nav { gap: 12px; }
body.immersive-page .header__nav .nav-link {
    font-family: 'Oswald',sans-serif;
    font-weight: 400;
    letter-spacing: .025em;
    font-size: 14px;
    min-width: 0;
    padding-inline: 18px;
}
body.immersive-page .header__nav .nav-separator { opacity: .4; }
body.immersive-page .wiki__sidebar {
    background: #100d16;
    border-right-color: rgba(224,191,215,.12);
    scrollbar-color: #8d607e #100d16;
}
body.immersive-page .wiki__content {
    background-image: linear-gradient(180deg,rgba(11,10,16,.9),#0b0a10 700px),url('../img/immersive/sanctuary.png');
    background-size: 100% 100%, cover;
    background-position: top center;
    background-attachment: scroll;
    padding-top: 64px;
    padding-bottom: 90px;
}
body.immersive-page .wiki__page-title {
    font-family: 'Oswald',sans-serif;
    font-size: clamp(36px,4.4vw,65px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -.025em;
    color: #f5edf3;
    margin-bottom: 20px;
}
body.immersive-page .wiki__divider { width: 80px; height: 1px; background: #cc91b6; margin-bottom: 34px; }
body.immersive-page .wiki__block {
    background: #15111c;
    border-color: rgba(224,191,215,.15);
    border-radius: 10px;
    box-shadow: none;
}
body.immersive-page .wiki__block-header { border-bottom-color: rgba(224,191,215,.15); }
body.immersive-page .wiki__block-header h2 {
    font-family: 'Oswald',sans-serif;
    font-weight: 500;
    font-size: clamp(23px,2.2vw,32px);
    letter-spacing: -.01em;
    line-height: 1.3;
}
body.immersive-page .wiki__sub-block-header h3 {
    font-family: 'Oswald',sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3;
}
body.immersive-page .wiki__concept-lead { color: #d0c2d3; line-height: 1.8; }
body.immersive-page .wiki__mobile-nav select { background-color: #15111c; color: #f5eaf3; border-color: rgba(224,191,215,.26); }
body.immersive-page .wiki__menu-item .wiki__menu-title { font-size: 12px; }
body.immersive-page.page-legal {
    background-image: linear-gradient(180deg,rgba(11,10,16,.72),#0b0a10 780px),url('../img/immersive/journey.png');
    background-size: 100% 100%, auto 850px;
    background-position: top center;
    background-repeat: no-repeat;
}
body.immersive-page .legal {
    max-width: 1020px;
    padding: clamp(52px,6vw,90px) 40px 110px;
}
body.immersive-page .legal h1 {
    font-family: 'Oswald',sans-serif;
    font-weight: 500;
    font-size: clamp(40px,5vw,72px);
    line-height: 1.12;
    letter-spacing: -.03em;
    margin-bottom: 35px;
}
body.immersive-page .legal h2 {
    font-family: 'Oswald',sans-serif;
    font-size: 29px;
    font-weight: 500;
    line-height: 1.3;
    margin: 46px 0 18px;
    letter-spacing: -.015em;
}
body.immersive-page .legal :is(p,li) { color: #c8bbce; font-size: 15px; line-height: 1.85; }
body.immersive-page .legal p { margin-bottom: 18px; }
body.immersive-page .legal .legal__lead { color: #e1d4e4; }
body.immersive-page .legal .legal__updated { font-size: 12px; color: #a391ae; margin-bottom: 36px; }
body.immersive-page .footer { background: #08070c; border-color: rgba(224,191,215,.12); box-shadow: none; }
body.immersive-page .footer::before { opacity: .2; }
body.immersive-page .footer__logo .logo-text,
body.immersive-page .footer__logo .logo-sub { font-family: 'Oswald',sans-serif; font-weight: 500; letter-spacing: .02em; }
body.immersive-page :is(.legal a,.wiki__menu-item):focus-visible { outline: 2px solid #ecc0dc; outline-offset: 3px; }
@media(max-width:768px) {
    body.immersive-page .wiki__content { padding: 28px 18px 60px; }
    body.immersive-page .wiki__page-title { font-size: 38px; }
    body.immersive-page .wiki__block-header h2 { font-size: 25px; }
    body.immersive-page .legal { padding: 40px 22px 80px; }
    body.immersive-page .legal h1 { font-size: clamp(30px,8.4vw,42px); overflow-wrap: anywhere; }
    body.immersive-page .legal h2 { font-size: 25px; margin-top: 36px; }
    body.immersive-page .legal :is(p,li) { font-size: 14px; line-height: 1.8; }
    body.immersive-page .header__nav .nav-link { font-size: 16px; }
}
@media(prefers-reduced-motion:reduce) {
    body.immersive-page .wiki__section { animation: none; }
    body.immersive-page .wiki__menu-item { transition: none; }
}

@media(max-width:640px){body.immersive-page .legal-page h1,body.immersive-page .legal-content h1,body.immersive-page .legal-title{font-size:clamp(30px,8.4vw,42px)}}

@font-face{font-family:Unbounded;src:url('webfonts/Unbounded.ttf') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
body.immersive-page .header__nav .nav-link{font-family:Unbounded,sans-serif;font-size:10px;letter-spacing:-.025em;background:none!important;border:0;box-shadow:none;min-width:0!important;padding-inline:8px}
body.immersive-page .header__nav .nav-link::before,body.immersive-page .header__nav .nav-link::after{content:none}
body.immersive-page .header__nav .nav-link i,body.immersive-page .nav-separator{display:none}