:root {
  --ink-950: #d1e4ef;
  --ink-900: #c8deea;
  --ink-850: #bed7e5;
  --ink-800: #b2cfdf;
  --ink-700: #a4c5d8;
  --paper: #0c283b;
  --mist: #36566d;
  --muted: #486476;
  --violet: #2f87bd;
  --violet-bright: #17658f;
  --blue: #65add4;
  --gold: #bd8c3e;
  --line: rgba(29, 99, 142, 0.24);
  --line-strong: rgba(25, 91, 133, 0.42);
  --glass: rgba(224, 239, 247, 0.9);
  --font-display: "Cinzel", Georgia, serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
  --shell: min(1180px, calc(100vw - 48px));
  --header-height: 82px;
}

*, *::before, *::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-height) + 24px);
  background: var(--ink-950);
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  color: var(--paper);
  background:
    radial-gradient(circle at 78% 22%, rgba(53, 135, 181, 0.13), transparent 28rem),
    linear-gradient(180deg, #deedf5, var(--ink-950));
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.24;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
}

::selection { color: #fff; background: rgba(26, 111, 158, 0.82); }

img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
p, h1, h2, h3 { margin-top: 0; }

.shell { width: var(--shell); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 999; top: 12px; left: 12px; padding: 10px 16px; color: var(--ink-950); background: #fff; transform: translateY(-150%); transition: transform 160ms ease; }
.skip-link:focus { transform: translateY(0); }

/* Navigation */
.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-height);
  display: flex;
  align-items: center;
  border-bottom: 0px solid transparent;
  background: linear-gradient(to bottom, rgba(5, 6, 14, 0.78), transparent);
  transition: height 240ms ease, background 240ms ease, border-color 240ms ease, backdrop-filter 240ms ease;
}

.site-header.is-scrolled,
body:not(.page-home) .site-header {
  height: 70px;
  border-color: rgba(188, 174, 255, 0.1);
  background: rgba(7, 8, 17, 0.86);
  backdrop-filter: blur(18px) saturate(1.3);
}

.nav-shell { width: min(1380px, calc(100vw - 44px)); margin: auto; display: flex; align-items: center; gap: 26px; }
.brand { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 11px; }
.brand-mark {
  width: 39px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(188, 174, 255, 0.34);
  transform: rotate(45deg);
  background: linear-gradient(135deg, rgba(188, 174, 255, 0.15), rgba(128, 207, 255, 0.03));
  box-shadow: inset 0 0 18px rgba(154, 135, 255, 0.1), 0 0 24px rgba(105, 86, 213, 0.08);
}
.brand-star { color: var(--violet-bright); font-size: 16px; line-height: 1; transform: rotate(-45deg); }
.brand-copy { display: grid; line-height: 1; }
.brand-name { font-family: var(--font-display); font-weight: 600; font-size: 17px; letter-spacing: 0.11em; text-transform: uppercase; }
.brand-kicker { margin-top: 7px; color: var(--muted); font-size: 8px; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; }

.site-nav { display: flex; align-items: center; gap: 5px; margin: 0 auto; }
.nav-link { position: relative; padding: 10px 12px; color: #9b9db6; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; transition: color 180ms ease; }
.nav-link::after { content: ""; position: absolute; left: 50%; bottom: 2px; width: 3px; aspect-ratio: 1; border-radius: 50%; background: var(--violet-bright); box-shadow: 0 0 9px var(--violet); opacity: 0; transform: translate(-50%, 5px); transition: opacity 180ms ease, transform 180ms ease; }
.nav-link:hover, .nav-link:focus-visible, .nav-link.is-active { color: #fff; }
.nav-link.is-active::after { opacity: 1; transform: translate(-50%, 0); }
.nav-menu { position: relative; }
.nav-menu-trigger { display: flex; align-items: center; gap: 5px; }
.nav-menu-chevron { color: currentColor; font-size: 13px; line-height: 1; opacity: .58; transform: translateY(-1px); transition: transform 170ms ease, opacity 170ms ease, text-shadow 170ms ease; }
.nav-dropdown {
  position: absolute;
  z-index: 105;
  top: calc(100% + 10px);
  left: 50%;
  width: 248px;
  padding: 9px;
  border: 1px solid rgba(34, 105, 145, .22);
  background: rgba(225, 239, 246, .98);
  box-shadow: 0 20px 55px rgba(8, 37, 55, .2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, -7px);
  transition: opacity 170ms ease, visibility 170ms ease, transform 170ms ease;
}
.nav-dropdown::before { content: ""; position: absolute; right: 0; bottom: 100%; left: 0; height: 11px; }
.nav-menu:hover .nav-dropdown,
.nav-menu:focus-within .nav-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
.nav-menu:hover .nav-menu-chevron,
.nav-menu:focus-within .nav-menu-chevron { opacity: 1; transform: translateY(2px); text-shadow: 0 3px 9px rgba(52, 153, 201, .5); }
.nav-dropdown-label { display: block; padding: 5px 10px 8px; color: #617d8e; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.nav-dropdown > a { padding: 10px; display: grid; border-top: 1px solid rgba(32, 99, 138, .13); color: #173f58; transition: background 160ms ease, color 160ms ease, padding-left 160ms ease; }
.nav-dropdown > a:hover,
.nav-dropdown > a:focus-visible { padding-left: 14px; background: rgba(89, 171, 209, .12); color: #0b5f89; outline: none; }
.nav-dropdown strong { font-size: 11px; letter-spacing: .04em; }
.nav-dropdown small { margin-top: 2px; color: #648091; font-size: 9px; }
.page-home .site-header:not(.is-scrolled) .nav-dropdown { border-color: rgba(132, 202, 234, .2); background: rgba(8, 27, 42, .97); box-shadow: 0 20px 55px rgba(0, 5, 11, .35); }
.page-home .site-header:not(.is-scrolled) .nav-dropdown-label,
.page-home .site-header:not(.is-scrolled) .nav-dropdown small { color: #8eacbc; }
.page-home .site-header:not(.is-scrolled) .nav-dropdown > a { border-color: rgba(132, 202, 234, .12); color: #d9eef7; }
.page-home .site-header:not(.is-scrolled) .nav-dropdown > a:hover,
.page-home .site-header:not(.is-scrolled) .nav-dropdown > a:focus-visible { color: #fff; background: rgba(99, 190, 229, .12); }
.nav-actions { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
.theme-toggle {
  position: relative;
  min-width: 46px;
  min-height: 40px;
  padding: 6px 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.theme-toggle-track {
  position: relative;
  width: 46px;
  height: 26px;
  flex: 0 0 auto;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(24, 91, 132, 0.32);
  border-radius: 999px;
  background: rgba(193, 220, 233, 0.86);
  box-shadow: inset 0 1px 4px rgba(18, 70, 101, 0.13);
  transition: background-color 360ms ease, border-color 360ms ease, box-shadow 360ms ease;
}
.theme-toggle-track i {
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #f7fcff;
  box-shadow: 0 2px 7px rgba(18, 66, 94, 0.28);
  transition: transform 360ms cubic-bezier(.22, 1, .36, 1), background-color 360ms ease, box-shadow 360ms ease;
}
.theme-icon {
  position: absolute;
  z-index: 1;
  top: 7px;
  width: 11px;
  height: 11px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: color 360ms ease, opacity 360ms ease;
}
.theme-icon-sun { right: 6px; color: #286d94; }
.theme-icon-moon { left: 6px; color: #b9dff2; opacity: 0; }
.theme-toggle:hover .theme-toggle-track { border-color: rgba(24, 91, 132, 0.55); }
.theme-toggle:focus-visible { outline: 2px solid var(--violet-bright); outline-offset: 4px; border-radius: 999px; }
.theme-toggle-text { color: #365d75; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.mobile-theme-toggle { display: none; }
html[data-theme="dark"] .theme-toggle-track { border-color: rgba(117, 199, 237, 0.34); background: #112d40; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.32); }
html[data-theme="dark"] .theme-toggle-track i { background: #9bd8f3; box-shadow: 0 0 10px rgba(103, 198, 239, 0.42); transform: translateX(20px); }
html[data-theme="dark"] .theme-icon-sun { opacity: 0; }
html[data-theme="dark"] .theme-icon-moon { color: #b9e5f7; opacity: 1; }
html[data-theme="dark"] .theme-toggle-text { color: #c1dce9; }
.profile-chip { display: flex; align-items: center; gap: 8px; color: var(--mist); font-size: 12px; font-weight: 600; }
.profile-avatar { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--line-strong); object-fit: cover; }

.nav-toggle { display: none; width: 44px; height: 44px; padding: 11px; border: 0; background: transparent; cursor: pointer; }
.nav-toggle span:not(.sr-only) { display: block; width: 20px; height: 1px; margin: 5px auto; background: #fff; transition: transform 180ms ease, opacity 180ms ease; }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { transform: translateY(6px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(3) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:nth-child(4) { transform: translateY(-6px) rotate(-45deg); }

/* Shared controls */
.button { min-height: 48px; padding: 0 21px; display: inline-flex; justify-content: center; align-items: center; gap: 12px; border: 1px solid transparent; border-radius: 2px; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, .nav-link:focus-visible, .text-link:focus-visible, .brand:focus-visible { outline: 2px solid var(--violet-bright); outline-offset: 4px; }
.button-primary { color: #0a0b15; background: linear-gradient(135deg, #d4cbff, #9f91ed); box-shadow: 0 10px 32px rgba(107, 83, 225, 0.2); }
.button-primary:hover { background: linear-gradient(135deg, #ebe6ff, #b4a8f7); box-shadow: 0 14px 38px rgba(107, 83, 225, 0.3); }
.button-secondary { color: #e6e1ff; border-color: var(--line-strong); background: rgba(22, 23, 44, 0.58); backdrop-filter: blur(10px); }
.button-secondary:hover { border-color: rgba(188, 174, 255, 0.55); background: rgba(39, 37, 70, 0.66); }
.button-ghost { min-height: 39px; color: #ded9fa; border-color: rgba(188, 174, 255, 0.25); background: rgba(15, 16, 31, 0.28); }
.button-ghost:hover { border-color: var(--line-strong); background: rgba(154, 135, 255, 0.1); }
.button-compact { padding: 0 15px; font-size: 9px; }
.button-spark { color: var(--violet-bright); font-size: 10px; }
.text-link { display: inline-flex; align-items: center; gap: 16px; color: #d8d2f6; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.text-link span { color: var(--violet-bright); transition: transform 180ms ease; }
.text-link:hover span { transform: translateX(5px); }

.eyebrow { display: flex; align-items: center; gap: 12px; color: var(--violet-bright); font-size: 10px; font-weight: 800; letter-spacing: 0.22em; text-transform: uppercase; }
.eyebrow > span { width: 29px; height: 1px; background: linear-gradient(to right, transparent, var(--violet)); }
.eyebrow > span:first-child { background: linear-gradient(to right, var(--violet), transparent); }
.card-kicker { display: block; margin-bottom: 9px; color: var(--violet-bright); font-size: 9px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 500; }
h1 em, h2 em { color: var(--violet-bright); font-style: normal; font-weight: 500; }

/* Home hero */
.hero { position: relative; overflow: hidden; min-height: 100svh; }
.home-hero {
  display: grid;
  place-items: center;
  background-image:
    linear-gradient(90deg, rgba(6, 7, 17, 0.92) 0%, rgba(8, 9, 20, 0.68) 38%, rgba(8, 9, 20, 0.1) 70%, rgba(6, 7, 17, 0.2) 100%),
    linear-gradient(to top, var(--ink-950) 0%, rgba(7, 8, 17, 0.08) 35%, rgba(7, 8, 17, 0.36) 100%),
    url('/images/FSP.webp');
  background-position: center;
  background-size: cover;
}
.hero-atmosphere { position: absolute; inset: 0; background: radial-gradient(circle at 66% 36%, rgba(146, 196, 255, 0.22), transparent 22%), radial-gradient(circle at 28% 85%, rgba(128, 77, 220, 0.14), transparent 28%); mix-blend-mode: screen; pointer-events: none; }
#starCanvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.hero-content { position: relative; z-index: 2; display: grid; grid-template-columns: 1.25fr 0.75fr; align-items: center; gap: 60px; padding: 140px 0 110px; }
.hero-copy { max-width: 730px; }
.hero-copy h1 { margin: 24px 0 24px; font-size: clamp(3.35rem, 6.2vw, 6.25rem); line-height: 0.96; letter-spacing: -0.04em; text-wrap: balance; }
.hero-copy h1 em { display: inline-block; color: #d2caff; text-shadow: 0 0 35px rgba(154, 135, 255, 0.24); }
.hero-lead { max-width: 625px; margin-bottom: 31px; color: #c3c4d7; font-size: 16px; line-height: 1.8; }
.hero-lead i { color: #eeecf9; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-proof { display: flex; align-items: center; gap: 24px; margin-top: 48px; }
.hero-proof div { display: flex; align-items: baseline; gap: 9px; }
.hero-proof strong { color: #f3f0ff; font-family: var(--font-display); font-size: 24px; font-weight: 500; }
.hero-proof span { color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.proof-divider { width: 1px; height: 25px; background: var(--line-strong); }

.hero-rune { position: absolute; z-index: 1; width: 230px; aspect-ratio: 1; border: 1px solid rgba(214, 209, 255, 0.08); border-radius: 50%; pointer-events: none; }
.hero-rune::before, .hero-rune::after { content: ""; position: absolute; inset: 18%; border: 1px solid rgba(214, 209, 255, 0.07); transform: rotate(45deg); }
.hero-rune::after { inset: 33%; border-radius: 50%; }
.hero-rune-one { right: -90px; top: 20%; }
.hero-rune-two { left: -130px; bottom: -50px; transform: scale(1.45); }

.realm-seal-wrap { position: relative; justify-self: end; width: 310px; aspect-ratio: 1; display: grid; place-items: center; opacity: 0.94; }
.realm-orbit { position: absolute; border: 1px solid rgba(213, 207, 255, 0.18); border-radius: 50%; animation: orbit-spin 40s linear infinite; }
.realm-orbit::before, .realm-orbit::after { content: ""; position: absolute; inset: 14px; border: 1px dashed rgba(213, 207, 255, 0.12); border-radius: inherit; }
.realm-orbit::after { inset: 34px; }
.realm-orbit-outer { inset: 0; }
.realm-orbit-inner { inset: 45px; animation-direction: reverse; animation-duration: 26s; }
.realm-orbit i { position: absolute; top: 50%; left: -3px; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: var(--violet-bright); box-shadow: 0 0 13px var(--violet); }
.realm-orbit i:nth-child(2) { left: auto; right: -3px; }
.realm-orbit i:nth-child(3) { top: 0; left: 50%; }
.realm-seal { position: relative; width: 124px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(202, 235, 250, .3); border-radius: 50%; background: radial-gradient(circle, rgba(120, 205, 242, .18), rgba(10, 35, 54, .36) 58%, rgba(8, 24, 39, .1) 72%); box-shadow: inset 0 0 38px rgba(103, 190, 232, .13), 0 0 54px rgba(69, 165, 211, .16); backdrop-filter: blur(7px); }
.realm-seal::before { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(205, 238, 252, .18); transform: rotate(45deg); }
.realm-seal::after { content: ""; position: absolute; inset: 25px; border: 1px dashed rgba(183, 227, 248, .2); border-radius: 50%; }
.realm-seal-mark { position: relative; z-index: 1; width: 86px; overflow: visible; filter: drop-shadow(0 0 12px rgba(137, 220, 255, .5)); transform: rotate(-7deg); }
.realm-seal-aura { fill: url('#celestial-aura'); }
.realm-seal-arc, .realm-seal-ring { fill: none; stroke: rgba(177, 225, 248, .44); stroke-linecap: round; stroke-width: 1.1; }
.realm-seal-arc-wide { stroke: rgba(218, 244, 255, .68); stroke-width: 1.7; }
.realm-seal-ring { stroke: rgba(191, 232, 250, .3); stroke-dasharray: 2 5; }
.realm-seal-rays { fill: rgba(163, 218, 244, .2); stroke: rgba(202, 238, 253, .68); stroke-linejoin: round; stroke-width: .7; }
.realm-seal-core { fill: url('#celestial-core'); stroke: #dff7ff; stroke-linejoin: round; stroke-width: .8; }
.realm-seal-facet { fill: rgba(255, 255, 255, .68); }
.realm-seal-heart { fill: #f7fdff; filter: drop-shadow(0 0 5px #a7e5ff); }
.realm-seal-spark { fill: #e9faff; filter: drop-shadow(0 0 3px #9edcf5); }
.realm-seal-spark-small { opacity: .72; }
.realm-seal-spark-faint { opacity: .45; }
.scroll-cue { position: absolute; z-index: 2; bottom: 32px; left: 50%; display: grid; justify-items: center; gap: 9px; color: #a5a5bc; font-size: 8px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; transform: translateX(-50%); }
.scroll-cue i { position: relative; width: 1px; height: 38px; overflow: hidden; background: rgba(255,255,255,.16); }
.scroll-cue i::after { content: ""; position: absolute; top: -100%; left: 0; width: 1px; height: 70%; background: var(--violet-bright); animation: scroll-line 2.3s ease-in-out infinite; }

/* Home content */
.section { position: relative; padding: 118px 0; }
.world-section { background: radial-gradient(circle at 70% 42%, rgba(98, 74, 190, 0.08), transparent 35%); }
.world-section::before { content: ""; position: absolute; inset: 0; opacity: 0.13; pointer-events: none; background-image: linear-gradient(rgba(188,174,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(188,174,255,.18) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to bottom, transparent, #000 30%, #000 70%, transparent); }
.section-heading { position: relative; }
.split-heading { display: grid; grid-template-columns: 1.1fr 0.65fr; align-items: end; gap: 80px; margin-bottom: 62px; }
.section-heading h2 { margin: 19px 0 0; font-size: clamp(2.45rem, 4.4vw, 4.5rem); line-height: 1.08; letter-spacing: -0.035em; }
.split-heading > p { margin: 0 0 7px; color: var(--mist); font-size: 14px; line-height: 1.85; }
.feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.feature-card { position: relative; min-height: 326px; padding: 34px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(22, 24, 46, 0.9), rgba(10, 12, 25, 0.94)); transition: border-color 250ms ease, transform 250ms ease, background 250ms ease; }
.feature-card:hover { border-color: rgba(188,174,255,.38); transform: translateY(-4px); background: linear-gradient(145deg, rgba(27, 29, 56, 0.94), rgba(11, 13, 28, 0.96)); }
.feature-card-wide { grid-column: 1 / -1; min-height: 390px; padding-right: 55%; }
.feature-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 100% 0%, rgba(145, 122, 246, 0.13), transparent 42%); }
.feature-index { position: absolute; top: 28px; right: 30px; color: rgba(188,174,255,.38); font-family: var(--font-display); font-size: 11px; }
.feature-copy { position: relative; z-index: 2; max-width: 510px; }
.feature-copy h3 { margin-bottom: 13px; font-size: clamp(1.5rem, 2.5vw, 2.25rem); line-height: 1.18; }
.feature-copy p { margin: 0; color: var(--mist); font-size: 13px; line-height: 1.8; }
.feature-visual { position: absolute; top: 50%; right: 13%; width: 230px; aspect-ratio: 1; display: grid; place-items: center; transform: translateY(-50%); }
.meditation-ring { position: absolute; border: 1px solid rgba(188, 174, 255, 0.24); border-radius: 50%; }
.meditation-ring::before, .meditation-ring::after { content: ""; position: absolute; width: 7px; aspect-ratio: 1; border-radius: 50%; background: var(--violet-bright); box-shadow: 0 0 15px var(--violet); }
.ring-one { inset: 0; animation: orbit-spin 28s linear infinite; }
.ring-one::before { top: 25px; left: 24px; }.ring-one::after { right: -4px; top: 50%; }
.ring-two { inset: 34px; border-style: dashed; animation: orbit-spin 19s linear infinite reverse; }
.ring-two::before { bottom: 9px; left: 22px; }.ring-two::after { top: -4px; left: 50%; }
.meditation-core { width: 86px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(215,209,255,.45); color: #dfd9ff; font-size: 22px; transform: rotate(45deg); background: rgba(121, 91, 231, 0.13); box-shadow: 0 0 60px rgba(124, 99, 225, .24), inset 0 0 30px rgba(154, 135, 255, .13); }
.meditation-core::first-letter { transform: rotate(-45deg); }
.feature-icon { position: absolute; top: 58px; left: 37px; width: 78px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(188,174,255,.25); color: var(--violet-bright); font-family: var(--font-display); font-size: 34px; transform: rotate(45deg); background: rgba(154,135,255,.06); box-shadow: 0 0 35px rgba(117,89,220,.12); }
.icon-flame { color: #c8b8ff; text-shadow: 0 0 16px var(--violet); }
.icon-blade { color: #b9dcff; }

.path-section { overflow: hidden; border-block: 1px solid rgba(188,174,255,.1); background: #090b17; }
.path-backdrop { position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(90deg, rgba(7,8,17,.95) 0%, rgba(7,8,17,.7) 45%, rgba(7,8,17,.92) 100%), url('/images/FSP.webp'); background-size: cover; background-position: 50% 70%; filter: saturate(.7); }
.path-backdrop::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(65,52,130,.1), transparent 40%), radial-gradient(circle at 65% 44%, rgba(143,125,235,.25), transparent 25%); }
.path-layout { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 100px; }
.path-copy h2 { margin: 21px 0 25px; font-size: clamp(2.45rem, 4.2vw, 4.25rem); line-height: 1.08; letter-spacing: -.035em; }
.path-copy > p { max-width: 460px; margin-bottom: 31px; color: var(--mist); font-size: 14px; }
.realm-path { position: relative; margin: 0; padding: 0; list-style: none; }
.realm-path::before { content: ""; position: absolute; top: 34px; bottom: 42px; left: 24px; width: 1px; background: linear-gradient(var(--violet), rgba(188,174,255,.12)); }
.realm-step { position: relative; min-height: 106px; display: grid; grid-template-columns: 50px 1fr; gap: 24px; opacity: .55; }
.realm-node { position: relative; z-index: 2; width: 49px; height: 49px; display: grid; place-items: center; border: 1px solid rgba(188,174,255,.25); border-radius: 50%; color: var(--mist); background: #0c0e1c; font-family: var(--font-display); font-size: 12px; }
.realm-step.is-complete, .realm-step.is-current { opacity: 1; }
.realm-step.is-complete .realm-node { color: #10121f; border-color: var(--violet-bright); background: var(--violet-bright); }
.realm-step.is-current .realm-node { color: #fff; border-color: var(--violet-bright); box-shadow: 0 0 24px rgba(154,135,255,.35), inset 0 0 14px rgba(154,135,255,.18); }
.realm-step div { padding-top: 2px; }
.realm-step small { display: block; margin-bottom: 2px; color: var(--violet-bright); font-size: 8px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.realm-step strong { display: block; margin-bottom: 3px; font-family: var(--font-display); font-size: 19px; font-weight: 500; }
.realm-step p { margin: 0; color: var(--muted); font-size: 11px; }
.realm-step-final { min-height: auto; }

.arsenal-section { background: radial-gradient(circle at 50% 30%, rgba(105,80,201,.08), transparent 30rem); }
.centered-heading { max-width: 780px; margin: 0 auto 58px; text-align: center; }
.centered-heading .eyebrow { justify-content: center; }
.centered-heading p { max-width: 620px; margin: 23px auto 0; color: var(--mist); font-size: 14px; }
.discipline-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.discipline-card { position: relative; min-height: 420px; padding: 42px 34px 34px; display: flex; flex-direction: column; align-items: center; text-align: center; border: 1px solid var(--line); background: rgba(12,14,28,.72); transition: transform 240ms ease, border-color 240ms ease, background 240ms ease; }
.discipline-card:hover { transform: translateY(-6px); border-color: var(--line-strong); background: rgba(18,20,39,.9); }
.discipline-featured { border-color: rgba(188,174,255,.32); background: linear-gradient(180deg, rgba(39,34,75,.66), rgba(12,14,28,.9)); box-shadow: 0 20px 70px rgba(83,59,174,.12); }
.featured-label { position: absolute; top: 0; left: 50%; padding: 7px 15px; color: #11121e; background: var(--violet-bright); font-size: 7px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; transform: translate(-50%,-50%); }
.discipline-sigil { width: 120px; aspect-ratio: 1; margin-bottom: 38px; display: grid; place-items: center; border: 1px solid rgba(188,174,255,.22); border-radius: 50%; background: radial-gradient(circle, rgba(139,111,243,.18), transparent 65%); box-shadow: 0 0 50px rgba(99,72,204,.12); }
.discipline-sigil::before, .discipline-sigil::after { content: ""; position: absolute; width: 95px; aspect-ratio: 1; border: 1px dashed rgba(188,174,255,.15); border-radius: 50%; }
.discipline-sigil::after { width: 76px; transform: rotate(45deg); border-radius: 0; }
.discipline-sigil span { position: relative; z-index: 1; color: #dcd6ff; font-family: Georgia, serif; font-size: 32px; text-shadow: 0 0 18px var(--violet); }
.sigil-flame span { color: #d6b8ff; }.sigil-spirit span { color: #b8d6ff; }
.discipline-number { position: absolute; top: 27px; right: 27px; color: rgba(188,174,255,.33); font-family: var(--font-display); font-size: 10px; }
.discipline-card h3 { margin-bottom: 13px; font-size: 24px; }
.discipline-card p { margin-bottom: 24px; color: var(--mist); font-size: 12px; }
.discipline-tag { margin-top: auto; padding: 7px 12px; border: 1px solid rgba(188,174,255,.17); color: var(--violet-bright); font-size: 7px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }

.community-section { padding-top: 70px; }
.community-panel { position: relative; min-height: 440px; padding: 70px 7%; display: flex; flex-direction: column; justify-content: center; overflow: hidden; border: 1px solid var(--line-strong); background: linear-gradient(100deg, rgba(16,17,34,.97), rgba(24,24,50,.82)), url('/images/FSP.webp') center 60% / cover; }
.community-panel::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 78% 42%, rgba(130,108,232,.24), transparent 25%), linear-gradient(90deg, rgba(7,8,17,.36), transparent); }
.community-copy { position: relative; z-index: 2; max-width: 620px; }
.community-copy h2 { margin: 19px 0 20px; font-size: clamp(2.8rem, 5.2vw, 5rem); line-height: .98; letter-spacing: -.04em; }
.community-copy p { max-width: 530px; margin-bottom: 30px; color: var(--mist); font-size: 14px; }
.community-stat { position: absolute; z-index: 2; right: 5%; bottom: 42px; display: flex; align-items: center; gap: 11px; padding: 15px 18px; border: 1px solid var(--line); background: rgba(8,9,20,.7); backdrop-filter: blur(12px); }
.live-dot { width: 7px; aspect-ratio: 1; border-radius: 50%; background: #81e6b0; box-shadow: 0 0 12px #45c987; }
.community-stat strong, .community-stat small { display: block; }
.community-stat strong { font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }.community-stat small { color: var(--muted); font-size: 9px; }
.community-constellation { position: absolute; z-index: 1; top: 8%; right: 8%; width: 340px; aspect-ratio: 1; border: 1px solid rgba(188,174,255,.09); border-radius: 50%; }
.community-constellation::before, .community-constellation::after { content: ""; position: absolute; inset: 18%; border: 1px solid rgba(188,174,255,.08); transform: rotate(45deg); }.community-constellation::after { inset: 34%; border-radius: 50%; }
.community-constellation i { position: absolute; width: 4px; aspect-ratio: 1; border-radius: 50%; background: #fff; box-shadow: 0 0 10px var(--violet); }.community-constellation i:nth-child(1) { top: 5%; left: 50%; }.community-constellation i:nth-child(2) { top: 30%; right: 5%; }.community-constellation i:nth-child(3) { bottom: 8%; right: 27%; }.community-constellation i:nth-child(4) { bottom: 19%; left: 11%; }.community-constellation i:nth-child(5) { top: 27%; left: 7%; }

/* Interior page hero */
.page-hero { position: relative; min-height: 470px; display: flex; align-items: end; overflow: hidden; border-bottom: 1px solid var(--line); background: var(--ink-900); }
.page-hero-art { position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(7,8,17,.95) 0%, rgba(7,8,17,.7) 50%, rgba(7,8,17,.4) 100%), linear-gradient(to top, var(--ink-900), transparent 65%), url('/images/FSP.webp'); background-position: center 48%; background-size: cover; filter: saturate(.6) contrast(1.05); opacity: .54; transform: scale(1.02); }
.page-hero-art::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 70% 30%, rgba(120,100,220,.28), transparent 27%); }
.page-hero-art::after { content: "✦"; position: absolute; right: 8%; bottom: 10%; color: rgba(188,174,255,.13); font-size: 150px; line-height: 1; }
.page-hero-inner { position: relative; z-index: 2; padding-bottom: 63px; }
.page-hero h1 { margin: 20px 0 14px; font-size: clamp(3rem, 5.5vw, 5.3rem); line-height: .98; letter-spacing: -.04em; }
.page-hero p { max-width: 650px; margin: 0; color: var(--mist); font-size: 15px; }
.page-section { min-height: 55vh; padding-top: 88px; }

/* Codex */
.codex-layout { display: grid; grid-template-columns: 245px 1fr; align-items: start; gap: 80px; }
.codex-aside { position: sticky; top: 105px; }
.aside-label { display: block; margin-bottom: 18px; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.codex-aside nav { display: grid; border-top: 1px solid var(--line); }
.codex-aside nav a { padding: 14px 0; display: flex; justify-content: space-between; color: #8f91ac; border-bottom: 1px solid var(--line); font-size: 11px; font-weight: 700; transition: padding 180ms ease, color 180ms ease; }
.codex-aside nav a span { color: rgba(188,174,255,.32); font-family: var(--font-display); font-size: 9px; }
.codex-aside nav a:hover, .codex-aside nav a.is-active { padding-left: 8px; color: #e7e3ff; }
.codex-aside nav a.is-active { border-left: 1px solid var(--violet); }
.aside-note { margin-top: 32px; padding: 21px; border: 1px solid var(--line); background: rgba(16,18,34,.7); }
.aside-note > span { color: var(--violet-bright); }.aside-note p { margin: 12px 0 2px; font-family: var(--font-display); font-size: 14px; }.aside-note a { color: var(--muted); font-size: 9px; font-weight: 700; text-transform: uppercase; }
.codex-content { min-width: 0; }
.codex-block { position: relative; padding: 0 0 92px; margin-bottom: 92px; border-bottom: 1px solid var(--line); }
.codex-block:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.block-number { position: absolute; top: -28px; right: 0; color: rgba(188,174,255,.07); font-family: var(--font-display); font-size: 80px; line-height: 1; }
.codex-block h2 { margin-bottom: 18px; font-size: clamp(2rem, 3.4vw, 3.1rem); }
.block-lead { max-width: 750px; margin-bottom: 38px; color: var(--mist); font-size: 14px; }
.start-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.start-steps > div { padding: 26px 23px; border: 1px solid var(--line); background: rgba(15,17,32,.76); }
.start-steps span { width: 28px; aspect-ratio: 1; margin-bottom: 21px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--violet-bright); font-family: var(--font-display); font-size: 9px; }
.start-steps strong { display: block; margin-bottom: 8px; font-family: var(--font-display); font-size: 14px; font-weight: 500; }.start-steps p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.realm-table { border-top: 1px solid var(--line); }
.realm-row { min-height: 74px; display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 18px; border-bottom: 1px solid var(--line); transition: background 180ms ease, padding 180ms ease; }
.realm-row:hover { padding-inline: 10px; background: rgba(188,174,255,.035); }
.realm-rank { width: 34px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--line-strong); color: var(--violet-bright); font-family: var(--font-display); font-size: 9px; transform: rotate(45deg); }
.realm-row > div strong, .realm-row > div small { display: block; }.realm-row > div strong { font-family: var(--font-display); font-size: 14px; font-weight: 500; }.realm-row > div small { color: var(--muted); font-size: 9px; }
.realm-status { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.realm-row-locked { opacity: .55; }
.system-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.system-grid article { position: relative; min-height: 225px; padding: 28px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(18,20,39,.85), rgba(10,12,24,.9)); }
.system-icon { position: absolute; top: 24px; right: 25px; color: rgba(188,174,255,.45); font-family: Georgia, serif; font-size: 23px; }
.system-grid h3 { margin: 35px 0 9px; font-size: 20px; }.system-grid p { min-height: 50px; color: var(--muted); font-size: 10px; }.system-grid a { color: var(--violet-bright); font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.resource-links { display: grid; gap: 9px; }
.resource-links a { min-height: 78px; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); background: rgba(15,17,32,.68); transition: padding 180ms ease, border-color 180ms ease; }.resource-links a:hover { padding-inline: 29px; border-color: var(--line-strong); }
.resource-links small, .resource-links strong { display: block; }.resource-links small { color: var(--muted); font-size: 7px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }.resource-links strong { font-family: var(--font-display); font-size: 15px; font-weight: 500; }.resource-links i { color: var(--violet-bright); font-style: normal; }

/* Commands */
.command-shell { max-width: 980px; }
.command-toolbar { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 36px; margin-bottom: 20px; }
.command-search { min-height: 58px; padding: 0 18px; display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 12px; border: 1px solid var(--line-strong); background: rgba(17,19,37,.85); }
.command-search svg { width: 18px; fill: none; stroke: var(--muted); stroke-width: 1.5; }
.command-search input { min-width: 0; color: #fff; border: 0; outline: 0; background: transparent; font-size: 12px; }.command-search input::placeholder { color: #686b87; }
.command-search kbd { padding: 3px 8px; border: 1px solid var(--line); color: var(--muted); background: rgba(0,0,0,.2); font-family: var(--font-body); font-size: 9px; }
.command-count { min-width: 105px; display: grid; text-align: right; }.command-count strong { color: var(--violet-bright); font-family: var(--font-display); font-size: 25px; font-weight: 500; line-height: 1; }.command-count span { margin-top: 6px; color: var(--muted); font-size: 7px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.command-guide { margin-bottom: 29px; padding: 20px 23px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; border-left: 2px solid var(--violet); background: rgba(111,89,199,.08); }
.guide-mark { color: var(--violet-bright); }.command-guide strong { display: block; font-family: var(--font-display); font-size: 12px; font-weight: 500; }.command-guide p { margin: 2px 0 0; color: var(--muted); font-size: 9px; }.command-guide > a { color: var(--violet-bright); font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.command-list { display: grid; gap: 8px; }
.command-row { min-height: 76px; padding: 16px 19px 16px 24px; display: grid; grid-template-columns: minmax(185px, .45fr) 1fr auto; align-items: center; gap: 25px; border: 1px solid var(--line); background: rgba(14,16,31,.76); transition: border-color 180ms ease, transform 180ms ease, background 180ms ease; }.command-row:hover { border-color: rgba(188,174,255,.33); background: rgba(21,22,43,.9); transform: translateX(3px); }
.command-row[hidden] { display: none; }
.command-row code { overflow-wrap: anywhere; color: #e6e1ff; font-family: var(--font-body); font-size: 12px; font-weight: 700; }.command-row code span { margin-right: 2px; color: var(--violet-bright); }.command-row p { margin: 0; color: var(--muted); font-size: 10px; }
.copy-command { padding: 8px 10px; display: flex; align-items: center; gap: 6px; border: 0; color: var(--muted); background: transparent; cursor: pointer; font-size: 7px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.copy-command:hover { color: var(--violet-bright); }.copy-command svg { width: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.empty-state { padding: 70px 30px; text-align: center; border: 1px solid var(--line); background: rgba(14,16,31,.7); }.empty-state[hidden] { display: none; }.empty-sigil { display: block; margin-bottom: 20px; color: var(--violet-bright); font-size: 28px; }.empty-state h2 { margin-bottom: 10px; font-size: 24px; }.empty-state p { max-width: 520px; margin: 0 auto 25px; color: var(--muted); font-size: 11px; }

/* Chronicle */
.chronicle-layout { display: grid; grid-template-columns: 230px 1fr; align-items: start; gap: 80px; }
.chronicle-meta { position: sticky; top: 105px; padding: 26px 0; border-block: 1px solid var(--line); }.chronicle-meta > strong { display: block; margin-bottom: 8px; font-family: var(--font-display); font-size: 18px; font-weight: 500; }.chronicle-meta p { color: var(--muted); font-size: 10px; }.release-status { margin-top: 20px; display: flex; align-items: center; gap: 8px; color: #a9d4bc; font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.timeline { position: relative; }.timeline::before { content: ""; position: absolute; top: 12px; bottom: 40px; left: 17px; width: 1px; background: linear-gradient(var(--violet), rgba(188,174,255,.08)); }
.timeline-entry { position: relative; padding: 0 0 70px 64px; }
.timeline-marker { position: absolute; z-index: 2; top: 0; left: 0; width: 35px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--violet-bright); background: var(--ink-950); }.timeline-marker span:empty { width: 5px; aspect-ratio: 1; border-radius: 50%; background: var(--muted); }
.timeline-date { margin-bottom: 15px; display: flex; align-items: baseline; gap: 12px; }.timeline-date span { color: var(--violet-bright); font-size: 8px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }.timeline-date small { color: var(--muted); font-size: 9px; }
.timeline-card { padding: 35px; border: 1px solid var(--line); background: rgba(15,17,33,.8); }.timeline-featured .timeline-card { border-color: rgba(188,174,255,.3); background: linear-gradient(145deg, rgba(29,27,57,.85), rgba(13,15,30,.92)); }
.entry-heading { display: flex; justify-content: space-between; gap: 25px; }.entry-heading h2 { margin-bottom: 16px; font-size: 25px; }.entry-badge { align-self: start; padding: 6px 10px; color: var(--violet-bright); border: 1px solid var(--line-strong); font-size: 7px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.entry-badge-muted { color: var(--muted); }
.timeline-card > p { color: var(--mist); font-size: 11px; }
.change-list { margin: 25px 0 0; padding: 21px 0 0; display: grid; gap: 11px; border-top: 1px solid var(--line); list-style: none; }.change-list li { color: var(--mist); font-size: 10px; }.change-list li span { min-width: 52px; margin-right: 10px; display: inline-block; color: var(--violet-bright); font-size: 7px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.timeline-end { padding-left: 7px; display: flex; align-items: center; gap: 30px; color: var(--muted); }.timeline-end span { position: relative; z-index: 2; color: var(--violet-bright); font-size: 19px; }.timeline-end p { margin: 0; font-size: 9px; font-style: italic; }

/* Chronicle archive */
.chronicle-index-section { padding-top: 82px; background: #d1e4ee; }
.chronicle-intro { margin-bottom: 38px; display: grid; grid-template-columns: .8fr 1.2fr; align-items: end; gap: 80px; }
.chronicle-intro h2 { margin: 0; color: #0c2d42; font-size: clamp(2rem, 3.6vw, 3.4rem); line-height: 1.1; }
.chronicle-intro > p { margin: 0 0 5px; color: #36586e; font-size: 14px; line-height: 1.8; }

.latest-release { position: relative; min-height: 300px; margin-bottom: 78px; padding: 42px; display: grid; grid-template-columns: 180px 1fr auto; align-items: center; gap: 45px; overflow: hidden; border: 1px solid rgba(23, 88, 129, .36); background: linear-gradient(120deg, #bdd9e7, #e1edf3 72%); box-shadow: 0 18px 46px rgba(20, 66, 94, .12); cursor: pointer; transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease; }
.latest-release:hover { border-color: rgba(19, 78, 115, .52); box-shadow: 0 23px 54px rgba(20, 66, 94, .17); transform: translateY(-3px); }
.latest-release:focus-visible { border-color: #1e719f; outline: 3px solid rgba(30, 113, 159, .38); outline-offset: 4px; box-shadow: 0 23px 54px rgba(20, 66, 94, .17); transform: translateY(-3px); }
.latest-release::before { content: ""; position: absolute; top: -150px; right: -60px; width: 390px; height: 390px; border: 1px solid rgba(26, 104, 151, .12); border-radius: 50%; }
.latest-release::after { content: "✦"; position: absolute; right: 11%; top: 27px; color: rgba(20, 93, 139, .07); font-size: 180px; line-height: 1; }
.latest-release-mark { position: relative; z-index: 1; width: 150px; aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(20, 91, 134, .36); transform: rotate(45deg); background: rgba(219, 237, 246, .72); box-shadow: inset 0 0 30px rgba(32, 119, 169, .08); }
.latest-release-mark > * { transform: rotate(-45deg); }
.latest-release-mark span { color: #42677d; font-size: 8px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.latest-release-mark strong { margin-top: 9px; color: #0e4869; font-family: var(--font-display); font-size: 20px; font-weight: 600; }
.latest-release-body { position: relative; z-index: 1; max-width: 640px; }
.release-meta { margin-bottom: 12px; display: flex; gap: 22px; color: #315c75; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.release-meta span + span { position: relative; }
.release-meta span + span::before { content: ""; position: absolute; top: 50%; left: -12px; width: 3px; aspect-ratio: 1; border-radius: 50%; background: #347fa9; }
.latest-release h2 { margin-bottom: 13px; color: #0b3047; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.1; }
.latest-release-body > p { max-width: 650px; margin-bottom: 22px; color: #345a70; font-size: 14px; }
.release-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.release-tags span { padding: 7px 10px; border: 1px solid rgba(24, 94, 137, .22); color: #245b7a; background: rgba(226, 240, 247, .7); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.release-open { position: relative; z-index: 2; min-width: 132px; display: grid; justify-items: end; gap: 14px; color: #103e59; }
.release-open span { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.release-open i { width: 48px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(18, 79, 116, .35); border-radius: 50%; font-size: 18px; font-style: normal; transition: color 180ms ease, background 180ms ease, transform 180ms ease; }
.latest-release:is(:hover, :focus-visible) .release-open i { color: #eaf7fd; background: #1e719f; transform: translateX(4px); }

.archive-heading { margin-bottom: 22px; display: flex; align-items: center; justify-content: space-between; }
.archive-heading > span { color: #4a687b; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.release-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.release-card { min-width: 0; border: 1px solid rgba(23, 88, 129, .24); background: linear-gradient(145deg, rgba(231, 241, 246, .96), rgba(207, 227, 237, .92)); box-shadow: 0 12px 30px rgba(22, 69, 99, .08); transition: border-color 200ms ease, transform 200ms ease, box-shadow 200ms ease; }
.release-card:hover { border-color: rgba(19, 78, 115, .44); transform: translateY(-4px); box-shadow: 0 17px 38px rgba(22, 69, 99, .13); }
.release-card > a { min-height: 325px; padding: 28px; display: flex; flex-direction: column; }
.release-card-top { display: flex; align-items: center; justify-content: space-between; }
.release-version { color: #0f557d; font-family: var(--font-display); font-size: 18px; font-weight: 600; }
.release-sequence { color: #526e80; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.release-card-body { margin: auto 0; padding: 30px 0; }
.release-card h2 { margin-bottom: 12px; color: #0b3047; font-size: 22px; line-height: 1.22; }
.release-card p { margin: 0; color: #31566d; font-size: 13px; line-height: 1.75; }
.release-card-footer { padding-top: 16px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(26, 94, 135, .18); color: #486779; font-size: 9px; font-weight: 700; }
.release-card-footer i { color: #175e88; font-size: 15px; font-style: normal; }

.archive-context { margin-top: 48px; padding: 25px 28px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; border: 1px solid rgba(24, 91, 132, .22); background: rgba(210, 229, 238, .82); }
.archive-context-icon { width: 38px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(21, 88, 129, .3); color: #155e88; transform: rotate(45deg); }
.archive-context strong { display: block; color: #12364d; font-family: var(--font-display); font-size: 14px; font-weight: 600; }
.archive-context p { margin: 3px 0 0; color: #31566d; font-size: 12px; }
.archive-context a { color: #125b84; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

/* Chronicle release detail */
.release-hero { position: relative; min-height: 590px; padding-top: var(--header-height); display: flex; align-items: stretch; overflow: hidden; border-bottom: 1px solid rgba(22, 87, 128, .25); background: #b9d3e1; }
.release-hero-art { position: absolute; inset: 0; opacity: .29; background-image: linear-gradient(90deg, rgba(208, 229, 239, .98), rgba(194, 220, 233, .88) 55%, rgba(176, 208, 225, .56)), linear-gradient(to top, #bcd5e2, transparent 65%), url('/images/FSP.webp'); background-size: cover; background-position: center 48%; filter: saturate(.72); }
.release-hero-art::after { content: ""; position: absolute; right: 9%; top: 24%; width: 230px; aspect-ratio: 1; border: 1px solid rgba(23, 94, 136, .14); border-radius: 50%; box-shadow: inset 0 0 0 35px rgba(255,255,255,.03), inset 0 0 0 36px rgba(23,94,136,.08); }
.release-hero-inner { position: relative; z-index: 1; padding: 42px 0 65px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; gap: 34px 70px; align-items: end; }
.release-back { grid-column: 1 / -1; align-self: start; display: inline-flex; align-items: center; gap: 10px; color: #204f69; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.release-back span { transition: transform 180ms ease; }.release-back:hover span { transform: translateX(-4px); }
.release-title-block { max-width: 780px; }
.release-overline { margin-bottom: 17px; display: flex; align-items: center; gap: 12px; color: #325c74; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.release-overline i { width: 24px; height: 1px; background: rgba(22, 89, 131, .4); }
.release-hero-version { display: block; margin-bottom: 10px; color: #125d88; font-family: var(--font-display); font-size: 19px; font-weight: 600; }
.release-title-block h1 { margin-bottom: 17px; color: #082d43; font-size: clamp(3rem, 5.4vw, 5.4rem); line-height: .98; letter-spacing: -.045em; }
.release-title-block > p { max-width: 710px; margin: 0; color: #31546a; font-size: 15px; line-height: 1.8; }
.release-hero-stats { display: grid; gap: 1px; border: 1px solid rgba(24, 91, 132, .25); background: rgba(211, 230, 239, .72); backdrop-filter: blur(10px); }
.release-hero-stats div { min-width: 135px; padding: 17px 20px; display: grid; border-bottom: 1px solid rgba(24, 91, 132, .18); }
.release-hero-stats div:last-child { border-bottom: 0; }
.release-hero-stats strong { color: #0e496b; font-family: var(--font-display); font-size: 22px; font-weight: 600; }
.release-hero-stats span { color: #4a687a; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }

.release-content-section { padding-top: 85px; background: #d1e4ee; }
.release-key-art { position: relative; margin: 0 0 72px; min-height: 430px; overflow: hidden; border: 1px solid rgba(62, 151, 197, .3); background: #071b2b; box-shadow: 0 28px 75px rgba(9, 50, 78, .2); }
.release-key-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(3, 16, 27, .98), rgba(4, 19, 32, .18) 58%, transparent 78%); pointer-events: none; }
.release-key-art > img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.release-key-art figcaption { position: absolute; z-index: 1; inset: auto 0 0; padding: 35px 39px; display: flex; align-items: end; justify-content: space-between; gap: 35px; color: #eaf8ff; }
.release-key-art figcaption > div { max-width: 690px; }
.release-key-art .card-kicker { color: #75d5f4; }
.release-key-art h2 { margin: 8px 0 7px; color: #f1fbff; font-size: clamp(1.7rem, 3.2vw, 3rem); text-shadow: 0 2px 24px rgba(0,0,0,.55); }
.release-key-art p { margin: 0; color: #bdd7e4; font-size: 12px; line-height: 1.7; }
.release-key-art ul { max-width: 390px; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; list-style: none; }
.release-key-art li { padding: 7px 9px; border: 1px solid rgba(135, 210, 242, .28); background: rgba(5, 29, 44, .66); color: #d6eff9; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; backdrop-filter: blur(8px); }
.release-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); align-items: start; gap: 72px; }
.release-aside { position: sticky; top: 100px; }
.release-aside nav { display: grid; border-top: 1px solid rgba(26, 92, 132, .2); }
.release-aside nav a { padding: 12px 0; display: flex; justify-content: space-between; gap: 14px; border-bottom: 1px solid rgba(26, 92, 132, .2); color: #31556c; font-size: 11px; font-weight: 700; line-height: 1.45; transition: padding 180ms ease, color 180ms ease, border-color 180ms ease; }
.release-aside nav a:hover { padding-left: 7px; color: #0e4e73; border-color: rgba(19, 80, 117, .4); }
.release-aside nav i { flex: 0 0 auto; color: #507084; font-family: var(--font-display); font-size: 9px; font-style: normal; }
.release-aside-version { margin-top: 25px; padding: 18px; display: grid; border: 1px solid rgba(24, 91, 132, .24); background: rgba(213, 231, 240, .75); }
.release-aside-version span { color: #4c697b; font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.release-aside-version strong { color: #0f4f74; font-family: var(--font-display); font-size: 21px; font-weight: 600; }
.release-article { min-width: 0; }
.historical-note { margin-bottom: 16px; padding: 20px 23px; display: grid; grid-template-columns: auto 1fr; gap: 16px; border: 1px solid rgba(159, 108, 31, .28); background: rgba(229, 214, 178, .45); }
.historical-note > span { width: 27px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(135, 88, 22, .4); border-radius: 50%; color: #76501e; font-family: var(--font-display); font-size: 11px; }
.historical-note strong { color: #583f1e; font-family: var(--font-display); font-size: 13px; }
.historical-note p { margin: 3px 0 0; color: #5d482a; font-size: 12px; }
.release-summary-card { margin-bottom: 52px; padding: 28px 31px; border: 1px solid rgba(23, 88, 129, .29); background: linear-gradient(125deg, #c5deea, #e1edf3); box-shadow: 0 13px 30px rgba(21, 67, 96, .09); }
.release-highlight-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.release-highlight-list div { min-height: 68px; padding: 14px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(24, 91, 132, .18); background: rgba(224, 238, 245, .72); }
.release-highlight-list span { color: #17628d; }
.release-highlight-list strong { color: #15384e; font-family: var(--font-display); font-size: 12px; font-weight: 600; line-height: 1.4; }

.release-section { padding-bottom: 62px; margin-bottom: 62px; border-bottom: 1px solid rgba(25, 91, 131, .22); scroll-margin-top: 100px; }
.release-section:last-of-type { margin-bottom: 20px; }
.release-section-heading { margin-bottom: 25px; display: grid; grid-template-columns: 48px 1fr; gap: 20px; align-items: start; }
.release-section-number { width: 42px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(22, 88, 128, .35); color: #185d84; background: rgba(208, 228, 238, .72); font-family: var(--font-display); font-size: 11px; transform: rotate(45deg); }
.release-section-heading h2 { margin: 0; color: #0a3047; font-size: clamp(1.75rem, 3vw, 2.65rem); line-height: 1.12; }
.release-section-heading p { max-width: 700px; margin: 9px 0 0; color: #31566d; font-size: 13px; line-height: 1.75; }
.change-groups { display: grid; border-top: 1px solid rgba(24, 91, 132, .21); }
.change-entry { min-height: 62px; padding: 15px 5px; display: grid; grid-template-columns: 105px 1fr; align-items: start; gap: 18px; border-bottom: 1px solid rgba(24, 91, 132, .18); }
.change-entry p { margin: 0; color: #294e66; font-size: 13px; line-height: 1.72; }
.change-type { width: fit-content; min-width: 76px; padding: 5px 8px; border: 1px solid rgba(26, 92, 132, .3); color: #164f71; background: rgba(201, 225, 236, .7); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.change-type[data-type="New"], .change-type[data-type="Content"] { color: #1d6048; border-color: rgba(34, 116, 83, .32); background: rgba(178, 218, 199, .5); }
.change-type[data-type="Fixed"] { color: #7a422e; border-color: rgba(148, 76, 48, .3); background: rgba(229, 199, 186, .55); }
.change-type[data-type="Balanced"] { color: #6b5121; border-color: rgba(139, 102, 31, .3); background: rgba(228, 213, 174, .55); }
.change-type[data-type="Improved"] { color: #245778; border-color: rgba(40, 102, 143, .3); background: rgba(185, 215, 233, .55); }
.change-type[data-type="Changed"], .change-type[data-type="Reworked"] { color: #534f78; border-color: rgba(91, 84, 135, .3); background: rgba(207, 203, 229, .52); }

.release-pagination { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.release-pagination-link { min-height: 132px; padding: 22px; display: flex; flex-direction: column; border: 1px solid rgba(23, 88, 129, .25); background: rgba(211, 230, 239, .8); transition: border-color 180ms ease, transform 180ms ease, background 180ms ease; }
.release-pagination-link:hover { border-color: rgba(19, 78, 115, .44); background: #daeaf1; transform: translateY(-3px); }
.release-pagination-link span { color: #41647a; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.release-pagination-link strong { margin-top: auto; color: #0f5279; font-family: var(--font-display); font-size: 18px; font-weight: 600; }
.release-pagination-link small { color: #31566d; font-size: 11px; }
.release-pagination-newer { text-align: right; align-items: end; }
.release-not-found { min-height: 50vh; display: grid; place-items: center; background: #d1e4ee; }

/* Store */
.store-section { background: radial-gradient(circle at 50% 28%, rgba(92,70,182,.09), transparent 36rem); }
.store-notice { position: relative; margin-bottom: 88px; padding: 34px 37px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; overflow: hidden; border: 1px solid var(--line-strong); background: linear-gradient(100deg, rgba(41,35,77,.68), rgba(15,17,33,.84)); }.store-notice::after { content: "✦"; position: absolute; right: 20%; color: rgba(188,174,255,.05); font-size: 130px; }
.bonus-seal { position: relative; z-index: 1; width: 98px; aspect-ratio: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; border: 1px solid rgba(39,132,191,.4); border-radius: 50%; background: radial-gradient(circle at 34% 28%, rgba(255,255,255,.92), rgba(161,218,241,.86) 42%, rgba(67,153,197,.34)); box-shadow: inset 0 0 0 8px rgba(226,245,252,.32), 0 12px 28px rgba(24,88,124,.16); }
.bonus-seal::before { content: "✦"; position: absolute; top: 8px; right: 14px; color: rgba(21,104,149,.42); font-size: 12px; }
.bonus-seal strong { color: #0d496a; font-family: var(--font-display); font-size: 25px; line-height: 1; }
.bonus-seal span { margin-top: 6px; color: #2c6682; font-size: 8px; font-weight: 800; letter-spacing: .1em; line-height: 1; text-transform: uppercase; }
.store-notice > div:nth-child(2) { position: relative; z-index: 1; }.store-notice h2 { margin-bottom: 6px; font-size: 21px; }.store-notice p { margin: 0; color: var(--muted); font-size: 10px; }.store-notice .text-link { position: relative; z-index: 1; }
.store-heading { margin-bottom: 43px; display: flex; align-items: end; justify-content: space-between; gap: 50px; }.store-heading h2 { margin: 16px 0 0; font-size: clamp(2.2rem, 4vw, 3.7rem); }.store-heading > p { max-width: 310px; margin: 0 0 7px; color: var(--muted); font-size: 11px; text-align: right; }
.pass-offerings { margin-bottom: 84px; }
.pass-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.store-pass-card { --pass-accent: #6dbde3; position: relative; min-height: 430px; padding: 30px 28px 27px; display: flex; flex-direction: column; align-items: center; overflow: hidden; border: 1px solid rgba(109, 189, 227, .25); background: linear-gradient(155deg, rgba(18, 37, 51, .96), rgba(8, 24, 36, .98)); text-align: center; transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease; }
.store-pass-card::before { content: ""; position: absolute; top: 42px; width: 210px; height: 210px; border-radius: 50%; background: color-mix(in srgb, var(--pass-accent) 18%, transparent); filter: blur(30px); }
.store-pass-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--pass-accent) 58%, transparent); box-shadow: 0 24px 60px rgba(18, 89, 126, .16); }
.store-pass-card.pass-crown { --pass-accent: #d4a95d; }
.store-pass-card.pass-battle { --pass-accent: #79a7d3; }
.pass-featured { border-color: rgba(212, 169, 93, .48); background: linear-gradient(155deg, rgba(49, 44, 35, .97), rgba(19, 27, 33, .98)); box-shadow: 0 24px 70px rgba(112, 79, 25, .15); }
.pass-value-ribbon { color: #0b3147; background: #8fd6ef; white-space: nowrap; }
.pass-tier, .pass-access { position: relative; z-index: 1; font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.pass-tier { color: var(--muted); }
.pass-access { margin-bottom: 10px; color: var(--pass-accent); }
.store-item-art { position: relative; z-index: 1; width: min(100%, 220px); aspect-ratio: 1; overflow: hidden; border: 1px solid rgba(123, 195, 229, .3); background: #081a29; box-shadow: 0 14px 34px rgba(7, 35, 52, .2); }
.store-item-art::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 58%, rgba(3, 15, 25, .24)); box-shadow: inset 0 0 28px rgba(4, 17, 27, .24); }
.store-item-art img { width: 100%; height: 100%; display: block; object-fit: cover; }
.pass-art { margin: 12px 0 16px; border-color: color-mix(in srgb, var(--pass-accent) 42%, transparent); box-shadow: 0 14px 34px color-mix(in srgb, var(--pass-accent) 18%, transparent); }
.store-pass-card h3 { position: relative; z-index: 1; margin: 0 0 10px; color: #edf8fd; font-size: 27px; line-height: 1.08; }
.store-pass-card > p { position: relative; z-index: 1; max-width: 270px; min-height: 44px; margin: 0 0 18px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.pass-benefits { position: relative; z-index: 1; width: 100%; margin: 0 0 16px; padding: 18px 0; display: grid; gap: 10px; border-block: 1px solid color-mix(in srgb, var(--pass-accent) 22%, transparent); list-style: none; text-align: left; }
.pass-benefits li { position: relative; padding-left: 19px; color: #c7dbe5; font-size: 12px; line-height: 1.58; }
.pass-benefits li::before { content: "✦"; position: absolute; top: 1px; left: 0; color: var(--pass-accent); font-size: 9px; }
.pack-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.diamond-pack { position: relative; min-height: 445px; padding: 30px 28px 27px; display: flex; flex-direction: column; align-items: center; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(155deg, rgba(21,23,45,.9), rgba(10,12,24,.96)); text-align: center; transition: transform 220ms ease, border-color 220ms ease; }.diamond-pack:hover { transform: translateY(-5px); border-color: var(--line-strong); }.diamond-pack::before { content: ""; position: absolute; width: 200px; height: 200px; top: 40px; border-radius: 50%; background: rgba(106,82,212,.09); filter: blur(25px); }
.pack-featured { border-color: rgba(188,174,255,.46); background: linear-gradient(155deg, rgba(40,34,77,.92), rgba(13,14,31,.96)); box-shadow: 0 24px 70px rgba(79,56,173,.14); }.popular-ribbon { position: absolute; top: 0; left: 50%; padding: 7px 15px; color: #11121e; background: var(--violet-bright); font-size: 7px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; transform: translateX(-50%); }
.store-card-tabs { position: relative; z-index: 3; width: calc(100% + 56px); min-height: 30px; margin: -30px -28px 20px; display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: center; gap: 6px; background: transparent; }
.store-card-tab { min-height: 30px; padding: 8px 11px; display: grid; place-items: center; border: 1px solid rgba(124, 194, 226, .42); border-top: 0; color: #0a3148; background: #86cce9; box-shadow: 0 7px 18px rgba(5, 29, 43, .14); font-size: 10px; font-weight: 800; letter-spacing: .05em; line-height: 1.3; text-transform: uppercase; white-space: nowrap; }
.most-chosen-tab { flex: 0 0 auto; color: #173148; border-color: rgba(167, 168, 224, .52); background: #b8b9ed; }
.first-bonus-tab { flex: 0 1 auto; max-width: 100%; }
.pack-tier { position: relative; z-index: 1; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; }
.diamond-art { margin: 14px 0 17px; border-color: rgba(122, 103, 220, .38); box-shadow: 0 14px 34px rgba(70, 52, 155, .2); }
.diamond-pack h3 { position: relative; z-index: 1; margin-bottom: 7px; color: #ebe8ff; font-size: 28px; }.diamond-pack h3 small { display: block; margin-top: 2px; color: var(--muted); font-family: var(--font-body); font-size: 8px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.pack-bonus { position: relative; z-index: 1; min-height: 20px; margin-bottom: 20px; color: var(--muted); font-size: 9px; }.pack-bonus strong { color: var(--violet-bright); }
.pack-price { position: relative; z-index: 1; margin-bottom: 17px; display: flex; align-items: baseline; gap: 6px; }.pack-price strong { font-family: var(--font-display); font-size: 18px; font-weight: 500; }.pack-price span { color: var(--muted); font-size: 6px; font-weight: 800; letter-spacing: .12em; }
.pack-button { position: relative; z-index: 1; width: 100%; min-height: 43px; margin-top: auto; }
.store-information { margin-top: 70px; padding: 31px 34px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 50px; border: 1px solid var(--line); background: rgba(15,17,32,.68); }.store-information > div { display: grid; grid-template-columns: auto 1fr; column-gap: 16px; }.info-symbol { grid-row: 1 / 3; width: 34px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--violet-bright); font-family: var(--font-display); font-size: 12px; }.store-information h3 { margin: 0; font-size: 15px; }.store-information p { margin: 4px 0 0; color: var(--muted); font-size: 9px; }.store-information nav { display: flex; gap: 17px; }.store-information nav a { color: var(--mist); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.store-information nav a span { margin-left: 3px; color: var(--violet-bright); }

/* Calculator */
.calculator-section { display: grid; place-items: center; }.calculator-wrap { max-width: 760px; }.calculator-card { padding: 45px; border: 1px solid var(--line-strong); background: linear-gradient(145deg, rgba(28,27,55,.9), rgba(12,14,28,.94)); box-shadow: 0 30px 90px rgba(0,0,0,.3); }.calculator-head { margin-bottom: 34px; display: flex; align-items: center; gap: 20px; }.calculator-sigil { width: 56px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--line-strong); color: var(--violet-bright); font-size: 18px; transform: rotate(45deg); }.calculator-head > div { flex: 1; }.calculator-head h2 { margin: 0; font-size: 25px; }
.calculator-form { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 14px; }.calculator-form .button { grid-column: 1 / -1; margin-top: 10px; }.input-group { display: grid; gap: 8px; }.input-group span { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }.input-group input { width: 100%; height: 55px; padding: 0 16px; color: #fff; border: 1px solid var(--line); outline: 0; background: rgba(6,7,17,.5); }.input-group input:focus { border-color: var(--violet); box-shadow: 0 0 0 3px rgba(154,135,255,.08); }.operator { align-self: end; height: 55px; display: grid; place-items: center; color: var(--violet-bright); }
.calculator-message { margin-top: 18px; padding: 17px; border: 1px solid var(--line); text-align: center; }.calculator-message[hidden] { display: none; }.result-message { display: flex; justify-content: center; align-items: baseline; gap: 15px; color: #dff9e8; border-color: rgba(112,216,157,.28); background: rgba(62,156,101,.08); }.result-message span { font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.result-message strong { font-family: var(--font-display); font-size: 23px; }.error-message { color: #ffd3dd; border-color: rgba(230,104,133,.28); background: rgba(174,60,86,.08); font-size: 10px; }

/* Footer and floating Discord link */
.site-footer { position: relative; padding: 90px 0 25px; overflow: hidden; border-top: 1px solid var(--line); background: #070811; }
.footer-glow { position: absolute; top: -180px; left: 50%; width: 700px; height: 300px; border-radius: 50%; background: rgba(103,78,205,.13); filter: blur(80px); transform: translateX(-50%); }
.footer-inner { position: relative; width: var(--shell); margin: 0 auto 65px; display: flex; justify-content: space-between; gap: 80px; }
.footer-brand > p { max-width: 320px; margin: 22px 0 0; color: var(--muted); font-family: var(--font-display); font-size: 12px; font-style: italic; }
.footer-links { display: flex; gap: 90px; }.footer-links > div { min-width: 110px; display: grid; gap: 10px; }.footer-heading { margin-bottom: 7px; color: var(--violet-bright); font-size: 8px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }.footer-links a { color: var(--muted); font-size: 10px; transition: color 180ms ease, transform 180ms ease; }.footer-links a:hover { color: #fff; transform: translateX(3px); }
.footer-bottom { position: relative; width: var(--shell); margin: auto; padding-top: 22px; display: flex; justify-content: space-between; color: #565970; border-top: 1px solid var(--line); font-size: 7px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.discord-orb { position: fixed; z-index: 90; right: 25px; bottom: 25px; width: 50px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(188,174,255,.38); border-radius: 50%; color: #dcd6ff; background: rgba(18,19,38,.84); box-shadow: 0 10px 30px rgba(0,0,0,.3), 0 0 20px rgba(103,78,205,.12); backdrop-filter: blur(10px); transition: transform 180ms ease, background 180ms ease; }.discord-orb:hover { transform: translateY(-3px) scale(1.04); background: rgba(91,75,170,.7); }.discord-orb svg { width: 22px; }

/* Motion */
.js [data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity 720ms ease, transform 720ms cubic-bezier(.2,.8,.2,1); }
.js [data-reveal-delay="1"] { transition-delay: 100ms; }.js [data-reveal-delay="2"] { transition-delay: 190ms; }.js [data-reveal-delay="3"] { transition-delay: 280ms; }
.js [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
@keyframes scroll-line { 0% { top: -100%; } 55%,100% { top: 100%; } }

@media (max-width: 1050px) {
  :root { --shell: min(100% - 40px, 960px); }
  .site-nav { gap: 0; }.nav-link { padding-inline: 8px; font-size: 10px; }
  .profile-chip span { display: none; }
  .hero-content { grid-template-columns: 1fr .45fr; }.realm-seal-wrap { width: 250px; }
  .path-layout { gap: 60px; }
  .codex-layout, .chronicle-layout { gap: 45px; }
  .pack-grid, .pass-grid { grid-template-columns: repeat(2, 1fr); }
  .store-pass-card:last-child { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
  :root { --header-height: 70px; }
  .nav-shell { width: calc(100vw - 28px); }
  .nav-toggle { display: block; margin-left: auto; }
  .site-nav { position: fixed; z-index: 99; inset: 70px 0 auto; padding: 22px 20px 28px; display: grid; gap: 2px; border-bottom: 1px solid var(--line-strong); background: rgba(7,8,17,.97); backdrop-filter: blur(18px); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 180ms ease, transform 180ms ease, visibility 180ms; }
  .site-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
  .nav-link { padding: 13px 10px; font-size: 11px; }.nav-link::after { left: 0; bottom: 50%; transform: translateY(50%); }.nav-link.is-active::after { transform: translateY(50%); }
  .nav-actions { display: none; }
  .hero-content { grid-template-columns: 1fr; }.realm-seal-wrap { display: none; }
  .hero-copy { max-width: 660px; }
  .split-heading { grid-template-columns: 1fr; gap: 22px; }
  .feature-card-wide { padding-right: 42%; }.feature-visual { right: 3%; opacity: .65; }
  .path-layout { grid-template-columns: 1fr; gap: 70px; }.path-copy > p { max-width: 620px; }
  .discipline-grid { grid-template-columns: 1fr; }.discipline-card { min-height: 360px; }
  .codex-layout, .chronicle-layout { grid-template-columns: 1fr; }.codex-aside, .chronicle-meta { position: relative; top: auto; }.codex-aside nav { grid-template-columns: repeat(2, 1fr); column-gap: 20px; }.aside-note { display: none; }
  .store-notice { grid-template-columns: auto 1fr; }.store-notice .text-link { grid-column: 2; }.store-information { grid-template-columns: 1fr; }.store-information nav { flex-wrap: wrap; }
}

@media (max-width: 620px) {
  :root { --shell: calc(100vw - 32px); }
  body { font-size: 15px; }
  .brand-mark { width: 34px; }.brand-name { font-size: 15px; }
  .home-hero { background-position: 58% center; }
  .home-hero::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: rgba(5,6,14,.1); }
  .hero-content { padding: 125px 0 110px; }
  .hero-copy h1 { font-size: clamp(3.05rem, 14.8vw, 4.6rem); }
  .hero-lead { font-size: 14px; }.hero-actions { display: grid; }.hero-actions .button { width: 100%; }
  .hero-proof { gap: 12px; justify-content: space-between; }.hero-proof div { display: grid; gap: 1px; }.hero-proof strong { font-size: 20px; }.hero-proof span { font-size: 7px; }.proof-divider { height: 30px; }
  .scroll-cue { display: none; }
  .section { padding: 86px 0; }.section-heading h2 { font-size: clamp(2.25rem, 11vw, 3.3rem); }
  .feature-grid { grid-template-columns: 1fr; }.feature-card, .feature-card-wide { grid-column: auto; min-height: 330px; padding: 27px; }.feature-card-wide { padding-right: 27px; padding-top: 180px; }.feature-visual { top: 27px; right: 50%; width: 150px; transform: translate(50%,0); }.feature-copy h3 { font-size: 1.65rem; }.feature-icon { top: 44px; width: 68px; }
  .path-copy h2 { font-size: 2.7rem; }.realm-step { grid-template-columns: 43px 1fr; gap: 18px; }.realm-node { width: 43px; height: 43px; }.realm-path::before { left: 21px; }.realm-step p { padding-right: 5px; }
  .discipline-card { min-height: 380px; padding-inline: 25px; }
  .community-panel { min-height: 520px; padding: 55px 28px 125px; }.community-copy h2 { font-size: 3.25rem; }.community-stat { left: 28px; right: auto; bottom: 37px; }.community-constellation { right: -120px; }
  .page-hero { min-height: 410px; }.page-hero-inner { padding-bottom: 48px; }.page-hero h1 { font-size: 3.15rem; }.page-hero p { font-size: 13px; }.page-hero-art { background-position: 58% center; }
  .page-section { padding-top: 70px; }
  .codex-aside nav { grid-template-columns: 1fr; }.codex-block { margin-bottom: 70px; padding-bottom: 70px; }.start-steps, .system-grid { grid-template-columns: 1fr; }.realm-row { grid-template-columns: 38px 1fr; }.realm-status { display: none; }
  .command-toolbar { grid-template-columns: 1fr; gap: 13px; }.command-count { display: flex; gap: 8px; align-items: baseline; text-align: left; }.command-guide { grid-template-columns: auto 1fr; }.command-guide > a { grid-column: 2; }.command-row { grid-template-columns: 1fr auto; gap: 8px; padding: 17px; }.command-row p { grid-column: 1 / -1; grid-row: 2; }.copy-command { grid-column: 2; grid-row: 1; }
  .chronicle-layout { gap: 45px; }.timeline-entry { padding-left: 47px; }.timeline::before { left: 13px; }.timeline-marker { width: 27px; }.timeline-card { padding: 25px 21px; }.entry-heading { display: block; }.entry-badge { display: inline-block; margin-bottom: 12px; }
  .store-notice { padding: 29px 24px; grid-template-columns: 1fr; text-align: center; }.bonus-seal { margin: 0 auto; }.store-notice .text-link { grid-column: 1; justify-content: center; }.store-heading { display: block; }.store-heading > p { margin-top: 15px; text-align: left; }.pack-grid, .pass-grid { grid-template-columns: 1fr; }.store-pass-card:last-child { grid-column: auto; }.diamond-pack { min-height: 420px; }.store-pass-card { min-height: 410px; }.store-information { padding: 26px 22px; }.store-information nav { display: grid; }
  .calculator-card { padding: 31px 22px; }.calculator-form { grid-template-columns: 1fr; }.operator { height: 20px; }.calculator-form .button { grid-column: 1; }.calculator-head { align-items: flex-start; }
  .footer-inner { margin-bottom: 45px; display: grid; gap: 50px; }.footer-links { gap: 50px; }.footer-bottom { display: grid; gap: 6px; }.discord-orb { right: 16px; bottom: 16px; width: 46px; }
}

/* Light celestial theme */
body::before { opacity: 0.1; }

.site-header.is-scrolled,
body:not(.page-home) .site-header {
  border-color: rgba(36, 119, 176, 0.14);
  background: rgba(244, 251, 255, 0.9);
  box-shadow: 0 8px 30px rgba(37, 101, 145, 0.07);
}
.site-header.is-scrolled .brand-name,
body:not(.page-home) .site-header .brand-name { color: #153b58; }
.site-header.is-scrolled .brand-kicker,
body:not(.page-home) .site-header .brand-kicker { color: #66849b; }
.site-header.is-scrolled .brand-mark,
body:not(.page-home) .site-header .brand-mark { border-color: rgba(36, 119, 176, 0.3); background: rgba(92, 185, 235, 0.12); }
.site-header.is-scrolled .nav-link,
body:not(.page-home) .site-header .nav-link { color: #55758e; }
.site-header.is-scrolled .nav-link:hover,
.site-header.is-scrolled .nav-link.is-active,
body:not(.page-home) .site-header .nav-link:hover,
body:not(.page-home) .site-header .nav-link.is-active { color: #133d5c; }
.site-header.is-scrolled .button-ghost,
body:not(.page-home) .site-header .button-ghost { color: #195982; border-color: rgba(36, 119, 176, 0.25); background: rgba(255, 255, 255, 0.6); }
.page-home .site-header:not(.is-scrolled) .brand-name,
.page-home .site-header:not(.is-scrolled) .nav-link { color: rgba(255, 255, 255, 0.9); }
.page-home .site-header:not(.is-scrolled) .brand-kicker { color: #cbeaff; }
.page-home .site-header:not(.is-scrolled) .button-ghost { color: #fff; border-color: rgba(210, 238, 255, 0.42); background: rgba(14, 55, 84, 0.2); }
.button-ghost:hover { background: rgba(63, 160, 214, 0.12); }

.button-primary { color: #0d3048; background: linear-gradient(135deg, #a8e0fb, #65bcea); box-shadow: 0 10px 32px rgba(50, 148, 207, 0.22); }
.button-primary:hover { background: linear-gradient(135deg, #c9edff, #7ccbf2); box-shadow: 0 14px 38px rgba(50, 148, 207, 0.28); }
.button-secondary { color: #165378; border-color: rgba(37, 128, 188, 0.28); background: rgba(255, 255, 255, 0.68); box-shadow: 0 8px 24px rgba(43, 107, 149, 0.07); }
.button-secondary:hover { border-color: rgba(27, 116, 177, 0.5); background: #fff; }

.home-hero {
  background-image:
    linear-gradient(90deg, rgba(7, 35, 57, 0.88) 0%, rgba(11, 51, 78, 0.59) 38%, rgba(28, 100, 142, 0.06) 72%, rgba(20, 81, 120, 0.08) 100%),
    linear-gradient(to top, #eaf6fd 0%, rgba(225, 244, 255, 0.02) 31%, rgba(8, 44, 70, 0.18) 100%),
    url('/images/FSP.webp');
}
.home-hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(90deg, rgba(4, 12, 19, .72) 0%, rgba(5, 17, 26, .36) 40%, rgba(5, 17, 26, .1) 72%, rgba(4, 12, 19, .26) 100%),
    linear-gradient(to top, #07131f 0%, rgba(7, 19, 31, .05) 36%, rgba(4, 13, 21, .28) 100%);
  transition: opacity 400ms ease;
}
.hero-atmosphere { background: radial-gradient(circle at 66% 36%, rgba(140, 220, 255, 0.28), transparent 22%), radial-gradient(circle at 28% 85%, rgba(64, 160, 216, 0.16), transparent 28%); }
.hero-rune,
.hero-rune::before,
.hero-rune::after,
.realm-orbit,
.realm-orbit::before,
.realm-orbit::after { border-color: rgba(190, 232, 252, 0.19); }
.hero-copy h1 { color: #fff; text-shadow: 0 8px 35px rgba(9, 41, 64, 0.2); }
.hero-copy h1 em { color: #bde9ff; text-shadow: 0 0 35px rgba(100, 202, 249, 0.34); }
.hero-lead { color: #e0f3fc; }
.hero-lead i { color: #fff; }
.hero-proof strong { color: #fff; }
.hero-proof span { color: #c9e8f7; }
.proof-divider { background: rgba(210, 239, 255, 0.34); }
.home-hero .eyebrow { color: #bdeaff; }
.scroll-cue { color: #e0f3fc; }

.world-section { background: radial-gradient(circle at 70% 42%, rgba(76, 173, 226, 0.15), transparent 35%); }
.world-section::before { background-image: linear-gradient(rgba(53, 148, 205, 0.16) 1px, transparent 1px), linear-gradient(90deg, rgba(53, 148, 205, 0.16) 1px, transparent 1px); }
.feature-card,
.discipline-card,
.start-steps > div,
.system-grid article,
.resource-links a,
.command-row,
.timeline-card,
.diamond-pack,
.calculator-card { border-color: var(--line); background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(226, 243, 252, 0.86)); box-shadow: 0 18px 48px rgba(34, 104, 148, 0.08); }
.feature-card:hover,
.discipline-card:hover,
.command-row:hover,
.diamond-pack:hover { border-color: var(--line-strong); background: #fff; box-shadow: 0 22px 55px rgba(34, 104, 148, 0.13); }
.feature-card::before { background: radial-gradient(circle at 100% 0%, rgba(66, 166, 222, 0.18), transparent 42%); }
.feature-icon,
.meditation-core,
.discipline-sigil { background: rgba(78, 177, 228, 0.09); box-shadow: 0 0 45px rgba(68, 160, 213, 0.12); }
.feature-icon { border-color: rgba(40, 132, 191, 0.25); }
.feature-index,
.discipline-number,
.block-number,
.codex-aside nav a span,
.system-icon { color: rgba(31, 118, 174, 0.4); }
.meditation-ring,
.meditation-core,
.discipline-sigil,
.discipline-sigil::before,
.discipline-sigil::after,
.discipline-tag { border-color: rgba(42, 136, 194, 0.23); }
.meditation-core { color: #207db6; }

.path-section { border-color: rgba(40, 132, 191, 0.14); background: #dff1fb; }
.path-backdrop { opacity: 0.21; background-image: linear-gradient(90deg, rgba(235, 248, 255, 0.96) 0%, rgba(224, 243, 253, 0.72) 48%, rgba(235, 248, 255, 0.94) 100%), url('/images/FSP.webp'); filter: saturate(0.8); }
.realm-path::before { background: linear-gradient(var(--violet), rgba(51, 142, 197, 0.16)); }
.realm-path-overview .realm-step { opacity: 1; }
.realm-node { color: #2e719b; border-color: rgba(40, 132, 191, 0.3); background: rgba(255, 255, 255, 0.92); }

.discipline-featured { border-color: rgba(42, 139, 198, 0.35); background: linear-gradient(180deg, rgba(216, 241, 254, 0.96), #fff); box-shadow: 0 20px 70px rgba(43, 125, 177, 0.13); }
.featured-label,
.popular-ribbon { color: #0d344e; background: #83cdef; }

.community-panel { border-color: rgba(38, 126, 184, 0.3); background: linear-gradient(100deg, rgba(240, 250, 255, 0.97), rgba(205, 235, 251, 0.86)), url('/images/FSP.webp') center 60% / cover; box-shadow: 0 24px 70px rgba(40, 112, 157, 0.11); }
.community-panel::before { background: radial-gradient(circle at 78% 42%, rgba(75, 173, 225, 0.23), transparent 25%), linear-gradient(90deg, rgba(255, 255, 255, 0.25), transparent); }
.community-stat { border-color: var(--line); background: rgba(255, 255, 255, 0.76); }
.community-constellation,
.community-constellation::before,
.community-constellation::after { border-color: rgba(42, 136, 194, 0.14); }

.page-hero { border-color: var(--line); background: #dceffa; }
.page-hero-art { opacity: 0.31; background-image: linear-gradient(90deg, rgba(246, 252, 255, 0.98) 0%, rgba(235, 248, 255, 0.78) 52%, rgba(220, 242, 253, 0.42) 100%), linear-gradient(to top, #e7f5fc, transparent 65%), url('/images/FSP.webp'); filter: saturate(0.75) contrast(0.94); }
.page-hero-art::before { background: radial-gradient(circle at 70% 30%, rgba(68, 170, 225, 0.25), transparent 27%); }
.page-hero-art::after { color: rgba(29, 119, 180, 0.11); }

.codex-aside nav,
.codex-aside nav a,
.codex-block,
.realm-table,
.realm-row,
.footer-bottom { border-color: var(--line); }
.aside-note,
.command-search,
.store-information { border-color: var(--line); background: rgba(255, 255, 255, 0.7); box-shadow: 0 14px 38px rgba(42, 111, 154, 0.07); }
.start-steps code { color: #176ba3; font-size: 0.92em; }
.realm-row:hover { background: rgba(73, 168, 220, 0.06); }
.command-guide { background: rgba(62, 163, 219, 0.1); }
.command-search input { color: #173a54; }
.command-search kbd { color: #58788f; background: #e4f3fb; }
.copy-command { color: #64839a; }

.chronicle-meta,
.change-list { border-color: var(--line); }
.timeline::before { background: linear-gradient(var(--violet), rgba(42, 135, 193, 0.13)); }
.timeline-marker { background: #f2faff; }
.timeline-featured .timeline-card,
.pack-featured { border-color: rgba(41, 132, 190, 0.35); background: linear-gradient(145deg, rgba(215, 240, 253, 0.96), #fff); box-shadow: 0 24px 70px rgba(43, 125, 177, 0.12); }

.store-section { background: radial-gradient(circle at 50% 28%, rgba(66, 166, 221, 0.14), transparent 36rem); }
.store-notice { border-color: var(--line-strong); background: linear-gradient(100deg, rgba(205, 236, 252, 0.94), rgba(247, 252, 255, 0.94)); box-shadow: 0 18px 50px rgba(40, 111, 155, 0.09); }
.bonus-seal { border-color: rgba(39, 132, 191, 0.4); }
.bonus-seal strong,
.diamond-pack h3 { color: #173b57; }
.diamond-pack::before { background: rgba(67, 170, 226, 0.13); }
.diamond-art::before,
.diamond-art::after { border-color: rgba(42, 136, 194, 0.18); }
.diamond-gem { border-color: rgba(38, 128, 188, 0.65); background: linear-gradient(135deg, #d8f3ff, rgba(97, 191, 235, 0.58) 45%, rgba(44, 133, 192, 0.55)); box-shadow: 0 0 28px rgba(59, 163, 219, 0.37), inset 8px 8px 18px rgba(255, 255, 255, 0.5); }

.input-group input { color: #173b57; border-color: var(--line); background: rgba(255, 255, 255, 0.72); }
.input-group input:focus { box-shadow: 0 0 0 3px rgba(52, 155, 213, 0.11); }
.result-message { background: rgba(71, 181, 127, 0.1); }
.error-message { background: rgba(200, 76, 105, 0.07); }

.discord-orb { color: #176c9f; border-color: rgba(39, 132, 191, 0.32); background: rgba(242, 250, 255, 0.9); box-shadow: 0 10px 30px rgba(30, 91, 132, 0.14); }
.discord-orb:hover { color: #fff; background: #399ad1; }

.site-footer { color: #e6f6ff; border-color: rgba(142, 207, 242, 0.18); background: #0b3856; }
.footer-glow { background: rgba(72, 174, 225, 0.18); }
.site-footer .brand-name { color: #fff; }
.site-footer .brand-kicker,
.site-footer .footer-brand > p,
.site-footer .footer-links a { color: #a9cadd; }
.site-footer .footer-heading { color: #87d2f5; }
.site-footer .footer-bottom { color: #83a9be; border-color: rgba(158, 217, 247, 0.16); }
.site-footer .brand-mark { border-color: rgba(153, 218, 249, 0.33); background: rgba(91, 185, 229, 0.11); }

/* Readability and brightness balance */
body::before { opacity: 0.05; }
.eyebrow { color: #155f89; font-size: 11px; letter-spacing: 0.18em; }
.card-kicker { color: #155f89; font-size: 10px; letter-spacing: 0.14em; }
.text-link { color: #164f70; font-size: 12px; }

.site-header.is-scrolled,
body:not(.page-home) .site-header { background: rgba(218, 235, 244, 0.95); box-shadow: 0 7px 24px rgba(23, 67, 96, 0.11); }
.site-header.is-scrolled .nav-link,
body:not(.page-home) .site-header .nav-link { color: #3d6078; }
.site-header.is-scrolled .brand-kicker,
body:not(.page-home) .site-header .brand-kicker { color: #4e6e83; }
.profile-chip {
  min-height: 40px;
  padding: 4px 11px 4px 5px;
  color: #11364e;
  border: 1px solid rgba(22, 83, 120, 0.24);
  border-radius: 999px;
  background: rgba(193, 220, 233, 0.82);
  font-size: 13px;
  font-weight: 700;
}
.profile-avatar { width: 31px; height: 31px; border: 2px solid rgba(19, 82, 119, 0.3); }
.profile-chip > span { color: inherit; }
.page-home .site-header:not(.is-scrolled) .profile-chip {
  color: #f5fbff;
  border-color: rgba(219, 241, 252, 0.36);
  background: rgba(7, 39, 61, 0.72);
  text-shadow: 0 1px 6px rgba(0, 17, 29, 0.65);
  box-shadow: 0 5px 18px rgba(3, 27, 44, 0.18);
  backdrop-filter: blur(10px);
}
.page-home .site-header:not(.is-scrolled) .profile-avatar { border-color: rgba(239, 250, 255, 0.78); }
.page-home .site-header:not(.is-scrolled) .brand-star { color: #d9f4ff; }

.button-primary { background: linear-gradient(135deg, #8bc4e0, #59a3cb); box-shadow: 0 9px 24px rgba(27, 103, 149, 0.2); }
.button-primary:hover { background: linear-gradient(135deg, #a4d2e8, #6db0d3); box-shadow: 0 11px 28px rgba(27, 103, 149, 0.24); }
.button-secondary { color: #113f5a; border-color: rgba(23, 93, 137, 0.36); background: rgba(218, 235, 244, 0.92); box-shadow: 0 6px 18px rgba(26, 79, 112, 0.1); }
.button-secondary:hover { background: #e5f0f5; }

.world-section { background: #d4e6ef; }
.world-section::before { opacity: 0.09; }
.split-heading > p,
.path-copy > p,
.centered-heading p,
.community-copy p { color: #34566d; font-size: 15px; }

.feature-card,
.discipline-card,
.start-steps > div,
.system-grid article,
.resource-links a,
.command-row,
.timeline-card,
.diamond-pack,
.calculator-card {
  border-color: rgba(28, 96, 139, 0.25);
  background: linear-gradient(145deg, rgba(232, 242, 247, 0.97), rgba(211, 229, 238, 0.95));
  box-shadow: 0 12px 30px rgba(22, 69, 99, 0.1);
}
.feature-card:hover,
.discipline-card:hover,
.command-row:hover,
.diamond-pack:hover { border-color: rgba(24, 88, 129, 0.42); background: #eaf3f7; box-shadow: 0 16px 36px rgba(22, 69, 99, 0.14); }
.feature-copy p { color: #3c5c71; font-size: 14px; line-height: 1.75; }
.feature-index,
.discipline-number,
.block-number,
.codex-aside nav a span,
.system-icon { color: rgba(18, 84, 125, 0.5); }
.discipline-sigil span {
  color: #0f5176;
  font-weight: 700;
  text-shadow: none;
}
.feature-icon,
.meditation-core,
.system-icon,
.calculator-sigil {
  color: #155b83;
  text-shadow: none;
}
.system-icon { opacity: 0.82; }

.path-section { background: #bad4e2; }
.path-backdrop { opacity: 0.16; }
.realm-step { opacity: 0.76; }
.realm-step strong { color: #102f44; font-size: 20px; }
.realm-step small { color: #155f89; font-size: 9px; }
.realm-step p { color: #3e5f74; font-size: 13px; line-height: 1.65; }
.realm-node { color: #175d86; background: #dceaf1; }

.arsenal-section { background: #cadfea; }
.discipline-card p { color: #3a5b71; font-size: 14px; line-height: 1.7; }
.discipline-featured { background: linear-gradient(180deg, #d5e9f2, #e8f2f6); box-shadow: 0 15px 38px rgba(22, 75, 108, 0.13); }
.discipline-tag { color: #145b83; font-size: 9px; }
.featured-label,
.popular-ribbon { color: #0a2f45; background: #74b5d6; font-size: 8px; }

.community-section { background: #d1e4ee; }
.community-panel { background: linear-gradient(100deg, rgba(218, 235, 243, 0.97), rgba(185, 216, 232, 0.9)), url('/images/FSP.webp') center 60% / cover; box-shadow: 0 16px 40px rgba(23, 72, 103, 0.13); }
.community-stat { background: rgba(218, 234, 242, 0.9); }

.page-hero { background: #b9d4e2; }
.page-hero-art { opacity: 0.22; background-image: linear-gradient(90deg, rgba(217, 235, 244, 0.98) 0%, rgba(205, 227, 238, 0.84) 52%, rgba(190, 217, 231, 0.58) 100%), linear-gradient(to top, #c8dfeb, transparent 65%), url('/images/FSP.webp'); }
.page-hero p { color: #31536a; font-size: 16px; }
.page-section { background: #d1e4ee; }

.codex-aside nav a { color: #3e6076; font-size: 12px; }
.codex-aside nav a:hover,
.codex-aside nav a.is-active { color: #0e3f5b; }
.aside-label { color: #4a687b; font-size: 9px; }
.aside-note,
.command-search,
.store-information { background: rgba(218, 234, 242, 0.94); box-shadow: 0 10px 24px rgba(22, 70, 99, 0.09); }
.aside-note a { color: #315a73; font-size: 10px; }
.block-lead { color: #34576e; font-size: 15px; line-height: 1.8; }
.start-steps p { color: #3d5f73; font-size: 12px; line-height: 1.7; }
.realm-row > div strong { color: #123147; font-size: 15px; }
.realm-row > div small { color: #49677a; font-size: 11px; }
.realm-status { color: #49677a; font-size: 9px; }
.system-grid p { min-height: 62px; color: #3d5d71; font-size: 12px; line-height: 1.7; }
.system-grid a { color: #145f89; font-size: 9px; }
.resource-links small { color: #4c6b7e; font-size: 8px; }
.resource-links strong { color: #123147; font-size: 16px; }

.command-search input { color: #112f44; font-size: 14px; }
.command-search input::placeholder { color: #5f798b; }
.command-guide { background: rgba(63, 142, 184, 0.12); }
.command-guide strong { color: #12364e; font-size: 14px; }
.command-guide p { color: #3f6176; font-size: 11px; }
.command-guide > a { color: #145f89; font-size: 9px; }
.command-row code { color: #12364e; font-size: 14px; }
.command-row p { color: #3e6075; font-size: 12px; line-height: 1.65; }
.copy-command { color: #476b81; font-size: 8px; }
.empty-state { background: #dbeaf1; }
.empty-state p { color: #3e6075; font-size: 12px; }

.chronicle-meta p,
.timeline-card > p { color: #3c5d72; font-size: 12px; line-height: 1.75; }
.timeline-card { background: linear-gradient(145deg, #e3eff4, #d1e4ed); }
.timeline-featured .timeline-card { background: linear-gradient(145deg, #cee5f0, #e5f0f5); }
.timeline-date small { color: #49687c; font-size: 10px; }
.change-list li { color: #34566d; font-size: 12px; }
.change-list li span { color: #155f89; font-size: 8px; }

.store-section { background: #d0e3ed; }
.store-notice { background: linear-gradient(100deg, #c6e0ec, #deebf2); box-shadow: 0 12px 30px rgba(23, 72, 101, 0.11); }
.store-notice p { color: #3b5d72; font-size: 12px; line-height: 1.65; }
.store-heading > p { color: #3d5f73; font-size: 12px; }
.store-pass-card { border-color: rgba(32, 113, 158, .25); background: linear-gradient(155deg, #e5f1f6, #c9e0eb); box-shadow: 0 16px 36px rgba(22, 69, 99, .1); }
.store-pass-card:hover { border-color: color-mix(in srgb, var(--pass-accent) 60%, #397796); background: #edf7fb; }
.store-pass-card.pass-featured { border-color: rgba(167, 120, 40, .36); background: linear-gradient(155deg, #eef2ef, #dfd5bc); }
.store-pass-card h3 { color: #173b57; }
.store-pass-card > p { color: #3f6277; }
.pass-benefits li { color: #31566d; }
.pass-tier { color: #496a7f; }
.diamond-pack { background: linear-gradient(155deg, #e5f0f5, #cfE2eb); }
.pack-tier { color: #496a7f; font-size: 9px; }
.diamond-pack h3 small { color: #496a7f; font-size: 9px; }
.pack-bonus { color: #3f6277; font-size: 11px; }
.pack-price span { color: #476a7f; font-size: 8px; }
.store-information p { color: #3c5e73; font-size: 11px; }
.store-information nav a { color: #2f566f; font-size: 9px; }

.calculator-section { background: #c9dfea; }
.calculator-card { background: linear-gradient(145deg, #e3eff4, #cddfe8); }
.input-group span { color: #3f6075; font-size: 9px; }
.input-group input { color: #102f44; background: #e4eff4; font-size: 16px; }

.site-footer .footer-links a { color: #c0d9e6; font-size: 11px; }
.site-footer .footer-brand > p { color: #bad4e2; font-size: 13px; }
.site-footer .footer-bottom { color: #9fc0d1; font-size: 8px; }

/* Condensed home overview */
.overview-section { padding: 88px 0; background: #d1e4ee; }
.overview-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(28, 96, 139, .28);
  background: linear-gradient(105deg, rgba(225, 240, 247, .99) 0%, rgba(211, 233, 242, .96) 55%, rgba(188, 219, 234, .9) 100%);
  box-shadow: 0 20px 55px rgba(22, 69, 99, .13);
}
.overview-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(211, 233, 242, .14) 48%, rgba(203, 229, 241, .28) 100%),
    radial-gradient(circle at 78% 30%, rgba(54, 158, 210, .16), transparent 28rem);
}
.overview-constellation { top: -25%; right: -4%; opacity: .42; }
.overview-content {
  position: relative;
  z-index: 2;
  min-height: 470px;
  padding: 62px 6%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(350px, .78fr);
  grid-template-rows: auto auto;
  align-items: center;
  gap: 16px clamp(55px, 7vw, 95px);
}
.overview-copy { grid-row: 1 / 3; max-width: 610px; }
.overview-copy h2 { margin: 19px 0 20px; color: #102f44; font-size: clamp(2.7rem, 4.6vw, 4.5rem); line-height: 1.02; letter-spacing: -.04em; }
.overview-copy > p { max-width: 570px; margin-bottom: 30px; color: #34566d; font-size: 14px; line-height: 1.8; }
.overview-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; }
.overview-visual { position: relative; height: 205px; margin: 0; overflow: hidden; border: 1px solid rgba(26, 94, 135, .24); box-shadow: 0 13px 32px rgba(20, 70, 99, .11); }
.overview-visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); background: linear-gradient(to top, rgba(8, 43, 64, .18), transparent 50%); }
.overview-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 58% center; transition: transform 700ms ease; }
.overview-panel:hover .overview-visual img { transform: scale(1.025); }
.overview-pillars { padding: 0 23px; border: 1px solid rgba(26, 94, 135, .2); background: rgba(221, 237, 244, .72); box-shadow: 0 12px 32px rgba(20, 70, 99, .08); backdrop-filter: blur(9px); }
.overview-pillars > div {
  position: relative;
  min-height: 92px;
  padding: 17px 0 16px 50px;
  border-bottom: 1px solid rgba(26, 94, 135, .2);
}
.overview-pillars > div > span { position: absolute; top: 19px; left: 0; color: rgba(18, 84, 125, .52); font-family: var(--font-display); font-size: 10px; }
.overview-pillars h3 { margin-bottom: 5px; color: #123147; font-size: 19px; }
.overview-pillars p { margin: 0; color: #3d5d71; font-size: 12px; line-height: 1.65; }
.overview-footer {
  position: relative;
  z-index: 2;
  min-height: 70px;
  padding: 17px 6%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border-top: 1px solid rgba(26, 94, 135, .2);
  background: rgba(196, 223, 235, .62);
}
.overview-online { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: 10px; line-height: 1.2; }
.overview-online .live-dot { grid-row: 1 / 3; }
.overview-online strong { color: #123147; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.overview-online small { color: #49697d; font-size: 9px; }
.overview-footer > p { margin: 0; display: flex; align-items: center; gap: 11px; color: #47687c; font-size: 9px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.overview-footer > p strong { color: #155f89; font-family: var(--font-display); font-size: 14px; }
.overview-footer > p i { width: 3px; height: 3px; border-radius: 50%; background: #3b8fb9; }

/* Moderator applications */
.hero-recruitment-link { width: fit-content; margin-top: 24px; display: inline-flex; align-items: center; gap: 10px; color: #d8f1fb; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.hero-recruitment-link .live-dot { width: 6px; }
.hero-recruitment-link i { margin-left: 3px; color: #8ed9f5; font-size: 15px; font-style: normal; transition: transform 180ms ease; }
.hero-recruitment-link:hover i, .hero-recruitment-link:focus-visible i { transform: translateX(4px); }

.moderator-application-section { padding: 88px 0 105px; overflow: hidden; background: radial-gradient(circle at 18% 8%, rgba(54, 158, 210, .13), transparent 25rem), #c5dce7; }
.moderator-application-panel { border: 1px solid rgba(20, 77, 112, .35); background: #e4f1f7; box-shadow: 0 24px 65px rgba(15, 57, 83, .16); }
.moderator-application-intro { position: relative; padding: 62px 6%; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(330px, .72fr); align-items: center; gap: clamp(50px, 7vw, 100px); overflow: hidden; color: #eaf8ff; background: radial-gradient(circle at 82% 24%, rgba(89, 188, 229, .2), transparent 19rem), linear-gradient(125deg, #0a293c, #0d354b 64%, #10425a); }
.moderator-application-intro::after { content: "\2726"; position: absolute; top: -65px; right: 2%; color: rgba(168, 224, 247, .055); font-size: 300px; line-height: 1; pointer-events: none; }
.moderator-application-copy, .moderator-expectations { position: relative; z-index: 1; }
.moderator-application-copy .eyebrow { color: #86d6f5; }
.moderator-application-status { width: fit-content; margin-top: 27px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 9px; border: 1px solid rgba(119, 220, 180, .26); color: #9ae3c4; background: rgba(34, 126, 92, .13); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.moderator-application-copy h2 { margin: 20px 0 21px; color: #f3fbff; font-size: clamp(2.55rem, 4.5vw, 4.5rem); line-height: 1.03; letter-spacing: -.04em; }
.moderator-application-copy h2 em { color: #9bdcf6; }
.moderator-application-copy > p { max-width: 650px; margin: 0; color: #bed8e5; font-size: 14px; line-height: 1.85; }
.moderator-application-cta { margin-top: 28px; display: flex; align-items: center; flex-wrap: wrap; gap: 15px 20px; }
.moderator-application-cta small { max-width: 260px; color: #a8c9d8; font-size: 9px; line-height: 1.55; }
.moderator-expectations { display: grid; border: 1px solid rgba(143, 210, 240, .18); background: rgba(7, 30, 44, .4); backdrop-filter: blur(12px); }
.moderator-expectations > div { position: relative; min-height: 110px; padding: 21px 22px 20px 67px; border-bottom: 1px solid rgba(143, 210, 240, .15); }
.moderator-expectations > div:last-child { border-bottom: 0; }
.moderator-expectations span { position: absolute; top: 25px; left: 22px; color: #6ebadd; font-family: var(--font-display); font-size: 10px; }
.moderator-expectations strong { display: block; color: #effaff; font-family: var(--font-display); font-size: 16px; font-weight: 600; }
.moderator-expectations p { margin: 5px 0 0; color: #a9c6d4; font-size: 11px; line-height: 1.6; }

.moderator-application-form { padding-top: 0; }
.moderator-application-form b { color: #9b4251; }
.moderator-application-form textarea { width: 100%; min-height: 135px; padding: 13px 14px; resize: vertical; border: 1px solid rgba(25, 91, 133, .38); border-radius: 0; color: #102f44; background: rgba(255, 255, 255, .74); font: inherit; font-size: 13px; line-height: 1.65; outline: none; }
.moderator-application-form textarea:focus { border-color: #2d8db9; box-shadow: 0 0 0 3px rgba(48, 145, 189, .14); background: #fff; }
.moderator-scenarios { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; border: 0; }
.moderator-scenarios legend { width: 100%; margin-bottom: 27px; padding: 0; display: grid; }
.moderator-scenarios legend strong { color: #102f44; font-family: var(--font-display); font-size: 27px; font-weight: 600; }
.moderator-scenarios legend small { margin-top: 6px; color: #496a7d; font-size: 12px; }
.moderator-question { position: relative; min-width: 0; padding: 24px 22px 22px 62px; display: grid; align-content: start; gap: 15px; border: 1px solid rgba(25, 91, 133, .23); color: #15394e; background: rgba(215, 234, 243, .68); font-size: 12px; font-weight: 800; line-height: 1.55; }
.moderator-question-number { position: absolute; top: 26px; left: 22px; color: #2c779b; font-family: var(--font-display); font-size: 10px; }
.moderator-question textarea { grid-column: 1 / -1; }
.moderator-form-footer { margin-top: 30px; padding-top: 27px; display: flex; align-items: center; justify-content: space-between; gap: 35px; border-top: 1px solid rgba(25, 91, 133, .24); }
.moderator-form-footer > div { max-width: 650px; }
.moderator-form-footer strong { color: #14364b; font-family: var(--font-display); font-size: 16px; }
.moderator-form-footer p { margin: 4px 0 0; color: #4d6c7e; font-size: 10px; line-height: 1.6; }
.moderator-form-footer .button { flex: 0 0 auto; }
/* Dedicated moderator application */
.moderator-application-hero { min-height: 500px; }
.moderator-application-hero .page-hero-art { background-position: center 42%; }
.moderator-application-page { padding-top: 78px; background: radial-gradient(circle at 85% 5%, rgba(59, 163, 211, .11), transparent 27rem), #d0e3ed; }
.moderator-application-shell { max-width: 1180px; }
.application-page-layout { display: grid; grid-template-columns: minmax(260px, .34fr) minmax(0, 1fr); align-items: start; gap: 20px; }
.application-sidebar { position: sticky; top: 96px; display: grid; gap: 15px; }
.application-back-link { width: fit-content; margin-bottom: 8px; }
.application-identity, .application-guidance { padding: 25px 24px; border: 1px solid var(--line); background: rgba(237, 247, 251, .88); box-shadow: 0 14px 35px rgba(23, 72, 101, .07); }
.application-identity > div { margin: 15px 0 18px; display: flex; align-items: center; gap: 12px; }
.application-identity-avatar { width: 48px; height: 48px; flex: 0 0 auto; border: 1px solid var(--line-strong); border-radius: 50%; object-fit: cover; }
.application-identity > div > span { min-width: 0; display: grid; }
.application-identity strong { overflow: hidden; color: #12364c; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.application-identity small { margin-top: 2px; overflow: hidden; color: #4f7083; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.application-identity dl { margin: 0; display: grid; border-block: 1px solid var(--line); }
.application-identity dl > div { padding: 10px 0; display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 10px; border-bottom: 1px solid var(--line); }
.application-identity dl > div:last-child { border-bottom: 0; }
.application-identity dt { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.application-identity dd { margin: 0; overflow-wrap: anywhere; color: #214d66; font-size: 9px; font-weight: 700; }
.application-identity > p { margin: 17px 0 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.application-guidance ul { margin: 12px 0 17px; padding: 0; display: grid; gap: 9px; list-style: none; }
.application-guidance li { position: relative; padding-left: 17px; color: #31586e; font-size: 10px; line-height: 1.6; }
.application-guidance li::before { content: ""; position: absolute; top: .65em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #3a92bb; }
.application-guidance > small { color: #34799a; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.application-document { padding: 38px 39px 42px; border: 1px solid var(--line); background: rgba(239, 248, 252, .92); box-shadow: 0 18px 45px rgba(23, 72, 101, .09); }
.application-document-heading { margin-bottom: 31px; padding-bottom: 27px; display: flex; align-items: end; justify-content: space-between; gap: 30px; border-bottom: 1px solid var(--line); }
.application-document-heading h2 { margin: 0; color: #102f44; font-size: clamp(2rem, 3.5vw, 3rem); }
.application-document-heading p { margin: 7px 0 0; color: #496a7d; font-size: 12px; }
.application-document-heading > span { flex: 0 0 auto; color: #6a5360; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.application-document-heading b { color: #9b4251; }
.application-document .moderator-application-form { padding-top: 0; }
.application-document .moderator-scenarios { grid-template-columns: 1fr; }
.application-document .moderator-question { padding: 27px 25px 24px 68px; }
.application-document .moderator-question-number { top: 29px; left: 25px; }
.application-document .moderator-question textarea { min-height: 150px; }
.application-notice { margin-bottom: 20px; padding: 19px 22px; display: flex; align-items: center; gap: 14px; border: 1px solid rgba(35, 135, 108, .3); background: rgba(218, 243, 235, .9); }
.application-notice > span { width: 32px; height: 32px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; color: #247c64; }
.application-notice strong { color: #173f35; font-family: var(--font-display); font-size: 16px; }
.application-notice p { margin: 4px 0 0; color: #426a60; font-size: 11px; }
.application-notice-error { border-color: rgba(164, 62, 75, .28); background: rgba(248, 224, 227, .9); }
.application-notice-error > span, .application-notice-error strong, .application-notice-error p { color: #873b47; }
.application-success-panel, .application-closed-panel { max-width: 760px; margin: 0 auto; padding: 65px 58px; border: 1px solid var(--line); background: rgba(239, 248, 252, .92); box-shadow: 0 18px 45px rgba(23, 72, 101, .09); text-align: center; }
.application-success-mark { width: 70px; aspect-ratio: 1; margin: 0 auto 28px; display: grid; place-items: center; border: 1px solid rgba(40, 132, 181, .35); color: #287da6; background: rgba(69, 159, 201, .08); font-size: 25px; transform: rotate(45deg); }
.application-success-panel h2, .application-closed-panel h2 { margin-bottom: 14px; color: #102f44; font-size: clamp(2rem, 4vw, 3.2rem); }
.application-success-panel > p, .application-closed-panel > p { max-width: 620px; margin: 0 auto 30px; color: #496a7d; font-size: 13px; line-height: 1.8; }
.application-success-panel > div:last-child, .application-closed-panel > div:last-child { display: flex; justify-content: center; flex-wrap: wrap; gap: 11px; }

/* Dark mode */
html.theme-transitioning *,
html.theme-transitioning *::before,
html.theme-transitioning *::after {
  transition-property: color, background-color, border-color, box-shadow, fill, stroke, opacity, transform !important;
  transition-duration: 400ms !important;
  transition-timing-function: ease !important;
}

html[data-theme="dark"] {
  --ink-950: #07131f;
  --ink-900: #091925;
  --ink-850: #0c1e2c;
  --ink-800: #102737;
  --ink-700: #173448;
  --paper: #e8f4fb;
  --mist: #b5cad7;
  --muted: #90aaba;
  --violet: #49a7d5;
  --violet-bright: #78cef1;
  --blue: #69bde5;
  --line: rgba(111, 190, 229, 0.2);
  --line-strong: rgba(122, 203, 239, 0.38);
  --glass: rgba(12, 31, 44, 0.92);
  background: #07131f;
}

html[data-theme="dark"] body {
  color: #e6f2f8;
  background:
    radial-gradient(circle at 78% 22%, rgba(56, 150, 197, 0.12), transparent 30rem),
    linear-gradient(180deg, #0b1d2a, #07131f);
}
html[data-theme="dark"] body::before { opacity: .035; }
html[data-theme="dark"] :is(h1, h2, h3) { color: #edf8fd; }
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .card-kicker,
html[data-theme="dark"] .text-link { color: #82d2f3; }

html[data-theme="dark"] .site-header.is-scrolled,
html[data-theme="dark"] body:not(.page-home) .site-header {
  border-color: rgba(112, 192, 230, .16);
  background: rgba(7, 21, 31, .94);
  box-shadow: 0 8px 28px rgba(0, 7, 12, .28);
}
html[data-theme="dark"] .site-header.is-scrolled .nav-link,
html[data-theme="dark"] body:not(.page-home) .site-header .nav-link { color: #a9c4d3; }
html[data-theme="dark"] .site-header.is-scrolled .nav-link:hover,
html[data-theme="dark"] .site-header.is-scrolled .nav-link.is-active,
html[data-theme="dark"] body:not(.page-home) .site-header .nav-link:hover,
html[data-theme="dark"] body:not(.page-home) .site-header .nav-link.is-active { color: #f0f9fd; }
html[data-theme="dark"] .nav-dropdown { border-color: rgba(115, 195, 232, .2); background: rgba(7, 24, 35, .98); box-shadow: 0 20px 55px rgba(0, 5, 11, .38); }
html[data-theme="dark"] .nav-dropdown-label,
html[data-theme="dark"] .nav-dropdown small { color: #8eacbc; }
html[data-theme="dark"] .nav-dropdown > a { border-color: rgba(115, 195, 232, .12); color: #d9eef7; }
html[data-theme="dark"] .nav-dropdown > a:hover,
html[data-theme="dark"] .nav-dropdown > a:focus-visible { color: #fff; background: rgba(99, 190, 229, .12); }
html[data-theme="dark"] .site-header.is-scrolled .brand-kicker,
html[data-theme="dark"] body:not(.page-home) .site-header .brand-kicker { color: #b7d3e0; }
html[data-theme="dark"] .site-header.is-scrolled .brand-name,
html[data-theme="dark"] body:not(.page-home) .site-header .brand-name { color: #f5fbff; }
html[data-theme="dark"] .brand-mark { border-color: rgba(123, 207, 242, .32); background: rgba(67, 158, 202, .1); }
html[data-theme="dark"] .profile-chip {
  color: #d9ecf5;
  border-color: rgba(116, 197, 234, .28);
  background: rgba(16, 48, 66, .88);
}

html[data-theme="dark"] .home-hero::after { opacity: 1; }
html[data-theme="dark"] .hero-lead { color: #c2d5df; }
html[data-theme="dark"] .hero-lead i,
html[data-theme="dark"] .hero-proof strong { color: #eff9fd; }
html[data-theme="dark"] .hero-copy h1 em { color: #a8def5; text-shadow: 0 0 35px rgba(74, 169, 214, .28); }
html[data-theme="dark"] .moderator-application-section { background-color: #081824; background-image: radial-gradient(circle at 18% 8%, rgba(54, 158, 210, .09), transparent 25rem); }
html[data-theme="dark"] .moderator-application-panel { border-color: rgba(113, 193, 231, .23); background: #0d2534; box-shadow: 0 24px 65px rgba(0, 6, 11, .28); }
html[data-theme="dark"] :is(.moderator-scenarios legend strong, .moderator-form-footer strong) { color: #e9f6fb; }
html[data-theme="dark"] :is(.moderator-scenarios legend small, .moderator-form-footer p) { color: #9eb8c6; }
html[data-theme="dark"] .moderator-question { color: #dcecf4; }
html[data-theme="dark"] .moderator-question { border-color: rgba(113, 193, 231, .18); background: rgba(17, 49, 67, .72); }
html[data-theme="dark"] .moderator-application-form textarea { border-color: rgba(116, 197, 234, .3); color: #e8f5fa; background: rgba(4, 20, 31, .68); }
html[data-theme="dark"] .moderator-application-form textarea:focus { border-color: #65bee4; background: #091f2c; }
html[data-theme="dark"] .moderator-application-page { background-color: #0a1b28; background-image: radial-gradient(circle at 85% 5%, rgba(59, 163, 211, .08), transparent 27rem); }
html[data-theme="dark"] :is(.application-identity, .application-guidance, .application-document, .application-success-panel, .application-closed-panel) { border-color: rgba(113, 193, 231, .2); background: rgba(10, 35, 50, .92); box-shadow: 0 18px 45px rgba(0, 7, 12, .22); }
html[data-theme="dark"] :is(.application-identity strong, .application-document-heading h2, .application-success-panel h2, .application-closed-panel h2) { color: #e9f6fb; }
html[data-theme="dark"] :is(.application-identity small, .application-identity dd, .application-guidance li, .application-document-heading p, .application-success-panel > p, .application-closed-panel > p) { color: #a7c0cd; }
html[data-theme="dark"] .application-notice { background: rgba(19, 65, 56, .92); }
html[data-theme="dark"] .application-notice strong, html[data-theme="dark"] .application-notice p { color: #a6dccc; }
html[data-theme="dark"] .application-notice-error { background: rgba(76, 27, 35, .9); }
html[data-theme="dark"] .application-notice-error strong, html[data-theme="dark"] .application-notice-error p { color: #f1b3bc; }

html[data-theme="dark"] :is(
  .world-section, .path-section, .arsenal-section, .community-section,
  .overview-section,
  .page-section, .chronicle-index-section, .release-content-section,
  .store-section, .calculator-section, .release-not-found
) { background-color: #0a1b28; background-image: none; }
html[data-theme="dark"] .path-section,
html[data-theme="dark"] .store-section { background-color: #0d2231; }
html[data-theme="dark"] .arsenal-section,
html[data-theme="dark"] .calculator-section { background-color: #091925; }
html[data-theme="dark"] .world-section::before { opacity: .08; }

html[data-theme="dark"] :is(
  .feature-card, .discipline-card, .start-steps > div, .system-grid article,
  .resource-links a, .command-row, .timeline-card, .diamond-pack, .store-pass-card,
  .calculator-card, .release-card, .release-summary-card,
  .release-pagination-link, .archive-context, .aside-note, .command-search,
  .store-information, .latest-release, .community-stat, .release-aside-version
) {
  color: #e5f2f8;
  border-color: rgba(113, 193, 231, .21);
  background: linear-gradient(145deg, rgba(17, 43, 58, .98), rgba(10, 29, 42, .98));
  box-shadow: 0 14px 34px rgba(0, 8, 14, .2);
}
html[data-theme="dark"] :is(.feature-card, .discipline-card, .command-row, .diamond-pack, .store-pass-card, .release-card, .release-pagination-link):hover {
  border-color: rgba(125, 207, 243, .42);
  background: linear-gradient(145deg, #173d53, #0d2839);
  box-shadow: 0 17px 38px rgba(0, 7, 12, .28);
}
html[data-theme="dark"] :is(
  .split-heading > p, .path-copy > p, .centered-heading p, .community-copy p,
  .feature-copy p, .discipline-card p, .block-lead, .start-steps p,
  .system-grid p, .command-guide p, .command-row p, .empty-state p,
  .chronicle-meta p, .timeline-card > p, .store-notice p,
  .store-heading > p, .pack-bonus, .store-information p,
  .latest-release-body > p, .release-card p, .archive-context p,
  .change-entry p, .release-pagination-link small
) { color: #aec4d1; }
html[data-theme="dark"] :is(
  .realm-step strong, .realm-row > div strong, .resource-links strong,
  .command-guide strong, .command-row code, .archive-context strong,
  .latest-release h2, .release-card h2
) { color: #e7f4fa; }
html[data-theme="dark"] :is(
  .realm-step small, .realm-step p, .realm-row > div small, .realm-status,
  .resource-links small, .pack-tier, .diamond-pack h3 small,
  .pack-price span, .input-group span, .timeline-date small,
  .release-card-footer, .latest-release-mark span
) { color: #92adbd; }
html[data-theme="dark"] :is(.feature-index, .discipline-number, .block-number, .system-icon) { color: rgba(130, 207, 242, .6); }
html[data-theme="dark"] .realm-node { color: #9ddcf6; background: #15374b; }
html[data-theme="dark"] .discipline-featured { background: linear-gradient(180deg, #173b50, #0d2839); }
html[data-theme="dark"] .community-panel {
  background: linear-gradient(100deg, rgba(10, 30, 43, .98), rgba(15, 49, 67, .9)), url('/images/FSP.webp') center 60% / cover;
  box-shadow: 0 18px 44px rgba(0, 7, 12, .3);
}
html[data-theme="dark"] .overview-panel {
  border-color: rgba(113, 193, 231, .23);
  background: linear-gradient(105deg, rgba(7, 23, 34, .99) 0%, rgba(9, 30, 43, .97) 55%, rgba(11, 39, 54, .92) 100%);
  box-shadow: 0 20px 55px rgba(0, 7, 12, .3);
}
html[data-theme="dark"] .overview-panel::before { background: radial-gradient(circle at 78% 30%, rgba(61, 166, 215, .14), transparent 28rem); }
html[data-theme="dark"] .overview-copy h2,
html[data-theme="dark"] .overview-pillars h3,
html[data-theme="dark"] .overview-online strong { color: #e8f5fa; }
html[data-theme="dark"] .overview-copy > p,
html[data-theme="dark"] .overview-pillars p { color: #aec4d1; }
html[data-theme="dark"] .overview-pillars,
html[data-theme="dark"] .overview-pillars > div,
html[data-theme="dark"] .overview-footer { border-color: rgba(112, 192, 230, .18); }
html[data-theme="dark"] .overview-pillars { background: rgba(9, 31, 44, .74); box-shadow: 0 14px 35px rgba(0, 7, 12, .24); }
html[data-theme="dark"] .overview-visual { border-color: rgba(113, 193, 231, .22); box-shadow: 0 14px 35px rgba(0, 7, 12, .27); }
html[data-theme="dark"] .overview-pillars > div > span { color: rgba(130, 207, 242, .62); }
html[data-theme="dark"] .overview-footer { background: rgba(7, 24, 35, .58); }
html[data-theme="dark"] .overview-online small,
html[data-theme="dark"] .overview-footer > p { color: #91adbc; }
html[data-theme="dark"] .overview-footer > p strong { color: #83d2f2; }
html[data-theme="dark"] .overview-footer > p i { background: #65badf; }
html[data-theme="dark"] .store-notice { border-color: rgba(112, 192, 230, .2); background: linear-gradient(100deg, #123247, #0b2434); }
html[data-theme="dark"] .bonus-seal { border-color: rgba(126, 210, 242, .48); background: radial-gradient(circle at 34% 28%, #225b76, #123e58 48%, #0a2a3d); box-shadow: inset 0 0 0 8px rgba(125,205,238,.08), 0 12px 28px rgba(0,7,12,.25); }
html[data-theme="dark"] .bonus-seal strong { color: #eefaff; }
html[data-theme="dark"] .bonus-seal span { color: #a9d9ec; }
html[data-theme="dark"] .empty-state { background: #102b3d; }

html[data-theme="dark"] .page-hero { background: #0b1f2e; }
html[data-theme="dark"] .page-hero-art {
  opacity: .32;
  background-image: linear-gradient(90deg, rgba(7, 24, 35, .98), rgba(9, 31, 44, .9) 55%, rgba(11, 40, 56, .68)), linear-gradient(to top, #0a1b28, transparent 65%), url('/images/FSP.webp');
}
html[data-theme="dark"] .page-hero p { color: #b1c7d3; }
html[data-theme="dark"] .codex-aside nav a { color: #9eb7c5; }
html[data-theme="dark"] .codex-aside nav a:hover,
html[data-theme="dark"] .codex-aside nav a.is-active { color: #84d4f4; }
html[data-theme="dark"] .aside-label { color: #8fa9b8; }
html[data-theme="dark"] .command-search input,
html[data-theme="dark"] .input-group input {
  color: #e7f4fa;
  border-color: rgba(112, 192, 230, .25);
  background: #0b2434;
}
html[data-theme="dark"] .command-search input::placeholder { color: #7897a8; }
html[data-theme="dark"] .command-guide { background: rgba(66, 160, 205, .11); }
html[data-theme="dark"] .copy-command { color: #9ab5c4; }

html[data-theme="dark"] .latest-release::before { border-color: rgba(117, 199, 237, .13); }
html[data-theme="dark"] .latest-release::after { color: rgba(122, 205, 241, .06); }
html[data-theme="dark"] .latest-release:hover,
html[data-theme="dark"] .latest-release:focus-visible { border-color: rgba(125, 207, 243, .48); box-shadow: 0 22px 52px rgba(0, 7, 12, .34); }
html[data-theme="dark"] .latest-release:focus-visible { outline-color: rgba(120, 206, 241, .58); }
html[data-theme="dark"] .latest-release-mark {
  border-color: rgba(116, 197, 234, .34);
  background: rgba(15, 49, 67, .78);
  box-shadow: inset 0 0 30px rgba(69, 167, 213, .1);
}
html[data-theme="dark"] .latest-release-mark strong { color: #8fd7f4; }
html[data-theme="dark"] .chronicle-intro > p,
html[data-theme="dark"] .release-title-block > p,
html[data-theme="dark"] .release-section-heading p { color: #b8ccd7; }
html[data-theme="dark"] .release-meta,
html[data-theme="dark"] .archive-heading > span,
html[data-theme="dark"] .release-sequence { color: #a6bfcc; }
html[data-theme="dark"] .release-tags span { color: #bde6f6; border-color: rgba(116, 197, 234, .28); background: rgba(41, 112, 145, .2); }
html[data-theme="dark"] .release-open,
html[data-theme="dark"] .release-version,
html[data-theme="dark"] .release-back,
html[data-theme="dark"] .release-overline { color: #91d8f4; }
html[data-theme="dark"] .release-card-footer { border-color: rgba(112, 192, 230, .17); }
html[data-theme="dark"] .archive-context-icon { color: #80cef0; border-color: rgba(113, 193, 231, .3); }
html[data-theme="dark"] .archive-context a,
html[data-theme="dark"] .release-card-footer i { color: #7ccdee; }

html[data-theme="dark"] .release-hero { border-color: rgba(111, 190, 229, .2); background: #091d2b; }
html[data-theme="dark"] .release-hero-art {
  opacity: .36;
  background-image: linear-gradient(90deg, rgba(6, 22, 32, .99), rgba(8, 30, 43, .92) 55%, rgba(13, 47, 64, .66)), linear-gradient(to top, #091d2b, transparent 65%), url('/images/FSP.webp');
  filter: saturate(.65);
}
html[data-theme="dark"] .release-hero-version { color: #83d2f2; }
html[data-theme="dark"] .release-hero-stats { border-color: rgba(113, 193, 231, .24); background: rgba(10, 35, 49, .82); }
html[data-theme="dark"] .release-hero-stats div { border-color: rgba(113, 193, 231, .17); }
html[data-theme="dark"] .release-hero-stats strong { color: #dff2fa; }
html[data-theme="dark"] .release-hero-stats span { color: #91adbc; }
html[data-theme="dark"] .release-key-art { border-color: rgba(111,190,229,.25); box-shadow: 0 28px 75px rgba(0,0,0,.28); }
html[data-theme="dark"] .release-aside nav { border-color: rgba(112, 192, 230, .18); }
html[data-theme="dark"] .release-aside nav a { color: #a6bfcc; border-color: rgba(112, 192, 230, .18); }
html[data-theme="dark"] .release-aside nav a:hover { color: #82d2f3; border-color: rgba(123, 205, 240, .38); }
html[data-theme="dark"] .release-aside nav i,
html[data-theme="dark"] .release-aside-version span { color: #8ba6b6; }
html[data-theme="dark"] .release-aside-version strong { color: #88d5f3; }
html[data-theme="dark"] .change-entry { border-color: rgba(112, 192, 230, .16); }
html[data-theme="dark"] .change-type { color: #aad8eb; border-color: rgba(115, 195, 232, .3); background: rgba(51, 130, 168, .18); }
html[data-theme="dark"] .change-type[data-type="New"],
html[data-theme="dark"] .change-type[data-type="Content"] { color: #94e0c1; border-color: rgba(86, 190, 147, .32); background: rgba(40, 119, 88, .18); }
html[data-theme="dark"] .change-type[data-type="Fixed"] { color: #f0b69e; border-color: rgba(213, 126, 92, .3); background: rgba(145, 66, 39, .2); }
html[data-theme="dark"] .change-type[data-type="Balanced"] { color: #ebce89; border-color: rgba(203, 160, 68, .3); background: rgba(134, 98, 26, .2); }
html[data-theme="dark"] .change-type[data-type="Improved"] { color: #9ed7f2; border-color: rgba(91, 173, 216, .3); background: rgba(44, 113, 150, .2); }
html[data-theme="dark"] .change-type[data-type="Changed"],
html[data-theme="dark"] .change-type[data-type="Reworked"] { color: #c8c2ef; border-color: rgba(151, 143, 207, .3); background: rgba(88, 80, 143, .2); }
html[data-theme="dark"] .release-pagination-link span { color: #91acbb; }
html[data-theme="dark"] .release-pagination-link strong { color: #86d3f2; }

html[data-theme="dark"] .button-primary { color: #071722; background: linear-gradient(135deg, #9cdbf5, #65b9df); box-shadow: 0 10px 28px rgba(45, 142, 188, .2); }
html[data-theme="dark"] .button-primary:hover { background: linear-gradient(135deg, #b7e7f9, #7cc9e9); }
html[data-theme="dark"] .button-secondary { color: #dceef6; border-color: rgba(116, 197, 234, .35); background: rgba(13, 40, 55, .88); }
html[data-theme="dark"] .button-secondary:hover { background: #173b50; }
html[data-theme="dark"] .discord-orb { color: #bfe9f9; border-color: rgba(115, 195, 232, .32); background: #123348; }
html[data-theme="dark"] .site-footer { border-color: rgba(112, 192, 230, .13); background: #06131e; }

@media (max-width: 820px) {
  .site-nav { border-color: var(--line-strong); background: rgba(213, 231, 240, 0.98); }
  .site-nav.is-open .nav-link { color: #52748d !important; }
  .site-nav.is-open .nav-link:hover,
  .site-nav.is-open .nav-link.is-active { color: #123d5d !important; }
  .nav-toggle span:not(.sr-only) { background: #184e70; }
  .page-home .site-header:not(.is-scrolled) .nav-toggle span:not(.sr-only) { background: #fff; }
  .nav-menu { display: grid; }
  .nav-menu-trigger { justify-content: space-between; }
  .site-nav.is-open .nav-dropdown,
  .site-nav.is-open .nav-menu:hover .nav-dropdown,
  .site-nav.is-open .nav-menu:focus-within .nav-dropdown { position: static; width: auto; margin: -3px 10px 8px; padding: 2px 0 5px 15px; border: 0; border-left: 1px solid rgba(35, 108, 148, .25); background: transparent !important; box-shadow: none; opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
  .nav-dropdown::before,
  .nav-dropdown-label { display: none; }
  .nav-dropdown > a,
  .page-home .site-header:not(.is-scrolled) .nav-dropdown > a { padding: 8px 10px; border: 0; color: #52748d; }
  .nav-dropdown > a:hover,
  .nav-dropdown > a:focus-visible { padding-left: 14px; background: rgba(68, 148, 187, .09); color: #123d5d; }
  .nav-dropdown strong { font-size: 10px; }
  .nav-dropdown small { color: #6f8999 !important; font-size: 9px; }
  .mobile-theme-toggle {
    width: 100%;
    min-height: 52px;
    margin-top: 12px;
    padding: 10px 12px;
    display: flex;
    border-top: 1px solid rgba(24, 91, 132, .18);
  }
  html[data-theme="dark"] .site-nav { border-color: rgba(115, 195, 232, .25); background: rgba(7, 24, 35, .98); }
  html[data-theme="dark"] .site-nav.is-open .nav-link { color: #a9c4d3 !important; }
  html[data-theme="dark"] .site-nav.is-open .nav-link:hover,
  html[data-theme="dark"] .site-nav.is-open .nav-link.is-active { color: #f0f9fd !important; }
  html[data-theme="dark"] .nav-dropdown { border-color: rgba(115, 195, 232, .2); }
  html[data-theme="dark"] .nav-dropdown > a { color: #a9c4d3; }
  html[data-theme="dark"] .nav-dropdown > a:hover,
  html[data-theme="dark"] .nav-dropdown > a:focus-visible { color: #f0f9fd; background: rgba(99, 190, 229, .08); }
  html[data-theme="dark"] .nav-dropdown small { color: #839fad !important; }
  html[data-theme="dark"] .nav-toggle span:not(.sr-only) { background: #cde9f5; }
  html[data-theme="dark"] .mobile-theme-toggle { border-color: rgba(115, 195, 232, .18); }
  .overview-content { min-height: 0; padding: 55px 7%; grid-template-columns: 1fr; gap: 44px; }
  .overview-copy { max-width: 650px; }
  .overview-pillars { max-width: 650px; }
  .overview-footer { flex-wrap: wrap; }
  .overview-constellation { top: 14%; right: -150px; }
}

@media (max-width: 1000px) {
  .latest-release { grid-template-columns: 145px 1fr; }
  .latest-release-mark { width: 125px; }
  .release-open { grid-column: 2; justify-self: start; display: flex; align-items: center; }
  .release-layout { grid-template-columns: 200px minmax(0, 1fr); gap: 45px; }
}

@media (max-width: 820px) {
  .chronicle-intro { grid-template-columns: 1fr; gap: 18px; }
  .latest-release { padding: 34px; grid-template-columns: 110px 1fr; gap: 30px; }
  .latest-release-mark { width: 98px; }
  .latest-release-mark strong { font-size: 16px; }
  .release-grid { grid-template-columns: 1fr; }
  .release-card > a { min-height: 285px; }
  .archive-context { grid-template-columns: auto 1fr; }
  .archive-context a { grid-column: 2; }
  .release-hero { min-height: 650px; }
  .release-hero-inner { grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; gap: 26px; }
  .release-hero-stats { grid-template-columns: repeat(3, 1fr); }
  .release-hero-stats div { min-width: 0; border-right: 1px solid rgba(24, 91, 132, .18); border-bottom: 0; }
  .release-hero-stats div:last-child { border-right: 0; }
  .release-key-art { min-height: 470px; margin-bottom: 58px; }
  .release-key-art figcaption { display: grid; }
  .release-key-art ul { justify-content: flex-start; }
  .release-layout { grid-template-columns: 1fr; }
  .release-aside { position: relative; top: auto; }
  .release-aside nav { grid-template-columns: repeat(2, 1fr); column-gap: 25px; }
  .release-aside-version { display: none; }
}

@media (max-width: 620px) {
  .overview-section { padding: 58px 0; }
  .overview-content { padding: 43px 24px 38px; gap: 36px; }
  .overview-copy h2 { font-size: clamp(2.35rem, 11.5vw, 3.15rem); }
  .overview-copy > p { font-size: 13px; }
  .overview-actions { display: grid; gap: 20px; }
  .overview-actions .button { width: 100%; }
  .overview-pillars > div { min-height: 105px; padding-left: 41px; }
  .overview-footer { min-height: 66px; padding: 16px 24px; }
  .overview-footer > p { display: none; }
  .chronicle-index-section { padding-top: 65px; }
  .store-card-tabs { gap: 4px; }
  .store-card-tab { padding-inline: 8px; font-size: 9px; letter-spacing: .03em; }
  .latest-release { margin-bottom: 60px; padding: 27px 23px; grid-template-columns: 1fr; }
  .latest-release-mark { width: 82px; margin: 10px 0 18px 13px; }
  .latest-release-mark span { font-size: 6px; }
  .latest-release-mark strong { font-size: 13px; }
  .latest-release-body > p { font-size: 13px; }
  .release-open { grid-column: 1; }
  .release-card > a { min-height: 310px; padding: 24px 21px; }
  .archive-context { padding: 23px 20px; grid-template-columns: 1fr; }
  .archive-context-icon { margin-left: 7px; }
  .archive-context a { grid-column: 1; }
  .release-hero { min-height: 700px; }
  .release-title-block h1 { font-size: clamp(2.8rem, 13vw, 4rem); }
  .release-title-block > p { font-size: 13px; }
  .release-overline { flex-wrap: wrap; }
  .release-hero-stats div { padding: 14px 11px; }
  .release-hero-stats strong { font-size: 18px; }
  .release-hero-stats span { font-size: 6px; }
  .release-content-section { padding-top: 65px; }
  .release-key-art { min-height: 520px; margin-bottom: 45px; }
  .release-key-art > img { object-position: 56% center; }
  .release-key-art figcaption { padding: 26px 21px; }
  .release-key-art p { font-size: 11px; }
  .release-aside nav { grid-template-columns: 1fr; }
  .release-highlight-list { grid-template-columns: 1fr; }
  .release-section { padding-bottom: 50px; margin-bottom: 50px; }
  .release-section-heading { grid-template-columns: 38px 1fr; gap: 15px; }
  .release-section-number { width: 34px; }
  .change-entry { padding: 16px 2px; grid-template-columns: 1fr; gap: 9px; }
  .change-type { min-width: 0; }
  .change-entry p { font-size: 12px; }
  .release-pagination { grid-template-columns: 1fr; }
  .release-pagination > span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .js [data-reveal] { opacity: 1; transform: none; }
}

/* Site-wide readability pass */
.brand-kicker { font-size: 11px; letter-spacing: .14em; }
.nav-link { font-size: 12px; letter-spacing: .08em; }
.theme-toggle-text { font-size: 12px; }
.button,
.text-link { font-size: 12px; letter-spacing: .09em; }
.button-compact { font-size: 11px; }
.button-spark { font-size: 12px; }
.eyebrow { font-size: 12px; line-height: 1.5; letter-spacing: .14em; }
.card-kicker { font-size: 11px; line-height: 1.5; letter-spacing: .11em; }
.hero-proof span { font-size: 11px; line-height: 1.4; }
.scroll-cue { font-size: 11px; }

:is(
  .realm-step p, .discipline-card p, .start-steps p, .system-grid p,
  .command-guide p, .command-row p, .empty-state p, .chronicle-meta p,
  .timeline-card > p, .change-list li, .latest-release-body > p,
  .release-card p, .archive-context p, .change-entry p,
  .release-pagination-link small, .store-notice p, .store-heading > p,
  .pack-bonus, .store-information p, .overview-pillars p
) {
  font-size: 13px;
  line-height: 1.72;
}

:is(
  .realm-step small, .featured-label, .discipline-tag,
  .aside-label, .codex-aside nav a span, .aside-note a, .start-steps span,
  .realm-rank, .realm-status, .system-grid a, .resource-links small,
  .command-search kbd, .command-count span, .command-guide > a,
  .copy-command, .release-status, .timeline-date span, .timeline-date small,
  .entry-badge, .change-list li span, .timeline-end p,
  .latest-release-mark span, .release-meta, .release-tags span,
  .release-open span, .archive-heading > span, .release-sequence,
  .release-card-footer, .archive-context a, .release-back,
  .release-overline, .release-hero-stats span, .release-aside nav i,
  .release-aside-version span, .change-type, .release-pagination-link span,
  .popular-ribbon, .pack-tier, .diamond-pack h3 small, .pack-price span,
  .store-information nav a, .input-group span, .result-message span,
  .footer-heading, .footer-bottom, .overview-pillars > div > span,
  .overview-online strong, .overview-online small, .overview-footer > p
) {
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: .09em;
}

.feature-index,
.discipline-number,
.block-number,
.release-section-number,
.historical-note > span { font-size: 12px; }
.codex-aside nav a,
.release-aside nav a { font-size: 13px; line-height: 1.55; }
.start-steps strong,
.realm-row > div strong { font-size: 15px; }
.realm-row > div small { font-size: 12px; line-height: 1.55; }
.resource-links strong { font-size: 16px; }
.command-guide strong { font-size: 14px; }
.command-row code { font-size: 14px; line-height: 1.55; }
.copy-command { min-height: 38px; padding: 8px 11px; }
.timeline-date { align-items: center; }
.store-information h3 { font-size: 16px; }
.bonus-seal { width: 98px; }
.bonus-seal strong { font-size: 27px; }
.bonus-seal span { font-size: 9px; }
.pack-price strong { font-size: 20px; }
.diamond-pack .pack-tier,
.diamond-pack h3 small,
.diamond-pack .pack-price span { font-size: 12px; line-height: 1.5; }
.diamond-pack .pack-tier { letter-spacing: .13em; }
.diamond-pack h3 small { margin-top: 4px; letter-spacing: .12em; }
.diamond-pack .pack-bonus { font-size: 14px; line-height: 1.55; }
.diamond-pack .pack-price strong { font-size: 22px; }
.diamond-pack .pack-price span { letter-spacing: .08em; }
.diamond-pack .pack-button { min-height: 46px; font-size: 13px; letter-spacing: .08em; }
.error-message { font-size: 13px; line-height: 1.55; }
.site-footer .footer-links a { font-size: 12px; line-height: 1.55; }
.site-footer .footer-brand > p { font-size: 14px; line-height: 1.7; }
.overview-copy > p { font-size: 15px; line-height: 1.8; }

html[data-theme="light"] :is(
  .realm-step p, .discipline-card p, .start-steps p, .system-grid p,
  .command-guide p, .command-row p, .empty-state p, .chronicle-meta p,
  .timeline-card > p, .change-list li, .release-card p, .archive-context p,
  .change-entry p, .store-notice p, .store-heading > p, .pack-bonus,
  .store-information p, .overview-pillars p
) { color: #2f536a; }

html[data-theme="light"] :is(
  .brand-kicker, .hero-proof span, .realm-step small, .realm-status,
  .aside-label, .codex-aside nav a, .resource-links small,
  .command-count span, .timeline-date small, .release-card-footer,
  .release-hero-stats span, .release-aside nav a,
  .release-aside-version span, .pack-tier, .diamond-pack h3 small,
  .pack-price span, .input-group span, .overview-online small,
  .overview-footer > p
) { color: #3c6076; }

html[data-theme="dark"] :is(
  .realm-step p, .discipline-card p, .start-steps p, .system-grid p,
  .command-guide p, .command-row p, .empty-state p, .chronicle-meta p,
  .timeline-card > p, .change-list li, .release-card p, .archive-context p,
  .change-entry p, .store-notice p, .store-heading > p, .pack-bonus,
  .store-information p, .overview-pillars p
) { color: #b8ccd7; }

html[data-theme="dark"] :is(
  .brand-kicker, .hero-proof span, .realm-step small, .realm-status,
  .aside-label, .codex-aside nav a, .resource-links small,
  .command-count span, .timeline-date small, .release-card-footer,
  .release-hero-stats span, .release-aside nav a,
  .release-aside-version span, .pack-tier, .diamond-pack h3 small,
  .pack-price span, .input-group span, .overview-online small,
  .overview-footer > p
) { color: #a6bfcc; }

@media (max-width: 620px) {
  .nav-link { font-size: 12px; }
  .hero-proof span { font-size: 11px; }
  .page-hero p,
  .release-title-block > p,
  .latest-release-body > p,
  .change-entry p { font-size: 13px; }
  .latest-release-mark { width: 110px; }
  .latest-release-mark span,
  .release-hero-stats span { font-size: 11px; }
  .overview-copy > p { font-size: 14px; }
  .footer-bottom { gap: 16px; font-size: 11px; line-height: 1.5; }
}

/* Wiki knowledge base */
.wiki-hero { min-height: 530px; }
.wiki-hero .page-hero-art {
  opacity: .74;
  background-image:
    linear-gradient(90deg, rgba(207, 229, 239, .99) 0%, rgba(196, 222, 234, .92) 40%, rgba(167, 204, 221, .38) 72%, rgba(150, 193, 213, .18) 100%),
    linear-gradient(to top, #b9d4e2 0%, transparent 54%),
    url('/images/celestial-archive.webp');
  background-position: center 48%;
  filter: saturate(.82) contrast(1.02);
}
.wiki-hero .page-hero-art::before { background: radial-gradient(circle at 73% 45%, rgba(76, 179, 226, .22), transparent 25%); }
.wiki-hero .page-hero-art::after { display: none; }
.wiki-hero .page-hero-inner { padding-bottom: 58px; }
.wiki-hero-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; }
.wiki-hero-meta { margin-top: 28px; display: flex; align-items: center; gap: 17px; color: #3b6077; font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.wiki-hero-meta strong { margin-right: 5px; color: #125f89; font-family: var(--font-display); font-size: 18px; font-weight: 600; }
.wiki-hero-meta i { width: 4px; height: 4px; border-radius: 50%; background: #368fba; }
.wiki-home-section { background: #d1e4ee; }
.wiki-home-intro { margin-bottom: 58px; display: grid; grid-template-columns: 1fr .65fr; align-items: end; gap: 70px; }
.wiki-home-intro h2 { margin: 13px 0 0; color: #102f44; font-size: clamp(2.5rem, 4.4vw, 4.4rem); line-height: 1.05; letter-spacing: -.04em; }
.wiki-home-intro > p { margin: 0 0 8px; color: #31556c; font-size: 15px; line-height: 1.8; }
.wiki-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.wiki-guide-card { min-width: 0; border: 1px solid rgba(24, 91, 132, .24); background: linear-gradient(145deg, rgba(230, 241, 246, .97), rgba(207, 227, 237, .94)); box-shadow: 0 12px 30px rgba(22, 69, 99, .08); transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease; }
.wiki-guide-card:hover { border-color: rgba(22, 83, 120, .46); transform: translateY(-4px); box-shadow: 0 18px 40px rgba(22, 69, 99, .14); }
.wiki-guide-card > a { min-height: 390px; padding: 30px; display: flex; flex-direction: column; }
.wiki-guide-top { display: flex; align-items: start; justify-content: space-between; }
.wiki-guide-number { color: #476a7f; font-family: var(--font-display); font-size: 12px; }
.wiki-guide-icon { width: 48px; aspect-ratio: 1; display: grid; place-items: center; color: #155f89; border: 1px solid rgba(27, 104, 151, .29); background: rgba(213, 233, 242, .72); font-family: var(--font-display); font-size: 13px; transform: rotate(45deg); }
.wiki-guide-icon i { display: block; font-style: normal; transform: rotate(-45deg); }
.wiki-guide-visual { position: relative; height: 155px; margin: 21px 0 0; overflow: hidden; border: 1px solid rgba(24, 91, 132, .2); background: #b8d3e1; }
.wiki-guide-visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to top, rgba(8, 42, 62, .28), transparent 58%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.13); }
.wiki-guide-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform 650ms ease; }
.wiki-guide-card:hover .wiki-guide-visual img { transform: scale(1.035); }
.wiki-guide-copy { margin: auto 0; padding: 30px 0 24px; }
.wiki-guide-copy h2 { margin-bottom: 12px; color: #102f44; font-size: 27px; line-height: 1.2; }
.wiki-guide-copy p { margin: 0; color: #31566d; font-size: 14px; line-height: 1.75; }
.wiki-guide-topics { display: flex; flex-wrap: wrap; gap: 7px; }
.wiki-guide-topics span { padding: 6px 9px; color: #315a73; border: 1px solid rgba(25, 94, 136, .2); background: rgba(224, 239, 246, .62); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wiki-guide-open { margin-top: 20px; padding-top: 17px; display: flex; align-items: center; justify-content: space-between; color: #145f89; border-top: 1px solid rgba(25, 94, 136, .18); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.wiki-guide-open span { font-size: 17px; transition: transform 180ms ease; }
.wiki-guide-card:hover .wiki-guide-open span { transform: translateX(5px); }
.wiki-reference-strip { margin-top: 42px; padding: 28px 31px; display: flex; align-items: center; justify-content: space-between; gap: 35px; border: 1px solid rgba(24, 91, 132, .24); background: rgba(211, 231, 240, .82); }
.wiki-reference-strip > div { display: flex; align-items: center; gap: 17px; }
.wiki-reference-mark { width: 39px; aspect-ratio: 1; display: grid; place-items: center; flex: 0 0 auto; color: #155f89; border: 1px solid rgba(24, 91, 132, .3); border-radius: 50%; font-family: var(--font-display); }
.wiki-reference-strip strong { display: block; color: #123147; font-family: var(--font-display); font-size: 15px; }
.wiki-reference-strip p { margin: 2px 0 0; color: #3d5f73; font-size: 13px; }

.wiki-detail-hero { min-height: 590px; align-items: stretch; }
.wiki-detail-hero-inner { position: relative; z-index: 2; padding: calc(var(--header-height) + 35px) 0 62px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; align-items: end; gap: 32px 70px; }
.wiki-back { grid-column: 1 / -1; align-self: start; width: fit-content; display: inline-flex; align-items: center; gap: 10px; color: #26546e; font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.wiki-back:hover { color: #125f89; }
.wiki-detail-overline { margin-bottom: 16px; color: #315a73; font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.wiki-detail-overline span { margin-right: 10px; color: #155f89; font-family: var(--font-display); }
.wiki-detail-title { max-width: 760px; }
.wiki-detail-title h1 { margin: 0 0 17px; color: #102f44; font-size: clamp(3.2rem, 6vw, 6rem); line-height: .96; letter-spacing: -.045em; }
.wiki-detail-title > p { max-width: 670px; margin: 0; color: #31566d; font-size: 16px; line-height: 1.8; }
.wiki-highlights { display: grid; min-width: 220px; border: 1px solid rgba(24, 91, 132, .25); background: rgba(211, 230, 239, .75); backdrop-filter: blur(10px); }
.wiki-highlights > div { padding: 16px 19px; display: grid; border-bottom: 1px solid rgba(24, 91, 132, .18); }
.wiki-highlights > div:last-child { border-bottom: 0; }
.wiki-highlights strong { color: #0e4e72; font-family: var(--font-display); font-size: 20px; font-weight: 600; }
.wiki-highlights span { color: #46677a; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.wiki-detail-section { padding-top: 84px; background: #d1e4ee; }
.wiki-detail-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: start; gap: 72px; }
.wiki-detail-aside { position: sticky; top: 98px; }
.wiki-detail-aside nav { display: grid; border-top: 1px solid rgba(24, 91, 132, .2); }
.wiki-detail-aside nav a { padding: 12px 0; display: flex; align-items: center; gap: 12px; color: #3b5e73; border-bottom: 1px solid rgba(24, 91, 132, .2); font-size: 12px; font-weight: 700; line-height: 1.45; transition: color 180ms ease, padding 180ms ease; }
.wiki-detail-aside nav a span { flex: 0 0 auto; color: #537286; font-family: var(--font-display); font-size: 11px; }
.wiki-detail-aside nav a:hover,
.wiki-detail-aside nav a.is-active { padding-left: 7px; color: #0e4f74; }
.wiki-detail-aside nav a.is-active { border-left: 2px solid #318fbe; }
.wiki-aside-help { margin-top: 26px; padding: 18px; border: 1px solid rgba(24, 91, 132, .22); background: rgba(214, 232, 241, .76); }
.wiki-aside-help strong { display: block; color: #123147; font-size: 13px; }
.wiki-aside-help a { color: #155f89; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.wiki-article { min-width: 0; }
.wiki-feature-visual { position: relative; height: clamp(280px, 35vw, 390px); margin: 0 0 72px; overflow: hidden; border: 1px solid rgba(24, 91, 132, .24); box-shadow: 0 16px 42px rgba(22, 69, 99, .12); }
.wiki-feature-visual::after { content: ""; position: absolute; inset: 35% 0 0; pointer-events: none; background: linear-gradient(to top, rgba(7, 35, 52, .84), transparent); }
.wiki-feature-visual img { width: 100%; height: 100%; object-fit: cover; }
.wiki-feature-visual figcaption { position: absolute; z-index: 2; right: 25px; bottom: 21px; left: 25px; display: flex; align-items: end; justify-content: space-between; gap: 25px; color: #eef9fd; }
.wiki-feature-visual figcaption span { font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.wiki-feature-visual figcaption strong { font-family: var(--font-display); font-size: 19px; font-weight: 600; }
.wiki-content-section { padding-bottom: 78px; margin-bottom: 78px; border-bottom: 1px solid rgba(24, 91, 132, .2); scroll-margin-top: 100px; }
.wiki-content-section:last-of-type { margin-bottom: 0; }
.wiki-section-heading { margin-bottom: 26px; display: grid; grid-template-columns: 43px 1fr; align-items: start; gap: 18px; }
.wiki-section-number { width: 39px; aspect-ratio: 1; display: grid; place-items: center; color: #155f89; border: 1px solid rgba(24, 91, 132, .32); background: rgba(208, 228, 238, .7); font-family: var(--font-display); font-size: 11px; transform: rotate(45deg); }
.wiki-section-number i { display: block; font-style: normal; transform: rotate(-45deg); }
.wiki-section-heading > div { padding-top: 2px; }
.wiki-section-heading .card-kicker { margin-bottom: 5px; }
.wiki-section-heading h2 { margin: 0; color: #102f44; font-size: clamp(2rem, 3.6vw, 3.3rem); line-height: 1.08; }
.wiki-section-lead,
.wiki-paragraph { max-width: 820px; color: #294f66; font-size: 15px; line-height: 1.85; }
.wiki-section-lead { margin-bottom: 28px; }
.wiki-paragraph { margin-bottom: 18px; }
.wiki-step-list { margin-top: 30px; display: grid; counter-reset: wiki-step; border-top: 1px solid rgba(24, 91, 132, .2); }
.wiki-step { padding: 22px 3px; display: grid; grid-template-columns: 43px 1fr; gap: 17px; border-bottom: 1px solid rgba(24, 91, 132, .2); counter-increment: wiki-step; }
.wiki-step > span { width: 31px; height: 31px; display: grid; place-items: center; color: #155f89; border: 1px solid rgba(24, 91, 132, .28); border-radius: 50%; font-family: var(--font-display); font-size: 11px; }
.wiki-step > span::before { content: counter(wiki-step, decimal-leading-zero); }
.wiki-step h3 { margin: 0 0 6px; color: #123147; font-size: 17px; }
.wiki-step code { width: fit-content; margin-bottom: 7px; padding: 4px 8px; display: block; color: #125f89; border: 1px solid rgba(24, 91, 132, .2); background: rgba(210, 230, 239, .7); font-family: var(--font-body); font-size: 12px; font-weight: 800; }
.wiki-step p { margin: 0; color: #31566d; font-size: 13px; line-height: 1.72; }
.wiki-fact-grid { margin-top: 30px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.wiki-fact { min-height: 145px; padding: 24px; border: 1px solid rgba(24, 91, 132, .21); background: linear-gradient(145deg, rgba(228, 239, 245, .94), rgba(209, 228, 237, .91)); }
.wiki-fact h3 { margin-bottom: 8px; color: #123147; font-size: 17px; }
.wiki-fact p { margin: 0; color: #31566d; font-size: 13px; line-height: 1.72; }
.wiki-item-list { margin: 28px 0 0; padding: 0; display: grid; gap: 0; border-top: 1px solid rgba(24, 91, 132, .2); list-style: none; }
.wiki-item-list li { position: relative; padding: 17px 8px 17px 30px; color: #294f66; border-bottom: 1px solid rgba(24, 91, 132, .2); font-size: 14px; line-height: 1.72; }
.wiki-item-list li::before { content: ""; position: absolute; top: 28px; left: 7px; width: 5px; height: 5px; border-radius: 50%; background: #318fbe; box-shadow: 0 0 9px rgba(49, 143, 190, .45); }
.wiki-command-list { margin-top: 30px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wiki-command-list > div { min-height: 105px; padding: 19px 20px; border: 1px solid rgba(24, 91, 132, .21); background: rgba(214, 232, 241, .72); }
.wiki-command-list code { color: #0e5278; font-family: var(--font-body); font-size: 13px; font-weight: 800; overflow-wrap: anywhere; }
.wiki-command-list p { margin: 7px 0 0; color: #31566d; font-size: 12px; line-height: 1.65; }
.wiki-note { margin-top: 28px; padding: 19px 22px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 15px; border: 1px solid rgba(36, 123, 170, .27); background: rgba(190, 221, 235, .55); }
.wiki-note > span { width: 29px; aspect-ratio: 1; display: grid; place-items: center; color: #155f89; border: 1px solid rgba(24, 91, 132, .3); border-radius: 50%; font-family: var(--font-display); }
.wiki-note p { margin: 0; color: #294f66; font-size: 13px; line-height: 1.7; }
.wiki-pagination { margin-top: 54px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.wiki-pagination a { min-height: 120px; padding: 22px; display: flex; flex-direction: column; border: 1px solid rgba(24, 91, 132, .23); background: rgba(211, 230, 239, .78); transition: transform 180ms ease, border-color 180ms ease, background 180ms ease; }
.wiki-pagination a:hover { border-color: rgba(23, 84, 121, .44); background: #dbeaf1; transform: translateY(-3px); }
.wiki-pagination span { color: #486a7f; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.wiki-pagination strong { margin-top: auto; color: #0f5279; font-family: var(--font-display); font-size: 18px; }
.wiki-pagination-next { text-align: right; }
.wiki-not-found { min-height: 70vh; padding: calc(var(--header-height) + 100px) 0 100px; display: grid; place-items: center; text-align: center; background: #d1e4ee; }
.wiki-not-found-mark { width: 72px; aspect-ratio: 1; margin: 0 auto 30px; display: grid; place-items: center; color: #155f89; border: 1px solid rgba(24, 91, 132, .28); transform: rotate(45deg); font-family: var(--font-display); font-size: 24px; }
.wiki-not-found .eyebrow { justify-content: center; }
.wiki-not-found h1 { margin: 18px 0 12px; color: #102f44; font-size: clamp(3rem, 6vw, 5rem); }
.wiki-not-found p { margin-bottom: 28px; color: #31566d; }

html[data-theme="dark"] .wiki-hero-meta,
html[data-theme="dark"] .wiki-detail-overline { color: #a6bfcc; }
html[data-theme="dark"] .wiki-hero .page-hero-art {
  opacity: .66;
  background-image:
    linear-gradient(90deg, rgba(6, 22, 32, .99) 0%, rgba(8, 29, 42, .92) 42%, rgba(9, 38, 53, .47) 74%, rgba(8, 30, 43, .2) 100%),
    linear-gradient(to top, #091d2b 0%, transparent 56%),
    url('/images/celestial-archive.webp');
  filter: saturate(.7) contrast(1.05);
}
html[data-theme="dark"] .wiki-hero-meta strong,
html[data-theme="dark"] .wiki-detail-overline span { color: #83d2f2; }
html[data-theme="dark"] .wiki-home-section,
html[data-theme="dark"] .wiki-detail-section,
html[data-theme="dark"] .wiki-not-found { background: #0a1b28; }
html[data-theme="dark"] .wiki-home-intro h2,
html[data-theme="dark"] .wiki-guide-copy h2,
html[data-theme="dark"] .wiki-reference-strip strong,
html[data-theme="dark"] .wiki-detail-title h1,
html[data-theme="dark"] .wiki-aside-help strong,
html[data-theme="dark"] .wiki-section-heading h2,
html[data-theme="dark"] .wiki-step h3,
html[data-theme="dark"] .wiki-fact h3,
html[data-theme="dark"] .wiki-pagination strong,
html[data-theme="dark"] .wiki-not-found h1 { color: #e8f5fa; }
html[data-theme="dark"] .wiki-home-intro > p,
html[data-theme="dark"] .wiki-guide-copy p,
html[data-theme="dark"] .wiki-reference-strip p,
html[data-theme="dark"] .wiki-detail-title > p,
html[data-theme="dark"] .wiki-section-lead,
html[data-theme="dark"] .wiki-paragraph,
html[data-theme="dark"] .wiki-step p,
html[data-theme="dark"] .wiki-fact p,
html[data-theme="dark"] .wiki-item-list li,
html[data-theme="dark"] .wiki-command-list p,
html[data-theme="dark"] .wiki-note p,
html[data-theme="dark"] .wiki-not-found p { color: #b8ccd7; }
html[data-theme="dark"] .wiki-guide-card { border-color: rgba(113, 193, 231, .2); background: linear-gradient(145deg, rgba(17, 43, 58, .98), rgba(10, 29, 42, .98)); box-shadow: 0 14px 34px rgba(0, 8, 14, .2); }
html[data-theme="dark"] .wiki-guide-card:hover { border-color: rgba(125, 207, 243, .42); background: linear-gradient(145deg, #173d53, #0d2839); }
html[data-theme="dark"] .wiki-guide-icon,
html[data-theme="dark"] .wiki-guide-topics span { color: #9ddcf6; border-color: rgba(113, 193, 231, .25); background: rgba(21, 55, 75, .72); }
html[data-theme="dark"] .wiki-guide-visual,
html[data-theme="dark"] .wiki-feature-visual { border-color: rgba(113, 193, 231, .2); background: #0b2434; box-shadow: 0 16px 42px rgba(0, 7, 12, .27); }
html[data-theme="dark"] .wiki-guide-number,
html[data-theme="dark"] .wiki-pagination span { color: #91adbc; }
html[data-theme="dark"] .wiki-guide-open { color: #83d2f2; border-color: rgba(112, 192, 230, .17); }
html[data-theme="dark"] .wiki-reference-strip,
html[data-theme="dark"] .wiki-aside-help,
html[data-theme="dark"] .wiki-command-list > div,
html[data-theme="dark"] .wiki-pagination a { border-color: rgba(113, 193, 231, .2); background: rgba(12, 38, 53, .82); }
html[data-theme="dark"] .wiki-reference-mark,
html[data-theme="dark"] .wiki-section-number,
html[data-theme="dark"] .wiki-step > span,
html[data-theme="dark"] .wiki-note > span { color: #83d2f2; border-color: rgba(113, 193, 231, .3); background: rgba(21, 55, 75, .64); }
html[data-theme="dark"] .wiki-back,
html[data-theme="dark"] .wiki-detail-aside nav a { color: #a6bfcc; }
html[data-theme="dark"] .wiki-back:hover,
html[data-theme="dark"] .wiki-detail-aside nav a:hover,
html[data-theme="dark"] .wiki-detail-aside nav a.is-active,
html[data-theme="dark"] .wiki-aside-help a,
html[data-theme="dark"] .wiki-command-list code { color: #83d2f2; }
html[data-theme="dark"] .wiki-highlights { border-color: rgba(113, 193, 231, .22); background: rgba(10, 35, 49, .82); }
html[data-theme="dark"] .wiki-highlights > div,
html[data-theme="dark"] .wiki-detail-aside nav,
html[data-theme="dark"] .wiki-detail-aside nav a,
html[data-theme="dark"] .wiki-content-section,
html[data-theme="dark"] .wiki-step-list,
html[data-theme="dark"] .wiki-step,
html[data-theme="dark"] .wiki-item-list,
html[data-theme="dark"] .wiki-item-list li { border-color: rgba(112, 192, 230, .17); }
html[data-theme="dark"] .wiki-highlights strong { color: #dff2fa; }
html[data-theme="dark"] .wiki-highlights span,
html[data-theme="dark"] .wiki-detail-aside nav a span { color: #91adbc; }
html[data-theme="dark"] .wiki-fact { border-color: rgba(113, 193, 231, .19); background: linear-gradient(145deg, rgba(17, 43, 58, .94), rgba(10, 29, 42, .94)); }
html[data-theme="dark"] .wiki-step code { color: #9ddcf6; border-color: rgba(113, 193, 231, .2); background: rgba(21, 55, 75, .62); }
html[data-theme="dark"] .wiki-note { border-color: rgba(100, 187, 226, .26); background: rgba(32, 101, 132, .18); }
html[data-theme="dark"] .wiki-pagination a:hover { border-color: rgba(125, 207, 243, .4); background: #14364a; }

@media (max-width: 1000px) {
  .wiki-detail-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 45px; }
  .wiki-detail-hero-inner { gap: 30px 45px; }
}

@media (max-width: 820px) {
  .wiki-home-intro { grid-template-columns: 1fr; gap: 20px; }
  .wiki-detail-hero { min-height: 650px; }
  .wiki-detail-hero-inner { grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; }
  .wiki-highlights { grid-template-columns: repeat(3, 1fr); min-width: 0; }
  .wiki-highlights > div { min-width: 0; border-right: 1px solid rgba(24, 91, 132, .18); border-bottom: 0; }
  .wiki-highlights > div:last-child { border-right: 0; }
  .wiki-detail-layout { grid-template-columns: 1fr; }
  .wiki-detail-aside { position: relative; top: auto; }
  .wiki-detail-aside nav { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 25px; }
  .wiki-aside-help { display: none; }
}

@media (max-width: 620px) {
  .wiki-hero { min-height: 0; align-items: stretch; }
  .wiki-hero .page-hero-inner { padding-top: calc(var(--header-height) + 32px); padding-bottom: 48px; }
  .wiki-hero-actions { display: grid; }
  .wiki-hero-actions .button { width: 100%; }
  .wiki-hero-meta { align-items: flex-start; flex-direction: column; gap: 7px; }
  .wiki-hero-meta i { display: none; }
  .wiki-home-section { padding-top: 65px; }
  .wiki-guide-grid { grid-template-columns: 1fr; }
  .wiki-guide-card > a { min-height: 370px; padding: 25px 22px; }
  .wiki-reference-strip { padding: 24px 21px; align-items: stretch; flex-direction: column; }
  .wiki-reference-strip .button { width: 100%; }
  .wiki-detail-hero { min-height: 690px; }
  .wiki-detail-title h1 { font-size: clamp(3rem, 14vw, 4.4rem); }
  .wiki-detail-title > p { font-size: 14px; }
  .wiki-highlights > div { padding: 14px 10px; }
  .wiki-highlights strong { font-size: 17px; }
  .wiki-highlights span { font-size: 11px; line-height: 1.35; }
  .wiki-detail-section { padding-top: 62px; }
  .wiki-detail-aside nav { grid-template-columns: 1fr; }
  .wiki-content-section { padding-bottom: 58px; margin-bottom: 58px; }
  .wiki-section-heading { grid-template-columns: 37px 1fr; gap: 14px; }
  .wiki-section-number { width: 34px; }
  .wiki-section-lead,
  .wiki-paragraph { font-size: 14px; }
  .wiki-step { grid-template-columns: 37px 1fr; gap: 12px; }
  .wiki-fact-grid,
  .wiki-command-list { grid-template-columns: 1fr; }
  .wiki-fact { min-height: 0; }
  .wiki-pagination { grid-template-columns: 1fr; }
  .wiki-pagination > span { display: none; }
  .wiki-pagination-next { text-align: left; }
}

/* Inline editorial artwork */
.editorial-visual { position: relative; height: clamp(245px, 31vw, 365px); margin: 0 0 68px; overflow: hidden; border: 1px solid rgba(24, 91, 132, .25); background: #b8d3e1; box-shadow: 0 17px 44px rgba(22, 69, 99, .12); }
.editorial-visual::after { content: ""; position: absolute; inset: 32% 0 0; pointer-events: none; background: linear-gradient(to top, rgba(7, 34, 51, .86), transparent); }
.editorial-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform 800ms ease; }
.editorial-visual:hover img { transform: scale(1.025); }
.editorial-visual figcaption { position: absolute; z-index: 2; right: 28px; bottom: 23px; left: 28px; display: flex; align-items: end; justify-content: space-between; gap: 28px; color: #f1f9fd; text-shadow: 0 2px 12px rgba(0, 16, 27, .48); }
.editorial-visual figcaption span { font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.editorial-visual figcaption strong { max-width: 520px; font-family: var(--font-display); font-size: clamp(18px, 2.3vw, 25px); font-weight: 600; text-align: right; }
.command-guide { margin-bottom: 20px; }
.command-editorial { height: clamp(220px, 25vw, 290px); margin-bottom: 30px; }
.chronicle-intro { margin-bottom: 24px; }
.chronicle-editorial { margin-bottom: 34px; }
.store-notice { margin-bottom: 30px; }
.store-editorial { margin-bottom: 70px; }

.store-wallet {
  position: relative;
  margin-bottom: 28px;
  padding: 30px 34px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(300px, 1.15fr);
  align-items: center;
  gap: 30px;
  border: 1px solid var(--line-strong);
  background: linear-gradient(125deg, rgba(231, 244, 250, .96), rgba(200, 224, 237, .92));
  box-shadow: 0 18px 48px rgba(20, 72, 103, .11);
}
.store-wallet-copy h2 { margin: 7px 0 6px; font-size: 23px; }
.store-wallet-copy p { max-width: 430px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.store-checkout-notice { margin-bottom: 20px; padding: 16px 19px; display: flex; align-items: baseline; gap: 11px; border: 1px solid rgba(44, 139, 116, .32); border-left: 4px solid #2c8b74; background: rgba(218, 241, 234, .72); color: #225d4e; }
.store-checkout-notice strong { font-size: 13px; }
.store-checkout-notice span { font-size: 12px; line-height: 1.55; }
.store-checkout-notice[data-checkout-state="cancelled"] { border-color: rgba(174, 111, 52, .28); border-left-color: #ad773e; background: rgba(243, 231, 211, .72); color: #755126; }
.store-checkout-notice[data-checkout-state="pending"] { border-color: rgba(47, 123, 162, .3); border-left-color: #347fa4; background: rgba(218, 236, 245, .72); color: #285d76; }
.wallet-balances { display: grid; grid-template-columns: repeat(2, minmax(125px, 1fr)); gap: 10px; }
.wallet-balance { min-width: 145px; padding: 15px 18px; border: 1px solid var(--line); background: rgba(255, 255, 255, .58); }
.wallet-balance span, .wallet-balance small { display: block; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.wallet-balance strong { display: block; margin: 4px 0 1px; color: var(--ink); font-family: var(--font-display); font-size: 25px; }
.wallet-diamonds strong { color: #276d97; }
.pass-daily-claim { grid-column: 1 / -1; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid rgba(42, 132, 178, .3); border-left: 4px solid #368db7; background: rgba(221, 240, 248, .64); }
.pass-daily-claim > div { display: grid; gap: 4px; }
.pass-daily-claim strong { color: var(--ink); font-family: var(--font-display); font-size: 18px; }
.pass-daily-claim small { color: var(--muted); font-size: 11px; line-height: 1.55; }
.pass-daily-claim .button { min-width: 190px; }
.credit-redeem label { display: block; margin-bottom: 8px; color: var(--ink); font-size: 12px; font-weight: 800; }
.credit-redeem > div { display: flex; gap: 8px; }
.credit-redeem input { min-width: 0; flex: 1; min-height: 45px; padding: 0 14px; border: 1px solid var(--line-strong); background: rgba(255, 255, 255, .78); color: var(--ink); font: inherit; font-size: 14px; letter-spacing: .04em; outline: none; }
.credit-redeem input:focus { border-color: #2f8dbb; box-shadow: 0 0 0 3px rgba(55, 153, 202, .14); }
.credit-redeem .button { min-width: 132px; }
.store-sign-in { justify-self: end; }
.store-status { grid-column: 1 / -1; margin: -12px 0 0; padding: 10px 13px; border-left: 3px solid #2b8ba7; background: rgba(255,255,255,.46); color: #234f65; font-size: 13px; }
.store-status[data-type="error"] { border-color: #b94b57; color: #822f3b; }
.store-status[data-type="pending"] { border-color: #9a7c2c; }
.pack-button[disabled] { cursor: not-allowed; filter: saturate(.55); opacity: .48; transform: none; }
.store-cart { margin-top: 34px; padding: 30px 32px 32px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .48fr); gap: 20px 34px; border: 1px solid var(--line-strong); background: linear-gradient(135deg, rgba(232, 244, 249, .92), rgba(210, 230, 240, .84)); box-shadow: 0 20px 55px rgba(20, 72, 103, .1); scroll-margin-top: 105px; }
.store-cart-heading { grid-column: 1 / -1; padding-bottom: 18px; display: flex; align-items: end; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.store-cart-heading h2 { margin: 7px 0 0; font-size: 27px; }
.store-cart-heading h2 small { margin-left: 8px; color: var(--muted); font-family: var(--font-body); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.store-cart-heading > button { padding: 5px 0; border: 0; background: transparent; color: #386d86; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.store-cart-empty { margin: 0; padding: 24px; border: 1px dashed var(--line-strong); color: var(--muted); font-size: 13px; text-align: center; }
.store-cart-items { margin: 0; padding: 0; display: grid; align-content: start; list-style: none; }
.store-cart-items li { min-height: 70px; padding: 12px 2px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.store-cart-items li:first-child { padding-top: 2px; }
.store-cart-items li > span { display: grid; gap: 3px; }
.store-cart-items li strong { color: var(--ink); font-family: var(--font-display); font-size: 15px; font-weight: 600; }
.store-cart-items li small { color: var(--muted); font-size: 10px; }
.store-cart-controls { display: flex; align-items: center; gap: 8px; }
.store-cart-controls button { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line-strong); background: rgba(255, 255, 255, .58); color: var(--ink); font: inherit; cursor: pointer; }
.store-cart-controls button:disabled { cursor: not-allowed; opacity: .38; }
.store-cart-controls b { min-width: 20px; color: var(--ink); font-size: 12px; text-align: center; }
.store-cart-controls .store-cart-remove { width: auto; margin-left: 5px; padding: 0 3px; border: 0; background: transparent; color: #8d4b53; font-size: 10px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.store-cart-summary { grid-column: 2; grid-row: 2 / span 2; padding: 22px; align-self: start; border: 1px solid var(--line); background: rgba(255, 255, 255, .58); }
.store-credit-toggle { padding-bottom: 17px; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 12px; font-weight: 800; cursor: pointer; }
.store-credit-toggle[hidden], .store-cart-summary dl > div[hidden] { display: none; }
.store-credit-toggle input { width: 17px; height: 17px; accent-color: #2782ad; }
.store-cart-summary dl { margin: 10px 0 18px; }
.store-cart-summary dl > div { padding: 8px 0; display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 12px; }
.store-cart-summary dt, .store-cart-summary dd { margin: 0; }
.store-cart-summary dd { color: var(--ink); font-weight: 800; }
.store-cart-summary .store-cart-total { margin-top: 3px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--ink); font-weight: 800; }
.store-cart-summary .store-cart-total dd { color: #256f95; font-family: var(--font-display); font-size: 19px; }
.store-cart-summary > .button { width: 100%; }
.store-cart-summary > small { margin-top: 12px; display: block; color: var(--muted); font-size: 9px; line-height: 1.6; text-align: center; }
.purchase-history { margin-top: 36px; padding: 28px 32px; display: grid; grid-template-columns: minmax(180px, .6fr) 1fr; gap: 36px; border: 1px solid var(--line); background: rgba(230, 240, 246, .82); }
.purchase-history h2 { margin: 7px 0 0; font-size: 23px; }
.purchase-history ul { margin: 0; padding: 0; list-style: none; }
.purchase-history li { padding: 10px 0; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); }
.purchase-history li:last-child { border-bottom: 0; }
.purchase-history li span, .purchase-history li small { display: block; }
.purchase-history li strong { font-size: 13px; }
.purchase-history li small { margin-top: 2px; color: var(--muted); font-size: 11px; }
.purchase-history li b { color: #276d97; font-size: 13px; }

html[data-theme="dark"] .store-wallet { background: linear-gradient(125deg, #123247, #0b2434); box-shadow: 0 18px 48px rgba(0, 0, 0, .2); }
html[data-theme="dark"] .wallet-balance, html[data-theme="dark"] .credit-redeem input { background: rgba(5, 23, 35, .58); }
html[data-theme="dark"] .wallet-diamonds strong { color: #76c9ee; }
html[data-theme="dark"] .pass-daily-claim { background: rgba(4, 24, 37, .62); }
html[data-theme="dark"] .store-checkout-notice { background: rgba(18, 67, 57, .72); color: #a8e1d2; }
html[data-theme="dark"] .store-checkout-notice[data-checkout-state="cancelled"] { background: rgba(70, 51, 26, .72); color: #ebcb9d; }
html[data-theme="dark"] .store-checkout-notice[data-checkout-state="pending"] { background: rgba(15, 51, 70, .72); color: #a8d8ec; }
html[data-theme="dark"] .store-status { background: rgba(4, 20, 31, .5); color: #a8d8ec; }
html[data-theme="dark"] .store-status[data-type="error"] { color: #ffabb3; }
html[data-theme="dark"] .purchase-history { background: rgba(10, 35, 50, .78); }
html[data-theme="dark"] .store-cart { background: linear-gradient(135deg, rgba(14, 45, 62, .94), rgba(8, 29, 42, .92)); box-shadow: 0 20px 55px rgba(0, 0, 0, .22); }
html[data-theme="dark"] :is(.store-cart-summary, .store-cart-controls button) { background: rgba(4, 20, 31, .58); }
html[data-theme="dark"] .store-cart-heading > button { color: #91cce5; }
html[data-theme="dark"] .store-pass-card { border-color: rgba(109, 189, 227, .25); background: linear-gradient(155deg, rgba(18, 37, 51, .96), rgba(8, 24, 36, .98)); }
html[data-theme="dark"] .store-pass-card.pass-featured { border-color: rgba(212, 169, 93, .45); background: linear-gradient(155deg, rgba(49, 44, 35, .97), rgba(19, 27, 33, .98)); }
html[data-theme="dark"] .store-pass-card h3 { color: #edf8fd; }
html[data-theme="dark"] .store-pass-card > p { color: #b8ccd7; }
html[data-theme="dark"] .pass-benefits li { color: #c7dbe5; }

.admin-section { background: radial-gradient(circle at 75% 8%, rgba(77, 173, 218, .12), transparent 32rem), #d0e3ed; }
.admin-stat-grid { margin-bottom: 22px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.admin-stat-grid article { padding: 22px 24px; border: 1px solid var(--line); background: rgba(236, 246, 251, .86); box-shadow: 0 12px 30px rgba(23, 72, 101, .07); }
.admin-stat-grid span { display: block; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.admin-stat-grid strong { display: block; margin-top: 8px; color: var(--ink); font-family: var(--font-display); font-size: 26px; }
.admin-stat-grid-compact { grid-template-columns: repeat(3, 1fr); }
.admin-stat-grid-four { grid-template-columns: repeat(4, 1fr); }
.admin-stat-grid-dashboard { grid-template-columns: repeat(3, 1fr); }
.admin-stat-grid-wiki strong { font-size: 18px; overflow-wrap: anywhere; }
.admin-directory-heading { max-width: 650px; margin: 52px 0 23px; }
.admin-directory-heading h2 { margin: 8px 0 7px; font-size: clamp(1.8rem, 4vw, 2.7rem); }
.admin-directory-heading p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.admin-recruitment-control { position: relative; margin-top: 28px; padding: 28px 29px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 23px; overflow: hidden; border: 1px solid var(--line); background: rgba(236, 246, 251, .86); box-shadow: 0 14px 36px rgba(23, 72, 101, .08); }
.admin-recruitment-control::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #29906f; }
.admin-recruitment-control.is-closed::before { background: #98505a; }
.admin-recruitment-icon { width: 53px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(39, 125, 165, .3); color: #24789f; background: rgba(64, 155, 198, .09); font-size: 21px; transform: rotate(45deg); }
.admin-recruitment-icon::first-letter { transform: rotate(-45deg); }
.admin-recruitment-heading { display: flex; align-items: center; gap: 11px; }
.admin-recruitment-heading .card-kicker { margin: 0; }
.admin-recruitment-copy h2 { margin: 5px 0 4px; color: var(--ink); font-size: 24px; }
.admin-recruitment-copy p { max-width: 680px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.admin-recruitment-copy > small { margin-top: 7px; display: block; color: var(--muted); font-size: 9px; }
.admin-recruitment-actions { min-width: 190px; display: grid; justify-items: end; gap: 13px; }
.admin-recruitment-actions form { margin: 0; }
.admin-recruitment-actions .text-link { font-size: 9px; }
.admin-recruitment-close { border-color: rgba(156, 60, 72, .3); color: #803945; background: rgba(176, 70, 83, .08); }
.admin-recruitment-close:hover { border-color: rgba(156, 60, 72, .5); background: rgba(176, 70, 83, .14); }
.admin-directory-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.admin-directory-grid-four-tools { grid-template-columns: repeat(2, 1fr); }
.admin-directory-grid-five-tools { grid-template-columns: repeat(6, 1fr); }
.admin-directory-grid-five-tools .admin-tool-card { grid-column: span 2; }
.admin-directory-grid-five-tools .admin-tool-card:nth-last-child(-n + 2) { grid-column: span 3; }
.admin-tool-card { position: relative; min-height: 330px; padding: 29px 27px 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); background: rgba(236, 246, 251, .86); color: var(--ink); box-shadow: 0 16px 42px rgba(23, 72, 101, .08); transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease; }
.admin-tool-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, #469dc4, #85cee9); }
.admin-tool-applications::before { background: linear-gradient(90deg, #7f5eb5, #6ebbd1); }
.admin-tool-support::before { background: linear-gradient(90deg, #3a86b0, #8baede); }
.admin-tool-store::before { background: linear-gradient(90deg, #408eab, #75c5ba); }
.admin-tool-wiki::before { background: linear-gradient(90deg, #4472b4, #82b9db); }
.admin-tool-card:hover,
.admin-tool-card:focus-visible { transform: translateY(-5px); border-color: rgba(38, 132, 178, .42); box-shadow: 0 24px 55px rgba(23, 72, 101, .14); outline: none; }
.admin-tool-index { position: absolute; top: 23px; right: 24px; color: rgba(35, 91, 122, .42); font-family: var(--font-display); font-size: 11px; }
.admin-tool-icon { width: 51px; height: 51px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: #277ca4; background: rgba(191, 225, 239, .42); font-family: var(--font-display); font-size: 20px; }
.admin-tool-copy { margin-top: 29px; display: grid; }
.admin-tool-copy small { color: #367b9b; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.admin-tool-copy strong { margin-top: 7px; font-family: var(--font-display); font-size: 23px; }
.admin-tool-copy p { margin: 11px 0 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.admin-tool-meta { margin-top: auto; padding-top: 21px; display: flex; align-items: baseline; gap: 5px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.admin-tool-meta b { color: #246f94; font-family: var(--font-display); font-size: 17px; }
.admin-tool-meta i { margin-left: auto; color: #246f94; font-size: 9px; font-style: normal; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.admin-directory-back { margin-bottom: 25px; display: inline-flex; }
.admin-tool-hero .page-hero-inner > p { max-width: 720px; }
.admin-workspace { display: grid; grid-template-columns: minmax(310px, .72fr) minmax(0, 1.28fr); gap: 18px; align-items: start; }
.admin-panel { padding: 28px 30px; border: 1px solid var(--line); background: rgba(236, 246, 251, .84); box-shadow: 0 16px 40px rgba(23, 72, 101, .08); }
.admin-panel-heading { margin-bottom: 23px; }
.admin-panel-heading h2 { margin: 7px 0 0; font-size: 23px; }
.admin-panel-heading p { margin: 8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.admin-generator form { display: grid; gap: 15px; }
.admin-generator label { display: grid; gap: 7px; color: var(--ink); font-size: 12px; font-weight: 800; }
.admin-generator label small { margin-left: 5px; color: var(--muted); font-size: 10px; font-weight: 600; }
.admin-field-label { display: flex; align-items: baseline; gap: 7px; }
.admin-field-label small { margin-left: 0 !important; }
.admin-generator label > em { margin-top: -1px; color: var(--muted); font-size: 9px; font-style: normal; font-weight: 600; line-height: 1.4; }
.admin-generator input { width: 100%; min-height: 44px; padding: 0 13px; border: 1px solid var(--line-strong); background: rgba(255,255,255,.72); color: var(--ink); font: inherit; font-size: 13px; outline: none; }
.admin-generator input:focus { border-color: #2f8dbb; box-shadow: 0 0 0 3px rgba(55,153,202,.14); }
.admin-generator .button { margin-top: 4px; }
.admin-table-wrap { overflow-x: auto; }
.admin-table { width: 100%; border-collapse: collapse; color: var(--ink); font-size: 11px; text-align: left; }
.admin-table th { padding: 0 12px 10px; color: var(--muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.admin-table td { padding: 13px 12px; border-top: 1px solid var(--line); vertical-align: middle; }
.admin-table code { color: #315f78; font-size: 10px; }
.admin-table-subline { margin-top: 4px; display: block; color: var(--muted); font-size: 9px; }
.admin-stat-date { max-width: 150px; font-size: 14px !important; line-height: 1.35; }
.table-muted, .table-empty { color: var(--muted); }
.table-empty { padding: 28px 12px !important; text-align: center; }
.admin-status { display: inline-block; padding: 4px 7px; border-radius: 999px; font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.admin-status-active { background: rgba(37, 148, 119, .13); color: #176d58; }
.admin-status-redeemed { background: rgba(47, 132, 181, .14); color: #245f83; }
.admin-status-expired { background: rgba(139, 102, 93, .12); color: #7b4b43; }
.admin-status-disabled { background: rgba(156, 60, 72, .13); color: #823b46; }
.admin-status-available { background: rgba(47, 132, 181, .12); color: #245f83; }
.admin-status-pending { background: rgba(169, 119, 35, .14); color: #79591f; }
.admin-status-refunded { background: rgba(37, 148, 119, .13); color: #176d58; }
.admin-status-failed { background: rgba(156, 60, 72, .13); color: #823b46; }
.admin-status-submitted { background: rgba(47, 132, 181, .13); color: #245f83; }
.admin-status-under-review { background: rgba(169, 119, 35, .14); color: #79591f; }
.admin-status-approved { background: rgba(37, 148, 119, .13); color: #176d58; }
.admin-status-denied { background: rgba(156, 60, 72, .13); color: #823b46; }
.admin-status-archived { background: rgba(92, 108, 119, .13); color: #53636c; }
.admin-status-detail { max-width: 150px; margin-top: 6px; display: block; color: var(--muted); font-size: 9px; line-height: 1.45; }
.admin-code-action form { margin: 0; }
.admin-disable-code { min-height: 32px; padding: 6px 10px; border: 1px solid rgba(151, 61, 73, .3); border-radius: 2px; background: rgba(176, 70, 83, .08); color: #803945; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; transition: border-color 160ms ease, background 160ms ease, color 160ms ease; }
.admin-disable-code:hover,
.admin-disable-code:focus-visible { border-color: rgba(151, 61, 73, .58); background: rgba(176, 70, 83, .16); color: #672732; outline: 2px solid rgba(176, 70, 83, .18); outline-offset: 2px; }
.bonus-tag { display: inline-block; margin-left: 3px; padding: 2px 5px; background: rgba(64,145,190,.14); color: #276d97; font-size: 9px; }
.admin-purchases { margin-top: 18px; }
.admin-order-table { min-width: 1280px; }
.admin-order-table td { vertical-align: top; }
.admin-order-table td > small { margin-top: 4px; display: block; color: var(--muted); font-size: 9px; line-height: 1.45; }
.admin-order-items { min-width: 175px; line-height: 1.55; }
.admin-refund-action { width: 230px; }
.admin-refund-control summary { width: max-content; padding: 7px 10px; border: 1px solid rgba(151, 61, 73, .32); color: #803945; background: rgba(176, 70, 83, .08); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; list-style: none; }
.admin-refund-control summary::-webkit-details-marker { display: none; }
.admin-refund-control[open] summary { margin-bottom: 10px; }
.admin-refund-control form { min-width: 210px; display: grid; gap: 9px; }
.admin-refund-control form > label { display: grid; gap: 4px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.admin-refund-control :is(select, input[type="text"]) { width: 100%; min-height: 36px; padding: 7px 9px; border: 1px solid var(--line-strong); border-radius: 0; background: rgba(255, 255, 255, .72); color: var(--ink); font: inherit; font-size: 10px; outline: none; }
.admin-refund-control :is(select, input[type="text"]):focus { border-color: #2f8dbb; box-shadow: 0 0 0 2px rgba(55,153,202,.13); }
.admin-refund-confirm { grid-template-columns: auto 1fr; align-items: start; gap: 7px !important; text-transform: none !important; line-height: 1.45; cursor: pointer; }
.admin-refund-confirm input { margin-top: 2px; accent-color: #a33f4d; }
.admin-refund-button, .admin-sync-refund { min-height: 34px; padding: 7px 10px; border: 1px solid rgba(151, 61, 73, .38); background: rgba(176, 70, 83, .12); color: #803945; font: inherit; font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; }
.admin-sync-refund { border-color: rgba(47, 132, 181, .35); background: rgba(47, 132, 181, .1); color: #245f83; }
.admin-refund-button:hover, .admin-refund-button:focus-visible { background: rgba(176, 70, 83, .22); outline: 2px solid rgba(176, 70, 83, .16); outline-offset: 2px; }
.admin-sync-refund:hover, .admin-sync-refund:focus-visible { background: rgba(47, 132, 181, .2); outline: 2px solid rgba(47, 132, 181, .14); outline-offset: 2px; }
.admin-notice { margin-bottom: 22px; padding: 20px 22px; display: flex; align-items: center; gap: 18px; border: 1px solid rgba(36,129,107,.32); background: rgba(220,244,236,.92); }
.admin-notice > div { flex: 1; }
.admin-notice strong { font-family: var(--font-display); font-size: 18px; }
.admin-notice p { margin: 4px 0 0; color: #3a6258; font-size: 12px; }
.admin-notice code { padding: 10px 13px; border: 1px dashed rgba(28,100,84,.4); background: rgba(255,255,255,.54); color: #174f42; font-size: 13px; font-weight: 800; letter-spacing: .04em; user-select: all; }
.admin-notice-error { border-color: rgba(162,62,75,.3); background: rgba(248,224,227,.9); }
.admin-notice-error p { color: #743a43; }
.admin-notice-pending { border-color: rgba(169, 119, 35, .3); background: rgba(248, 237, 211, .92); }
.admin-notice-pending p { color: #715526; }
.admin-denied-section { min-height: 75vh; padding-top: 190px; display: grid; align-items: center; background: #d0e3ed; }
.admin-denied { max-width: 720px; margin: 0 auto; padding: 55px; border: 1px solid var(--line); background: rgba(236,246,251,.9); text-align: center; box-shadow: 0 18px 50px rgba(23,72,101,.1); }
.admin-lock { width: 64px; aspect-ratio: 1; margin: 0 auto 22px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: #2f8dbb; font-size: 25px; }
.admin-denied .eyebrow { justify-content: center; }
.admin-denied h1 { margin: 18px 0 12px; font-size: clamp(2rem, 5vw, 3.5rem); }
.admin-denied > p { max-width: 570px; margin: 0 auto 22px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.admin-denied > div { display: flex; justify-content: center; gap: 10px; }
.admin-config-warning { padding: 13px; border: 1px solid rgba(157,104,36,.25); background: rgba(248,235,205,.75); color: #705024 !important; }

html[data-theme="dark"] .admin-section, html[data-theme="dark"] .admin-denied-section { background-color: #0d2231; }
html[data-theme="dark"] :is(.admin-stat-grid article, .admin-panel, .admin-denied, .admin-tool-card, .admin-recruitment-control) { background: rgba(10,35,50,.9); }
html[data-theme="dark"] .admin-recruitment-close { color: #f0a8b2; }
html[data-theme="dark"] .admin-tool-icon { color: #8fd5f0; background: rgba(24, 76, 99, .42); }
html[data-theme="dark"] .admin-tool-copy small,
html[data-theme="dark"] .admin-tool-meta b,
html[data-theme="dark"] .admin-tool-meta i { color: #8bcfe9; }
html[data-theme="dark"] .admin-tool-index { color: rgba(156, 207, 229, .46); }
html[data-theme="dark"] .admin-generator input { background: rgba(4,20,31,.58); }
html[data-theme="dark"] .admin-table code { color: #91cce5; }
html[data-theme="dark"] .admin-status-active { color: #7ddbc2; }
html[data-theme="dark"] .admin-status-redeemed { color: #8bccee; }
html[data-theme="dark"] .admin-status-expired { color: #dda69c; }
html[data-theme="dark"] .admin-status-disabled { color: #f0a8b2; }
html[data-theme="dark"] .admin-status-available { color: #8bccee; }
html[data-theme="dark"] .admin-status-pending { color: #e6c37e; }
html[data-theme="dark"] .admin-status-refunded { color: #7ddbc2; }
html[data-theme="dark"] .admin-status-failed { color: #f0a8b2; }
html[data-theme="dark"] .admin-status-submitted { color: #8bccee; }
html[data-theme="dark"] .admin-status-under-review { color: #e6c37e; }
html[data-theme="dark"] .admin-status-approved { color: #7ddbc2; }
html[data-theme="dark"] .admin-status-denied { color: #f0a8b2; }
html[data-theme="dark"] .admin-status-archived { color: #b7c2c8; }
html[data-theme="dark"] .admin-disable-code { border-color: rgba(236, 139, 151, .32); background: rgba(153, 54, 68, .17); color: #f0b2ba; }
html[data-theme="dark"] .admin-disable-code:hover,
html[data-theme="dark"] .admin-disable-code:focus-visible { border-color: rgba(240, 161, 171, .58); background: rgba(176, 65, 80, .28); color: #ffe8eb; }
html[data-theme="dark"] .admin-notice { background: rgba(19,65,56,.92); }
html[data-theme="dark"] .admin-notice p { color: #a6d4c8; }
html[data-theme="dark"] .admin-notice code { background: rgba(3,20,16,.45); color: #a8ead9; }
html[data-theme="dark"] .admin-notice-error { background: rgba(76,27,35,.9); }
html[data-theme="dark"] .admin-notice-error p { color: #f1b3bc; }
html[data-theme="dark"] .admin-notice-pending { background: rgba(75, 57, 24, .9); }
html[data-theme="dark"] .admin-notice-pending p { color: #ead09a; }
html[data-theme="dark"] .admin-refund-control :is(select, input[type="text"]) { background: rgba(4,20,31,.72); }
html[data-theme="dark"] .admin-refund-control summary,
html[data-theme="dark"] .admin-refund-button { border-color: rgba(236, 139, 151, .34); background: rgba(153, 54, 68, .18); color: #f0b2ba; }
html[data-theme="dark"] .admin-sync-refund { border-color: rgba(139, 204, 234, .34); background: rgba(47, 132, 181, .17); color: #a6d7ec; }

.policy-section { background: radial-gradient(circle at 18% 8%, rgba(63, 159, 207, .13), transparent 30rem), #d0e3ed; }
.policy-layout { display: grid; grid-template-columns: minmax(260px, .36fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.policy-summary { position: sticky; top: 110px; padding: 30px 28px; border: 1px solid var(--line-strong); background: linear-gradient(150deg, rgba(236,246,251,.96), rgba(208,230,240,.92)); box-shadow: 0 18px 45px rgba(23,72,101,.1); }
.policy-summary h2 { margin: 8px 0 24px; font-size: 24px; }
.policy-summary ul { margin: 0 0 25px; padding: 0; list-style: none; }
.policy-summary li { padding: 13px 0; border-top: 1px solid var(--line); }
.policy-summary li strong, .policy-summary li span { display: block; }
.policy-summary li strong { color: #236f94; font-family: var(--font-display); font-size: 14px; }
.policy-summary li span { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.policy-summary .button { width: 100%; }
.policy-summary > small { display: block; margin-top: 13px; color: var(--muted); font-size: 10px; line-height: 1.5; text-align: center; }
.policy-document { padding: 44px 48px; border: 1px solid var(--line); background: rgba(239,248,252,.9); box-shadow: 0 18px 45px rgba(23,72,101,.08); }
.policy-document > header { padding-bottom: 33px; border-bottom: 1px solid var(--line-strong); }
.policy-document > header > span { color: #2b7398; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.policy-document > header h2 { margin: 10px 0 12px; font-size: clamp(1.8rem, 4vw, 2.8rem); }
.policy-document > header p, .policy-document section p { color: var(--muted); font-size: 13px; line-height: 1.8; }
.policy-document > header p { max-width: 760px; margin: 0; }
.policy-document > section { padding: 34px 0; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 18px; border-bottom: 1px solid var(--line); }
.policy-number { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: #2b7398; font-family: var(--font-display); font-size: 10px; }
.policy-document section h3 { margin: 5px 0 11px; font-size: 19px; }
.policy-document section p { margin: 0 0 12px; }
.policy-document section p:last-child { margin-bottom: 0; }
.policy-document section ul { margin: 10px 0 16px; padding-left: 20px; color: var(--ink); }
.policy-document section li { margin: 8px 0; padding-left: 4px; font-size: 13px; line-height: 1.65; }
.policy-document section li::marker { color: #3187ae; }
.policy-document > footer { margin-top: 34px; padding: 25px 27px; border: 1px solid var(--line-strong); background: rgba(199,226,238,.5); }
.policy-document > footer strong { font-family: var(--font-display); font-size: 17px; }
.policy-document > footer p { margin: 7px 0 14px; color: var(--muted); font-size: 12px; line-height: 1.65; }

html[data-theme="dark"] .policy-section { background-color: #0d2231; }
html[data-theme="dark"] .policy-summary { background: linear-gradient(150deg, rgba(15,48,67,.96), rgba(8,31,45,.94)); }
html[data-theme="dark"] .policy-document { background: rgba(10,35,50,.9); }
html[data-theme="dark"] .policy-summary li strong, html[data-theme="dark"] .policy-document > header > span, html[data-theme="dark"] .policy-number { color: #83ccea; }
html[data-theme="dark"] .policy-document > footer { background: rgba(24,70,92,.42); }

.support-section { background: radial-gradient(circle at 82% 5%, rgba(63,159,207,.13), transparent 30rem), #d0e3ed; }
.support-paths { margin-bottom: 26px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.support-paths > a { min-height: 210px; padding: 28px 27px; display: flex; flex-direction: column; border: 1px solid var(--line); background: rgba(237,247,251,.86); color: var(--ink); box-shadow: 0 14px 35px rgba(23,72,101,.07); transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease; }
.support-paths > a:hover { transform: translateY(-4px); border-color: var(--line-strong); box-shadow: 0 20px 45px rgba(23,72,101,.12); }
.support-path-icon { width: 42px; height: 42px; margin-bottom: 19px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: #2f80a7; font-family: var(--font-display); font-size: 17px; }
.support-paths strong { font-family: var(--font-display); font-size: 17px; }
.support-paths p { margin: 8px 0 20px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.support-paths small { margin-top: auto; color: #2b7398; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.support-layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(310px, .72fr); gap: 18px; align-items: start; scroll-margin-top: 110px; }
.support-form-panel, .support-result-panel { padding: 34px 36px; border: 1px solid var(--line); background: rgba(239,248,252,.9); box-shadow: 0 18px 45px rgba(23,72,101,.08); }
.support-result-panel { position: sticky; top: 110px; }
.support-heading { margin-bottom: 25px; }
.support-heading h2 { margin: 8px 0 6px; font-size: 24px; }
.support-heading p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.support-form-panel form { display: grid; gap: 16px; }
.support-identity { padding: 13px 15px; display: grid; grid-template-columns: 1fr auto; align-items: center; border: 1px solid var(--line); background: rgba(217,236,245,.62); }
.support-identity span, .support-identity small { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.support-identity strong { grid-row: 1 / 3; grid-column: 2; font-size: 13px; }
.support-form-panel label { display: grid; gap: 7px; color: var(--ink); font-size: 12px; font-weight: 800; }
.support-form-panel label small { margin-left: 4px; color: var(--muted); font-size: 10px; font-weight: 600; }
.support-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.support-form-panel :is(input, select, textarea), .support-prepared textarea { width: 100%; padding: 12px 13px; border: 1px solid var(--line-strong); border-radius: 0; background: rgba(255,255,255,.75); color: var(--ink); font: inherit; font-size: 13px; outline: none; }
.support-form-panel :is(input, select) { min-height: 45px; }
.support-form-panel textarea { resize: vertical; line-height: 1.6; }
.support-form-panel :is(input, select, textarea):focus { border-color: #2f8dbb; box-shadow: 0 0 0 3px rgba(55,153,202,.14); }
.support-safety { padding: 13px 14px; display: grid; grid-template-columns: 27px 1fr; gap: 10px; align-items: center; border: 1px solid rgba(167,111,37,.24); background: rgba(249,236,207,.7); }
.support-safety span { width: 27px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(131,87,29,.35); border-radius: 50%; color: #7a551f; font-weight: 800; }
.support-safety p { margin: 0; color: #72522a; font-size: 10px; line-height: 1.55; }
.support-upload { position: relative; }
.support-upload-label { margin-bottom: 7px; display: block; color: var(--ink); font-size: 12px; font-weight: 800; }
.support-upload-label small { margin-left: 4px; color: var(--muted); font-size: 10px; font-weight: 600; }
.support-upload-picker { position: relative; display: block !important; }
.support-upload-picker > input { position: absolute; width: 1px !important; min-height: 1px !important; height: 1px; padding: 0 !important; border: 0; opacity: 0; overflow: hidden; }
.support-upload-box { min-height: 112px; padding: 18px; display: grid; place-items: center; align-content: center; gap: 5px; border: 1px dashed var(--line-strong); background: rgba(218,236,245,.42); cursor: pointer; text-align: center; transition: border-color 180ms ease, background 180ms ease; }
.support-upload-box:hover, .support-upload-picker > input:focus + .support-upload-box { border-color: #2f8dbb; background: rgba(208,233,244,.7); }
.support-upload-box b { color: #2f80a7; font-size: 22px; font-weight: 400; }
.support-upload-box strong { font-size: 12px; }
.support-upload-box small, .support-file-summary { color: var(--muted); font-size: 9px; font-weight: 600; }
.support-file-summary { min-height: 15px; display: block; margin-top: 6px; line-height: 1.5; }
.support-file-previews { margin-top: 8px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.support-file-previews[hidden] { display: none; }
.support-file-preview { min-width: 0; margin: 0; padding: 7px; position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 9px; align-items: center; border: 1px solid var(--line); background: rgba(236,247,251,.78); }
.support-file-preview img { width: 56px; height: 56px; display: block; object-fit: cover; border: 1px solid var(--line); background: rgba(206,226,236,.6); }
.support-file-preview figcaption { min-width: 0; padding-right: 23px; }
.support-file-preview figcaption strong, .support-file-preview figcaption small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-file-preview figcaption strong { color: var(--ink); font-size: 10px; }
.support-file-preview figcaption small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.support-file-remove { width: 24px; height: 24px; padding: 0; position: absolute; top: 5px; right: 5px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: rgba(245,251,253,.94); color: var(--ink); cursor: pointer; font: inherit; font-size: 16px; line-height: 1; }
.support-file-remove:hover, .support-file-remove:focus-visible { border-color: #aa5663; color: #8c3e4a; outline: none; }
.support-notice { margin-bottom: 24px; padding: 19px 22px; display: flex; align-items: center; gap: 14px; border: 1px solid rgba(35,135,108,.3); background: rgba(218,243,235,.9); }
.support-notice > span { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; color: #247c64; }
.support-notice strong { font-family: var(--font-display); font-size: 16px; }
.support-notice p { margin: 4px 0 0; color: #426a60; font-size: 11px; }
.support-notice-error { border-color: rgba(164,62,75,.28); background: rgba(248,224,227,.9); }
.support-notice-error > span, .support-notice-error p { color: #873b47; }
.support-sign-in { min-height: 380px; display: grid; place-items: center; align-content: center; text-align: center; }
.support-sign-in > span { color: #4999be; font-size: 30px; }
.support-sign-in h3 { margin: 15px 0 7px; font-size: 20px; }
.support-sign-in p { max-width: 390px; margin: 0 0 20px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.support-process { margin: 0; padding: 0; list-style: none; }
.support-process li { padding: 18px 0; display: grid; grid-template-columns: 38px 1fr; gap: 13px; border-top: 1px solid var(--line); }
.support-process li > span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: #2f80a7; font-family: var(--font-display); font-size: 9px; }
.support-process strong { font-size: 12px; }
.support-process p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.support-privacy-note { margin-top: 20px; padding: 16px; border: 1px solid var(--line); background: rgba(217,236,245,.56); }
.support-privacy-note strong { font-size: 11px; }
.support-privacy-note p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.support-empty { min-height: 300px; display: grid; place-items: center; align-content: center; gap: 14px; border: 1px dashed var(--line-strong); color: var(--muted); text-align: center; }
.support-empty span { color: #4e9dc2; font-size: 25px; }
.support-empty p { margin: 0; font-size: 12px; }
.support-prepared textarea { resize: vertical; background: rgba(222,238,246,.7); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; line-height: 1.6; }
.support-copy-status { min-height: 20px; margin: 9px 0 12px; color: var(--muted); font-size: 10px; }
.support-prepared > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.support-resources { margin-top: 28px; padding: 29px 32px; display: grid; grid-template-columns: .6fr 1fr; gap: 35px; border: 1px solid var(--line); background: rgba(232,244,249,.82); }
.support-resources h2 { margin: 8px 0 0; font-size: 22px; }
.support-resources nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.support-resources nav a { padding: 14px; border-left: 1px solid var(--line-strong); color: var(--ink); }
.support-resources nav strong, .support-resources nav span { display: block; }
.support-resources nav strong { font-size: 11px; }
.support-resources nav span { margin-top: 5px; color: var(--muted); font-size: 9px; line-height: 1.5; }

html[data-theme="dark"] .support-section { background-color: #0d2231; }
html[data-theme="dark"] :is(.support-paths > a, .support-form-panel, .support-result-panel, .support-resources) { background: rgba(10,35,50,.9); }
html[data-theme="dark"] .support-path-icon, html[data-theme="dark"] .support-paths small { color: #86cce9; }
html[data-theme="dark"] .support-form-panel :is(input, select, textarea), html[data-theme="dark"] .support-prepared textarea { background: rgba(4,20,31,.65); }
html[data-theme="dark"] .support-safety { background: rgba(81,57,24,.48); }
html[data-theme="dark"] .support-safety p { color: #e0c395; }
html[data-theme="dark"] :is(.support-identity, .support-upload-box, .support-file-preview, .support-privacy-note) { background: rgba(14,48,67,.58); }
html[data-theme="dark"] .support-file-remove { background: rgba(5,24,36,.94); }
html[data-theme="dark"] .support-notice { background: rgba(19,65,56,.92); }
html[data-theme="dark"] .support-notice p { color: #a6d4c8; }
html[data-theme="dark"] .support-notice-error { background: rgba(76,27,35,.9); }
html[data-theme="dark"] .support-notice-error p { color: #f1b3bc; }

.admin-support-inbox { margin-top: 18px; }
.admin-row-link { color: #28789e; font-size: 10px; font-weight: 800; white-space: nowrap; }
.support-status-open { background: rgba(188,124,34,.14); color: #805719; }
.support-status-in-progress { background: rgba(47,132,181,.14); color: #245f83; }
.support-status-resolved { background: rgba(37,148,119,.13); color: #176d58; }
.support-status-closed { background: rgba(92,106,115,.13); color: #53636b; }
.support-back-link { margin-bottom: 22px; }
.support-detail-notice { margin-top: 18px; }
.support-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, .34fr); gap: 18px; align-items: start; }
.support-ticket-document > header { padding-bottom: 22px; display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; border-bottom: 1px solid var(--line); }
.support-ticket-document h2 { margin: 7px 0 0; font-size: 24px; }
.support-ticket-meta { margin: 22px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.support-ticket-meta > div { padding: 12px 14px; border: 1px solid var(--line); background: rgba(219,237,245,.48); }
.support-ticket-meta dt { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.support-ticket-meta dd { margin: 5px 0 0; color: var(--ink); font-size: 12px; }
.support-ticket-meta code { color: #315f78; font-size: 10px; }
.support-ticket-document > section { padding: 20px 0; border-top: 1px solid var(--line); }
.support-ticket-text { margin: 9px 0 0; color: var(--ink); font-size: 13px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.support-ticket-actions { position: sticky; top: 110px; }
.support-ticket-actions form { display: grid; gap: 12px; }
.support-ticket-actions label { display: grid; gap: 7px; font-size: 11px; font-weight: 800; }
.support-ticket-actions select { min-height: 44px; padding: 0 12px; border: 1px solid var(--line-strong); background: rgba(255,255,255,.7); color: var(--ink); font: inherit; }
.support-ticket-actions > small { display: block; margin-top: 12px; color: var(--muted); font-size: 9px; }
.support-evidence { margin-top: 18px; }
.support-evidence-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.support-evidence figure { margin: 0; overflow: hidden; border: 1px solid var(--line); background: rgba(218,235,244,.55); }
.support-evidence figure a { height: 230px; display: block; background: rgba(11,35,49,.08); }
.support-evidence img { width: 100%; height: 100%; display: block; object-fit: contain; }
.support-evidence figcaption { padding: 11px 12px; display: flex; justify-content: space-between; gap: 10px; }
.support-evidence figcaption strong { min-width: 0; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.support-evidence figcaption span { color: var(--muted); font-size: 9px; white-space: nowrap; }
.support-no-evidence { margin: 0; padding: 30px; border: 1px dashed var(--line-strong); color: var(--muted); font-size: 11px; text-align: center; }
html[data-theme="dark"] .admin-row-link { color: #87cce9; }
html[data-theme="dark"] .support-status-open { color: #ebc987; }
html[data-theme="dark"] .support-status-in-progress { color: #8bccee; }
html[data-theme="dark"] .support-status-resolved { color: #7ddbc2; }
html[data-theme="dark"] .support-status-closed { color: #b7c2c8; }
html[data-theme="dark"] :is(.support-ticket-meta > div, .support-evidence figure) { background: rgba(14,48,67,.5); }
html[data-theme="dark"] .support-ticket-meta code { color: #91cce5; }
html[data-theme="dark"] .support-ticket-actions select { background: rgba(4,20,31,.65); }
html[data-theme="dark"] .editorial-visual { border-color: rgba(113, 193, 231, .2); background: #0b2434; box-shadow: 0 18px 46px rgba(0, 7, 12, .28); }

.application-detail-section { padding-top: 76px; }
.application-review-document { max-width: 980px; margin-inline: auto; padding: 38px 42px 44px; }
.application-review-heading { padding-bottom: 27px; display: flex; align-items: start; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.application-review-heading h2 { margin: 7px 0 0; font-size: clamp(27px, 3vw, 36px); }
.application-review-heading p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.application-review-heading .admin-status { margin-top: 3px; }
.application-review-meta { margin: 0; padding: 26px 0; display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); }
.application-review-meta > div { min-width: 0; padding: 0 18px; border-left: 1px solid var(--line); }
.application-review-meta > div:first-child { padding-left: 0; border-left: 0; }
.application-review-meta dt { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.application-review-meta dd { margin: 7px 0 0; color: var(--ink); font-size: 11px; overflow-wrap: anywhere; }
.application-review-meta code { color: #315f78; font-size: 10px; }
.application-review-notice { max-width: 980px; margin-inline: auto; }
.application-list-notice { margin-top: 22px; }
.application-inbox-tabs { margin: 27px 0 16px; display: flex; gap: 8px; }
.application-inbox-tabs a { min-width: 145px; padding: 11px 14px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--line); color: var(--muted); background: rgba(226, 240, 247, .7); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.application-inbox-tabs a span { min-width: 22px; padding: 3px 6px; border-radius: 999px; color: #336f8d; background: rgba(50, 129, 166, .1); text-align: center; }
.application-inbox-tabs a.is-active { border-color: rgba(39, 127, 169, .42); color: #246f94; background: rgba(239, 248, 252, .95); box-shadow: 0 8px 24px rgba(23, 72, 101, .07); }
.application-review-panel { margin-top: 31px; padding: 28px 29px 25px; border: 1px solid var(--line-strong); background: rgba(218, 236, 245, .45); }
.application-review-heading-status { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.application-archived-banner { margin-top: 28px; padding: 18px 20px; display: flex; align-items: center; gap: 15px; border: 1px solid rgba(93, 111, 123, .25); background: rgba(223, 232, 237, .68); }
.application-archived-banner > span { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid currentColor; color: #61727c; transform: rotate(45deg); }
.application-archived-banner strong { color: var(--ink); font-family: var(--font-display); font-size: 15px; }
.application-archived-banner p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.application-review-panel-heading { padding-bottom: 21px; display: flex; align-items: start; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); }
.application-review-panel-heading h2 { margin: 6px 0 0; font-size: 23px; }
.application-review-panel-heading p { max-width: 620px; margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.application-review-panel form { padding-top: 22px; display: grid; grid-template-columns: minmax(170px, .32fr) minmax(0, 1fr); gap: 20px; }
.application-review-panel label { min-width: 0; display: grid; align-content: start; gap: 8px; color: var(--ink); font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.application-review-panel label small { margin-left: 5px; color: var(--muted); font-size: 8px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.application-review-panel :is(select, textarea) { width: 100%; border: 1px solid var(--line-strong); border-radius: 0; color: var(--ink); background: rgba(255, 255, 255, .72); font: inherit; font-size: 12px; outline: none; }
.application-review-panel select { min-height: 44px; padding: 0 12px; }
.application-review-panel textarea { min-height: 150px; padding: 12px 13px; resize: vertical; line-height: 1.65; }
.application-review-panel :is(select, textarea):focus { border-color: #2f8dbb; box-shadow: 0 0 0 3px rgba(55, 153, 202, .13); }
.application-review-actions { grid-column: 1 / -1; padding-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--line); }
.application-review-actions p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.application-review-actions .button { flex: 0 0 auto; }
.application-review-locked { padding-top: 22px; }
.application-review-locked p { margin: 0; color: var(--ink); font-size: 12px; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
.application-review-locked small { margin-top: 15px; display: block; color: var(--muted); font-size: 9px; }
.application-retention-panel { margin-top: 21px; padding: 25px 28px; display: flex; align-items: center; justify-content: space-between; gap: 34px; border: 1px solid var(--line); background: rgba(232, 242, 247, .6); }
.application-retention-panel > div:first-child { max-width: 630px; }
.application-retention-panel h2 { margin: 6px 0 0; font-size: 21px; }
.application-retention-panel > div:first-child > p { margin: 7px 0 0; color: var(--muted); font-size: 10px; line-height: 1.65; }
.application-retention-panel > form { flex: 0 0 auto; }
.application-retention-actions { min-width: 210px; display: grid; justify-items: stretch; gap: 10px; }
.application-retention-actions > form { display: grid; }
.application-delete-control { min-width: 210px; }
.application-delete-control summary { padding: 9px 12px; border: 1px solid rgba(151, 61, 73, .32); color: #803945; background: rgba(176, 70, 83, .08); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-align: center; text-transform: uppercase; cursor: pointer; list-style: none; }
.application-delete-control summary::-webkit-details-marker { display: none; }
.application-delete-control[open] summary { border-bottom-color: transparent; }
.application-delete-control form { padding: 14px; display: grid; gap: 12px; border: 1px solid rgba(151, 61, 73, .32); background: rgba(248, 229, 232, .66); }
.application-delete-control form p { margin: 0; color: #743a43; font-size: 9px; line-height: 1.55; }
.application-delete-control form label { display: grid; grid-template-columns: auto 1fr; gap: 8px; color: #743a43; font-size: 9px; line-height: 1.45; cursor: pointer; }
.application-delete-control form input { margin-top: 2px; accent-color: #a33f4d; }
.application-delete-button { min-height: 36px; padding: 8px 11px; border: 1px solid rgba(151, 61, 73, .46); color: #fff; background: #983f4d; font: inherit; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.application-delete-button:hover, .application-delete-button:focus-visible { background: #7f303d; outline: 2px solid rgba(151, 61, 73, .2); outline-offset: 2px; }
.application-response-section { padding-top: 34px; }
.application-response-list { margin: 0; padding: 0; display: grid; list-style: none; }
.application-response-list li { padding: 27px 0; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 19px; border-top: 1px solid var(--line); }
.application-response-list li:first-child { border-top-color: var(--line-strong); }
.application-response-number { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: #347da0; background: rgba(191, 225, 239, .32); font-family: var(--font-display); font-size: 10px; }
.application-response-list h3 { margin: 1px 0 0; color: var(--ink); font-size: 15px; line-height: 1.55; }
.application-response-list p { margin: 12px 0 0; color: var(--muted); font-size: 12px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
html[data-theme="dark"] .application-review-meta code,
html[data-theme="dark"] .admin-application-inbox code { color: #91cce5; }
html[data-theme="dark"] .application-response-number { color: #8bcfe9; background: rgba(62, 133, 168, .14); }
html[data-theme="dark"] .application-review-panel { background: rgba(14, 48, 67, .5); }
html[data-theme="dark"] .application-review-panel :is(select, textarea) { background: rgba(4, 20, 31, .65); }
html[data-theme="dark"] .application-inbox-tabs a { background: rgba(9, 35, 50, .72); }
html[data-theme="dark"] .application-inbox-tabs a.is-active { color: #8bcfe9; background: rgba(16, 52, 70, .94); }
html[data-theme="dark"] .application-inbox-tabs a span { color: #91cce5; }
html[data-theme="dark"] :is(.application-archived-banner, .application-retention-panel) { background: rgba(14, 48, 67, .5); }
html[data-theme="dark"] .application-delete-control summary { color: #f0a8b2; background: rgba(153, 54, 68, .17); }
html[data-theme="dark"] .application-delete-control form { background: rgba(96, 31, 43, .22); }
html[data-theme="dark"] .application-delete-control :is(form p, form label) { color: #f0b2ba; }

@media (max-width: 820px) {
  .overview-copy,
  .overview-visual,
  .overview-pillars { grid-column: 1; grid-row: auto; }
  .overview-visual { height: 290px; }
}

@media (max-width: 620px) {
  .overview-visual { height: 210px; }
  .overview-pillars { padding-inline: 18px; }
  .wiki-guide-visual { height: 175px; }
  .wiki-feature-visual { height: 235px; margin-bottom: 50px; }
  .wiki-feature-visual figcaption { right: 18px; bottom: 16px; left: 18px; }
  .wiki-feature-visual figcaption span { display: none; }
  .editorial-visual { height: 225px; margin-bottom: 48px; }
  .editorial-visual figcaption { right: 19px; bottom: 17px; left: 19px; display: block; }
  .editorial-visual figcaption span { display: block; margin-bottom: 4px; }
  .editorial-visual figcaption strong { display: block; text-align: left; }
  .command-editorial { height: 205px; margin-bottom: 25px; }
  .chronicle-editorial { margin-bottom: 28px; }
  .store-editorial { margin-bottom: 52px; }
}

@media (max-width: 1050px) {
  .store-wallet { grid-template-columns: 1fr 1fr; }
  .store-wallet-copy { grid-column: 1 / -1; }
  .store-cart { grid-template-columns: 1fr minmax(260px, .7fr); }
  .admin-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .admin-directory-grid { grid-template-columns: 1fr; }
  .admin-directory-grid-five-tools { grid-template-columns: repeat(2, 1fr); }
  .admin-directory-grid-five-tools .admin-tool-card { grid-column: auto; }
  .admin-directory-grid-five-tools .admin-tool-card:last-child { grid-column: 1 / -1; }
  .admin-tool-card { min-height: 270px; }
  .admin-workspace { grid-template-columns: 1fr; }
  .policy-layout { grid-template-columns: 1fr; }
  .policy-summary { position: static; }
  .policy-summary ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
  .policy-summary li { border-top: 0; border-left: 1px solid var(--line); padding: 4px 14px; }
  .support-layout { grid-template-columns: 1fr; }
  .support-result-panel { position: static; }
  .support-resources { grid-template-columns: 1fr; }
  .support-detail-layout { grid-template-columns: 1fr; }
  .support-ticket-actions { position: static; }
  .support-evidence-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
  .admin-directory-grid-five-tools { grid-template-columns: 1fr; }
  .admin-directory-grid-five-tools .admin-tool-card:last-child { grid-column: auto; }
  .application-review-document { padding: 28px 21px 32px; }
  .application-review-heading { display: grid; }
  .application-review-meta { grid-template-columns: repeat(2, 1fr); }
  .application-review-meta > div { padding: 13px 14px; border-top: 1px solid var(--line); }
  .application-review-meta > div:nth-child(odd) { padding-left: 0; border-left: 0; }
  .application-review-meta > div:nth-child(-n + 2) { border-top: 0; }
  .application-review-panel { padding: 23px 20px; }
  .application-review-panel-heading { display: grid; }
  .application-review-panel form { grid-template-columns: 1fr; }
  .application-review-actions { grid-column: 1; align-items: stretch; flex-direction: column; }
  .application-review-actions .button { width: 100%; }
  .application-retention-panel { align-items: stretch; flex-direction: column; }
  .application-retention-panel > form, .application-retention-panel .button { width: 100%; }
  .application-retention-actions { width: 100%; }
  .application-inbox-tabs { display: grid; grid-template-columns: 1fr 1fr; }
  .application-inbox-tabs a { min-width: 0; }
  .application-response-list li { grid-template-columns: 36px minmax(0, 1fr); gap: 13px; }
  .store-wallet { padding: 25px 20px; grid-template-columns: 1fr; gap: 20px; }
  .store-wallet-copy { grid-column: auto; }
  .wallet-balances { grid-template-columns: 1fr 1fr; }
  .wallet-balance { min-width: 0; padding: 13px; }
  .pass-daily-claim { align-items: stretch; flex-direction: column; gap: 14px; }
  .pass-daily-claim .button { width: 100%; min-width: 0; }
  .credit-redeem > div { display: grid; }
  .store-sign-in { justify-self: stretch; }
  .store-checkout-notice { align-items: flex-start; flex-direction: column; }
  .store-cart { padding: 24px 20px; grid-template-columns: 1fr; }
  .store-cart-heading { align-items: flex-start; }
  .store-cart-heading h2 small { margin: 5px 0 0; display: block; }
  .store-cart-summary { grid-column: 1; grid-row: auto; }
  .store-cart-items li { align-items: flex-start; flex-direction: column; }
  .purchase-history { padding: 24px 20px; grid-template-columns: 1fr; gap: 18px; }
  .admin-stat-grid { grid-template-columns: 1fr 1fr; }
  .admin-stat-grid article { padding: 18px; }
  .admin-stat-grid-compact,
  .admin-stat-grid-four { grid-template-columns: 1fr; }
  .admin-directory-heading { margin-top: 40px; }
  .admin-tool-card { min-height: 0; padding: 25px 21px 21px; }
  .admin-tool-copy { margin-top: 23px; }
  .admin-tool-meta { flex-wrap: wrap; }
  .admin-tool-meta i { width: 100%; margin: 7px 0 0; }
  .admin-panel { padding: 24px 18px; }
  .admin-notice { align-items: stretch; flex-direction: column; }
  .admin-notice .button { width: 100%; }
  .admin-denied { padding: 40px 22px; }
  .admin-denied > div { flex-direction: column; }
  .policy-summary { padding: 25px 20px; }
  .policy-summary ul { display: block; }
  .policy-summary li { padding: 13px 0; border-top: 1px solid var(--line); border-left: 0; }
  .policy-document { padding: 31px 21px; }
  .policy-document > section { grid-template-columns: 1fr; gap: 10px; }
  .support-paths { grid-template-columns: 1fr; }
  .support-paths > a { min-height: 0; }
  .support-form-panel, .support-result-panel { padding: 28px 20px; }
  .support-form-row, .support-prepared > div { grid-template-columns: 1fr; }
  .support-file-previews { grid-template-columns: 1fr; }
  .support-resources { padding: 25px 20px; }
  .support-resources nav { grid-template-columns: 1fr; }
  .support-ticket-meta, .support-evidence-grid { grid-template-columns: 1fr; }
  .support-ticket-document > header { display: grid; }
}

@media (max-width: 900px) {
  .moderator-application-intro { grid-template-columns: 1fr; gap: 42px; }
  .moderator-expectations { grid-template-columns: repeat(3, 1fr); }
  .moderator-expectations > div { min-height: 150px; padding: 52px 18px 19px; border-right: 1px solid rgba(143, 210, 240, .15); border-bottom: 0; }
  .moderator-expectations > div:last-child { border-right: 0; }
  .moderator-expectations span { top: 19px; left: 18px; }
  .moderator-scenarios { grid-template-columns: 1fr; }
  .admin-recruitment-control { grid-template-columns: auto 1fr; }
  .admin-recruitment-actions { grid-column: 2; justify-items: start; }
  .application-page-layout { grid-template-columns: 1fr; }
  .application-sidebar { position: static; grid-template-columns: 1fr 1fr; }
  .application-back-link { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .hero-recruitment-link { line-height: 1.45; }
  .moderator-application-section { padding: 58px 0 72px; }
  .moderator-application-intro { padding: 43px 24px; gap: 34px; }
  .moderator-application-copy h2 { font-size: clamp(2.35rem, 11.5vw, 3.15rem); }
  .moderator-application-copy > p { font-size: 13px; }
  .moderator-application-cta { align-items: stretch; flex-direction: column; }
  .moderator-application-cta .button { width: 100%; }
  .moderator-expectations { grid-template-columns: 1fr; }
  .moderator-expectations > div { min-height: 0; padding: 19px 18px 18px 58px; border-right: 0; border-bottom: 1px solid rgba(143, 210, 240, .15); }
  .moderator-expectations > div:last-child { border-bottom: 0; }
  .moderator-expectations span { top: 22px; }
  .moderator-question { padding: 22px 18px 19px 52px; }
  .moderator-question-number { top: 24px; left: 18px; }
  .moderator-form-footer { align-items: stretch; flex-direction: column; gap: 22px; }
  .moderator-form-footer .button { width: 100%; }
  .admin-recruitment-control { padding: 25px 20px; grid-template-columns: 1fr; gap: 18px; }
  .admin-recruitment-icon { width: 45px; margin-left: 6px; }
  .admin-recruitment-actions { grid-column: 1; justify-items: stretch; }
  .admin-recruitment-actions form, .admin-recruitment-actions .button { width: 100%; }
  .moderator-application-page { padding-top: 58px; }
  .application-sidebar { grid-template-columns: 1fr; }
  .application-back-link { grid-column: 1; }
  .application-document { padding: 30px 19px 34px; }
  .application-document-heading { align-items: start; flex-direction: column; gap: 10px; }
  .application-document .moderator-question { padding: 23px 18px 20px 53px; }
  .application-document .moderator-question-number { top: 25px; left: 18px; }
  .application-success-panel, .application-closed-panel { padding: 48px 22px; }
  .application-success-panel .button, .application-closed-panel .button { width: 100%; }
}

/* Bot-synchronized Wiki reference */
.wiki-reference-actions { display: flex; align-items: center; gap: 9px !important; }
.wiki-reference-actions .button { white-space: nowrap; }
.wiki-reference-hero { min-height: 530px; }
.wiki-reference-hero .page-hero-art {
  opacity: .72;
  background-image:
    linear-gradient(90deg, rgba(207, 229, 239, .99) 0%, rgba(194, 221, 234, .94) 48%, rgba(165, 203, 221, .48) 100%),
    linear-gradient(to top, #b9d4e2 0%, transparent 58%),
    url('/images/celestial-archive.webp');
  background-position: center 48%;
  filter: saturate(.78) contrast(1.02);
}
.wiki-reference-hero .page-hero-inner { padding-top: calc(var(--header-height) + 54px); }
.wiki-reference-hero .wiki-back { margin-bottom: 48px; }
.wiki-reference-hero h1 { max-width: 760px; }
.wiki-reference-hero p { max-width: 700px; }
.wiki-sync-stamp { width: fit-content; margin-top: 27px; padding: 10px 14px; display: flex; align-items: center; gap: 14px; color: #335b72; border: 1px solid rgba(24, 91, 132, .24); background: rgba(220, 237, 244, .78); backdrop-filter: blur(10px); font-size: 12px; }
.wiki-sync-stamp span { display: inline-flex; align-items: center; gap: 8px; color: #155f89; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.wiki-sync-stamp i { width: 7px; height: 7px; border-radius: 50%; background: #2d98a4; box-shadow: 0 0 0 4px rgba(45, 152, 164, .12); }
.wiki-sync-stamp strong { color: #284e65; font-size: 12px; }
.wiki-sync-stamp code { padding-left: 14px; color: #547286; border-left: 1px solid rgba(24, 91, 132, .2); font-size: 11px; }
.wiki-reference-section,
.wiki-reference-detail-section { background: #d1e4ee; }
.wiki-reference-heading { margin-bottom: 46px; display: grid; grid-template-columns: 1fr .7fr; align-items: end; gap: 60px; }
.wiki-reference-heading h2 { margin: 11px 0 0; color: #102f44; font-size: clamp(2.5rem, 4.4vw, 4.4rem); line-height: 1.03; }
.wiki-reference-heading > p { margin: 0 0 7px; color: #31566d; font-size: 15px; line-height: 1.8; }
.wiki-reference-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.wiki-reference-card { min-height: 330px; padding: 29px; display: flex; flex-direction: column; border: 1px solid rgba(24, 91, 132, .23); background: linear-gradient(145deg, rgba(230, 241, 246, .97), rgba(207, 227, 237, .94)); box-shadow: 0 12px 30px rgba(22, 69, 99, .07); transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease; }
.wiki-reference-card:hover { border-color: rgba(22, 83, 120, .45); box-shadow: 0 18px 40px rgba(22, 69, 99, .13); transform: translateY(-4px); }
.wiki-reference-card:last-child:nth-child(odd) { min-height: 270px; grid-column: 1 / -1; }
.wiki-reference-card-index { width: 42px; height: 42px; display: grid; place-items: center; color: #155f89; border: 1px solid rgba(24, 91, 132, .28); border-radius: 50%; font-family: var(--font-display); font-size: 12px; }
.wiki-reference-card > div { margin: 34px 0 25px; }
.wiki-reference-card h2 { margin: 8px 0 13px; color: #102f44; font-size: 27px; }
.wiki-reference-card p { margin: 0; color: #31566d; font-size: 14px; line-height: 1.72; }
.wiki-reference-card footer { margin-top: auto; padding-top: 18px; display: flex; align-items: baseline; gap: 7px; color: #45677b; border-top: 1px solid rgba(24, 91, 132, .18); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wiki-reference-card footer strong { color: #0e5278; font-family: var(--font-display); font-size: 22px; font-weight: 600; }
.wiki-reference-card footer span { margin-left: auto; color: #155f89; font-size: 18px; transition: transform 180ms ease; }
.wiki-reference-card:hover footer span { transform: translateX(4px); }
.wiki-reference-command-link { margin-top: 28px; padding: 27px 30px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid rgba(24, 91, 132, .23); background: rgba(214, 232, 241, .76); }
.wiki-reference-command-link > div { display: flex; align-items: center; gap: 16px; }
.wiki-reference-command-link strong { display: block; color: #123147; font-family: var(--font-display); font-size: 16px; }
.wiki-reference-command-link p { margin: 3px 0 0; color: #3d5f73; font-size: 13px; }
.wiki-sync-error { margin-bottom: 35px; padding: 22px 25px; border: 1px solid rgba(154, 91, 60, .3); background: rgba(245, 227, 213, .7); }
.wiki-sync-error strong { color: #633d2a; font-size: 16px; }
.wiki-sync-error p { margin: 7px 0 0; color: #74513f; font-size: 14px; line-height: 1.65; }
.wiki-reference-detail-section { padding-top: 72px; }
.wiki-reference-tabs { margin-bottom: 30px; display: flex; overflow-x: auto; border: 1px solid rgba(24, 91, 132, .23); background: rgba(211, 230, 239, .72); scrollbar-width: thin; }
.wiki-reference-tabs a { min-width: 145px; padding: 16px 18px; display: flex; flex: 1 0 145px; align-items: center; justify-content: space-between; gap: 10px; color: #355b71; border-right: 1px solid rgba(24, 91, 132, .19); font-size: 14px; font-weight: 800; }
.wiki-reference-tabs a:last-child { border-right: 0; }
.wiki-reference-tabs a:hover,
.wiki-reference-tabs a.is-active { color: #0e5278; background: rgba(232, 243, 248, .78); }
.wiki-reference-tabs a.is-active { box-shadow: inset 0 -3px #318fbe; }
.wiki-reference-tabs span { color: #607d8e; font-family: var(--font-display); font-size: 12px; }
.wiki-reference-filters { margin-bottom: 22px; padding: 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); align-items: end; gap: 12px; border: 1px solid rgba(24, 91, 132, .23); background: rgba(224, 238, 245, .72); }
.wiki-reference-filters .wiki-reference-search { min-width: 260px; grid-column: span 2; }
.wiki-reference-filters label { min-width: 0; display: grid; gap: 7px; }
.wiki-reference-filters label > span { color: #31566d; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wiki-reference-filters input,
.wiki-reference-filters select { width: 100%; height: 48px; padding: 0 14px; color: #173b51; border: 1px solid rgba(24, 91, 132, .28); border-radius: 0; outline: none; background: rgba(243, 249, 251, .82); font: inherit; font-size: 14px; }
.wiki-reference-filters input:focus,
.wiki-reference-filters select:focus { border-color: #318fbe; box-shadow: 0 0 0 3px rgba(49, 143, 190, .13); }
.wiki-reference-filters .button { min-height: 48px; }
.wiki-filter-clear { height: 48px; display: grid; place-items: center; color: #35617a; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.wiki-reference-results-heading { margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #4a697b; font-size: 13px; }
.wiki-reference-results-heading p { margin: 0; }
.wiki-reference-results-heading strong { color: #155f89; font-family: var(--font-display); font-size: 18px; }
.wiki-reference-entry-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 11px; }
.wiki-reference-entry { border: 1px solid rgba(24, 91, 132, .22); background: rgba(224, 238, 245, .72); transition: border-color 260ms ease, background 260ms ease, box-shadow 260ms ease; }
.wiki-reference-entry[open] { border-color: rgba(24, 91, 132, .34); background: rgba(228, 241, 247, .86); box-shadow: 0 12px 28px rgba(23, 72, 101, .08); }
.wiki-reference-entry summary { position: relative; min-height: 126px; padding: 22px 52px 22px 22px; display: grid; align-items: start; gap: 12px; cursor: pointer; list-style: none; transition: background 240ms ease; }
.wiki-reference-entry summary:hover { background: rgba(201, 226, 237, .26); }
.wiki-reference-entry summary::-webkit-details-marker { display: none; }
.wiki-reference-entry summary::after { content: "+"; position: absolute; top: 20px; right: 20px; width: 28px; height: 28px; display: grid; place-items: center; color: #155f89; border: 1px solid rgba(24, 91, 132, .27); border-radius: 50%; font-size: 18px; line-height: 1; transition: transform 220ms ease, background 220ms ease; }
.wiki-reference-entry[open] summary::after { content: "−"; background: rgba(190, 221, 235, .62); transform: rotate(180deg); }
.wiki-reference-entry.is-closing summary::after { content: "+"; background: transparent; transform: rotate(0); }
.wiki-reference-entry-tier { width: fit-content; color: #41677e; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.wiki-reference-entry h2 { margin: 0 0 5px; color: #123147; font-size: 19px; line-height: 1.3; }
.wiki-reference-entry summary p { margin: 0; color: #48697c; font-size: 14px; line-height: 1.55; }
.wiki-reference-entry-body { padding: 0 22px 24px; color: #31566d; border-top: 1px solid rgba(24, 91, 132, .17); }
.wiki-reference-entry-body > p { margin: 20px 0 0; font-size: 14px; line-height: 1.75; white-space: pre-line; }
.wiki-reference-entry-body h3 { margin: 22px 0 9px; color: #173b51; font-size: 14px; }
.wiki-reference-entry-body ul { margin: 0; padding-left: 20px; color: #31566d; font-size: 13px; line-height: 1.8; }
.wiki-reference-entry-body > code { width: fit-content; margin-top: 20px; padding: 6px 9px; display: block; color: #1a607f; border: 1px solid rgba(24, 91, 132, .18); background: rgba(209, 229, 238, .7); font-size: 11px; overflow-wrap: anywhere; }
.wiki-reference-metadata { margin: 0; padding-top: 6px; display: grid; }
.wiki-reference-metadata > div { padding: 13px 0; display: grid; grid-template-columns: 120px 1fr; gap: 15px; border-bottom: 1px solid rgba(24, 91, 132, .16); }
.wiki-reference-metadata dt { color: #155f89; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wiki-reference-metadata dd { margin: 0; color: #31566d; font-size: 14px; line-height: 1.55; }
.wiki-reference-effect { margin-top: 20px; padding: 15px 17px; border-left: 2px solid #318fbe; background: rgba(200, 224, 235, .52); }
.wiki-reference-effect span { color: #155f89; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.wiki-reference-effect p { margin: 7px 0 0; color: #294f66; font-size: 14px; line-height: 1.7; white-space: pre-line; }
.wiki-reference-price { margin-top: 12px !important; }
.wiki-set-bonuses { margin: 0; display: grid; }
.wiki-set-bonuses > div { padding: 12px 0; display: grid; grid-template-columns: 80px 1fr; gap: 14px; border-top: 1px solid rgba(24, 91, 132, .16); }
.wiki-set-bonuses dt { color: #155f89; font-size: 12px; font-weight: 800; }
.wiki-set-bonuses dd { margin: 0; color: #31566d; font-size: 14px; line-height: 1.6; }
.wiki-realm-list { display: grid; gap: 9px; }
.wiki-realm-entry summary { min-height: 0; grid-template-columns: 100px 1fr auto; align-items: center; }
.wiki-reference-entry-count { align-self: center; color: #31566d; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.wiki-realm-table-wrap { overflow-x: auto; border-top: 1px solid rgba(24, 91, 132, .17); }
.wiki-realm-table { width: 100%; border-collapse: collapse; }
.wiki-realm-table th,
.wiki-realm-table td { padding: 13px 20px; color: #31566d; border-bottom: 1px solid rgba(24, 91, 132, .14); font-size: 14px; text-align: left; }
.wiki-realm-table th { color: #155f89; background: rgba(200, 224, 235, .48); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.wiki-realm-table th:not(:first-child),
.wiki-realm-table td:not(:first-child) { text-align: right; }
.wiki-reference-empty { grid-column: 1 / -1; min-height: 250px; padding: 30px; display: grid; place-items: center; align-content: center; gap: 12px; color: #365e75; border: 1px dashed rgba(24, 91, 132, .3); text-align: center; }
.wiki-reference-empty strong { color: #123147; font-size: 17px; }
.wiki-reference-empty a { color: #155f89; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.wiki-reference-pagination { margin-top: 28px; padding-top: 22px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-top: 1px solid rgba(24, 91, 132, .2); }
.wiki-reference-pagination a { color: #155f89; font-size: 13px; font-weight: 800; }
.wiki-reference-pagination a:last-child { text-align: right; }
.wiki-reference-pagination strong { color: #43667a; font-size: 12px; }
.wiki-reward-schedule > header { margin: 0 0 28px; }
.wiki-reward-schedule > header h2 { margin: 8px 0 9px; color: #123147; font-size: clamp(2rem, 3.5vw, 3.2rem); }
.wiki-reward-schedule > header p { max-width: 720px; margin: 0; color: #31566d; font-size: 14px; line-height: 1.7; }
.wiki-reward-periods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 14px; }
.wiki-reward-periods > section { min-width: 0; display: grid; gap: 9px; }
.wiki-reward-period-heading { min-height: 92px; padding: 19px 21px; display: flex; align-items: center; gap: 16px; border: 1px solid rgba(24, 91, 132, .22); background: rgba(224, 238, 245, .72); }
.wiki-reward-period-heading > span { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; color: #155f89; border: 1px solid rgba(24, 91, 132, .28); border-radius: 50%; font-family: var(--font-display); font-size: 11px; }
.wiki-reward-period-heading small { color: #4b6c7f; font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.wiki-reward-period-heading h3 { margin: 4px 0 0; color: #123147; font-size: 19px; }
.wiki-reward-rank summary { min-height: 108px; }
.wiki-reward-table { min-width: 470px; }
.wiki-live-reference { margin-top: 64px; padding: 31px; display: grid; grid-template-columns: .8fr 1fr; gap: 35px; border: 1px solid rgba(24, 91, 132, .23); background: linear-gradient(145deg, rgba(224, 238, 245, .86), rgba(207, 227, 237, .83)); }
.wiki-live-reference h2 { margin: 8px 0 11px; color: #123147; font-size: 25px; }
.wiki-live-reference p { margin: 0; color: #31566d; font-size: 14px; line-height: 1.75; }
.wiki-live-reference-links { display: grid; gap: 8px; }
.wiki-live-reference-links a { padding: 16px 18px; display: grid; grid-template-columns: 1fr auto; gap: 3px 15px; border: 1px solid rgba(24, 91, 132, .19); background: rgba(232, 243, 248, .62); }
.wiki-live-reference-links span { color: #4b6c7f; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wiki-live-reference-links strong { color: #125578; font-size: 14px; }
.wiki-live-reference-links i { grid-column: 2; grid-row: 1 / 3; align-self: center; color: #155f89; font-style: normal; font-size: 18px; }
.wiki-aside-help a + a { margin-top: 5px; display: block; }

html[data-theme="dark"] .wiki-reference-hero .page-hero-art {
  opacity: .66;
  background-image:
    linear-gradient(90deg, rgba(6, 22, 32, .99) 0%, rgba(8, 29, 42, .92) 48%, rgba(9, 38, 53, .47) 100%),
    linear-gradient(to top, #091d2b 0%, transparent 58%),
    url('/images/celestial-archive.webp');
  filter: saturate(.68) contrast(1.05);
}
html[data-theme="dark"] :is(.wiki-reference-section, .wiki-reference-detail-section) { background: #0a1b28; }
html[data-theme="dark"] :is(.wiki-reference-heading h2, .wiki-reference-card h2, .wiki-reference-command-link strong, .wiki-reference-entry h2, .wiki-reference-entry-body h3, .wiki-reference-empty strong, .wiki-live-reference h2, .wiki-reward-schedule > header h2, .wiki-reward-period-heading h3) { color: #e8f5fa; }
html[data-theme="dark"] :is(.wiki-reference-heading > p, .wiki-reference-card p, .wiki-reference-command-link p, .wiki-reference-entry summary p, .wiki-reference-entry-body > p, .wiki-reference-entry-body ul, .wiki-set-bonuses dd, .wiki-realm-table td, .wiki-live-reference p, .wiki-reference-metadata dd, .wiki-reward-schedule > header p) { color: #b8ccd7; }
html[data-theme="dark"] .wiki-sync-stamp { color: #afc6d2; border-color: rgba(113, 193, 231, .21); background: rgba(10, 35, 49, .82); }
html[data-theme="dark"] .wiki-sync-stamp span { color: #83d2f2; }
html[data-theme="dark"] .wiki-sync-stamp strong { color: #d7e9f0; }
html[data-theme="dark"] .wiki-sync-stamp code { color: #9bb5c2; border-color: rgba(112, 192, 230, .18); }
html[data-theme="dark"] :is(.wiki-reference-card, .wiki-reference-entry, .wiki-live-reference) { border-color: rgba(113, 193, 231, .19); background: linear-gradient(145deg, rgba(17, 43, 58, .96), rgba(10, 29, 42, .96)); }
html[data-theme="dark"] .wiki-reference-entry[open] { border-color: rgba(113, 193, 231, .3); background: linear-gradient(145deg, rgba(20, 49, 65, .98), rgba(11, 33, 47, .98)); box-shadow: 0 12px 28px rgba(0, 8, 14, .2); }
html[data-theme="dark"] .wiki-reference-entry summary:hover { background: rgba(34, 78, 99, .22); }
html[data-theme="dark"] :is(.wiki-reference-command-link, .wiki-reference-tabs, .wiki-reference-filters) { border-color: rgba(113, 193, 231, .19); background: rgba(12, 38, 53, .82); }
html[data-theme="dark"] .wiki-reference-card:hover { border-color: rgba(125, 207, 243, .4); box-shadow: 0 18px 40px rgba(0, 8, 14, .24); }
html[data-theme="dark"] :is(.wiki-reference-card-index, .wiki-reference-entry summary::after) { color: #83d2f2; border-color: rgba(113, 193, 231, .29); }
html[data-theme="dark"] :is(.wiki-reference-card footer, .wiki-reference-entry-body, .wiki-realm-table-wrap, .wiki-set-bonuses > div, .wiki-reference-metadata > div) { border-color: rgba(112, 192, 230, .17); }
html[data-theme="dark"] :is(.wiki-reference-card footer strong, .wiki-reference-card footer span, .wiki-reference-tabs a.is-active, .wiki-reference-entry-tier, .wiki-reference-effect span, .wiki-set-bonuses dt, .wiki-reference-empty a, .wiki-reference-pagination a, .wiki-live-reference-links strong, .wiki-live-reference-links i, .wiki-reference-metadata dt, .wiki-reward-period-heading > span) { color: #83d2f2; }
html[data-theme="dark"] .wiki-reference-tabs a { color: #a6bfcc; border-color: rgba(112, 192, 230, .17); }
html[data-theme="dark"] .wiki-reference-tabs a:hover,
html[data-theme="dark"] .wiki-reference-tabs a.is-active { background: rgba(21, 55, 75, .68); }
html[data-theme="dark"] .wiki-reference-filters label > span,
html[data-theme="dark"] .wiki-reference-results-heading,
html[data-theme="dark"] .wiki-reference-entry-count,
html[data-theme="dark"] .wiki-reference-pagination strong { color: #a6bfcc; }
html[data-theme="dark"] .wiki-reference-filters :is(input, select) { color: #e4f2f7; border-color: rgba(113, 193, 231, .24); background: rgba(4, 20, 31, .68); }
html[data-theme="dark"] .wiki-filter-clear { color: #9ddcf6; }
html[data-theme="dark"] .wiki-reference-entry[open] summary::after,
html[data-theme="dark"] .wiki-reference-effect,
html[data-theme="dark"] .wiki-realm-table th,
html[data-theme="dark"] .wiki-live-reference-links a,
html[data-theme="dark"] .wiki-reward-period-heading { background: rgba(21, 55, 75, .62); }
html[data-theme="dark"] .wiki-reference-effect p { color: #c3d5de; }
html[data-theme="dark"] .wiki-reference-entry-body > code { color: #9ddcf6; border-color: rgba(113, 193, 231, .2); background: rgba(21, 55, 75, .62); }
html[data-theme="dark"] .wiki-sync-error { border-color: rgba(220, 158, 105, .28); background: rgba(81, 51, 30, .66); }
html[data-theme="dark"] .wiki-sync-error strong { color: #f0c79f; }
html[data-theme="dark"] .wiki-sync-error p { color: #d5b492; }

@media (prefers-reduced-motion: reduce) {
  .wiki-reference-entry,
  .wiki-reference-entry summary,
  .wiki-reference-entry summary::after { transition: none; }
}

@media (max-width: 1000px) {
  .wiki-reference-filters { grid-template-columns: 1fr 1fr; }
  .wiki-reference-search { grid-column: 1 / -1; }
  .wiki-live-reference { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .wiki-home-reference-strip { align-items: stretch; flex-direction: column; }
  .wiki-reference-actions { justify-content: flex-start; }
  .wiki-reference-heading { grid-template-columns: 1fr; gap: 18px; }
  .wiki-reference-tabs a { flex-basis: 140px; }
  .wiki-realm-entry summary { grid-template-columns: 90px 1fr; }
  .wiki-reference-entry-count { grid-column: 2; }
  .wiki-reward-periods { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .wiki-reference-actions { align-items: stretch !important; flex-direction: column; }
  .wiki-reference-actions .button { width: 100%; }
  .wiki-reference-hero { min-height: 570px; }
  .wiki-reference-hero .wiki-back { margin-bottom: 35px; }
  .wiki-sync-stamp { align-items: flex-start; flex-direction: column; gap: 7px; }
  .wiki-sync-stamp code { padding: 0; border-left: 0; }
  .wiki-reference-grid,
  .wiki-reference-entry-grid { grid-template-columns: 1fr; }
  .wiki-reference-card:last-child:nth-child(odd) { grid-column: auto; }
  .wiki-reference-card { min-height: 300px; padding: 24px 21px; }
  .wiki-reference-command-link { padding: 23px 20px; align-items: stretch; flex-direction: column; }
  .wiki-reference-command-link .button { width: 100%; }
  .wiki-reference-tabs a { min-width: 130px; flex-basis: 130px; }
  .wiki-reference-filters { padding: 20px; grid-template-columns: 1fr; }
  .wiki-reference-search { grid-column: auto; }
  .wiki-reference-filters .wiki-reference-search { min-width: 0; }
  .wiki-reference-filters .button { width: 100%; }
  .wiki-reference-results-heading { align-items: flex-start; flex-direction: column; gap: 3px; }
  .wiki-realm-entry summary { grid-template-columns: 1fr; }
  .wiki-reference-entry-count { grid-column: auto; }
  .wiki-realm-table { min-width: 580px; }
  .wiki-realm-table th,
  .wiki-realm-table td { padding: 12px 15px; }
  .wiki-live-reference { padding: 24px 20px; }
  .wiki-reference-metadata > div { grid-template-columns: 1fr; gap: 4px; }
  .wiki-reference-pagination { grid-template-columns: 1fr 1fr; row-gap: 18px; }
  .wiki-reference-pagination strong { grid-column: 1 / -1; grid-row: 1; text-align: center; }
}

/* Wiki synchronization administration */
.admin-wiki-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .36fr); align-items: start; gap: 16px; }
.admin-wiki-catalogs,
.admin-wiki-source { min-width: 0; }
.admin-wiki-source dl { margin: 20px 0 0; display: grid; }
.admin-wiki-source dl > div { padding: 14px 0; border-top: 1px solid var(--line); }
.admin-wiki-source dt { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-wiki-source dd { margin: 6px 0 0; color: var(--ink); font-size: 13px; overflow-wrap: anywhere; }
.admin-wiki-source dd code { color: #2e6f91; font-size: 12px; }
.admin-wiki-command { margin-top: 22px; padding: 18px; border: 1px solid var(--line); background: rgba(217, 236, 245, .56); }
.admin-wiki-command > span { display: block; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-wiki-command > code { margin-top: 8px; display: block; color: #246f94; font-size: 14px; font-weight: 800; }
.admin-wiki-command p { margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.admin-wiki-command p code { color: inherit; }
html[data-theme="dark"] .admin-wiki-source dd code,
html[data-theme="dark"] .admin-wiki-command > code { color: #8bcfe9; }
html[data-theme="dark"] .admin-wiki-command { background: rgba(14, 48, 67, .58); }

@media (max-width: 1050px) {
  .admin-wiki-layout { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .admin-stat-grid-dashboard { grid-template-columns: 1fr 1fr; }
  .admin-directory-grid-four-tools { grid-template-columns: 1fr; }
  .application-review-meta { grid-template-columns: 1fr; }
  .application-review-meta > div { padding: 13px 0; border-top: 1px solid var(--line); border-left: 0; }
  .application-review-meta > div:nth-child(2) { border-top: 1px solid var(--line); }
}