/* [next]/internal/font/google/inter_674559c9.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_674559c9-module__6Bl2Eq__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_674559c9-module__6Bl2Eq__variable {
  --font-lore-inter: "Inter", "Inter Fallback";
}

/* [project]/src/app/latest-lore/lore.module.css [app-client] (css) */
.lore-module__X2e4OG__page {
  --ink: #f4efe4;
  --muted: #9a968e;
  --void: #050505;
  --panel: #0b0b0c;
  --gold: #e8b84c;
  --gold2: #fff0a8;
  --angel: #62b6ff;
  --demon: #dc3553;
  --mortal: #68db71;
  --ancient: #b783ff;
  --line: #ffffff1c;
  --chapter: #e8b84c;
  --glow: #e8b84c2e;
  --site-header-h: 78px;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background: var(--void);
  color: var(--ink);
  font-family: var(--font-lore-inter), Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  min-height: 100vh;
  margin: 0;
  position: relative;
  overflow-x: clip;
}

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

.lore-module__X2e4OG__page :where(button, input) {
  font: inherit;
}

.lore-module__X2e4OG__page :where(button) {
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.lore-module__X2e4OG__page :where(a) {
  color: inherit;
  text-decoration: none;
}

.lore-module__X2e4OG__page :where(h1, h2, h3, p) {
  margin-top: 0;
}

.lore-module__X2e4OG__page :where(img) {
  max-width: none;
}

.lore-module__X2e4OG__serif {
  font-family: Georgia, Times New Roman, serif;
}

.lore-module__X2e4OG__noise, .lore-module__X2e4OG__scan {
  pointer-events: none;
  z-index: 20;
  position: fixed;
  inset: 0;
}

.lore-module__X2e4OG__noise {
  opacity: .06;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
}

.lore-module__X2e4OG__scan {
  opacity: .035;
  background: repeating-linear-gradient(0deg, #0000 0 3px, #fff 4px);
}

.lore-module__X2e4OG__ambient {
  pointer-events: none;
  background: radial-gradient(ellipse at 80% 10%, var(--glow), transparent 35%), radial-gradient(ellipse at 20% 95%, #62b6ff17, transparent 35%);
  transition: all .5s;
  position: fixed;
  inset: 0;
}

.lore-module__X2e4OG__shell {
  min-height: calc(100vh - var(--site-header-h));
  z-index: 1;
  grid-template-columns: 260px minmax(0, 1fr);
  display: grid;
  position: relative;
}

.lore-module__X2e4OG__rail {
  border-right: 1px solid var(--line);
  top: var(--site-header-h);
  height: calc(100vh - var(--site-header-h));
  background: linear-gradient(#ffffff06, #0000);
  padding: 28px 22px;
  position: sticky;
  overflow: auto;
}

.lore-module__X2e4OG__eyebrow {
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gold);
  font-size: 10px;
  font-weight: 900;
}

.lore-module__X2e4OG__rail h2 {
  margin: 8px 0 6px;
  font: 400 25px / 1.05 Georgia, serif;
}

.lore-module__X2e4OG__railCopy {
  color: var(--muted);
  margin: 0 0 24px;
  font-size: 12px;
  line-height: 1.6;
}

.lore-module__X2e4OG__searchTrigger {
  border: 1px solid var(--line);
  width: 100%;
  height: 40px;
  color: var(--muted);
  background: #0b0b0d;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 22px;
  padding: 0 12px;
  font-size: 13px;
  display: flex;
}

.lore-module__X2e4OG__searchTrigger kbd {
  border: 1px solid var(--line);
  color: #ddd;
  font: inherit;
  background: #161619;
  border-radius: 3px;
  padding: 2px 6px;
  font-size: 12px;
}

.lore-module__X2e4OG__searchTrigger:hover {
  color: var(--ink);
  border-color: #e8b84c73;
}

.lore-module__X2e4OG__realmList {
  gap: 6px;
  display: grid;
}

.lore-module__X2e4OG__realm {
  text-align: left;
  color: #aaa;
  background: none;
  border: 1px solid #0000;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 10px;
  transition: all .2s;
  display: flex;
}

.lore-module__X2e4OG__realm:hover, .lore-module__X2e4OG__realm.lore-module__X2e4OG__active {
  border-color: var(--line);
  color: #fff;
  background: #ffffff09;
  transform: translateX(3px);
}

.lore-module__X2e4OG__sigil {
  border: 1px solid;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  font: 700 14px Georgia, serif;
  display: grid;
  box-shadow: inset 0 0 12px;
}

.lore-module__X2e4OG__realm[data-filter="angel"] {
  color: var(--angel);
}

.lore-module__X2e4OG__realm[data-filter="demon"] {
  color: var(--demon);
}

.lore-module__X2e4OG__realm[data-filter="mortal"] {
  color: var(--mortal);
}

.lore-module__X2e4OG__realm[data-filter="ancient"] {
  color: var(--ancient);
}

.lore-module__X2e4OG__realmName {
  color: currentColor;
  font-size: 13px;
  font-weight: 700;
}

.lore-module__X2e4OG__realmCount {
  color: #757575;
  margin-left: auto;
  font-size: 11px;
}

.lore-module__X2e4OG__signalMini {
  --signal: var(--angel);
  border: 1px solid var(--line);
  background: linear-gradient(145deg, color-mix(in srgb, var(--signal), transparent 93%), #080809 68%);
  margin-top: 28px;
  padding: 18px;
  transition: all .4s;
  position: relative;
  overflow: hidden;
}

.lore-module__X2e4OG__signalMini:before {
  content: "";
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--signal), transparent 78%), transparent);
  pointer-events: none;
  width: 42%;
  animation: 5s ease-in-out infinite lore-module__X2e4OG__miniScan;
  position: absolute;
  inset: -40% auto -40% -20%;
  transform: skewX(-18deg);
}

@keyframes lore-module__X2e4OG__miniScan {
  0%, 22% {
    left: -45%;
  }

  72%, 100% {
    left: 125%;
  }
}

.lore-module__X2e4OG__signalMiniHead {
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  margin-bottom: 17px;
  display: flex;
  position: relative;
}

.lore-module__X2e4OG__signalMiniHead b {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
}

.lore-module__X2e4OG__signalMiniHead span {
  color: var(--signal);
  letter-spacing: .1em;
  font-size: 10px;
  font-weight: 900;
}

.lore-module__X2e4OG__signalMiniHead span:before {
  content: "";
  background: var(--signal);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 10px var(--signal);
  border-radius: 50%;
  margin-right: 6px;
  animation: 1.7s ease-out infinite lore-module__X2e4OG__livePulse;
  display: inline-block;
}

.lore-module__X2e4OG__miniWave {
  opacity: .82;
  align-items: center;
  gap: 3px;
  height: 44px;
  margin-bottom: 16px;
  display: flex;
}

.lore-module__X2e4OG__miniWave i {
  background: var(--signal);
  height: 18%;
  min-height: 3px;
  box-shadow: 0 0 7px color-mix(in srgb, var(--signal), transparent 36%);
  flex: 1;
  animation: .9s ease-in-out infinite alternate lore-module__X2e4OG__miniWave;
  display: block;
}

.lore-module__X2e4OG__miniWave i:nth-child(2n) {
  height: 68%;
  animation-delay: -.2s;
}

.lore-module__X2e4OG__miniWave i:nth-child(3n) {
  height: 38%;
  animation-delay: -.45s;
}

.lore-module__X2e4OG__miniWave i:nth-child(5n) {
  height: 88%;
  animation-delay: -.65s;
}

@keyframes lore-module__X2e4OG__miniWave {
  to {
    opacity: .42;
    height: 92%;
  }
}

.lore-module__X2e4OG__miniChannel {
  border-left: 2px solid var(--signal);
  margin-bottom: 16px;
  padding-left: 10px;
  position: relative;
}

.lore-module__X2e4OG__miniChannel small {
  color: #777;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 10px;
  display: block;
}

.lore-module__X2e4OG__miniChannel strong {
  color: #ddd;
  font: 400 16px Georgia, serif;
  display: block;
}

.lore-module__X2e4OG__miniChannel em {
  color: var(--signal);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 10px;
  font-style: normal;
  display: block;
}

.lore-module__X2e4OG__miniOpen {
  border: 1px solid color-mix(in srgb, var(--signal), transparent 52%);
  width: 100%;
  color: var(--signal);
  letter-spacing: .12em;
  text-transform: uppercase;
  background: none;
  padding: 10px;
  font-size: 10px;
  font-weight: 900;
  position: relative;
}

.lore-module__X2e4OG__miniOpen:hover {
  background: var(--signal);
  color: #050505;
}

.lore-module__X2e4OG__main {
  min-width: 0;
  padding: 28px clamp(22px, 3vw, 50px) 80px;
}

.lore-module__X2e4OG__latestStage {
  --stage: var(--mortal);
  isolation: isolate;
  border: 1px solid var(--line);
  background: #050606;
  grid-template-rows: 1fr auto;
  grid-template-columns: minmax(380px, .82fr) minmax(420px, 1.18fr);
  gap: 0;
  min-height: 560px;
  margin-bottom: 0;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 90px #0000006b;
}

.lore-module__X2e4OG__latestStage:before {
  content: "";
  z-index: -2;
  background: conic-gradient(from 210deg at 50% 50%, transparent 0 8%, color-mix(in srgb, var(--stage), transparent 72%) 9% 12%, transparent 13% 21%, color-mix(in srgb, var(--stage), transparent 88%) 22% 26%, transparent 27% 100%);
  filter: blur(3px);
  transition: background .55s;
  position: absolute;
  inset: -55% -18% -45% 35%;
}

.lore-module__X2e4OG__latestStage:after {
  content: "";
  z-index: 4;
  pointer-events: none;
  background: linear-gradient(90deg, #050606fc 0%, #050606e0 34%, #0000 64%), linear-gradient(0deg, #050606de, #0000 27%);
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 90px #000;
}

.lore-module__X2e4OG__stageGeometry {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.lore-module__X2e4OG__stageGeometry i {
  border: 1px solid color-mix(in srgb, var(--stage), transparent 55%);
  width: 380px;
  height: 380px;
  box-shadow: 0 0 0 42px #ffffff04, 0 0 0 84px #ffffff03, 0 0 75px color-mix(in srgb, var(--stage), transparent 72%);
  border-radius: 50%;
  animation: 22s linear infinite lore-module__X2e4OG__orbit;
  position: absolute;
  top: 9%;
  right: 14%;
}

.lore-module__X2e4OG__stageGeometry i:before, .lore-module__X2e4OG__stageGeometry i:after {
  content: "";
  background: color-mix(in srgb, var(--stage), transparent 40%);
  position: absolute;
}

.lore-module__X2e4OG__stageGeometry i:before {
  width: 1px;
  height: 142%;
  top: -21%;
  left: 50%;
}

.lore-module__X2e4OG__stageGeometry i:after {
  width: 142%;
  height: 1px;
  top: 50%;
  left: -21%;
}

@keyframes lore-module__X2e4OG__orbit {
  to {
    transform: rotate(360deg);
  }
}

.lore-module__X2e4OG__stageCopy {
  z-index: 6;
  grid-area: 1 / 1;
  align-self: center;
  padding: 54px 20px 64px clamp(30px, 4.6vw, 74px);
  position: relative;
}

.lore-module__X2e4OG__stageStatus {
  color: #c8c2b8;
  letter-spacing: .15em;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
}

.lore-module__X2e4OG__stageStatus span {
  border: 1px solid color-mix(in srgb, var(--stage), transparent 46%);
  background: color-mix(in srgb, var(--stage), transparent 88%);
  color: var(--stage);
  padding: 7px 9px;
}

.lore-module__X2e4OG__stageStatus i {
  background: var(--stage);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--stage), transparent 83%), 0 0 15px var(--stage);
  border-radius: 50%;
  animation: 1.8s ease-out infinite lore-module__X2e4OG__livePulse;
}

@keyframes lore-module__X2e4OG__livePulse {
  50% {
    box-shadow: 0 0 0 9px transparent, 0 0 22px var(--stage);
  }
}

.lore-module__X2e4OG__stageSeries {
  color: #7f7b74;
  letter-spacing: .34em;
  margin: 28px 0 7px;
  font-size: 11px;
  font-weight: 900;
}

.lore-module__X2e4OG__stageCopy h1 {
  letter-spacing: -.075em;
  text-shadow: 0 15px 40px #000;
  max-width: 700px;
  margin: 0;
  font: 400 clamp(68px, 7.2vw, 116px) / .72 Georgia, serif;
}

.lore-module__X2e4OG__stageCopy h1 span, .lore-module__X2e4OG__stageCopy h1 em {
  display: block;
}

.lore-module__X2e4OG__stageCopy h1 em {
  color: var(--stage);
  margin-left: clamp(32px, 5vw, 82px);
  font-style: italic;
  font-weight: 400;
  transition: color .45s;
}

.lore-module__X2e4OG__stageCopy h1 em:after {
  content: ".";
  color: var(--ink);
}

.lore-module__X2e4OG__stageDeck {
  color: #bbb6ac;
  max-width: 510px;
  min-height: 55px;
  margin: 30px 0 25px;
  font-size: 16px;
  line-height: 1.7;
}

.lore-module__X2e4OG__stageActions {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  display: flex;
}

.lore-module__X2e4OG__stageOpen {
  border: 1px solid var(--stage);
  background: var(--stage);
  color: #050505;
  letter-spacing: .14em;
  text-transform: uppercase;
  box-shadow: 0 0 28px color-mix(in srgb, var(--stage), transparent 78%);
  padding: 14px 18px;
  font-size: 11px;
  font-weight: 950;
  transition: all .25s;
}

.lore-module__X2e4OG__stageOpen:hover {
  box-shadow: 0 0 38px color-mix(in srgb, var(--stage), transparent 62%);
  transform: translateY(-2px);
}

.lore-module__X2e4OG__stageScroll {
  color: #ddd;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-bottom: 1px solid #777;
  padding: 13px 0;
  font-size: 11px;
  font-weight: 800;
}

.lore-module__X2e4OG__stageScroll:hover {
  color: var(--stage);
  border-color: var(--stage);
}

.lore-module__X2e4OG__stageArt {
  z-index: 2;
  grid-area: 1 / 2;
  min-width: 0;
  position: relative;
}

.lore-module__X2e4OG__stageCharacter {
  bottom: -15%;
  right: var(--stage-r, 1%);
  width: var(--stage-w, 82%);
  object-fit: contain;
  object-position: center bottom;
  filter: grayscale(.82) brightness(.42) drop-shadow(0 18px 40px #000);
  opacity: .28;
  height: 120%;
  transform: translateX(var(--stage-idle, 6%)) scale(.86);
  pointer-events: none;
  transition: opacity .55s, filter .55s, transform .65s cubic-bezier(.2, .8, .2, 1);
  position: absolute;
}

.lore-module__X2e4OG__stageCharacter.lore-module__X2e4OG__active {
  z-index: 3;
  opacity: 1;
  filter: saturate(1.05) brightness(.86) drop-shadow(0 22px 38px #000) drop-shadow(0 0 28px color-mix(in srgb, var(--stage), transparent 56%));
  transform: translateX(var(--stage-active, 0)) scale(1);
}

.lore-module__X2e4OG__stageFolio {
  z-index: 6;
  text-align: right;
  color: #a7a29a;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 10px;
  position: absolute;
  top: 27px;
  right: 28px;
}

.lore-module__X2e4OG__stageFolio strong {
  color: #fff;
  letter-spacing: 0;
  margin-bottom: 4px;
  font: 400 28px Georgia, serif;
  display: block;
}

.lore-module__X2e4OG__spotlightTabs {
  z-index: 7;
  border-top: 1px solid var(--line);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #050506d1;
  grid-area: 2 / 1 / auto / -1;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.lore-module__X2e4OG__spotlightTab {
  border: 0;
  border-right: 1px solid var(--line);
  text-align: left;
  color: #777;
  background: none;
  padding: 18px 20px 17px;
  transition: all .25s;
  position: relative;
}

.lore-module__X2e4OG__spotlightTab:last-child {
  border-right: 0;
}

.lore-module__X2e4OG__spotlightTab:before {
  content: "";
  background: var(--tab);
  height: 2px;
  box-shadow: 0 0 15px var(--tab);
  transition: right .35s;
  position: absolute;
  top: -1px;
  left: 0;
  right: 100%;
}

.lore-module__X2e4OG__spotlightTab:hover, .lore-module__X2e4OG__spotlightTab.lore-module__X2e4OG__active {
  background: linear-gradient(180deg, color-mix(in srgb, var(--tab), transparent 91%), transparent);
  color: #fff;
}

.lore-module__X2e4OG__spotlightTab.lore-module__X2e4OG__active:before {
  right: 0;
}

.lore-module__X2e4OG__spotlightTab small {
  color: var(--tab);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 7px;
  font-size: 9px;
  font-weight: 900;
  display: block;
}

.lore-module__X2e4OG__spotlightTab b {
  font: 400 17px Georgia, serif;
}

.lore-module__X2e4OG__spotlightTab span {
  color: #74716c;
  margin-top: 5px;
  font-size: 10px;
  display: block;
}

.lore-module__X2e4OG__loreTicker {
  border: 1px solid var(--line);
  white-space: nowrap;
  background: #09090a;
  border-top: 0;
  align-items: center;
  height: 43px;
  margin-bottom: 34px;
  display: flex;
  overflow: hidden;
}

.lore-module__X2e4OG__tickerLabel {
  z-index: 2;
  background: var(--gold);
  color: #050505;
  letter-spacing: .16em;
  text-transform: uppercase;
  align-self: stretch;
  align-items: center;
  padding: 0 16px;
  font-size: 10px;
  font-weight: 950;
  display: flex;
  position: relative;
  box-shadow: 18px 0 30px #050505;
}

.lore-module__X2e4OG__tickerTrack {
  color: #9c9891;
  letter-spacing: .12em;
  text-transform: uppercase;
  align-items: center;
  gap: 27px;
  width: max-content;
  padding-left: 27px;
  font-size: 10px;
  font-weight: 800;
  animation: 28s linear infinite lore-module__X2e4OG__ticker;
  display: inline-flex;
}

.lore-module__X2e4OG__tickerTrack i {
  background: var(--gold);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 9px var(--gold);
  border-radius: 50%;
}

.lore-module__X2e4OG__loreTicker:hover .lore-module__X2e4OG__tickerTrack {
  animation-play-state: paused;
}

@keyframes lore-module__X2e4OG__ticker {
  to {
    transform: translateX(-50%);
  }
}

.lore-module__X2e4OG__storyReel {
  --reel: var(--gold);
  border: 1px solid var(--line);
  background: #070708;
  margin: 36px 0 44px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 80px #00000057;
}

.lore-module__X2e4OG__reelHeader {
  border-bottom: 1px solid var(--line);
  background: linear-gradient(90deg, color-mix(in srgb, var(--reel), transparent 94%), transparent 55%);
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  padding: 24px 28px 20px;
  display: flex;
}

.lore-module__X2e4OG__reelHeader h2 {
  margin: 7px 0 0;
  font: 400 31px / 1 Georgia, serif;
}

.lore-module__X2e4OG__reelHeader p {
  color: #8e8a83;
  text-align: right;
  max-width: 470px;
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.lore-module__X2e4OG__reelStage {
  background: radial-gradient(circle at 76% 35%, color-mix(in srgb, var(--reel), transparent 66%), transparent 24%), linear-gradient(120deg, color-mix(in srgb, var(--reel), #050505 88%), #050505 68%);
  min-height: 510px;
  transition: background .45s;
  position: relative;
  overflow: hidden;
}

.lore-module__X2e4OG__reelStage:before {
  content: "";
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, #060607 0%, #060607f0 37%, #0606076b 62%, #0000 82%), linear-gradient(0deg, #060607 0%, #0000 37%);
  position: absolute;
  inset: 0;
}

.lore-module__X2e4OG__reelStage:after {
  content: "";
  z-index: 5;
  background: linear-gradient(90deg, var(--reel) var(--reel-progress, 16.66%), #ffffff14 var(--reel-progress, 16.66%));
  height: 2px;
  box-shadow: 0 0 16px color-mix(in srgb, var(--reel), transparent 50%);
  transition: background .45s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.lore-module__X2e4OG__reelArt {
  z-index: 1;
  object-fit: contain;
  object-position: center bottom;
  width: 64%;
  height: 137%;
  filter: drop-shadow(0 24px 40px #000) drop-shadow(0 0 30px color-mix(in srgb, var(--reel), transparent 58%));
  transition: opacity .28s, transform .45s cubic-bezier(.2, .8, .2, 1), filter .45s;
  position: absolute;
  bottom: -24%;
  right: -1%;
}

.lore-module__X2e4OG__reelStage.lore-module__X2e4OG__switching .lore-module__X2e4OG__reelArt {
  opacity: 0;
  transform: translateX(40px)scale(.96);
}

.lore-module__X2e4OG__reelGhost {
  z-index: 0;
  color: #0000;
  -webkit-text-stroke: 1px color-mix(in srgb, var(--reel), transparent 70%);
  letter-spacing: -.1em;
  opacity: .7;
  font: 800 clamp(190px, 23vw, 340px) / 1 Georgia, serif;
  transition: all .4s;
  position: absolute;
  top: -11%;
  right: 4%;
}

.lore-module__X2e4OG__reelCopy {
  z-index: 3;
  width: min(580px, 54%);
  padding: 66px 32px 64px clamp(32px, 5vw, 78px);
  position: relative;
}

.lore-module__X2e4OG__reelOverline {
  color: var(--reel);
  letter-spacing: .18em;
  text-transform: uppercase;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 900;
  display: flex;
}

.lore-module__X2e4OG__reelOverline i {
  background: var(--reel);
  width: 42px;
  height: 1px;
  box-shadow: 0 0 9px var(--reel);
}

.lore-module__X2e4OG__reelCopy h3 {
  letter-spacing: -.05em;
  text-wrap: balance;
  max-width: 600px;
  margin: 19px 0 22px;
  font: 400 clamp(42px, 5vw, 72px) / .86 Georgia, serif;
}

.lore-module__X2e4OG__reelCopy p {
  color: #b3afa7;
  max-width: 520px;
  margin: 0 0 26px;
  font-size: 16px;
  line-height: 1.7;
}

.lore-module__X2e4OG__reelMeta {
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 24px;
  display: flex;
}

.lore-module__X2e4OG__reelMeta span {
  border: 1px solid var(--line);
  color: #8f8b84;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #0808099e;
  padding: 7px 9px;
  font-size: 12px;
}

.lore-module__X2e4OG__reelMeta span:first-child {
  border-color: color-mix(in srgb, var(--reel), transparent 56%);
  color: var(--reel);
}

.lore-module__X2e4OG__reelOpen {
  border: 1px solid var(--reel);
  background: var(--reel);
  color: #050505;
  letter-spacing: .13em;
  text-transform: uppercase;
  padding: 13px 17px;
  font-size: 12px;
  font-weight: 950;
  transition: all .25s;
}

.lore-module__X2e4OG__reelOpen:hover {
  box-shadow: 0 0 30px color-mix(in srgb, var(--reel), transparent 60%);
  transform: translateY(-2px);
}

.lore-module__X2e4OG__reelSideword {
  z-index: 4;
  writing-mode: vertical-rl;
  color: #ffffff4f;
  letter-spacing: .33em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
}

.lore-module__X2e4OG__reelArrows {
  z-index: 4;
  gap: 7px;
  display: flex;
  position: absolute;
  bottom: 24px;
  right: 28px;
}

.lore-module__X2e4OG__reelArrow {
  border: 1px solid var(--line);
  background: #070708c2;
  width: 43px;
  height: 43px;
  font-size: 20px;
  transition: all .2s;
}

.lore-module__X2e4OG__reelArrow:hover {
  border-color: var(--reel);
  color: var(--reel);
  background: color-mix(in srgb, var(--reel), transparent 91%);
}

.lore-module__X2e4OG__reelStrip {
  grid-template-columns: repeat(var(--reel-count, 6), 1fr);
  background: #09090a;
  display: grid;
  overflow-x: auto;
}

.lore-module__X2e4OG__reelTab {
  border: 0;
  border-right: 1px solid var(--line);
  text-align: left;
  color: #777;
  background: none;
  min-width: 150px;
  min-height: 93px;
  padding: 17px 15px;
  transition: all .25s;
  position: relative;
}

.lore-module__X2e4OG__reelTab:last-child {
  border-right: 0;
}

.lore-module__X2e4OG__reelTab:before {
  content: "";
  background: var(--tab);
  height: 2px;
  box-shadow: 0 0 12px var(--tab);
  transition: right .3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
}

.lore-module__X2e4OG__reelTab:hover, .lore-module__X2e4OG__reelTab.lore-module__X2e4OG__active {
  background: linear-gradient(180deg, color-mix(in srgb, var(--tab), transparent 92%), transparent);
  color: #fff;
}

.lore-module__X2e4OG__reelTab.lore-module__X2e4OG__active:before {
  right: 0;
}

.lore-module__X2e4OG__reelTab small {
  color: var(--tab);
  letter-spacing: .11em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

.lore-module__X2e4OG__reelTab b {
  font: 400 15px / 1.15 Georgia, serif;
}

.lore-module__X2e4OG__reelTab span {
  color: #696660;
  margin-top: 5px;
  font-size: 11px;
  display: block;
}

.lore-module__X2e4OG__sectionTitle {
  justify-content: space-between;
  align-items: end;
  margin: 30px 0 13px;
  display: flex;
}

.lore-module__X2e4OG__sectionTitle h2 {
  margin: 0;
  font: 400 27px Georgia, serif;
}

.lore-module__X2e4OG__sectionTitle p {
  color: #777;
  margin: 0;
  font-size: 12px;
}

.lore-module__X2e4OG__chapterStrip {
  border: 1px solid var(--line);
  scrollbar-width: thin;
  grid-auto-columns: minmax(130px, 1fr);
  grid-auto-flow: column;
  display: grid;
  overflow-x: auto;
}

.lore-module__X2e4OG__chapterNode {
  border: 0;
  border-right: 1px solid var(--line);
  text-align: left;
  color: #807d77;
  background: #09090a;
  min-height: 90px;
  padding: 16px 18px;
  transition: all .2s;
  position: relative;
}

.lore-module__X2e4OG__chapterNode:hover, .lore-module__X2e4OG__chapterNode.lore-module__X2e4OG__active {
  background: linear-gradient(180deg, var(--glow), #0a0a0b);
  color: #fff;
}

.lore-module__X2e4OG__chapterNode.lore-module__X2e4OG__active:before {
  content: "";
  background: var(--chapter);
  height: 2px;
  box-shadow: 0 0 15px var(--chapter);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.lore-module__X2e4OG__chapterNode b {
  font: 400 26px Georgia, serif;
}

.lore-module__X2e4OG__chapterNode span {
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 6px;
  font-size: 9px;
  display: block;
}

.lore-module__X2e4OG__chapterNode.lore-module__X2e4OG__sealed {
  opacity: .55;
}

.lore-module__X2e4OG__chapterNode.lore-module__X2e4OG__sealed b:after {
  content: " ◇";
  color: var(--gold);
}

.lore-module__X2e4OG__toolsRow {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin: 22px 0 15px;
  display: flex;
}

.lore-module__X2e4OG__filterChip {
  border: 1px solid var(--line);
  color: #aaa;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #0b0b0c;
  padding: 9px 13px;
  font-size: 11px;
  font-weight: 800;
  transition: all .2s;
}

.lore-module__X2e4OG__filterChip:hover, .lore-module__X2e4OG__filterChip.lore-module__X2e4OG__active {
  color: #050505;
  background: var(--chapter);
  border-color: var(--chapter);
}

.lore-module__X2e4OG__resultCount {
  color: #777;
  margin-left: auto;
  font-size: 12px;
}

.lore-module__X2e4OG__stories {
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
  display: grid;
}

.lore-module__X2e4OG__storyCard {
  border: 1px solid var(--line);
  text-align: left;
  isolation: isolate;
  background: #0a0a0b;
  grid-column: span 4;
  min-height: 270px;
  padding: 0;
  transition: transform .25s, border-color .25s;
  position: relative;
  overflow: hidden;
}

.lore-module__X2e4OG__storyCard.lore-module__X2e4OG__featured {
  grid-column: span 7;
  min-height: 360px;
}

.lore-module__X2e4OG__storyCard.lore-module__X2e4OG__tall {
  grid-column: span 5;
  min-height: 360px;
}

.lore-module__X2e4OG__storyCard:after {
  content: "CH. " attr(data-chapters);
  z-index: 4;
  border: 1px solid color-mix(in srgb, var(--accent), transparent 48%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--accent);
  letter-spacing: .15em;
  background: #040405a8;
  padding: 6px 8px;
  font-size: 9px;
  font-weight: 900;
  position: absolute;
  top: 14px;
  left: 14px;
}

.lore-module__X2e4OG__storyCard:hover {
  transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-6px);
  border-color: color-mix(in srgb, var(--accent), white 20%);
  box-shadow: 0 24px 60px #00000080;
}

.lore-module__X2e4OG__storyVisual {
  background: radial-gradient(circle at 68% 32%, color-mix(in srgb, var(--accent), transparent 45%), transparent 22%), linear-gradient(135deg, color-mix(in srgb, var(--accent), #050505 76%), #050505 65%);
  position: absolute;
  inset: 0;
}

.lore-module__X2e4OG__storyVisual:before {
  content: attr(data-mark);
  z-index: 0;
  color: #0000;
  -webkit-text-stroke: 1px color-mix(in srgb, var(--accent), transparent 48%);
  opacity: .5;
  font: 800 150px Georgia, serif;
  position: absolute;
  top: 1%;
  right: 5%;
  transform: rotate(7deg);
}

.lore-module__X2e4OG__storyVisual:after {
  content: "";
  z-index: 0;
  border: 1px solid color-mix(in srgb, var(--accent), transparent 60%);
  width: 220px;
  height: 220px;
  box-shadow: 0 0 55px color-mix(in srgb, var(--accent), transparent 78%);
  border-radius: 50%;
  position: absolute;
  top: 50px;
  right: -70px;
}

.lore-module__X2e4OG__characterArt {
  z-index: 1;
  right: var(--art-r, -5%);
  bottom: var(--art-b, -78%);
  width: var(--art-w, 90%);
  height: var(--art-h, 178%);
  object-fit: contain;
  object-position: center bottom;
  transform-origin: top;
  filter: drop-shadow(0 18px 32px #000000c7) drop-shadow(0 0 24px color-mix(in srgb, var(--accent), transparent 54%));
  pointer-events: none;
  transition: transform .45s cubic-bezier(.2, .8, .2, 1), filter .45s;
  position: absolute;
}

.lore-module__X2e4OG__storyCard:hover .lore-module__X2e4OG__characterArt {
  filter: drop-shadow(0 24px 38px #000000e0) drop-shadow(0 0 34px color-mix(in srgb, var(--accent), transparent 38%));
  transform: scale(1.055);
}

.lore-module__X2e4OG__storyCopy {
  z-index: 2;
  background: linear-gradient(#0000, #030304f7 45%);
  padding: 55px 20px 20px;
  position: absolute;
  inset: auto 0 0;
}

.lore-module__X2e4OG__storyKicker {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--accent);
  font-size: 10px;
  font-weight: 900;
}

.lore-module__X2e4OG__storyCopy h3 {
  max-width: 560px;
  margin: 8px 0;
  font: 400 clamp(21px, 2vw, 34px) / .98 Georgia, serif;
}

.lore-module__X2e4OG__storyCopy p {
  color: #aaa;
  max-width: 620px;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.lore-module__X2e4OG__storyMeta {
  color: #777;
  letter-spacing: .12em;
  text-transform: uppercase;
  gap: 12px;
  margin-top: 15px;
  font-size: 9px;
  display: flex;
}

.lore-module__X2e4OG__storyMeta span:last-child {
  color: var(--accent);
  margin-left: auto;
}

.lore-module__X2e4OG__empty {
  border: 1px dashed var(--line);
  text-align: center;
  color: #8a8780;
  grid-column: 1 / -1;
  padding: 48px;
}

.lore-module__X2e4OG__transmissions {
  --signal: var(--angel);
  margin-top: 38px;
}

.lore-module__X2e4OG__transmissionConsole {
  border: 1px solid var(--line);
  background: #070708;
  grid-template-columns: minmax(210px, .28fr) minmax(0, 1fr);
  min-height: 510px;
  display: grid;
  overflow: hidden;
  box-shadow: 0 28px 80px #0006;
}

.lore-module__X2e4OG__channelList {
  border-right: 1px solid var(--line);
  background: linear-gradient(#0e0e10, #080809);
  flex-direction: column;
  display: flex;
}

.lore-module__X2e4OG__channelLabel {
  border-bottom: 1px solid var(--line);
  color: #777;
  letter-spacing: .17em;
  text-transform: uppercase;
  padding: 20px;
  font-size: 11px;
  font-weight: 900;
}

.lore-module__X2e4OG__channelLabel b {
  color: #ddd;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 7px;
  font: 400 21px Georgia, serif;
  display: block;
}

.lore-module__X2e4OG__channel {
  --channel: #fff;
  border: 0;
  border-bottom: 1px solid var(--line);
  text-align: left;
  color: #777;
  background: none;
  flex: 1;
  min-height: 82px;
  padding: 16px 18px;
  transition: all .25s;
  position: relative;
}

.lore-module__X2e4OG__channel:last-child {
  border-bottom: 0;
}

.lore-module__X2e4OG__channel:before {
  content: "";
  background: var(--channel);
  width: 2px;
  box-shadow: 0 0 14px var(--channel);
  transition: bottom .3s;
  position: absolute;
  top: 0;
  bottom: 100%;
  left: 0;
}

.lore-module__X2e4OG__channel:hover, .lore-module__X2e4OG__channel.lore-module__X2e4OG__active {
  color: #fff;
  background: linear-gradient(90deg, color-mix(in srgb, var(--channel), transparent 91%), transparent);
}

.lore-module__X2e4OG__channel.lore-module__X2e4OG__active:before {
  bottom: 0;
}

.lore-module__X2e4OG__channel small {
  color: var(--channel);
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

.lore-module__X2e4OG__channel b {
  font: 400 16px Georgia, serif;
}

.lore-module__X2e4OG__channel span {
  color: #65625d;
  margin-top: 4px;
  font-size: 11px;
  display: block;
}

.lore-module__X2e4OG__transmissionStage {
  background: radial-gradient(circle at 73% 31%, color-mix(in srgb, var(--signal), transparent 65%), transparent 24%), linear-gradient(120deg, color-mix(in srgb, var(--signal), #050505 90%), #050505 64%);
  min-height: 510px;
  transition: background .45s;
  position: relative;
  overflow: hidden;
}

.lore-module__X2e4OG__transmissionStage:before {
  content: "";
  z-index: 5;
  background: linear-gradient(0deg, transparent, color-mix(in srgb, var(--signal), transparent 70%), transparent);
  filter: blur(7px);
  pointer-events: none;
  height: 18%;
  animation: 5.5s linear infinite lore-module__X2e4OG__signalSweep;
  position: absolute;
  top: -18%;
  left: 0;
  right: 0;
}

@keyframes lore-module__X2e4OG__signalSweep {
  to {
    top: 118%;
  }
}

.lore-module__X2e4OG__transmissionStage:after {
  content: "SIGNAL INTERCEPT";
  z-index: 0;
  color: #0000;
  -webkit-text-stroke: 1px #ffffff09;
  white-space: nowrap;
  letter-spacing: -.06em;
  font: 800 clamp(64px, 8vw, 124px) / 1 Georgia, serif;
  position: absolute;
  bottom: -25px;
  right: -14px;
}

.lore-module__X2e4OG__transmissionArt {
  z-index: 1;
  object-fit: contain;
  object-position: center bottom;
  width: 55%;
  height: 133%;
  filter: drop-shadow(0 22px 36px #000) drop-shadow(0 0 28px color-mix(in srgb, var(--signal), transparent 59%));
  transition: opacity .28s, transform .45s cubic-bezier(.2, .8, .2, 1), filter .4s;
  position: absolute;
  bottom: -23%;
  right: 1%;
}

.lore-module__X2e4OG__transmissionShade {
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, #060607 0%, #060607f0 42%, #06060766 68%, #0000 84%), linear-gradient(0deg, #060607, #0000 42%);
  position: absolute;
  inset: 0;
}

.lore-module__X2e4OG__transmissionStage.lore-module__X2e4OG__switching .lore-module__X2e4OG__transmissionArt {
  opacity: 0;
  transform: translateX(34px)scale(.97);
}

.lore-module__X2e4OG__transmissionStage.lore-module__X2e4OG__switching .lore-module__X2e4OG__transmissionCopy {
  opacity: 0;
  transform: translateY(12px);
}

.lore-module__X2e4OG__transmissionCopy {
  z-index: 3;
  width: min(650px, 62%);
  padding: 57px 32px 72px clamp(32px, 4vw, 68px);
  transition: opacity .25s, transform .35s;
  position: relative;
}

.lore-module__X2e4OG__frequency {
  color: var(--signal);
  letter-spacing: .17em;
  text-transform: uppercase;
  align-items: center;
  gap: 11px;
  font-size: 12px;
  font-weight: 900;
  display: flex;
}

.lore-module__X2e4OG__frequency:before {
  content: "";
  border: 1px solid var(--signal);
  width: 9px;
  height: 9px;
  box-shadow: 0 0 11px var(--signal);
  transform: rotate(45deg);
}

.lore-module__X2e4OG__transmissionCopy h3 {
  letter-spacing: -.045em;
  max-width: 570px;
  margin: 19px 0 24px;
  font: 400 clamp(39px, 4.5vw, 65px) / .88 Georgia, serif;
}

.lore-module__X2e4OG__transmissionQuote {
  border-left: 1px solid var(--signal);
  color: #ddd8cf;
  max-width: 570px;
  margin: 0 0 20px;
  padding: 7px 0 7px 19px;
  font: italic 400 clamp(18px, 2vw, 25px) / 1.45 Georgia, serif;
}

.lore-module__X2e4OG__transmissionNote {
  color: #98948c;
  max-width: 520px;
  margin: 0 0 25px;
  font-size: 14px;
  line-height: 1.6;
}

.lore-module__X2e4OG__transmissionOpen {
  border: 1px solid var(--signal);
  background: color-mix(in srgb, var(--signal), transparent 89%);
  color: var(--signal);
  letter-spacing: .13em;
  text-transform: uppercase;
  padding: 12px 15px;
  font-size: 11px;
  font-weight: 950;
  transition: all .22s;
}

.lore-module__X2e4OG__transmissionOpen:hover {
  background: var(--signal);
  color: #050505;
  box-shadow: 0 0 28px color-mix(in srgb, var(--signal), transparent 60%);
}

.lore-module__X2e4OG__broadcastWave {
  z-index: 3;
  opacity: .38;
  pointer-events: none;
  align-items: center;
  gap: 5px;
  width: 41%;
  height: 85px;
  display: flex;
  position: absolute;
  top: 31%;
  right: 4%;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 16% 84%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 16% 84%, #0000);
}

.lore-module__X2e4OG__broadcastWave i {
  background: var(--signal);
  height: 12%;
  min-height: 3px;
  box-shadow: 0 0 8px var(--signal);
  flex: 1;
  animation: .75s ease-in-out infinite alternate lore-module__X2e4OG__broadcastWave;
  display: block;
}

.lore-module__X2e4OG__broadcastWave i:nth-child(2n) {
  height: 55%;
  animation-delay: -.18s;
}

.lore-module__X2e4OG__broadcastWave i:nth-child(3n) {
  height: 88%;
  animation-delay: -.37s;
}

.lore-module__X2e4OG__broadcastWave i:nth-child(5n) {
  height: 35%;
  animation-delay: -.55s;
}

.lore-module__X2e4OG__broadcastWave i:nth-child(7n) {
  height: 72%;
  animation-delay: -.68s;
}

@keyframes lore-module__X2e4OG__broadcastWave {
  to {
    opacity: .35;
    height: 100%;
  }
}

.lore-module__X2e4OG__transmissionMeter {
  z-index: 6;
  background: #ffffff12;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.lore-module__X2e4OG__transmissionMeter i {
  background: var(--signal);
  width: 0;
  height: 100%;
  box-shadow: 0 0 12px var(--signal);
  display: block;
}

.lore-module__X2e4OG__transmissionMeter i.lore-module__X2e4OG__counting {
  animation: 9s linear forwards lore-module__X2e4OG__broadcastCountdown;
}

.lore-module__X2e4OG__transmissionMeter i.lore-module__X2e4OG__full {
  width: 100%;
}

@keyframes lore-module__X2e4OG__broadcastCountdown {
  to {
    width: 100%;
  }
}

.lore-module__X2e4OG__footer {
  border-top: 1px solid var(--line);
  color: #67645f;
  justify-content: space-between;
  margin-top: 40px;
  padding: 26px 0 0;
  font-size: 11px;
  display: flex;
}

.lore-module__X2e4OG__footer b {
  color: #b8b2a8;
  letter-spacing: .12em;
  font-family: Georgia, serif;
}

.lore-module__X2e4OG__reader, .lore-module__X2e4OG__searchModal {
  color: var(--ink);
  background: #070708;
  border: 1px solid #e8b84c57;
  width: min(980px, 94vw);
  max-height: 92vh;
  margin: auto;
  padding: 0;
  box-shadow: 0 30px 100px #000;
}

.lore-module__X2e4OG__reader::backdrop, .lore-module__X2e4OG__searchModal::backdrop {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background: #000000d6;
}

.lore-module__X2e4OG__readerProgress {
  z-index: 7;
  background: #ffffff14;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.lore-module__X2e4OG__readerProgress i {
  background: var(--reader, var(--gold));
  width: 0;
  height: 100%;
  box-shadow: 0 0 12px var(--reader, var(--gold));
  transition: width .1s linear;
  display: block;
}

.lore-module__X2e4OG__readerHead {
  background: radial-gradient(circle at 72% 30%, color-mix(in srgb, var(--reader), transparent 42%), transparent 23%), linear-gradient(140deg, color-mix(in srgb, var(--reader), #050505 78%), #050505 70%);
  flex-direction: column;
  justify-content: flex-end;
  min-height: 310px;
  padding: 34px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.lore-module__X2e4OG__readerHead:before {
  content: attr(data-mark);
  z-index: 0;
  color: #0000;
  -webkit-text-stroke: 1px color-mix(in srgb, var(--reader), transparent 50%);
  opacity: .48;
  font: 800 260px Georgia, serif;
  position: absolute;
  top: -10px;
  right: 8%;
}

.lore-module__X2e4OG__readerArt {
  z-index: 0;
  object-fit: contain;
  object-position: center bottom;
  width: 48%;
  height: 132%;
  filter: drop-shadow(0 18px 35px #000) drop-shadow(0 0 25px color-mix(in srgb, var(--reader), transparent 55%));
  opacity: .82;
  pointer-events: none;
  position: absolute;
  bottom: -25%;
  right: 0;
}

.lore-module__X2e4OG__readerHead:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #040405f0 0%, #040405ad 44%, #0000 78%), linear-gradient(0deg, #040405b8, #0000 54%);
  position: absolute;
  inset: 0;
}

.lore-module__X2e4OG__close {
  border: 1px solid var(--line);
  z-index: 2;
  background: #00000073;
  width: 40px;
  height: 40px;
  font-size: 22px;
  position: absolute;
  top: 18px;
  right: 18px;
}

.lore-module__X2e4OG__close:hover {
  border-color: var(--gold);
}

.lore-module__X2e4OG__readerHead h2, .lore-module__X2e4OG__readerHead .lore-module__X2e4OG__storyKicker, .lore-module__X2e4OG__readerDeck {
  z-index: 2;
  position: relative;
}

.lore-module__X2e4OG__readerHead h2 {
  letter-spacing: -.04em;
  max-width: 660px;
  margin: 11px 0 13px;
  font: 400 clamp(36px, 6vw, 70px) / .9 Georgia, serif;
}

.lore-module__X2e4OG__readerDeck {
  color: #b9b4aa;
  max-width: 560px;
  margin: 0;
  line-height: 1.6;
}

.lore-module__X2e4OG__readerBody {
  grid-template-columns: minmax(0, 1.5fr) minmax(230px, .5fr);
  gap: 35px;
  max-height: calc(92vh - 310px);
  padding: 34px;
  display: grid;
  overflow: auto;
}

.lore-module__X2e4OG__readerBody article {
  color: #d2cdc4;
  font: 400 17px / 1.8 Georgia, serif;
}

.lore-module__X2e4OG__readerBody article p {
  margin: 0 0 1em;
}

.lore-module__X2e4OG__readerBody article p:first-child:first-letter {
  float: left;
  color: var(--reader);
  padding: 10px 10px 0 0;
  font-size: 64px;
  line-height: .78;
}

.lore-module__X2e4OG__dossier {
  border-left: 1px solid var(--line);
  padding-left: 24px;
}

.lore-module__X2e4OG__dossierBlock {
  margin-bottom: 25px;
}

.lore-module__X2e4OG__dossierBlock span {
  color: #777;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 9px;
}

.lore-module__X2e4OG__dossierBlock b {
  margin-top: 7px;
  font: 400 17px Georgia, serif;
  display: block;
}

.lore-module__X2e4OG__taglist {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  display: flex;
}

.lore-module__X2e4OG__tag {
  border: 1px solid var(--line);
  color: #aaa;
  padding: 6px 8px;
  font-size: 10px;
}

.lore-module__X2e4OG__readerNav {
  border-top: 1px solid var(--line);
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  padding-top: 18px;
  display: grid;
}

.lore-module__X2e4OG__readerNav button {
  border: 1px solid var(--line);
  color: #a5a19a;
  background: #0d0d0f;
  padding: 10px 8px;
  font-size: 11px;
  font-weight: 800;
  transition: all .2s;
}

.lore-module__X2e4OG__readerNav button:hover {
  border-color: var(--reader);
  color: var(--reader);
  background: color-mix(in srgb, var(--reader), transparent 92%);
}

.lore-module__X2e4OG__reveal {
  opacity: 0;
  transition: opacity .7s, transform .7s cubic-bezier(.2, .8, .2, 1);
  transform: translateY(24px);
}

.lore-module__X2e4OG__reveal.lore-module__X2e4OG__isVisible {
  opacity: 1;
  transform: translateY(0);
}

.lore-module__X2e4OG__searchModal {
  width: min(720px, 92vw);
  margin-top: 12vh;
}

.lore-module__X2e4OG__searchbox {
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  display: flex;
}

.lore-module__X2e4OG__searchbox > span {
  color: var(--gold);
  font-size: 20px;
}

.lore-module__X2e4OG__searchbox input {
  color: #fff;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 18px;
}

.lore-module__X2e4OG__searchResults {
  max-height: 55vh;
  padding: 12px;
  overflow: auto;
}

.lore-module__X2e4OG__searchResult {
  text-align: left;
  color: #ccc;
  background: none;
  border: 0;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 13px;
  display: flex;
}

.lore-module__X2e4OG__searchResult:hover {
  background: #141416;
}

.lore-module__X2e4OG__searchResult i {
  background: var(--accent);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 10px var(--accent);
  border-radius: 50%;
  flex-shrink: 0;
}

.lore-module__X2e4OG__searchResult div {
  font-weight: 700;
}

.lore-module__X2e4OG__searchResult small {
  color: #777;
  margin-top: 4px;
  font-weight: 400;
  display: block;
}

@media (max-width: 1000px) {
  .lore-module__X2e4OG__shell {
    grid-template-columns: 1fr;
  }

  .lore-module__X2e4OG__rail {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    height: auto;
    padding: 16px 22px;
    position: static;
  }

  .lore-module__X2e4OG__rail h2, .lore-module__X2e4OG__railCopy, .lore-module__X2e4OG__signalMini {
    display: none;
  }

  .lore-module__X2e4OG__searchTrigger {
    margin-bottom: 12px;
  }

  .lore-module__X2e4OG__realmList {
    display: flex;
    overflow-x: auto;
  }

  .lore-module__X2e4OG__realm {
    min-width: max-content;
  }

  .lore-module__X2e4OG__latestStage {
    grid-template-columns: minmax(330px, .9fr) minmax(360px, 1.1fr);
    min-height: 520px;
  }

  .lore-module__X2e4OG__stageCopy {
    padding-left: 36px;
  }

  .lore-module__X2e4OG__storyCard, .lore-module__X2e4OG__storyCard.lore-module__X2e4OG__featured, .lore-module__X2e4OG__storyCard.lore-module__X2e4OG__tall {
    grid-column: span 6;
  }
}

@media (max-width: 720px) {
  .lore-module__X2e4OG__main {
    padding: 18px 15px 60px;
  }

  .lore-module__X2e4OG__latestStage {
    grid-template-rows: minmax(500px, 1fr) auto;
    grid-template-columns: 1fr;
    min-height: 620px;
    display: grid;
  }

  .lore-module__X2e4OG__latestStage:after {
    background: linear-gradient(0deg, #050606f5 0%, #050606d1 38%, #0000 73%), linear-gradient(90deg, #050606b3, #0000 70%);
  }

  .lore-module__X2e4OG__stageCopy {
    grid-area: 1 / 1;
    align-self: end;
    padding: 36px 22px 42px;
  }

  .lore-module__X2e4OG__stageArt {
    grid-area: 1 / 1;
    position: absolute;
    inset: 0;
  }

  .lore-module__X2e4OG__stageCharacter {
    opacity: .17;
    width: 112%;
    height: 96%;
    bottom: 2%;
    right: -10%;
  }

  .lore-module__X2e4OG__stageCharacter.lore-module__X2e4OG__active {
    opacity: .7;
    filter: saturate(1.05) brightness(.74) drop-shadow(0 18px 30px #000) drop-shadow(0 0 24px color-mix(in srgb, var(--stage), transparent 62%));
  }

  .lore-module__X2e4OG__stageCopy h1 {
    font-size: clamp(64px, 20vw, 95px);
  }

  .lore-module__X2e4OG__stageSeries {
    margin-top: 18px;
  }

  .lore-module__X2e4OG__stageDeck {
    max-width: 420px;
    margin: 23px 0 20px;
    font-size: 14px;
  }

  .lore-module__X2e4OG__stageFolio {
    top: 19px;
    right: 18px;
  }

  .lore-module__X2e4OG__spotlightTabs {
    grid-template-columns: repeat(3, minmax(210px, 1fr));
    overflow-x: auto;
  }

  .lore-module__X2e4OG__tickerLabel {
    padding: 0 11px;
  }

  .lore-module__X2e4OG__loreTicker {
    margin-bottom: 28px;
  }

  .lore-module__X2e4OG__reelHeader {
    flex-direction: column;
    align-items: start;
  }

  .lore-module__X2e4OG__reelHeader p {
    text-align: left;
  }

  .lore-module__X2e4OG__reelStage {
    min-height: 630px;
  }

  .lore-module__X2e4OG__reelStage:before {
    background: linear-gradient(0deg, #060607 0%, #060607f2 35%, #0606078c 61%, #0000 82%);
  }

  .lore-module__X2e4OG__reelArt {
    opacity: .67;
    width: 112%;
    height: 84%;
    bottom: 4%;
    right: -13%;
  }

  .lore-module__X2e4OG__reelGhost {
    font-size: 190px;
    top: 0;
    right: 6%;
  }

  .lore-module__X2e4OG__reelCopy {
    width: 100%;
    padding: 285px 22px 66px;
  }

  .lore-module__X2e4OG__reelCopy h3 {
    font-size: clamp(42px, 13vw, 62px);
  }

  .lore-module__X2e4OG__reelCopy p {
    font-size: 14px;
  }

  .lore-module__X2e4OG__reelSideword {
    display: none;
  }

  .lore-module__X2e4OG__reelArrows {
    bottom: 18px;
    right: 18px;
  }

  .lore-module__X2e4OG__reelStrip {
    grid-template-columns: repeat(var(--reel-count, 6), minmax(160px, 1fr));
  }

  .lore-module__X2e4OG__transmissionConsole {
    grid-template-columns: 1fr;
  }

  .lore-module__X2e4OG__channelList {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    flex-direction: row;
    overflow-x: auto;
  }

  .lore-module__X2e4OG__channelLabel {
    display: none;
  }

  .lore-module__X2e4OG__channel {
    border-bottom: 0;
    border-right: 1px solid var(--line);
    flex: 0 0 180px;
  }

  .lore-module__X2e4OG__transmissionStage {
    min-height: 630px;
  }

  .lore-module__X2e4OG__transmissionStage:after {
    font-size: 70px;
  }

  .lore-module__X2e4OG__transmissionArt {
    opacity: .65;
    width: 116%;
    height: 86%;
    bottom: 2%;
    right: -18%;
  }

  .lore-module__X2e4OG__transmissionShade {
    background: linear-gradient(0deg, #060607 0%, #060607f2 39%, #06060773 69%, #0000 86%);
  }

  .lore-module__X2e4OG__transmissionCopy {
    width: 100%;
    padding: 290px 22px 68px;
  }

  .lore-module__X2e4OG__transmissionQuote {
    font-size: 19px;
  }

  .lore-module__X2e4OG__broadcastWave {
    opacity: .25;
    width: 92%;
    top: 22%;
    right: 4%;
  }
}

@media (max-width: 700px) {
  .lore-module__X2e4OG__page {
    --site-header-h: 68px;
  }
}

@media (max-width: 640px) {
  .lore-module__X2e4OG__storyCard, .lore-module__X2e4OG__storyCard.lore-module__X2e4OG__featured, .lore-module__X2e4OG__storyCard.lore-module__X2e4OG__tall {
    grid-column: 1 / -1;
    min-height: 300px;
  }

  .lore-module__X2e4OG__sectionTitle {
    flex-direction: column;
    align-items: start;
    gap: 8px;
  }

  .lore-module__X2e4OG__readerBody {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .lore-module__X2e4OG__dossier {
    border-left: 0;
    border-top: 1px solid var(--line);
    padding: 22px 0 0;
  }

  .lore-module__X2e4OG__readerHead {
    min-height: 340px;
    padding: 24px;
  }

  .lore-module__X2e4OG__readerArt {
    opacity: .48;
    width: 72%;
    right: -22%;
  }

  .lore-module__X2e4OG__readerHead:after {
    background: linear-gradient(90deg, #040405f5, #040405a6 72%, #0000), linear-gradient(0deg, #040405d1, #0000 55%);
  }

  .lore-module__X2e4OG__footer {
    flex-direction: column;
    gap: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lore-module__X2e4OG__page *, .lore-module__X2e4OG__page :before, .lore-module__X2e4OG__page :after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }

  .lore-module__X2e4OG__reveal {
    opacity: 1;
    transform: none;
  }
}

.lore-module__X2e4OG__readerInner, .lore-module__X2e4OG__searchInner, .lore-module__X2e4OG__chipRail {
  display: contents;
}

.lore-module__X2e4OG__readerNavBar {
  display: none;
}

@media (max-width: 720px) {
  .lore-module__X2e4OG__toolsRow {
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 12px;
  }

  .lore-module__X2e4OG__chipRail {
    scrollbar-width: none;
    flex: 100%;
    gap: 8px;
    margin: 0 -15px;
    padding: 0 15px 2px;
    display: flex;
    overflow-x: auto;
  }

  .lore-module__X2e4OG__chipRail::-webkit-scrollbar {
    display: none;
  }

  .lore-module__X2e4OG__filterChip {
    white-space: nowrap;
    flex: none;
  }

  .lore-module__X2e4OG__resultCount {
    margin-left: 0;
  }

  .lore-module__X2e4OG__stageCharacter {
    width: 104%;
    height: 90%;
    bottom: 6%;
    right: -6%;
  }

  .lore-module__X2e4OG__stageCharacter.lore-module__X2e4OG__active {
    opacity: .9;
    filter: saturate(1.05) brightness(.92) drop-shadow(0 18px 30px #000) drop-shadow(0 0 24px color-mix(in srgb, var(--stage), transparent 62%));
  }

  .lore-module__X2e4OG__reelStage:before {
    background: linear-gradient(0deg, #060607 0%, #060607f2 38%, #0606074d 54%, #0000 64%);
  }

  .lore-module__X2e4OG__reelArt {
    opacity: .94;
    object-position: center top;
    width: 88%;
    height: 46%;
    top: 2%;
    bottom: auto;
    right: 0;
  }

  .lore-module__X2e4OG__transmissionArt {
    opacity: .94;
    object-position: center top;
    width: 82%;
    height: 46%;
    top: 2%;
    bottom: auto;
    right: 2%;
  }

  .lore-module__X2e4OG__transmissionShade {
    background: linear-gradient(0deg, #060607 0%, #060607f2 38%, #0606074d 54%, #0000 64%);
  }
}

@media (max-width: 640px) {
  .lore-module__X2e4OG__characterArt {
    object-position: right bottom;
    width: 64%;
    height: 60%;
    bottom: 36%;
    right: 2%;
  }

  .lore-module__X2e4OG__storyVisual:before {
    font-size: 120px;
  }
}

@media (max-width: 900px), (max-height: 500px) {
  .lore-module__X2e4OG__readerInner {
    background: #070708;
    border-top: 1px solid #e8b84c57;
    border-radius: 22px 22px 0 0;
    flex-direction: column;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .lore-module__X2e4OG__readerHead {
    flex: none;
    min-height: 200px;
    padding: 30px 20px 18px;
  }

  .lore-module__X2e4OG__readerHead h2 {
    margin: 8px 0;
    font-size: clamp(28px, 7.5vw, 40px);
  }

  .lore-module__X2e4OG__readerDeck {
    font-size: 13px;
  }

  .lore-module__X2e4OG__readerArt {
    opacity: .82;
    width: 60%;
    height: 108%;
    bottom: -8%;
    right: -4%;
  }

  .lore-module__X2e4OG__readerHead:after {
    background: linear-gradient(90deg, #040405eb 0%, #04040580 48%, #0000 76%), linear-gradient(0deg, #040405db, #0000 52%);
  }

  .lore-module__X2e4OG__close {
    top: 26px;
    right: 14px;
  }

  .lore-module__X2e4OG__readerBody {
    flex-direction: column;
    flex: auto;
    gap: 16px;
    min-height: 0;
    max-height: none;
    padding: 16px 20px 24px;
    display: flex;
  }

  .lore-module__X2e4OG__readerBody article {
    font-size: 16px;
    line-height: 1.7;
  }

  .lore-module__X2e4OG__dossier {
    border: 0;
    border-bottom: 1px solid var(--line);
    flex-wrap: wrap;
    order: -1;
    align-items: baseline;
    gap: 8px 18px;
    padding: 0 0 14px;
    display: flex;
  }

  .lore-module__X2e4OG__dossierBlock {
    margin: 0;
  }

  .lore-module__X2e4OG__dossierBlock b {
    margin-top: 3px;
    font-size: 13px;
  }

  .lore-module__X2e4OG__readerNavBar {
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--line);
    background: #070708;
    flex: none;
    display: grid;
  }

  .lore-module__X2e4OG__readerNavBar button {
    min-height: 44px;
  }

  .lore-module__X2e4OG__searchInner {
    background: #070708;
    border-top: 1px solid #e8b84c57;
    border-radius: 22px 22px 0 0;
    flex-direction: column;
    height: 100%;
    display: flex;
    overflow: hidden;
  }

  .lore-module__X2e4OG__searchbox {
    padding: 26px 18px 12px;
  }

  .lore-module__X2e4OG__searchbox .lore-module__X2e4OG__close {
    position: static;
  }

  .lore-module__X2e4OG__searchResults {
    flex: auto;
    min-height: 0;
    max-height: none;
  }
}

/* [project]/src/components/bottomsheet.module.css [app-client] (css) */
.bottomsheet-module__gmh1-G__sheet {
  --sheet-h: 78dvh;
}

.bottomsheet-module__gmh1-G__grip {
  display: none;
}

.bottomsheet-module__gmh1-G__sheet:focus {
  outline: none;
}

@media (max-width: 900px), (max-height: 500px) {
  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet {
    width: 100%;
    max-width: none;
    height: var(--sheet-h);
    touch-action: pan-y;
    background: none;
    border: 0;
    border-radius: 22px 22px 0 0;
    max-height: calc(100dvh - 40px);
    margin: 0;
    padding: 0;
    transition: transform .24s cubic-bezier(.4, 0, 1, 1);
    position: fixed;
    inset: auto 0 0;
    overflow: visible;
    transform: translateY(0);
  }

  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet[open] {
    animation: .34s cubic-bezier(.2, .8, .2, 1) bottomsheet-module__gmh1-G__sheet-up;
  }

  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__closing {
    transform: translateY(105%);
  }

  .bottomsheet-module__gmh1-G__full.bottomsheet-module__gmh1-G__full {
    --sheet-h: calc(100dvh - 40px);
  }

  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet::backdrop {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #03020699;
    animation: .3s both bottomsheet-module__gmh1-G__dim-in;
  }

  .bottomsheet-module__gmh1-G__grip {
    z-index: 2;
    cursor: grab;
    touch-action: none;
    place-items: center;
    height: 22px;
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .bottomsheet-module__gmh1-G__grip span {
    background: #ffffff52;
    border-radius: 999px;
    width: 44px;
    height: 5px;
  }

  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet > :not(.bottomsheet-module__gmh1-G__grip) {
    height: 100%;
  }

  @keyframes bottomsheet-module__gmh1-G__sheet-up {
    from {
      transform: translateY(100%);
    }

    to {
      transform: translateY(0);
    }
  }

  @keyframes bottomsheet-module__gmh1-G__dim-in {
    from {
      opacity: 0;
    }
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce), (max-height: 500px) and (prefers-reduced-motion: reduce) {
  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet[open], .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet::backdrop {
    animation: none;
  }

  .bottomsheet-module__gmh1-G__sheet.bottomsheet-module__gmh1-G__sheet {
    transition: none;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__03ksw16._.css.map*/