@import url('/theme.css?style=classic');

/* Imperial copper: a court archive built around hard edges, engraved rules and a navigation rail. */
:root {
  color-scheme: dark;
  --aden-ink: #eee2d3;
  --aden-muted: #c2a894;
  --aden-gold: #cb8b5c;
  --aden-green: #3b1d1a;
  --aden-green-light: #67352b;
  --aden-line: rgba(203, 139, 92, .52);
  --empire-bg: #100d0c;
  --empire-panel: rgba(35, 20, 18, .92);
  --empire-copper: #c17c52;
  --empire-glint: #e7b88b;
}

html { scroll-behavior: smooth; }
._miniBrand_18x2l_1 {
  width: 130px !important;
  height: 50px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
._miniBrand_18x2l_1 img {
  width: 143px !important;
  max-width: none !important;
  height: auto !important;
  flex: none !important;
}
body {
  color: var(--aden-ink) !important;
  background-color: var(--empire-bg) !important;
  background-image: repeating-linear-gradient(135deg, rgba(188, 112, 71, .022) 0 1px, transparent 1px 8px) !important;
  font-family: "Noto Serif TC", "Songti TC", serif !important;
}

/* Desktop becomes an imperial side gallery instead of a standard top tab bar. */
@media (min-width: 1000px) {
  ._shell_18x2l_1 { padding-left: 228px; }
  ._header_18x2l_1 {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 100 !important;
    width: 228px !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 24px 15px 22px !important;
    background: linear-gradient(180deg, #1a100e, #0d0b0a 72%) !important;
    border-right: 1px solid var(--aden-line) !important;
    box-shadow: 9px 0 34px rgba(0,0,0,.35), inset -4px 0 0 rgba(203,139,92,.08) !important;
  }
  ._utility_18x2l_1 { height: auto !important; min-height: 0 !important; flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 20px !important; padding: 4px 8px 24px !important; }
  ._miniBrand_18x2l_1 { width: 160px !important; height: 62px !important; display: flex !important; justify-content: center !important; padding: 0 0 16px !important; border-bottom: 1px solid var(--aden-line) !important; }
  ._miniBrand_18x2l_1 img { width: 176px !important; height: auto !important; }
  ._utilityLinks_18x2l_1 { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
  ._utilityLinks_18x2l_1 a { padding: 7px 10px !important; color: var(--aden-muted) !important; font-size: 11px !important; letter-spacing: .12em !important; border-left: 1px solid transparent !important; }
  ._navigation_18x2l_1 { width: 100% !important; height: auto !important; margin-top: 0 !important; background: transparent !important; border: 0 !important; }
  ._navTrack_18x2l_1 { width: 100% !important; height: auto !important; padding-left: 0 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; overflow: visible !important; }
  ._navTrack_18x2l_1 a {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    min-height: 30px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px 0 38px !important;
    color: #c4b5a8 !important;
    background: linear-gradient(90deg, rgba(196,107,63,.08), transparent 78%) !important;
    border: 1px solid rgba(203,139,92,.14) !important;
    border-left: 2px solid rgba(203,139,92,.3) !important;
    text-align: left !important;
    letter-spacing: .08em !important;
    transition: .18s ease !important;
  }
  ._navTrack_18x2l_1 a::before { content: ""; position: absolute; left: 14px; width: 7px; height: 7px; border: 1px solid var(--empire-copper); transform: rotate(45deg); opacity: .68; }
  ._navTrack_18x2l_1 a::after { content: none !important; }
  ._navTrack_18x2l_1 a:hover, ._navTrack_18x2l_1 a._active_18x2l_1 {
    color: #ffe1c2 !important;
    background: linear-gradient(90deg, rgba(177,82,44,.38), rgba(81,42,32,.18)) !important;
    border-color: rgba(203,139,92,.55) !important;
    border-left-color: var(--empire-glint) !important;
    transform: translateX(3px);
  }
  ._navTrack_18x2l_1 ._download_18x2l_1 { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin-top: 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; clip-path: none !important; }
}

/* The download control uses a generated image asset; CSS only sizes the image. */
._utilityLinks_18x2l_1 a[href="/"] { display: none !important; }
._utilityLinks_18x2l_1 a[href*="facebook.com/profile.php?id=61594197457515"] { display: none !important; }
._download_18x2l_1::before,
._download_18x2l_1::after { content: none !important; display: none !important; }
._download_18x2l_1 { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin-top: 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; clip-path: none !important; }
._navTrack_18x2l_1 a._download_18x2l_1 { display: block !important; flex: 0 0 auto !important; width: 100% !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; clip-path: none !important; }
._navTrack_18x2l_1 a._download_18x2l_1::before,
._navTrack_18x2l_1 a._download_18x2l_1::after { content: none !important; display: none !important; }
._navTrack_18x2l_1 a._download_18x2l_1 { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 148px !important; overflow: visible !important; }
._navTrack_18x2l_1 a._download_18x2l_1 .aden-download-image { display: block !important; width: 132px !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; margin: 4px auto !important; }
#gamex-lineage-banner { display: flex !important; flex: 0 0 auto !important; width: 100% !important; min-height: 0 !important; justify-content: center !important; align-items: center !important; margin: 0 auto 8px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
#gamex-lineage-banner::before, #gamex-lineage-banner::after { display: none !important; content: none !important; }
#gamex-lineage-banner img { display: block !important; width: 88px !important; height: 31px !important; object-fit: contain !important; }

/* Shared imperial typography and engraved frame language. */
h1, h2, h3, [class*="_heading_"] h2 { font-family: "Noto Serif TC", "Songti TC", serif !important; letter-spacing: .12em !important; text-wrap: balance; }
h1, h2 { text-shadow: 0 3px 22px rgba(0,0,0,.65); }
main > section { position: relative; }
main > section:not(:first-child) { border-top: 1px solid var(--aden-line); }
button, input, select { border-radius: 0 !important; }
button { letter-spacing: .08em; }
button:hover, a:hover { filter: brightness(1.14); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--empire-glint) !important; outline-offset: 3px; }

/* The world intro becomes a two-column story spread with a dossier in place of the scroll card. */
._world_1nj2m_1 { min-height: min(900px, calc(100vh - 20px)) !important; }
#about-title { visibility: hidden !important; }
html.aden-about-ready #about-title { visibility: visible !important; }
#about video { opacity: 0 !important; transition: opacity .35s ease !important; }
#about > video.aden-video-ready { opacity: .96 !important; }
#about ._visual_1nj2m_1 > video.aden-video-ready { opacity: 1 !important; }
._stage_1nj2m_1 { width: min(1240px, calc(100% - 72px)) !important; display: grid !important; grid-template-columns: 1.08fr .92fr !important; grid-template-rows: auto 1fr auto !important; align-items: center !important; gap: 18px 34px !important; padding: 56px 28px 46px !important; }
._heading_1nj2m_1 { grid-column: 1 / -1 !important; text-align: left !important; max-width: 950px !important; margin: 0 auto 4px 0 !important; padding-left: 24px !important; border-left: 3px solid var(--empire-copper) !important; }
._heading_1nj2m_1 { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; }
._heading_1nj2m_1::before, ._heading_1nj2m_1::after,
._heading_1nj2m_1 h2, ._heading_1nj2m_1 p { background: transparent !important; box-shadow: none !important; }
._heading_1nj2m_1 p, [class*="_heading_"] p { color: var(--empire-glint) !important; letter-spacing: .3em !important; }
._heading_1nj2m_1 h2 { font-size: clamp(34px, 5vw, 66px) !important; }
._visual_1nj2m_1 { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; min-height: 360px !important; border: 1px solid var(--aden-line) !important; padding: 9px !important; background: rgba(11,9,8,.58) !important; box-shadow: 0 22px 55px rgba(0,0,0,.35), inset 0 0 0 1px rgba(203,139,92,.18) !important; }
._visual_1nj2m_1::before, ._visual_1nj2m_1::after { content: none !important; }
._visualFrame_1nj2m_1::before { content: "IMPERIAL ARCHIVE · 01"; position: absolute; top: -12px; left: 12px; padding: 4px 9px; color: var(--empire-glint); background: #1a100e; font: 9px/1.2 Georgia,serif; letter-spacing: .18em; }
._visualFrame_1nj2m_1 { inset: 8px !important; border: 1px solid rgba(231,184,139,.4) !important; }
._visual_1nj2m_1 > span { right: 18px !important; bottom: 18px !important; }
._parchment_1nj2m_1 { grid-column: 2 !important; grid-row: 2 !important; width: 100% !important; min-height: 300px !important; margin: 0 !important; padding: 38px 34px 30px !important; color: #f0e1d1 !important; background: url('/aden-leather-card.png') center / 103% 108% no-repeat transparent !important; background-color: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; }
._parchment_1nj2m_1::before,
._parchment_1nj2m_1::after { content: none !important; display: none !important; background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; }
._scroll_ry851_1 { border: 0 !important; border-image: none !important; border-image-source: none !important; border-width: 0 !important; filter: none !important; }
._parchment_1nj2m_1._scroll_ry851_1::before,
._parchment_1nj2m_1._scroll_ry851_1::after { content: none !important; display: none !important; border: 0 !important; border-image: none !important; background: none !important; box-shadow: none !important; }
._parchment_1nj2m_1 > small::before { content: "ROYAL DECREE · "; color: var(--empire-glint); }
._parchment_1nj2m_1 h3 { color: #f0ddca !important; font-size: 25px !important; }
._parchment_1nj2m_1 p { color: #d0c0b2 !important; line-height: 2 !important; }
._rollTop_ry851_4, ._rollBottom_ry851_4 { display: none !important; }
._rates_1nj2m_1 { border-top: 1px solid var(--aden-line) !important; }
._rates_1nj2m_1 span { border-right: 1px solid rgba(203,139,92,.24) !important; }
._rates_1nj2m_1 span:first-child { border-left: 1px solid rgba(203,139,92,.24) !important; }
._rates_1nj2m_1 b { color: var(--empire-glint) !important; font-family: Georgia,serif !important; }
._features_1nj2m_1 { grid-column: 1 / -1 !important; grid-row: 3 !important; display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 8px !important; }
._features_1nj2m_1 span { padding: 8px 14px !important; color: #ead3bf !important; background: rgba(49,27,22,.72) !important; border: 1px solid rgba(203,139,92,.34) !important; font-size: 12px !important; letter-spacing: .08em !important; }
._rail_1nj2m_1 { display: none !important; }
@media (min-width: 1000px) {
  ._rail_1nj2m_1 {
    position: absolute !important;
    top: 164px !important;
    left: auto !important;
    right: max(42px, calc((100vw - 1700px) / 2)) !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 9px !important;
    transform: none !important;
    border: 1px solid var(--aden-line) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.26) !important;
  }
  ._rail_1nj2m_1 > span { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
  ._rail_1nj2m_1 a { min-width: 58px !important; padding: 8px 11px !important; text-align: center !important; background: rgba(66,35,27,.4) !important; border: 1px solid rgba(203,139,92,.23) !important; }
  ._rail_1nj2m_1 a._active_1nj2m_1 { color: #ffe1c2 !important; background: linear-gradient(135deg,#743b2b,#321c18) !important; border-color: var(--aden-line) !important; }
}
._rail_1nj2m_1 { display: none !important; }

/* Section headings, news and event collections read like indexed archive folios. */
[class*="_section_"] { padding-top: 80px !important; padding-bottom: 80px !important; }
[class*="_heading_"] { position: relative; }
[class*="_heading_"] h2 { color: #f0e1d0 !important; }
[class*="_board_"] { border-top: 1px solid var(--aden-line) !important; }
[class*="_boardHead_"], [class*="_resultHead_"] { border-bottom: 1px solid var(--aden-line) !important; }
[class*="_categories_"] button, [class*="_tabs_"] button, [class*="_typeTabs_"] button { min-height: 42px !important; padding: 8px 16px !important; background: rgba(35,20,18,.75) !important; border: 1px solid rgba(203,139,92,.22) !important; color: #c8b5a5 !important; }
[class*="_categories_"] button[aria-selected="true"], [class*="_tabs_"] button[class*="_active_"], [class*="_typeTabs_"] button[class*="_active_"] { color: #ffe0c1 !important; background: linear-gradient(135deg,#743b2b,#321c18) !important; border-color: var(--aden-line) !important; box-shadow: inset 0 -2px var(--empire-copper) !important; }
[class*="_grid_"] { gap: 18px !important; }
[class*="_card_"] { position: relative !important; border: 1px solid var(--aden-line) !important; border-radius: 0 !important; background: linear-gradient(145deg,rgba(47,28,23,.94),rgba(19,14,12,.96)) !important; box-shadow: 8px 9px 0 rgba(0,0,0,.2), inset 0 0 0 4px rgba(203,139,92,.045) !important; clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 0 100%) !important; transition: transform .2s ease, box-shadow .2s ease !important; }
[class*="_card_"]:hover { transform: translateY(-4px) !important; box-shadow: 10px 14px 0 rgba(0,0,0,.28), inset 0 0 0 4px rgba(203,139,92,.11) !important; }
[class*="_number_"] { color: rgba(222,158,113,.35) !important; font-family: Georgia,serif !important; }
[class*="_cardBody_"] { border-top: 1px solid rgba(203,139,92,.2) !important; }
[class*="_cardAction_"], [class*="_button_"] { border: 1px solid var(--aden-line) !important; border-radius: 0 !important; background: linear-gradient(135deg,#87472f,#42251e) !important; color: #ffdfc2 !important; }
[class*="_article_"] .aden-content-grid, .aden-news-detail-body .aden-content-grid, .aden-event-content .aden-content-grid, .aden-guide-content .aden-content-grid { width: 100%; margin: 18px 0; border-collapse: collapse; border: 1px solid rgba(210,170,100,.45); }
.aden-content-grid td { min-width: 70px; padding: 12px; border: 1px solid rgba(210,170,100,.35); vertical-align: top; background: rgba(36,24,18,.52); }
[class*="_workspace_"], [class*="_filters_"], [class*="_directory_"], [class*="_download_"] { border-color: var(--aden-line) !important; }
[class*="_search_"], [class*="_searchBar_"] input, [class*="_tools_"] input, [class*="_filters_"] { background: rgba(27,17,14,.88) !important; border-color: rgba(203,139,92,.38) !important; }
[class*="_tableHead_"] { color: var(--empire-glint) !important; background: #35201a !important; border-color: var(--aden-line) !important; }
[class*="_rows_"] > * { border-color: rgba(203,139,92,.18) !important; }
[class*="_file_"] { background: linear-gradient(110deg,rgba(55,29,23,.9),rgba(20,14,12,.96)) !important; border: 1px solid var(--aden-line) !important; }
[class*="_controls_"] button[class*="_selected_"] { background: linear-gradient(100deg,rgba(136,69,43,.52),rgba(28,17,14,.88)) !important; border-color: rgba(203,139,92,.68) !important; }
[class*="_controls_"] button[class*="_selected_"] span, [class*="_controls_"] button[class*="_selected_"] b { color: #ffe0c1 !important; }
[class*="_controls_"] button[class*="_selected_"] i { height: 2px !important; background: var(--empire-copper) !important; box-shadow: 0 0 10px rgba(203,139,92,.6) !important; }

/* Restore the original round shortcut buttons and move the vertical stack to the right edge. */
._dock_km1yv_1 { position: fixed !important; left: auto !important; right: max(12px,env(safe-area-inset-right)) !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important; z-index: 120 !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; }
._links_km1yv_1 { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 8px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
._links_km1yv_1[class*="_hidden_"] { display: none !important; }
._links_km1yv_1 a { box-sizing: border-box !important; width: 122px !important; min-width: 122px !important; height: 48px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; padding: 0 12px !important; border-radius: 2px !important; color: #e9d8bf !important; background: linear-gradient(100deg,#2b3030,#171b1c 74%,#111414) !important; border: 1px solid #927450 !important; box-shadow: inset 0 1px rgba(255,255,255,.07), inset 0 -2px rgba(0,0,0,.55), 0 5px 14px rgba(0,0,0,.42) !important; }
._links_km1yv_1 a:nth-child(2) { background: linear-gradient(100deg,#302a26,#1b1918 74%,#11100f) !important; }
._links_km1yv_1 a:nth-child(3) { background: linear-gradient(100deg,#293038,#181c20 74%,#101315) !important; }
._links_km1yv_1 svg { flex: 0 0 auto !important; width: 22px !important; height: 22px !important; margin: 0 !important; color: #c79b62 !important; }
._links_km1yv_1 span { color: #ead8bb !important; font-size: 14px !important; line-height: 1 !important; letter-spacing: .1em !important; }
._links_km1yv_1 a:hover { transform: translateX(-4px) !important; border-color: #d5ad78 !important; box-shadow: inset 0 1px rgba(255,255,255,.1), 0 0 18px rgba(181,132,76,.32) !important; }
._toggle_km1yv_1 { border-radius: 2px !important; padding: 6px 12px !important; color: #cbb78c !important; background: linear-gradient(100deg,#292725,#141514) !important; border: 1px solid #8f704a !important; }

/* On phones the header stays horizontal, while all cards and controls keep the imperial dossier treatment. */
@media (max-width: 999px) {
  ._header_18x2l_1 { position: sticky !important; top: 0 !important; z-index: 100 !important; background: #160f0d !important; border-bottom: 1px solid var(--aden-line) !important; }
  ._utility_18x2l_1 { background: linear-gradient(90deg,#241511,#110e0d) !important; }
  ._navigation_18x2l_1 { min-height: 102px !important; height: 102px !important; overflow: visible !important; background: #261713 !important; border-top: 1px solid rgba(203,139,92,.24) !important; }
  ._navTrack_18x2l_1 { height: 100% !important; min-height: 102px !important; align-items: center !important; }
  ._navTrack_18x2l_1 a { border-radius: 0 !important; border-right: 1px solid rgba(203,139,92,.2) !important; }
  ._navTrack_18x2l_1 a._download_18x2l_1 { flex: 0 0 140px !important; width: 140px !important; min-height: 96px !important; margin: 0 8px !important; }
  ._navTrack_18x2l_1 a._download_18x2l_1 .aden-download-image { width: 88px !important; max-height: 96px !important; margin: 1px auto !important; }
  ._world_1nj2m_1 { min-height: 0 !important; }
  ._stage_1nj2m_1 { width: min(100% - 30px, 680px) !important; display: flex !important; flex-direction: column !important; gap: 19px !important; padding: 45px 0 35px !important; }
  ._heading_1nj2m_1 { width: 100% !important; margin: 0 !important; padding-left: 15px !important; text-align: left !important; }
  ._heading_1nj2m_1 h2 { font-size: clamp(31px, 8vw, 48px) !important; }
  ._visual_1nj2m_1 { min-height: 255px !important; }
  ._parchment_1nj2m_1 { min-height: 0 !important; padding: 27px 22px !important; }
  ._features_1nj2m_1 { justify-content: flex-start !important; }
  ._dock_km1yv_1 { left: auto !important; right: 8px !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important; gap: 7px !important; }
  ._links_km1yv_1 { flex-direction: column !important; gap: 7px !important; padding: 0 !important; }
  ._links_km1yv_1 a { width: 116px !important; min-width: 116px !important; height: 44px !important; font-size: 12px !important; }
  ._links_km1yv_1 svg { width: 20px !important; height: 20px !important; }
  ._links_km1yv_1 span { font-size: 13px !important; }
  [class*="_section_"] { padding-top: 56px !important; padding-bottom: 56px !important; }
}

/* Keep every inner-page masthead at the same darker exposure. */
._hero_187e1_1,
._hero_31pil_1,
._hero_kixkq_1,
._hero_k6zmp_1 {
  background-image: linear-gradient(90deg, rgba(0,0,0,.40), rgba(0,0,0,.20) 62%, rgba(0,0,0,.36)), url('/a-masthead-art.png') !important;
}

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

/* Replace the page masthead artwork and align the desktop banner with the top of the content area. */
._page_k6zmp_1 { padding-top: 0 !important; }
/* Guide article pages reserve space for the original fixed header; the redesigned left rail replaces it. */
._page_woelc_1 { padding-top: 0 !important; }
._page_187e1_1,
._page_31pil_1,
._page_kixkq_1 { padding-top: 0 !important; }
._hero_187e1_1,
._hero_31pil_1,
._hero_kixkq_1 {
  position: relative !important;
  overflow: hidden !important;
  height: clamp(205px, 42vw, 260px) !important;
  min-height: 0 !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  background-image: linear-gradient(90deg, rgba(0,0,0,.36), rgba(0,0,0,.12) 65%, rgba(0,0,0,.28)), url('/a-masthead-art.png') !important;
  background-position: center 46% !important;
  background-size: cover !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(217,174,97,.28) !important;
}
._hero_187e1_1::before,
._hero_31pil_1::before,
._hero_kixkq_1::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: url('/aden-knight-cutout.png') center bottom / auto 100% no-repeat !important;
}
._heroLogo_187e1_5,
._heroLogo_31pil_5,
._heroLogo_kixkq_5,
._hero_kixkq_1 img { z-index: 2 !important; }
._heroCopy_187e1_1 { z-index: 2 !important; left: clamp(34px, 7vw, 120px) !important; right: auto !important; top: 50% !important; bottom: auto !important; width: min(560px, 58vw) !important; transform: translateY(-50%) !important; }
._hero_k6zmp_1 { position: relative !important; overflow: hidden !important; }
._hero_k6zmp_1::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: url('/aden-knight-cutout.png') center bottom / auto 100% no-repeat !important;
}
._heroShade_k6zmp_1 { z-index: 0 !important; }
._heroCopy_k6zmp_1, ._heroLogo_k6zmp_5 { z-index: 2 !important; }
@media (min-width: 1000px) {
  ._hero_187e1_1,
  ._hero_31pil_1,
  ._hero_kixkq_1 {
    height: clamp(320px, 27vw, 460px) !important;
    background-image: linear-gradient(90deg, rgba(0,0,0,.24), rgba(0,0,0,.08) 62%, rgba(0,0,0,.2)), url('/a-masthead-art.png') !important;
    background-position: center 46% !important;
  }
  ._heroLogo_187e1_5,
  ._heroLogo_31pil_5,
  ._heroLogo_kixkq_5,
  ._hero_kixkq_1 img { display: block !important; position: absolute !important; top: 50% !important; right: clamp(190px, 14vw, 250px) !important; bottom: auto !important; left: auto !important; width: clamp(150px, 15vw, 220px) !important; height: auto !important; transform: translateY(-50%) !important; opacity: .84 !important; }
  ._hero_k6zmp_1 {
    height: clamp(320px, 27vw, 460px) !important;
    background-image: linear-gradient(90deg, rgba(0,0,0,.24), rgba(0,0,0,.08) 62%, rgba(0,0,0,.2)), url('/a-masthead-art.png') !important;
    background-position: center 46% !important;
    background-size: cover !important;
  }
  ._heroCopy_k6zmp_1 { left: clamp(34px, 7vw, 120px) !important; right: auto !important; top: 50% !important; bottom: auto !important; width: min(560px, 58vw) !important; transform: translateY(-50%) !important; }
  ._heroLogo_k6zmp_5 { display: none !important; }
}

/* Give the encyclopedia a distinct field-guide interface while keeping its controls intact. */
._wiki_kixkq_1 {
  width: min(100%, 1600px) !important;
  margin-inline: auto !important;
  padding: clamp(20px, 3.2vw, 48px) clamp(14px, 3vw, 42px) 72px !important;
}
._typeTabs_kixkq_1 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
._typeTabs_kixkq_1 button {
  position: relative !important;
  display: flex !important;
  min-height: 72px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 12px 18px !important;
  border: 1px solid rgba(192,145,82,.24) !important;
  border-radius: 3px !important;
  background: linear-gradient(135deg, rgba(38,27,20,.96), rgba(14,13,12,.98)) !important;
  color: #c9b7a0 !important;
  text-align: left !important;
  transition: border-color .2s ease, background .2s ease, transform .2s ease !important;
}
._typeTabs_kixkq_1 button:hover { border-color: rgba(218,171,96,.68) !important; transform: translateY(-2px) !important; }
._typeTabs_kixkq_1 button small { color: #a8844f !important; font-size: 9px !important; letter-spacing: .2em !important; }
._typeTabs_kixkq_1 button b { font-size: 16px !important; font-weight: 500 !important; }
._typeTabs_kixkq_1 button._active_kixkq_1 {
  border-color: rgba(223,178,103,.75) !important;
  background: linear-gradient(135deg, rgba(83,52,31,.94), rgba(34,24,19,.98)) !important;
  box-shadow: inset 3px 0 #d5a25c, 0 8px 22px rgba(0,0,0,.22) !important;
  color: #fff0d8 !important;
}
._searchBar_kixkq_1 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 58px !important;
  align-items: stretch !important;
  margin: 0 0 22px !important;
  padding: 5px !important;
  border: 1px solid rgba(194,148,83,.42) !important;
  border-left: 3px solid #b8894d !important;
  border-radius: 3px !important;
  background: linear-gradient(105deg, rgba(32,24,19,.98), rgba(14,14,13,.97)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;
}
._searchBar_kixkq_1 label { min-width: 0 !important; }
._searchBar_kixkq_1 input {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #f0e4d1 !important;
  box-shadow: none !important;
}
._searchBar_kixkq_1 input::placeholder { color: #918270 !important; }
._searchBar_kixkq_1 > button {
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(222,176,101,.62) !important;
  border-radius: 2px !important;
  background: linear-gradient(145deg, #74502e, #382719) !important;
  color: #f5d9a8 !important;
  font-size: 24px !important;
}
._workspace_kixkq_1 { display: grid !important; grid-template-columns: minmax(230px, 290px) minmax(0, 1fr) !important; gap: 20px !important; align-items: start !important; }
._filters_kixkq_1,
._results_kixkq_1 {
  min-width: 0 !important;
  border: 1px solid rgba(184,139,78,.28) !important;
  border-radius: 3px !important;
  background: linear-gradient(150deg, rgba(28,22,18,.97), rgba(13,13,12,.98) 70%) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.24) !important;
}
._filters_kixkq_1 { padding: 20px !important; }
._filterTitle_kixkq_1 { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 0 0 17px !important; border-bottom: 1px solid rgba(194,148,83,.23) !important; }
._filterTitle_kixkq_1 small { color: #b78a4e !important; font-size: 9px !important; letter-spacing: .22em !important; }
._filterTitle_kixkq_1 h2 { margin: 5px 0 0 !important; color: #efe2cf !important; font-size: 21px !important; font-weight: 500 !important; }
._filterTitle_kixkq_1 > button { border: 0 !important; background: transparent !important; color: #bda17d !important; font-size: 12px !important; }
._filters_kixkq_1 fieldset { margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; }
._filters_kixkq_1 legend { margin-bottom: 10px !important; color: #d9c6a9 !important; font-size: 13px !important; }
._checkGrid_kixkq_1 { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; }
._checkGrid_kixkq_1 button {
  min-height: 32px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(194,148,83,.24) !important;
  border-radius: 2px !important;
  background: rgba(0,0,0,.24) !important;
  color: #b7a58e !important;
  font-size: 12px !important;
}
._checkGrid_kixkq_1 button._selected_kixkq_1 { border-color: #c89a5b !important; background: rgba(131,87,46,.32) !important; color: #f3d4a3 !important; }
._selectStack_1b7uk_1 label { display: grid !important; gap: 8px !important; color: #bca98f !important; font-size: 12px !important; }
._selectStack_1b7uk_1 select { min-height: 40px !important; padding: 0 11px !important; border: 1px solid rgba(194,148,83,.3) !important; border-radius: 2px !important; background: #171310 !important; color: #e2d2bc !important; }
._dataNotice_kixkq_1 { margin: 20px 0 0 !important; padding: 12px !important; border-left: 2px solid rgba(190,143,78,.7) !important; background: rgba(0,0,0,.22) !important; color: #9c8d79 !important; font-size: 11px !important; line-height: 1.8 !important; }
._results_kixkq_1 { overflow: hidden !important; }
._resultHead_kixkq_1 { display: flex !important; min-height: 64px !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 14px 18px !important; border-bottom: 1px solid rgba(194,148,83,.26) !important; background: linear-gradient(90deg, rgba(74,48,29,.38), rgba(17,16,14,.18)) !important; }
._resultHead_kixkq_1 p { color: #d6c6b0 !important; }
._resultHead_kixkq_1 p b { display: inline-block !important; margin: 0 4px !important; color: #e1b66e !important; font-size: 19px !important; }
._resultHead_kixkq_1 > button { padding: 8px 11px !important; border: 1px solid rgba(194,148,83,.28) !important; border-radius: 2px !important; background: rgba(0,0,0,.24) !important; color: #d8c19e !important; }
._tableHead_kixkq_1 { display: grid !important; grid-template-columns: minmax(0, 1fr) 100px minmax(120px, .6fr) !important; gap: 14px !important; padding: 11px 18px !important; border-bottom: 1px solid rgba(194,148,83,.18) !important; color: #9f845f !important; font-size: 10px !important; letter-spacing: .12em !important; }
._rows_kixkq_1 { display: grid !important; gap: 8px !important; padding: 10px !important; }
._row_kixkq_1 { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; border: 1px solid rgba(178,139,88,.15) !important; border-radius: 2px !important; background: linear-gradient(100deg, rgba(30,24,20,.85), rgba(16,16,15,.92)) !important; transition: border-color .18s ease, background .18s ease !important; }
._row_kixkq_1:hover { border-color: rgba(212,165,94,.52) !important; background: linear-gradient(100deg, rgba(49,34,24,.92), rgba(20,18,16,.96)) !important; }
._star_kixkq_1 { border: 0 !important; background: transparent !important; color: #8c7454 !important; }
._entryButton_kixkq_1 { display: grid !important; grid-template-columns: 48px minmax(0, 1fr) 100px minmax(120px, .6fr) !important; align-items: center !important; gap: 14px !important; min-width: 0 !important; padding: 12px 14px !important; border: 0 !important; background: transparent !important; color: #dfd0bc !important; text-align: left !important; }
._icon_kixkq_1 { width: 42px !important; height: 42px !important; display: grid !important; place-items: center !important; border: 1px solid rgba(196,148,83,.26) !important; border-radius: 2px !important; background: radial-gradient(circle, rgba(101,69,39,.38), rgba(0,0,0,.36)) !important; }
._name_kixkq_1 b { color: #f0e1cb !important; font-size: 14px !important; font-weight: 500 !important; }
._name_kixkq_1 em { margin-left: 8px !important; color: #ad8351 !important; font-size: 10px !important; font-style: normal !important; }
._name_kixkq_1 small { display: block !important; margin-top: 5px !important; color: #968773 !important; font-size: 11px !important; }
._category_kixkq_1 { color: #b99a6c !important; font-size: 12px !important; }
._option_kixkq_1 { color: #b1a18c !important; font-size: 12px !important; }
._resultHead_kixkq_1 + ._tableHead_kixkq_1 + ._rows_kixkq_1 + nav { border-top: 1px solid rgba(194,148,83,.2) !important; }
@media (max-width: 760px) {
  ._wiki_kixkq_1 { padding: 16px 12px 48px !important; }
  ._typeTabs_kixkq_1 { gap: 6px !important; }
  ._typeTabs_kixkq_1 button { min-height: 60px !important; padding: 8px 9px !important; align-items: center !important; }
  ._typeTabs_kixkq_1 button small { font-size: 7px !important; letter-spacing: .12em !important; }
  ._typeTabs_kixkq_1 button b { font-size: 13px !important; }
  ._searchBar_kixkq_1 { grid-template-columns: minmax(0, 1fr) 48px !important; }
  ._searchBar_kixkq_1 input { padding-inline: 10px !important; font-size: 12px !important; }
  ._workspace_kixkq_1 { grid-template-columns: 1fr !important; gap: 12px !important; }
  ._filters_kixkq_1 { padding: 14px !important; }
  ._tableHead_kixkq_1 { display: none !important; }
  ._entryButton_kixkq_1 { grid-template-columns: 38px minmax(0, 1fr) !important; gap: 10px !important; padding: 10px !important; }
  ._icon_kixkq_1 { width: 36px !important; height: 36px !important; }
  ._category_kixkq_1, ._option_kixkq_1 { grid-column: 2 !important; }
  ._category_kixkq_1 { margin-top: -5px !important; }
}

/* Reflow encyclopedia results from rows into a visual catalog of item cards. */
._tableHead_kixkq_1 { display: none !important; }
._rows_kixkq_1 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 14px !important;
}
._row_kixkq_1 {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 180px !important;
  overflow: hidden !important;
  border: 1px solid rgba(178,139,88,.24) !important;
  background: radial-gradient(ellipse at 12% 0%, rgba(112,76,43,.21), transparent 68%), linear-gradient(145deg, #201914, #111110 72%) !important;
}
._row_kixkq_1::after {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  border: 1px solid rgba(206,165,103,.08) !important;
  pointer-events: none !important;
}
._row_kixkq_1:hover { transform: translateY(-2px) !important; border-color: rgba(212,165,94,.62) !important; box-shadow: 0 10px 24px rgba(0,0,0,.28) !important; }
._star_kixkq_1 { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 2 !important; width: 30px !important; height: 30px !important; border: 1px solid rgba(194,148,83,.25) !important; background: rgba(0,0,0,.32) !important; color: #c9a66f !important; }
._entryButton_kixkq_1 {
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 180px !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  align-content: center !important;
  align-items: center !important;
  gap: 10px 12px !important;
  padding: 22px 18px !important;
  text-align: left !important;
}
._icon_kixkq_1 { grid-column: 1 !important; grid-row: 1 !important; width: 50px !important; height: 50px !important; }
._name_kixkq_1 { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; padding-right: 24px !important; }
._name_kixkq_1 b { display: block !important; }
._name_kixkq_1 em { display: none !important; }
._name_kixkq_1 small { margin-top: 7px !important; line-height: 1.5 !important; }
._category_kixkq_1,
._option_kixkq_1 { grid-column: 1 / -1 !important; justify-self: start !important; padding: 5px 9px !important; border: 1px solid rgba(194,148,83,.18) !important; background: rgba(0,0,0,.22) !important; }
._category_kixkq_1 { grid-row: 2 !important; margin: 2px 0 0 !important; color: #c4a16c !important; }
._option_kixkq_1 { grid-row: 3 !important; color: #aa9a83 !important; }
@media (min-width: 761px) and (max-width: 1120px) {
  ._rows_kixkq_1 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  ._rows_kixkq_1 { grid-template-columns: minmax(0, 1fr) !important; gap: 9px !important; padding: 10px !important; }
  ._row_kixkq_1, ._entryButton_kixkq_1 { min-height: 138px !important; }
  ._entryButton_kixkq_1 { grid-template-columns: 48px minmax(0, 1fr) !important; gap: 8px 11px !important; padding: 16px !important; }
  ._icon_kixkq_1 { width: 44px !important; height: 44px !important; }
  ._name_kixkq_1 { padding-right: 26px !important; }
  ._category_kixkq_1, ._option_kixkq_1 { grid-column: 2 !important; padding: 3px 7px !important; }
  ._category_kixkq_1 { grid-row: 2 !important; }
  ._option_kixkq_1 { grid-row: 3 !important; }
}
@media (min-width: 1400px) {
  ._heroLogo_k6zmp_5 { display: block !important; top: 50% !important; right: clamp(190px, 14vw, 250px) !important; bottom: auto !important; width: clamp(150px, 15vw, 220px) !important; height: auto !important; transform: translateY(-50%) !important; opacity: .84 !important; }
}

@media (max-width: 999px) {
  ._heroLogo_187e1_5,
  ._heroLogo_31pil_5,
  ._heroLogo_kixkq_5,
  ._hero_kixkq_1 img { display: none !important; }
  ._heroCopy_187e1_1 { left: 20px !important; width: min(560px, 90vw) !important; }
  ._hero_k6zmp_1 {
    height: clamp(205px, 42vw, 260px) !important;
    background-image: linear-gradient(90deg, rgba(0,0,0,.36), rgba(0,0,0,.12) 65%, rgba(0,0,0,.28)), url('/a-masthead-art.png') !important;
    background-position: center 46% !important;
    background-size: cover !important;
  }
  ._heroCopy_k6zmp_1 { top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important; }
  ._heroLogo_k6zmp_5 { display: none !important; }
}

/* Match the darker reference across each page's masthead, at every viewport size. */
._hero_187e1_1,
._hero_31pil_1,
._hero_kixkq_1,
._hero_k6zmp_1 {
  background-image: linear-gradient(90deg, rgba(0,0,0,.40), rgba(0,0,0,.20) 62%, rgba(0,0,0,.36)), url('/a-masthead-art.png') !important;
}
[class*="_heroShade_"] {
  background: rgba(0,0,0,.36) !important;
}
[aria-label="特色系統頁面選擇"] {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}
[aria-label="特色系統頁面選擇"] button { min-width: 0 !important; }
@media (max-width: 700px) {
  [aria-label="特色系統頁面選擇"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* Apply the shared masthead artwork to every current and future inner-page hero, including nested guide detail pages. */
[class*="_hero_"] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  height: clamp(320px, 27vw, 460px) !important;
  min-height: 0 !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  background-image: linear-gradient(90deg, rgba(0,0,0,.40), rgba(0,0,0,.20) 62%, rgba(0,0,0,.36)), url('/a-masthead-art.png') !important;
  background-position: center 46% !important;
  background-size: cover !important;
  border-bottom: 1px solid rgba(217,174,97,.28) !important;
}
[class*="_hero_"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: url('/aden-knight-cutout.png') center bottom / auto 100% no-repeat !important;
}
[class*="_heroCopy_"], [class*="_heroLogo_"] { z-index: 2 !important; }
@media (max-width: 999px) {
  [class*="_hero_"] {
    height: clamp(205px, 42vw, 260px) !important;
    background-position: center 46% !important;
  }
}