/* Accepted game-compendium design, shared across the wiki.
   Existing route/content/tool ownership stays with the base application. */
.compendium {
  --pilot-brand: #b9e880;
  --pilot-ink: #f6f3e9;
  --pilot-body: #cad5e4;
  --pilot-muted: #a7b8ce;
  --pilot-line: #3b4d66;
  --pilot-panel: #111e30;
  --category-accent: #a7bfe4;
  --category-rgb: 167,191,228;
  --rarity-accent: var(--category-accent);
  color: var(--pilot-body);
  background: radial-gradient(ellipse at 88% 0,#1c355447,transparent 36%),#080f1a;
}
.compendium .page-shell { background: transparent; }
.compendium [data-pilot-category="weapon"] { --category-accent:#9edeea; --category-rgb:158,222,234; }
.compendium [data-pilot-category="melee"] { --category-accent:#f0a0aa; --category-rgb:240,160,170; }
.compendium [data-pilot-category="fruit"] { --category-accent:#edca81; --category-rgb:237,202,129; }
.compendium [data-pilot-category="world"] { --category-accent:#91d9bf; --category-rgb:145,217,191; }
.compendium [data-pilot-category="build"] { --category-accent:#b7b2f2; --category-rgb:183,178,242; }
.compendium [data-pilot-category="power"] { --category-accent:#d5b0ef; --category-rgb:213,176,239; }
.compendium [data-pilot-rarity="s-plus"] { --rarity-accent:#efcc85; --rarity-rgb:239,204,133; }
.compendium [data-pilot-rarity="mythical"] { --rarity-accent:#d3adf0; --rarity-rgb:211,173,240; }
.compendium [data-pilot-rarity="secret"] { --rarity-accent:#f2b78a; --rarity-rgb:242,183,138; }
.compendium h1 { color:var(--pilot-ink); font-size:clamp(2.8rem,3.3vw,5.6rem); line-height:1.04; letter-spacing:.005em; }
.compendium h2 { color:var(--pilot-ink); font-size:clamp(1.65rem,1.65vw,2.7rem); }
.compendium h3 { font-family:var(--font-body); color:#edf2f8; font-weight:650; }
.compendium .lede { font-size:clamp(1rem,.62vw,1.25rem); line-height:1.65; color:#d0dbea; }
.compendium .eyebrow { font-size:clamp(.75rem,.45vw,1rem); letter-spacing:.12em; font-weight:600; }
.compendium :is(.meta-label,.search-helper,.crumbs) { font-size:clamp(.8125rem,.43vw,1rem); color:var(--pilot-muted); }
.compendium .search-label { font-size:clamp(.875rem,.48vw,1.125rem); font-weight:600; }
.compendium :is(a,button,input,summary):focus-visible { outline:3px solid #a5e6f2; outline-offset:4px; }
.compendium .pilot-glyph { display:block; width:2rem; height:2rem; flex:none; color:var(--category-accent); stroke-width:1.6; }

/* The same navigation, with clearer route/category state and reversible feedback. */
.compendium .utility-topbar {
  min-height:4.5rem; border-bottom:1px solid #5b764644;
  background:linear-gradient(100deg,#172438,#0d1726 65%); box-shadow:0 6px 24px #03071138;
}
.compendium .utility-brand-mark { background:linear-gradient(140deg,#c8ed91,#91bd55); border-color:#d3f2ad; box-shadow:0 0 22px #a6d85d15; }
.compendium .utility-brand-copy strong { font-size:clamp(1rem,.65vw,1.4rem); }
.compendium .utility-topbar .utility-link { border-color:#43506a; background:#19283b; font-weight:600; transition:background 160ms,border-color 160ms,color 160ms; }
.compendium .utility-topbar .utility-link-home,
.compendium .reference-modal .utility-link-home { color:#1a1b24; background:#bfe98b; border-color:#bfe98b; }
.compendium .utility-topbar .utility-link-home:hover,
.compendium .reference-modal .utility-link-home:hover { background:#d6f3b6; color:#11151e; }
.compendium .wiki-sidebar { background:linear-gradient(165deg,#16243a,#0d1727 70%); border-right-color:#43526b; }
.compendium .wiki-sidebar-head { border-color:#37465d; }
.compendium .wiki-sidebar:is(.is-expanded,.is-open) .wiki-nav-group > summary { border-left:2px solid transparent; transition:background 160ms,border-color 160ms,color 160ms; }
.compendium .wiki-sidebar:is(.is-expanded,.is-open) .wiki-nav-group > summary:hover { background:#22334d; border-left-color:#b9c9df; }
.compendium .wiki-sidebar:is(.is-expanded,.is-open) .wiki-nav-group.is-current > summary,
.compendium .wiki-sidebar:is(.is-expanded,.is-open) .wiki-nav-group[open] > summary { background:linear-gradient(100deg,#283b36,#1b2c43); border-color:#5c7650; color:#d5efb2; }
.compendium .wiki-sidebar:is(.is-expanded,.is-open) .wiki-nav-group-label { font-weight:600; font-size:clamp(.875rem,.45vw,1.1rem); }
.compendium .wiki-sidebar :is(.wiki-nav-subgroup-links a,.wiki-nav-group-links > a) { transition:background 140ms,color 140ms; }
.compendium .wiki-sidebar :is(.wiki-nav-subgroup-links a,.wiki-nav-group-links > a):hover { background:#243851; color:#fff; }
.compendium .wiki-sidebar:is(.is-expanded,.is-open) .wiki-nav-subgroup-links a[aria-current="page"] { background:linear-gradient(90deg,#426b343d,#1c3145); border-left:2px solid #aad36b; color:#dbf1bc; }
.compendium .wiki-sidebar-foot { background:#101d30; border-color:#37465d; }
@supports (interpolate-size:allow-keywords) {
  .compendium .wiki-nav-group { interpolate-size:allow-keywords; }
  .compendium .wiki-nav-group::details-content { height:0; opacity:0; overflow:clip; transition:height 180ms ease,opacity 180ms ease,content-visibility 180ms; transition-behavior:allow-discrete; }
  .compendium .wiki-nav-group[open]::details-content { height:auto; opacity:1; }
}

/* Integrated key art and one bounded, optional atmospheric light layer. */
.compendium.home-page .hero { padding-top:1.5rem; }
.compendium.home-page .hero-card.hero-card-home {
  position:relative; isolation:isolate; overflow:visible; padding:clamp(1.5rem,2.1vw,3.25rem);
  border:1px solid #668449; border-top:2px solid #b9e079; border-radius:9px;
  background:radial-gradient(ellipse at 76% 15%,#23526a55,transparent 58%),linear-gradient(115deg,#15263d,#101e31 58%,#223d2b);
  box-shadow:0 20px 50px #02071040,inset 0 1px 0 #ffe0a316;
}
.compendium.home-page .hero-card-home::before { border-radius:inherit; display:block; z-index:-1; opacity:1; inset:0; background:repeating-linear-gradient(120deg,transparent 0 90px,#a0c9ed05 90px 91px); }
.compendium.home-page .home-hero-stage { position:static; display:block; min-height:0; }
.compendium.home-page .home-hero-stage .home-hero-copy { position:relative; z-index:3; width:58%; max-width:58%; padding:0; }
.compendium.home-page .home-hero-copy h1 { margin:.3rem 0 1.1rem; font-size:clamp(3.3rem,4.1vw,6.5rem); line-height:1; font-weight:700; text-transform:none; text-wrap:balance; }
.compendium.home-page .home-hero-copy .eyebrow { color:#d3eea7; }
.compendium.home-page .home-hero-copy .lede { max-width:68ch; margin-bottom:.6rem; }
.compendium.home-page .home-hero-copy .lede-support { font-size:clamp(.9rem,.55vw,1.125rem); margin-bottom:1.1rem; }
.compendium.home-page .home-hero-visual {
  display:block; position:absolute; z-index:-1; inset:0 0 0 auto; width:54%; height:100%; max-height:none;
  aspect-ratio:auto; margin:0; border:0; border-radius:0; background:none; box-shadow:none;
  mask-image:linear-gradient(90deg,transparent,#000 24%); -webkit-mask-image:linear-gradient(90deg,transparent,#000 24%);
}
.compendium.home-page .home-hero-image { width:205%; min-width:0; max-width:none; height:auto; min-height:100%; right:0; top:50%; object-fit:cover; opacity:.84; filter:saturate(.88); }
.compendium.home-page .hero-card-home::after {
  content:""; display:block; position:absolute; z-index:0; inset:0; border-radius:inherit; pointer-events:none; opacity:.16;
  background:radial-gradient(ellipse at 80% 25%,#bce5781f,transparent 48%),linear-gradient(110deg,transparent 55%,#91dd9020 70%,transparent 86%);
  transform:translateX(-2%); box-shadow:none;
}
.compendium .search-input { background:#0b1524; border:1px solid #8092aa; box-shadow:0 6px 16px #0002; min-height:3.35rem; font-size:clamp(1rem,.58vw,1.25rem); }
.compendium .search-input:focus { border-color:#b5db77; box-shadow:0 0 0 3px #b2df6926; }
.compendium .search-shortcut { display:inline-flex; }
.compendium.home-page .home-status-row { margin-top:1rem; gap:.55rem; }
.compendium.home-page .home-status-pill { background:#21334b; border-color:#5d718c; border-radius:4px; color:#e5edf7; min-height:2.65rem; transition:background 150ms,border-color 150ms; }
.compendium.home-page .home-status-pill:first-child { background:linear-gradient(140deg,#c7e999,#95bf59); color:#152034; border-color:#b8db80; }
.compendium.home-page .home-status-pill:hover { background:#314862; border-color:#91bbcc; color:#fff; }
.compendium.home-page .home-stat-strip { margin-top:1.35rem; padding-top:.9rem; border-color:#71859c55; }
.compendium.home-page .home-stat .meta-value { color:#e8f1df; font-size:clamp(1.05rem,.75vw,1.5rem); }
.compendium.home-page .home-stat-update .meta-value { font-size:clamp(.875rem,.52vw,1.125rem); }

/* Item cards share category identity and a consistent, secondary tier system. */
.compendium.home-page .quick-access-heading { align-items:center; margin:0 0 1.2rem; }
.compendium.home-page .quick-access-heading h2 { font-size:clamp(1.9rem,2vw,3.1rem); }
.compendium.home-page .quick-access-heading p { max-width:74ch; font-size:clamp(.95rem,.57vw,1.2rem); color:#b9c8dc; }
.compendium.home-page .quick-access-grid { gap:1rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.compendium.home-page .quick-access-tile {
  position:relative; isolation:isolate; display:grid; grid-template-columns:clamp(7rem,8.6vw,13rem) minmax(0,1fr);
  grid-template-areas:"art meta" "art title" "art description" "art action";
  grid-template-rows:auto auto 1fr auto; align-items:start; gap:.55rem 1.2rem; padding:1.2rem;
  border:1px solid #4b5a70; border-top:2px solid var(--category-accent); border-radius:7px;
  background:radial-gradient(ellipse at 0 0,rgba(var(--category-rgb),.11),transparent 65%),linear-gradient(135deg,#182a40,#101b2c);
  box-shadow:0 8px 24px #03081235; overflow:hidden; transform:none;
  transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease;
}
.compendium.home-page .quick-access-tile[data-pilot-rarity="s-plus"] { border-color:#af925e; border-top-color:#f2cf84; box-shadow:inset 0 1px 0 #f7d78c16,0 5px 24px #e5be6a08; }
.compendium.home-page .quick-access-tile[data-pilot-rarity="mythical"] { border-color:#7e668f; }
.compendium.home-page .quick-access-tile:hover,
.compendium.home-page .quick-access-tile:focus-visible { border-color:var(--rarity-accent); box-shadow:0 0 0 1px rgba(var(--rarity-rgb,var(--category-rgb)),.24),0 8px 30px rgba(var(--rarity-rgb,var(--category-rgb)),.12); transform:none; }
.compendium.home-page .quick-access-meta { grid-area:meta; position:static; width:auto; min-width:0; display:flex; align-items:start; gap:.65rem; padding:0; }
.compendium.home-page .quick-access-category { color:var(--category-accent); font-size:clamp(.8125rem,.46vw,1rem); font-weight:600; letter-spacing:0; text-transform:none; text-align:left; }
.compendium.home-page .quick-access-tier { flex:none; border:1px solid var(--rarity-accent); color:var(--rarity-accent); padding:.2rem .5rem; background:#091221a6; font-size:clamp(.8125rem,.45vw,1rem); line-height:1.4; font-weight:700; border-radius:3px; }
.compendium.home-page .quick-access-thumb {
  grid-area:art; position:relative; display:block; width:100%; height:auto; aspect-ratio:1; max-width:none; object-fit:contain;
  align-self:center; margin:0; border:1px solid #72809766; border-radius:5px; background:#07101d;
  box-shadow:0 5px 16px #02071055; transition:transform 220ms ease,filter 220ms ease; transform:none;
}
.compendium.home-page .quick-access-tile:is(:hover,:focus-visible) .quick-access-thumb { transform:scale(1.035); filter:brightness(1.06); }
.compendium.home-page .quick-access-title { grid-area:title; margin:0; color:#f4f1e8; font-family:var(--font-body); font-size:clamp(1.1rem,.83vw,1.6rem); font-weight:700; line-height:1.28; }
.compendium.home-page .quick-access-sub { grid-area:description; display:block; -webkit-line-clamp:unset; overflow:visible; margin:0; color:#bccce0; font-size:clamp(.9rem,.55vw,1.2rem); font-weight:400; line-height:1.6; }
.compendium.home-page .quick-access-tile::after { display:none; }
.compendium .pilot-card-action { grid-area:action; display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.35rem; color:#cde5b7; font-size:clamp(.875rem,.5vw,1.1rem); font-weight:600; }
.compendium .pilot-card-action span { color:var(--category-accent); font-size:1.25em; transition:transform 180ms ease; }
.compendium .quick-access-tile:hover .pilot-card-action span { transform:translate(3px,-2px); }
.compendium.home-page .pilot-art-fallback { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.9rem; padding:.7rem; color:var(--category-accent); background:radial-gradient(circle at 50% 35%,rgba(var(--category-rgb),.2),transparent 68%),linear-gradient(145deg,#1d2c44,#0b1527); }
.compendium .pilot-art-fallback .pilot-glyph { width:clamp(2.5rem,3.3vw,4.7rem); height:clamp(2.5rem,3.3vw,4.7rem); stroke-width:1.25; }
.compendium .pilot-art-fallback > span { font:500 .8125rem/1.35 var(--font-body); text-align:center; color:#c7d4e5; }

/* A small illustrated tier of destinations, followed by a compact full index. */
.compendium.home-page .nav-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; }
.compendium.home-page .nav-tile-shell { min-height:0; height:auto; }
.compendium.home-page .nav-tile { display:flex; min-height:4rem; height:100%; padding:.9rem 4rem .9rem 1rem; border:1px solid #3f526d; border-radius:5px; background:linear-gradient(110deg,#17263b,#132035); box-shadow:none; }
.compendium.home-page .nav-tile-label { font:600 clamp(.95rem,.57vw,1.25rem)/1.35 var(--font-body); color:#e5edf8; }
.compendium.home-page .nav-tile-description { display:none; }
.compendium.home-page .nav-tile-arrow { display:none; }
.compendium.home-page .nav-tile:hover { background:#213650; border-color:var(--category-accent); box-shadow:inset 2px 0 var(--category-accent); transform:none; }
.compendium.home-page .nav-favorite-button { top:.7rem; right:.65rem; width:2.3rem; height:2.3rem; min-height:2.3rem; min-width:2.3rem; background:#0b1725; border-color:#4e617c; color:#b1d17d; }
.compendium.home-page .pilot-featured-destination .nav-tile { position:relative; isolation:isolate; min-height:10.5rem; align-items:end; padding:1.2rem 1rem; border-top:2px solid var(--category-accent); overflow:hidden; background:radial-gradient(ellipse at 90% 0,rgba(var(--category-rgb),.14),transparent 75%),#15273b; }
.compendium.home-page .pilot-featured-destination .nav-tile-content { max-width:78%; z-index:1; }
.compendium.home-page .pilot-featured-destination .nav-tile-label { margin-bottom:.45rem; font-size:clamp(1.15rem,.9vw,1.65rem); }
.compendium.home-page .pilot-featured-destination .nav-tile-description { display:block; max-height:none; opacity:1; font-size:clamp(.85rem,.51vw,1.1rem); font-weight:400; color:#bdcce0; line-height:1.5; }
.compendium .pilot-category-visual { display:flex; align-items:center; justify-content:center; flex:none; color:var(--category-accent); }
.compendium.home-page .pilot-featured-destination .pilot-category-visual { position:absolute; z-index:0; right:1.2rem; top:1.5rem; width:5.5rem; height:5.5rem; opacity:.8; transform:rotate(6deg); }
.compendium .pilot-category-visual img { display:block; width:100%; height:100%; object-fit:contain; border-radius:5px; }
.compendium.home-page .pilot-featured-destination .pilot-glyph { width:4.5rem; height:4.5rem; stroke-width:1.15; }

/* Directory order, numbered references, preview links and complete rows survive. */
.compendium.utility-directory .hero-card { padding:1.65rem 2rem; background:radial-gradient(ellipse at 100% 0,#3a657329,transparent 60%),linear-gradient(110deg,#17283e,#101c2e); border-color:#5b6e85; border-top-color:#d2b374; }
.compendium.utility-directory .hero-card h1 { max-width:none; margin:.45rem 0; font-size:clamp(2.6rem,3vw,5rem); }
.compendium.utility-directory .hero-card .search-shell { max-width:64rem; margin:0 0 1rem; }
.compendium.utility-directory .hero-card .lede { margin:.5rem 0; }
.compendium.utility-directory .panel { background:#101c2d; border-color:#344963; box-shadow:none; }
.compendium.utility-directory .directory-contents-shell { padding:clamp(1rem,1.5vw,2.25rem); background:linear-gradient(150deg,#16263c,#0e192b); border:1px solid #405573; border-radius:7px; }
.compendium .directory-contents-head h2 { font-family:var(--font-body); font-weight:650; font-size:clamp(1.5rem,1.4vw,2.5rem); }
.compendium .directory-copy { font-size:clamp(.95rem,.58vw,1.2rem); color:#b8c8df; line-height:1.6; }
.compendium .directory-page-count { color:#e9d39d; background:#302c234d; border:1px solid #8c795166; font-weight:500; }
.compendium .wiki-contents-list { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:.8rem; align-items:start; padding:0; margin-top:1.2rem; }
.compendium .wiki-contents-list > .pilot-directory-index { position:relative; min-height:0; grid-column:span 3; padding:1rem; border:1px solid #3f526e; border-radius:5px; background:linear-gradient(135deg,#182941,#122036); overflow:hidden; }
.compendium .wiki-contents-list > .pilot-directory-index:nth-child(-n+2) { grid-column:span 6; }
.compendium .wiki-contents-list > .pilot-directory-featured { grid-column:span 4; border-color:rgba(var(--category-rgb),.5); border-top:2px solid var(--category-accent); background:radial-gradient(ellipse at 100% 0,rgba(var(--category-rgb),.15),transparent 70%),#14253b; }
.compendium .pilot-directory-index > .pilot-category-visual { position:absolute; top:1.1rem; right:1rem; width:2rem; height:2rem; opacity:.85; }
.compendium .pilot-directory-featured > .pilot-category-visual { width:4.3rem; height:4.3rem; top:1rem; right:1rem; }
.compendium .pilot-directory-index > a { min-height:2.25rem; padding-right:2.8rem; gap:.5rem; color:#f1eee5; font-weight:600; font-size:clamp(1rem,.67vw,1.4rem); }
.compendium .pilot-directory-featured > a { min-height:3.6rem; padding-right:4.5rem; font-size:clamp(1.15rem,.82vw,1.6rem); }
.compendium .pilot-directory-index .wiki-contents-number { color:#92abc9; font-size:.85em; font-variant-numeric:tabular-nums; font-weight:500; }
.compendium .pilot-directory-index > ol { margin-top:.65rem; }
.compendium .pilot-directory-index:nth-child(-n+2) > ol { display:grid; grid-template-columns:1fr 1fr; gap:0 1rem; }
.compendium .pilot-directory-index > ol li a { min-height:2rem; padding:.25rem 0; font-size:clamp(.9rem,.54vw,1.2rem); line-height:1.5; color:#b8cbe2; }
.compendium .pilot-directory-index a:hover { color:#dcf4c5; text-decoration:underline; text-underline-offset:.22em; }
.compendium .directory-section-block { margin-top:1.7rem; border:1px solid #3b506e; border-radius:6px; padding:1.2rem; background:#122137; }
.compendium .directory-section-heading { gap:1rem; }
.compendium .directory-section-number { color:#d8c28c; background:#272d36; font-size:1rem; }
.compendium .pilot-directory-section-icon { display:flex; align-items:center; }
.compendium .directory-section-heading h2 { font-family:var(--font-body); font-size:clamp(1.25rem,.95vw,1.8rem); font-weight:650; }
.compendium .directory-contents-row { background:transparent; border-bottom:1px solid #2d415e; }
.compendium .directory-contents-row a { padding:.8rem 0; }
.compendium .directory-contents-row a strong { color:#e8eff9; font-weight:600; font-size:clamp(1rem,.6vw,1.25rem); }
.compendium .directory-contents-row a > span { color:#acbdd4; font-size:clamp(.9rem,.52vw,1.1rem); }

/* Articles: actual item art and data-derived tier framing on a calm reading field. */

.compendium.entry-page .entry-hero-card { position:relative; isolation:isolate; padding:clamp(1.4rem,2vw,3rem); border:1px solid rgba(var(--category-rgb),.5); border-top:2px solid var(--rarity-accent); background:radial-gradient(ellipse at 96% 30%,#28527750,transparent 53%),linear-gradient(120deg,#172b42,#101e31); box-shadow:inset 0 0 0 1px #f2d48c0a,0 12px 40px #02081155; }
.compendium.entry-page .entry-hero-card .search-shell { margin:0 0 1.25rem; max-width:74rem; }
.compendium.entry-page .entry-hero-layout { display:grid; grid-template-columns:minmax(0,1fr) clamp(15rem,18vw,23rem); gap:clamp(1.5rem,3vw,4rem); align-items:center; }
.compendium.entry-page .entry-hero-card h1 { max-width:none; margin:.5rem 0 1rem; font-size:clamp(2.7rem,3.6vw,6rem); }
.compendium.entry-page .entry-hero-card .lede { max-width:82ch; }
.compendium.entry-page .entry-hero-media { position:relative; width:100%; min-height:20rem; padding:3.5rem 1.2rem 1.2rem; margin:0; border:1px solid var(--rarity-accent); border-radius:8px; background:radial-gradient(circle at 50% 50%,#40698d3d,transparent 65%),linear-gradient(145deg,#1f354f,#0c182a); box-shadow:0 0 40px #80c8e315,inset 0 0 0 6px #111e2e; }
.compendium .pilot-rarity-mark { position:absolute; top:.7rem; left:1rem; right:1rem; display:flex; align-items:center; gap:.8rem; color:var(--rarity-accent); }
.compendium .pilot-rarity-mark strong { font:700 2rem/1 var(--font-display); }
.compendium .pilot-rarity-mark span { font:500 .875rem/1.3 var(--font-body); }
.compendium .pilot-item-preview { display:flex; flex-direction:column; align-items:center; gap:.8rem; width:100%; padding:0; border:0; background:transparent; color:#dce6f1; cursor:zoom-in; }
.compendium.entry-page .entry-hero-image { display:block; width:min(100%,17rem); height:auto; aspect-ratio:1; margin:0; border:1px solid #a4b4ca55; border-radius:4px; box-shadow:0 5px 20px #02061180; transition:transform 200ms,box-shadow 200ms; }
.compendium .pilot-item-preview:hover .entry-hero-image { transform:scale(1.025); box-shadow:0 0 24px #d8b86a24; }
.compendium .pilot-preview-label { font:500 .8125rem/1.3 var(--font-body); color:#c5d8e6; }
.compendium.entry-page .entry-fact-grid { background:#0e1b2b; border-color:#4c6480; }

.compendium.entry-page .meta-label { color:#a8bdd7; letter-spacing:.03em; text-transform:none; }
.compendium.entry-page .meta-value { color:#e7edf5; font-weight:600; }
.compendium .pilot-article-nav { display:flex; flex-wrap:wrap; gap:.55rem; padding-top:1.2rem; margin-top:1.1rem; border-top:1px solid #52637a; }
.compendium .pilot-article-nav a { display:flex; align-items:center; min-height:2.6rem; padding:.45rem .85rem; border:1px solid #58718e; border-radius:4px; color:#c7dfef; background:#152b43; font:500 clamp(.875rem,.5vw,1.1rem)/1.4 var(--font-body); text-decoration:none; transition:background 150ms,border-color 150ms,color 150ms; }
.compendium .pilot-article-nav a:hover { color:#fff; border-color:#a4dfec; background:#243e58; }
.compendium .pilot-article-nav a[aria-current="location"] { color:#dbf1bc; background:#293e30; border-color:#aacb72; }
.compendium.entry-page .panel-entry { padding:clamp(1.3rem,2vw,3rem); background:linear-gradient(130deg,#14253a,#101c2d); border-color:#405b78; box-shadow:none; }
.compendium.entry-page .panel-entry :is(p,li,td) { font-size:clamp(1rem,.58vw,1.25rem); line-height:1.7; }
.compendium.entry-page .panel-entry h3 { font-size:clamp(1.2rem,1vw,1.75rem); font-weight:650; }
.compendium.entry-page .panel-entry .subsection { padding-top:1.8rem; margin-top:1.8rem; border-color:#45627e; scroll-margin-top:2rem; }
.compendium.entry-page #pilot-obtainment { scroll-margin-top:2rem; }
.compendium.entry-page .entry-lead-list { counter-reset:obtainment; }
.compendium.entry-page .entry-lead-list > li { display:flex; align-items:start; gap:1rem; padding:1rem 1.15rem; background:#101b2d; border:1px solid #405b75; border-left:2px solid var(--category-accent); border-radius:5px; }
.compendium.entry-frost-empress .entry-lead-list[data-lead-kind="obtainment"] > li::before { counter-increment:obtainment; content:counter(obtainment,decimal-leading-zero); flex:none; color:#d2bc87; font:700 1.3rem/1.5 var(--font-display); }
.compendium.entry-page .table-wrap { background:#101d30; border-color:#4d6682; border-radius:5px; }
.compendium.entry-page th { padding:1rem; color:#e2ecf6; background:linear-gradient(100deg,#223b52,#192d44); border-bottom:2px solid var(--category-accent); font-weight:600; text-transform:none; letter-spacing:.02em; }
.compendium.entry-page td { padding:1rem; border-color:#354d68; }
.compendium.entry-page tbody tr:nth-child(even) { background:#1b2b4138; }
.compendium.entry-page tbody tr:hover { background:#24425b44; }
.compendium.entry-page :target { outline:none; animation:pilot-anchor-arrival 900ms ease-out; }
@keyframes pilot-anchor-arrival { from {background-color:#8bcfe720;} to {background-color:transparent;} }
.compendium .pilot-related-link { display:grid; grid-template-columns:3.5rem minmax(0,1fr); column-gap:1rem; align-items:center; border-color:#4a607c; background:linear-gradient(130deg,#1b2e45,#122035); }
.compendium .pilot-related-art { grid-column:1; grid-row:1/span 2; display:flex; align-items:center; justify-content:center; width:3.5rem; height:3.5rem; object-fit:contain; border-radius:4px; background:#091425; }
.compendium .pilot-related-link strong,.compendium .pilot-related-link > span:not(.pilot-related-art) { grid-column:2; }
.compendium .image-preview-card { border-color:#b69b67; background:linear-gradient(130deg,#1b3049,#101c2e); box-shadow:0 20px 70px #0009; }

@media (min-width:2300px) {
  .compendium.home-page .nav-grid { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .compendium.home-page .pilot-featured-destination { grid-column:span 2; }
  .compendium .wiki-sidebar :is(.wiki-nav-subgroup-links a,.wiki-nav-group-links > a) { font-size:clamp(.875rem,.43vw,1.1rem); }
}
@media (max-width:1439px) {
  .compendium.home-page .quick-access-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .compendium.home-page .home-hero-stage .home-hero-copy { width:66%; max-width:66%; }
  .compendium.home-page .home-hero-visual { width:50%; opacity:.7; }
  .compendium .wiki-contents-list > .pilot-directory-index { grid-column:span 4; }
  .compendium .wiki-contents-list > .pilot-directory-index:nth-child(-n+2) { grid-column:span 6; }
  .compendium .wiki-contents-list > .pilot-directory-featured { grid-column:span 4; }
}
@media (max-width:1279px) {
  .compendium.home-page .home-hero-visual { display:none; }
  .compendium.home-page .home-hero-stage .home-hero-copy { width:100%; max-width:100%; }
  .compendium.home-page .home-hero-copy h1 { font-size:clamp(3rem,6vw,4.8rem); }
  .compendium.entry-page .entry-hero-layout { grid-template-columns:minmax(0,1fr) 13rem; gap:1.3rem; }
  .compendium.entry-page .entry-hero-media { min-height:0; padding:3.3rem .9rem .9rem; }
  .compendium.entry-page .entry-hero-card h1 { font-size:3rem; }
}
@media (max-width:900px) {
  .compendium .utility-topbar { min-height:4rem; }
  .compendium.home-page .quick-access-tile { grid-template-columns:7rem minmax(0,1fr); padding:1rem; column-gap:1rem; }
  .compendium.home-page .nav-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .compendium.home-page .pilot-featured-destination .nav-tile { min-height:10rem; }
  .compendium .wiki-contents-list > .pilot-directory-index,
  .compendium .wiki-contents-list > .pilot-directory-featured { grid-column:span 6; }
  .compendium .wiki-contents-list > .pilot-directory-index:nth-child(-n+2) { grid-column:span 12; }
  .compendium.entry-page .entry-hero-layout { grid-template-columns:minmax(0,1fr) 11rem; }
  .compendium.entry-page .entry-hero-card h1 { font-size:2.6rem; }
}
@media (max-width:650px) {
  .compendium.home-page .hero-card.hero-card-home { padding:1.25rem; }
  .compendium.home-page .home-hero-copy h1 { font-size:clamp(2.6rem,10vw,3.7rem); }
  .compendium.home-page .quick-access-grid { grid-template-columns:1fr; }
  .compendium.home-page .quick-access-tile { grid-template-columns:6.5rem minmax(0,1fr); gap:.6rem 1rem; }
  .compendium.home-page .quick-access-title { font-size:1.1rem; }
  .compendium.home-page .quick-access-sub { font-size:.9375rem; }
  .compendium.home-page .quick-access-meta { flex-wrap:wrap; gap:.35rem; }
  .compendium.home-page .quick-access-tier { padding:.1rem .4rem; }
  .compendium.home-page .pilot-featured-destination .nav-tile-content { max-width:100%; }
  .compendium.home-page .pilot-featured-destination .pilot-category-visual { width:3rem; height:3rem; opacity:.36; top:1rem; right:1rem; }
  .compendium.home-page .pilot-featured-destination .pilot-glyph { width:3rem; height:3rem; }
  .compendium.home-page .pilot-featured-destination .nav-tile-label { padding-right:2.3rem; }
  .compendium.home-page .nav-tile { padding-left:.8rem; padding-right:3.2rem; }
  .compendium .wiki-contents-list > .pilot-directory-index,
  .compendium .wiki-contents-list > .pilot-directory-featured { grid-column:span 12; }
  .compendium .pilot-directory-index:nth-child(-n+2) > ol { grid-template-columns:1fr; }
  .compendium.utility-directory .hero-card { padding:1.25rem; }
  .compendium .directory-section-block { padding:1rem; }
  .compendium .pilot-directory-section-icon { display:none; }
  .compendium .directory-section-heading { gap:.65rem; }
  .compendium.entry-page .entry-hero-card { padding:1.25rem; }
  .compendium.entry-page .entry-hero-layout { grid-template-columns:minmax(0,1fr); }
  .compendium.entry-page .entry-hero-card h1 { font-size:2.7rem; }
  .compendium.entry-page .entry-hero-media { justify-self:start; width:11.5rem; min-height:0; padding:2.7rem .75rem .75rem; }
  .compendium .pilot-rarity-mark { left:.8rem; top:.5rem; gap:.5rem; }
  .compendium .pilot-rarity-mark strong { font-size:1.5rem; }
  .compendium .pilot-rarity-mark span { font-size:.75rem; }
  .compendium .pilot-article-nav { margin-top:.8rem; gap:.4rem; }
  .compendium .pilot-article-nav a { padding:.4rem .6rem; min-height:2.5rem; }
  .compendium.entry-page .panel-entry { padding:1.2rem; }
  .compendium.entry-page .entry-lead-list > li { padding:.8rem; gap:.65rem; }
  .compendium.entry-page td { padding:.8rem; }
}
@media (prefers-reduced-motion:reduce) {
  .compendium .quick-access-tile:is(:hover,:focus-visible) .quick-access-thumb,
  .compendium .pilot-item-preview:hover .entry-hero-image { transform:none; }
  .compendium .wiki-nav-group::details-content { transition:none; }
  .compendium.entry-page :target { animation:none; background:#a0dfed10; }
}
@media (forced-colors:active) {
  .compendium :is(.quick-access-tile,.nav-tile,.pilot-directory-index,.entry-hero-card,.pilot-article-nav a) { border:1px solid CanvasText; }
  .compendium .pilot-glyph { color:CanvasText; }
  .compendium .pilot-article-nav a[aria-current="location"] { outline:2px solid Highlight; }
  .compendium.home-page .hero-card-home::after { display:none; }
}

/* The complete taxonomy stays one short jump away, ahead of illustrative previews. */
.compendium .pilot-directory-jump { display:flex; flex-wrap:wrap; gap:.25rem 1.1rem; margin:1rem 0 1.4rem; padding:.7rem 0; border-block:1px solid #41546e; }
.compendium .pilot-directory-jump a { display:inline-flex; align-items:center; gap:.45rem; min-height:2rem; color:#d2deef; text-decoration:none; font:500 .875rem/1.4 var(--font-body); }
.compendium .pilot-directory-jump a span { color:#9eb4cf; font-size:.75rem; font-variant-numeric:tabular-nums; }
.compendium .pilot-directory-jump a:hover, .compendium .pilot-directory-jump a[aria-current="location"] { color:#f5d89c; text-decoration:underline; text-underline-offset:.3em; }
.compendium .pilot-directory-index > ol li a { min-height:1.7rem; padding:.15rem 0; }
.compendium.entry-page .entry-fact-grid { grid-template-columns:repeat(auto-fit,minmax(10rem,1fr)); }
.compendium.utility-directory .directory-section-block:target { border-color:#a8cf78; }
@media (max-width:900px) {
  .compendium.entry-page .entry-fact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.compendium.entry-frost-empress .entry-fact:last-child .meta-value { color:#f4d18c; }

/* Stable semantic groups. Favorites never reorder or resize category cards. */
.compendium [data-nav-color="red"] { --nav-accent:#f2a0aa; --nav-rgb:242,160,170; }
.compendium [data-nav-color="violet"] { --nav-accent:#c7b3f3; --nav-rgb:199,179,243; }
.compendium [data-nav-color="cyan"] { --nav-accent:#9adce9; --nav-rgb:154,220,233; }
.compendium [data-nav-color="green"] { --nav-accent:#9edcc2; --nav-rgb:158,220,194; }
.compendium [data-nav-color="blue"] { --nav-accent:#a8c9f0; --nav-rgb:168,201,240; }
.compendium [data-nav-color="amber"] { --nav-accent:#edcd89; --nav-rgb:237,205,137; }
.compendium .pilot-favorites-strip { min-height:6.5rem; margin-bottom:1.6rem; padding:1rem 1.2rem; border:1px solid #4c6b47; border-radius:5px; background:linear-gradient(110deg,#273f273d,#142238); }
.compendium .pilot-favorites-heading { display:flex; align-items:center; gap:.7rem; margin-bottom:.5rem; }
.compendium .pilot-favorites-heading h3 { margin:0; font-size:1rem; font-weight:600; color:#d0e8ac; }
.compendium .pilot-favorites-heading>span { color:#b4c59f; font-size:.8125rem; }
.compendium .pilot-favorites-strip p { margin:0; color:#a9bbd2; font-size:.875rem; }
.compendium .pilot-favorites-links { display:flex; align-items:center; gap:.65rem; max-width:100%; overflow-x:auto; padding:.2rem .2rem .4rem; }
.compendium .pilot-favorites-links[hidden] { display:none; }
.compendium .pilot-favorites-links a { flex:none; display:flex; align-items:center; min-height:2.25rem; padding:.35rem .7rem; border:1px solid #48617c; border-left:2px solid var(--nav-accent); border-radius:4px; background:#172a40; color:#e1eaf5; text-decoration:none; font-size:.875rem; }
.compendium .pilot-favorites-links a:hover { border-color:var(--nav-accent); background:#223a53; }
.compendium .pilot-nav-group { margin:0 0 1.7rem; padding:1.2rem; border:1px solid rgba(var(--nav-rgb),.3); border-top:2px solid var(--nav-accent); border-radius:6px; background:radial-gradient(ellipse at 0 0,rgba(var(--nav-rgb),.065),transparent 65%),#111e30; }
.compendium .pilot-nav-group-heading { display:flex; align-items:center; gap:.8rem; margin-bottom:.9rem; }
.compendium .pilot-nav-group-heading .pilot-glyph { width:1.6rem; height:1.6rem; color:var(--nav-accent); }
.compendium .pilot-nav-group-heading h3 { margin:0; color:var(--nav-accent); font-size:clamp(1.1rem,.8vw,1.6rem); font-weight:650; }
.compendium .pilot-nav-group-heading p { margin:.2rem 0 0; color:#aebfd5; font-size:clamp(.875rem,.5vw,1.1rem); line-height:1.5; }
.compendium .pilot-nav-group-count { margin-left:auto; color:#a3b6cf; font-size:.8125rem; white-space:nowrap; }
.compendium .pilot-nav-group-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; }
.compendium.home-page .pilot-nav-group .nav-tile { min-height:4.4rem; align-items:center; padding:.9rem 3.8rem .9rem 1rem; border:1px solid rgba(var(--nav-rgb),.32); border-radius:4px; background:linear-gradient(105deg,rgba(var(--nav-rgb),.07),transparent),#16263b; }
.compendium.home-page .pilot-nav-group .nav-tile:hover { border-color:var(--nav-accent); background:#21334a; box-shadow:inset 2px 0 var(--nav-accent); }
.compendium.home-page .pilot-nav-group .nav-tile-content { max-width:100%; }
.compendium.home-page .pilot-nav-group .nav-tile-label { margin:0; padding:0; font:600 clamp(.95rem,.6vw,1.25rem)/1.4 var(--font-body); }
.compendium.home-page .pilot-nav-group .nav-tile-description { display:none; }
.compendium.home-page .pilot-nav-group .pilot-category-visual { display:none; }
.compendium.home-page .pilot-nav-group .nav-favorite-button { top:50%; right:.7rem; transform:translateY(-50%); color:#b0c992; }
.compendium.home-page .pilot-nav-group .nav-favorite-button:is(:hover,:focus-visible) { transform:translateY(-50%); color:#d0eca0; border-color:#a1c772; }
@media (min-width:2300px) { .compendium .pilot-nav-group-grid { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media (max-width:1100px) { .compendium .pilot-nav-group-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .compendium .pilot-nav-group { padding:1rem; } .compendium .pilot-nav-group-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .compendium .pilot-nav-group-count { display:none; } .compendium .pilot-nav-group-heading>span:first-child { display:none; } }
@media (max-width:430px) { .compendium .pilot-nav-group-grid { grid-template-columns:1fr; } }

.compendium .pilot-favorites-strip { min-height:7.5rem; }
.compendium .pilot-favorites-links { height:3.25rem; }

/* Mobile artwork stays in document flow, including enlarged-text layouts. */
.compendium .pilot-mobile-media { display:none; }
.compendium.home-page .pilot-nav-group .nav-tile-shell { grid-column:auto; }
@media (min-width:2300px) { .compendium.home-page .home-hero-image { transform:translateY(-35%); } }
@media (max-width:650px) {
  .compendium.entry-page .entry-hero-layout > .entry-hero-media { display:none; }
  .compendium .pilot-title-row { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin:.6rem 0 1rem; }
  .compendium.entry-page .pilot-title-row h1 { flex:1 1 9rem; min-width:0; width:auto; min-height:0; display:block; margin:0; }
  .compendium .pilot-mobile-media { display:block; flex:0 0 clamp(100px,30vw,120px); position:relative; min-width:0; padding:1.8rem .4rem .4rem; border:1px solid var(--rarity-accent); border-radius:6px; background:linear-gradient(140deg,#233b54,#101d30); }
  .compendium .pilot-mobile-media .pilot-rarity-mark { top:.35rem; left:.5rem; }
  .compendium .pilot-mobile-media .entry-hero-image { width:100%; }
}

/* Current owner direction: Broly-green brand, static atmosphere and an honest image scale.
   Gold remains only as a separate S+ tier signal, not the main brand accent. */
.compendium.home-page .home-hero-stage .home-hero-copy { width:54%; max-width:54%; }
.compendium.home-page .home-hero-visual { width:50%; max-width:1100px; opacity:1; mask-image:linear-gradient(90deg,transparent,#000 18%); -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%); }
.compendium.home-page .home-hero-visual picture { display:flex; width:100%; height:100%; align-items:center; justify-content:flex-end; }
.compendium.home-page .home-hero-image { position:static; display:block; width:100%; max-width:960px; height:100%; max-height:100%; min-height:0; aspect-ratio:auto; object-fit:contain; object-position:right center; transform:none; filter:none; opacity:.92; }
.compendium.home-page .hero-card-home::after { opacity:.14; transform:none; animation:none; }
.compendium .search-icon { color:#c1e79a; }
.compendium .directory-page-count { color:#c9e4ab; background:#24352666; border-color:#71925a66; }
@media (max-width:1279px) { .compendium.home-page .home-hero-stage .home-hero-copy { width:100%; max-width:100%; } }

.compendium.home-page .home-hero-image { height:auto; mask-image:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent); -webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent); }
.compendium .eyebrow { color:#cde6ae; }
.compendium .wiki-sidebar-home-mark { color:#c2e393; border-color:#6f8c54; background:#24392d; }
.compendium .wiki-sidebar:is(.is-expanded,.is-open) .wiki-sidebar-home-link[aria-current="page"] { border-color:#aad36b; color:#dbf1bc; background:#233a34; }

/* Favorites use the exact category-card component and grid, without moving originals. */
.compendium .pilot-favorites-strip { min-height:9rem; }
.compendium .pilot-favorites-strip .pilot-favorites-links { display:grid; height:auto; max-width:100%; overflow:visible; white-space:normal; padding:0; align-items:stretch; }
.compendium .pilot-favorites-strip .pilot-favorites-links[hidden] { display:none; }
/* Balanced mobile gutters replace the legacy viewport-width shell overrides. */
@media (max-width:900px) {
  .compendium { --pilot-mobile-gutter:clamp(12px,4vw,20px); }
  .compendium .page-shell { width:100%; max-width:100%; margin-inline:0; padding-left:max(var(--pilot-mobile-gutter),env(safe-area-inset-left)); padding-right:max(var(--pilot-mobile-gutter),env(safe-area-inset-right)); }
  .compendium .page-shell > .hero > .shell,
  .compendium .page-shell > .section > .shell,
  .compendium .page-shell > .utility-topbar { width:100% !important; max-width:100% !important; margin-inline:0; }
  .compendium .footer { padding-inline:var(--pilot-mobile-gutter); }
  .compendium .footer > .shell { width:100% !important; max-width:100% !important; margin-inline:0; }
}
/* Page families share the accepted shell without changing their tool workspaces. */
.compendium { --rarity-rgb:167,191,228; }
.compendium:is(.entry-category-swords,.entry-category-melees,.entry-category-fruits,.entry-category-accessories,.entry-category-artifacts,.entry-category-cosmetics,.entry-category-runes,.category-swords,.category-melees,.category-fruits,.category-accessories,.category-artifacts,.category-cosmetics,.category-runes) { --category-accent:#9edeea; --category-rgb:158,222,234; }
.compendium:is(.entry-category-clans,.entry-category-powers,.entry-category-races,.entry-category-traits,.entry-category-titles,.category-clans,.category-powers,.category-races,.category-traits,.category-titles) { --category-accent:#f2a0aa; --category-rgb:242,160,170; }
.compendium:is(.entry-category-materials,.entry-category-codes,.entry-category-trade-values,.category-materials,.category-codes,.category-trade-values) { --category-accent:#edcd89; --category-rgb:237,205,137; }
.compendium.entry-grade-s-plus { --rarity-accent:#efcc85; --rarity-rgb:239,204,133; }
.compendium:is(.entry-grade-mythical,.entry-grade-mythical-outfit) { --rarity-accent:#d3adf0; --rarity-rgb:211,173,240; }
.compendium.entry-grade-secret { --rarity-accent:#f2b78a; --rarity-rgb:242,183,138; }
.compendium.entry-grade-legendary { --rarity-accent:#edcd89; --rarity-rgb:237,205,137; }
.compendium.entry-grade-epic { --rarity-accent:#c7b3f3; --rarity-rgb:199,179,243; }
.compendium.entry-frost-empress { --category-accent:#a0dfed; --category-rgb:160,223,237; }
.compendium:is(.category-page,.utility-page) .hero-card { padding:clamp(1.25rem,2vw,3rem); border:1px solid #526c55; border-top:2px solid #b9d98e; background:radial-gradient(ellipse at 95% 0,#6e94401c,transparent 55%),linear-gradient(120deg,#172b42,#101e31); }
.compendium.category-page .hero-card { border-top-color:var(--category-accent); }
.compendium:is(.category-page,.utility-page) .hero-card h1 { max-width:32ch; }
.compendium:is(.category-page,.utility-page) .hero-card .lede { max-width:90ch; }
.compendium:is(.category-page,.utility-page) .panel { border-color:#405b78; background:linear-gradient(130deg,#14253a,#101c2d); box-shadow:none; }
.compendium.entry-no-art .entry-hero-layout { grid-template-columns:minmax(0,1fr); }
.compendium.entry-no-art .entry-hero-copy h1 { width:auto; min-height:0; }
.compendium .entry-lead-head { scroll-margin-top:2rem; }
.compendium.entry-page .entry-lead-list[data-lead-kind="overview"] > li { background:transparent; border:0; padding:.35rem 0; }
.compendium.entry-page .entry-lead-list[data-lead-kind="overview"] > li::before { content:"\2022"; color:var(--category-accent); }
.compendium .pilot-rarity-mark { min-width:0; flex-wrap:wrap; gap:.3rem .65rem; }
.compendium .pilot-rarity-mark strong { font-size:clamp(1.4rem,1.4vw,2rem); overflow-wrap:anywhere; }
.compendium .pilot-rarity-mark span { color:#bdcde0; }
.compendium .entry-hero-media { display:flex; flex-direction:column; justify-content:center; }
.compendium .entry-hero-media .pilot-rarity-mark { position:static; margin:0 0 .8rem; align-self:stretch; }
.compendium.entry-page .entry-hero-media { padding:1.2rem; }
.compendium.entry-grade-unranked .pilot-mobile-media { padding:.4rem; }
.compendium .compendium-article-contents { margin-top:1.3rem; border-top:1px solid #52637a; padding-top:.8rem; }
.compendium .compendium-article-contents > summary { min-height:2.75rem; padding:.55rem .1rem; cursor:pointer; color:#d9eabd; font-weight:600; }
.compendium .compendium-article-contents > summary span { margin-left:.6rem; color:#a8bdd3; font-weight:400; font-size:.875rem; }
.compendium .compendium-article-contents .pilot-article-nav { max-height:18rem; overflow-y:auto; margin-top:.5rem; padding:.3rem; border:0; }
.compendium .category-entry-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr)); gap:1rem; }
.compendium.category-page .entry-card { display:grid; grid-template-columns:7.5rem minmax(0,1fr); grid-template-areas:"art copy"; padding:0; overflow:hidden; border:1px solid #435e78; border-top:2px solid var(--category-accent); background:linear-gradient(125deg,#1c3048,#111f32); transition:border-color 160ms,background 160ms; }
.compendium.category-page .entry-card:not(:has(.entry-card-art)) { grid-template-columns:minmax(0,1fr); grid-template-areas:"copy"; }
.compendium.category-page .entry-card-art { display:flex; float:none; grid-area:art; align-items:center; justify-content:center; width:auto; height:auto; min-height:100%; margin:0; padding:.8rem; background:#0a172766; border-right:1px solid #3b526a; }
.compendium.category-page .entry-card-thumb { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.compendium.category-page .entry-card-copy { display:flex; flex-direction:column; grid-area:copy; min-width:0; padding:1.15rem; }
.compendium.category-page .entry-card h3 { font-size:clamp(1.1rem,.9vw,1.65rem); line-height:1.3; overflow-wrap:anywhere; }
.compendium.category-page .entry-card p { line-height:1.6; color:#c3d1e3; }
.compendium.category-page .entry-card .pill-row { margin-top:auto; padding-top:.85rem; }
.compendium.category-page .entry-card:is(:hover,:focus-visible) { border-color:var(--category-accent); background:linear-gradient(125deg,#243c57,#14263c); }
.compendium.category-page .entry-card.tier-s-plus { border-top-color:#efcc85; }
@media (max-width:900px) {
  .compendium.entry-page .entry-fact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:650px) {
  .compendium.entry-page .entry-hero-card,.compendium.entry-page .panel-entry { padding:1.1rem; }
  .compendium.entry-no-art .entry-hero-copy h1 { width:auto; min-height:0; display:block; }
  .compendium .pilot-mobile-media .pilot-rarity-mark { position:static; margin-bottom:.4rem; }
  .compendium .pilot-mobile-media { padding:.4rem; }
  .compendium .pilot-mobile-media .pilot-rarity-mark strong { font-size:1.15rem; }
  .compendium .pilot-mobile-media .pilot-rarity-mark span { display:none; }
  .compendium.category-page .entry-card { display:block; padding:1rem; }
  .compendium.category-page .entry-card-art { display:block; float:left; width:5.25rem; height:5.25rem; min-height:0; margin:0 .85rem .5rem 0; padding:0; border:0; background:transparent; }
  .compendium.category-page .entry-card-copy { display:block; padding:0; }
  .compendium.category-page .entry-card .pill-row { clear:both; }
}

.compendium:is(.category-page,.utility-page) .meta-value { color:var(--category-accent); }

/* Related artwork needs its actual grid height rather than a skipped-section estimate. */
.compendium .subsection:has(.pilot-related-link) { content-visibility:visible; contain-intrinsic-size:none; }
/* Tracker destinations are readable tonal actions within their data workspace. */
.compendium .progress-check-target.utility-link-home { background:#192f45; border-color:#4f7890; color:#b5e6f1; }
.compendium .progress-check-target.utility-link-home:is(:hover,:focus-visible) { background:#24445e; border-color:#a4dbe7; color:#fff; }
/* S+ means the same gold tier on category cards and item articles. */
.compendium.category-page .entry-card.tier-s-plus :is(.table-chip,.badge) { color:#f2d69a; background:#342d22; background-image:none; border:1px solid #947e52; }
.compendium .wiki-sidebar:is(.is-expanded,.is-open) .wiki-nav-group-links > a[aria-current="page"] { background:linear-gradient(90deg,#426b343d,#1c3145); border-left:2px solid #aad36b; color:#dbf1bc; }