/* =====================================================================
   Eden "lux" layer (2026-10-13), modelled on the SovereignRO lux theme.
   Loaded AFTER site.css: remaps its tokens, restyles the shared chrome
   and adds the ambient layers (starfield, aura, grain, cursor light),
   the home hero, the Hall of Fame and the rankings podium.
   Interaction lives in js/lux.js. Rollback: drop the lux.css/lux.js
   tags from layout.html.

   Direction: royal, quiet, expensive. Warm black, champagne gold,
   one wine/crimson accent. Thin sans with one italic serif word per
   headline, mono uppercase labels.
   ===================================================================== */

:root {
  --lx-bg: #05040a;
  --lx-bg2: #0a0811;
  --lx-ink: #f6f1e9;
  --lx-ink2: #d4cbc0;
  --lx-muted: #9a90a4;
  --lx-faint: #5e5668;
  --lx-line: rgba(244, 220, 166, .10);
  --lx-line2: rgba(244, 220, 166, .20);
  --lx-gold: #e3bf78;
  --lx-gold-l: #f6dfae;
  --lx-gold-d: #a9803c;
  --lx-crim: #e23b4e;
  --lx-crim-l: #ff6f7e;
  --lx-wine: radial-gradient(120% 140% at 30% 0%, #b9384f 0%, #8a1b30 48%, #5a0f1e 100%);
  --lx-champ: radial-gradient(120% 140% at 30% 0%, #fff2d2 0%, #e6c27c 48%, #b08643 100%);
  --lx-iri: linear-gradient(100deg, #fff7e8 0%, #f6dfae 26%, #e3bf78 48%, #f08a8f 74%, #ffb3be 100%);
  --lx-sans: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --lx-serif: "Cormorant Garamond", "Times New Roman", serif;
  --lx-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --lx-ease: cubic-bezier(.16, 1, .3, 1);
  --m-gold: linear-gradient(160deg, #fff2d2 0%, #e3bf78 45%, #a9803c 100%);
  --m-silver: linear-gradient(160deg, #ffffff 0%, #c9cfda 45%, #7e8696 100%);
  --m-bronze: linear-gradient(160deg, #ffe1c4 0%, #d49a6a 45%, #85522c 100%);

  /* site.css tokens -> lux */
  --bg: var(--lx-bg);
  --bg-2: var(--lx-bg2);
  --panel: rgba(18, 14, 26, .55);
  --panel-solid: #13101b;
  --panel-2: #1b1724;
  --line: var(--lx-line);
  --line-2: var(--lx-line2);
  --text: var(--lx-ink);
  --muted: #a89fb0;
  --dim: #71687c;
  --maple: var(--lx-gold);
  --maple-2: var(--lx-gold-l);
  --gold: var(--lx-gold);
  --rose: var(--lx-crim);
  --violet: #b59ae6;
  --mint: #6fdcaa;
  --red: #ff6f7e;
  --grad-cta: var(--lx-champ);
  --grad-text: var(--lx-iri);
  --radius: 22px;
  --radius-sm: 14px;
  --shadow: 0 30px 70px -40px rgba(0, 0, 0, .9);
  --wrap: 1220px;
  --nav-h: 76px;
  --font-display: var(--lx-sans);
  --font: var(--lx-sans);
}

body {
  background: var(--lx-bg);
  color: var(--lx-ink2);
  font-weight: 300;
  letter-spacing: .005em;
  -webkit-font-smoothing: antialiased;
}
::selection { background: rgba(227, 191, 120, .32); color: #fff; }
:focus-visible { outline-color: var(--lx-gold-l); }

/* ---------- ambient layers (fixed, behind everything) ---------- */
#lux-stars { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.lux-aura {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(60% 45% at 50% -8%, rgba(226, 59, 78, .16), transparent 70%),
    radial-gradient(45% 40% at 92% 30%, rgba(227, 191, 120, .07), transparent 70%),
    radial-gradient(50% 45% at 4% 78%, rgba(120, 70, 200, .08), transparent 70%);
}
.lux-grain {
  position: fixed; inset: -50%; z-index: 999; pointer-events: none; opacity: .04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: luxGrain 1.2s steps(6) infinite;
}
@keyframes luxGrain {
  0% { transform: translate(0, 0); } 20% { transform: translate(-3%, 2%); } 40% { transform: translate(2%, -3%); }
  60% { transform: translate(-2%, -1%); } 80% { transform: translate(3%, 3%); } 100% { transform: translate(0, 0); }
}
.lux-cursor {
  position: fixed; left: 0; top: 0; width: 520px; height: 520px; margin: -260px 0 0 -260px;
  z-index: 1; pointer-events: none; border-radius: 50%; opacity: 0;
  background: radial-gradient(circle, rgba(246, 223, 174, .075), rgba(226, 59, 78, .035) 40%, transparent 68%);
  transition: opacity .6s ease; will-change: transform;
}
body.lux-pointer .lux-cursor { opacity: 1; }
main, footer.site { position: relative; z-index: 2; }
.nav { z-index: 100; }

/* ---------- type ---------- */
h1, h2, h3, h4 { font-family: var(--lx-sans); color: var(--lx-ink); letter-spacing: -.02em; }
h1 { font-weight: 200; }
h2 { font-weight: 300; }
h3, h4 { font-weight: 400; }
b, strong { font-weight: 500; color: var(--lx-ink); }
a { color: var(--lx-gold-l); transition: color .3s var(--lx-ease); }
a:hover { color: #fff; }
code { font-family: var(--lx-mono); }

/* the one italic serif word per headline (every .grad-text accent on the site) */
.grad-text, .lux-serif {
  font-family: var(--lx-serif); font-style: italic; font-weight: 500; letter-spacing: -.01em;
  background: var(--lx-iri); -webkit-background-clip: text; background-clip: text; color: transparent;
  padding-right: .08em;
}
h1 .grad-text, h1 .lux-serif, h2 .grad-text, h2 .lux-serif { font-size: 1.08em; line-height: .9; }

.eyebrow, .lux-eyebrow {
  display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 999px;
  font-family: var(--lx-mono); font-size: 11px; font-weight: 400; letter-spacing: .22em; text-transform: uppercase;
  color: var(--lx-gold-l); background: rgba(227, 191, 120, .05); border: 1px solid var(--lx-line2);
  box-shadow: 0 0 30px -8px rgba(227, 191, 120, .25), inset 0 1px 0 rgba(255, 255, 255, .05);
}
.eyebrow::before, .lux-eyebrow::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--lx-gold); box-shadow: 0 0 10px var(--lx-gold); flex: none;
}
.kicker {
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--lx-mono); font-size: 11px; font-weight: 400; letter-spacing: .26em; color: var(--lx-gold);
}
.kicker::before { content: ""; width: 28px; height: 1px; background: linear-gradient(90deg, transparent, var(--lx-gold)); }
.section-head.center .kicker::after { content: ""; width: 28px; height: 1px; background: linear-gradient(90deg, var(--lx-gold), transparent); }
.section-head { max-width: 820px; }
.section-head h2 .grad-text, .page-hero h1 .grad-text { white-space: nowrap; }
.section-head h2 { font-weight: 200; font-size: clamp(34px, 4.6vw, 60px); line-height: 1.04; letter-spacing: -.035em; margin: 16px 0 14px; }
.section-head p { color: var(--muted); font-size: 17px; line-height: 1.75; }
.section { padding: 96px 0; }

/* ---------- nav ---------- */
.nav {
  background: linear-gradient(180deg, rgba(5, 4, 10, .72), rgba(5, 4, 10, .36));
  backdrop-filter: blur(18px) saturate(1.2); -webkit-backdrop-filter: blur(18px) saturate(1.2);
  border-bottom: 1px solid transparent; transition: background .5s var(--lx-ease), border-color .5s var(--lx-ease);
}
body.lux-scrolled .nav { background: rgba(7, 6, 12, .86); border-bottom-color: var(--lx-line); }
.brand { gap: 12px; font-family: var(--lx-sans); font-weight: 400; font-size: 14px; letter-spacing: .32em; text-transform: uppercase; }
.brand span { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--lx-ink); }
.brand .brand-accent {
  font-family: var(--lx-serif); font-style: italic; font-weight: 500; font-size: 18px; letter-spacing: .02em; text-transform: none;
  color: var(--lx-gold); margin-left: -.35em;
}
.brand svg { width: 34px; height: 34px; filter: drop-shadow(0 0 8px rgba(227, 191, 120, .45)); transition: transform .6s var(--lx-ease), filter .6s var(--lx-ease); overflow: visible; }
.brand:hover svg { transform: translateY(-2px) rotate(-6deg); filter: drop-shadow(0 0 14px rgba(246, 223, 174, .75)); }
.brand .gem { animation: luxGem 4s ease-in-out infinite; }
@keyframes luxGem { 0%, 100% { opacity: .8; } 50% { opacity: 1; } }
.nav-links a { position: relative; color: var(--lx-ink2); font-weight: 400; font-size: 13.5px; letter-spacing: .01em; padding: 8px 11px; border-radius: 0; background: none; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: #fff; background: none; }
.nav-links a[aria-current="page"]::after {
  content: ""; position: absolute; left: 11px; right: 11px; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--lx-gold), transparent); box-shadow: 0 0 10px var(--lx-gold);
}
.status-pill {
  font-family: var(--lx-mono); font-size: 10.5px; font-weight: 400; letter-spacing: .14em; text-transform: uppercase;
  background: rgba(12, 9, 18, .55); border-color: rgba(246, 223, 174, .22); color: var(--lx-ink2); padding: 7px 13px;
}
.status-pill[data-state="online"] { color: var(--lx-ink); }
.status-pill[data-state="online"] .dot { background: #4ade80; }

/* ---------- buttons: pills with a light sweep ---------- */
.btn {
  position: relative; overflow: hidden; isolation: isolate;
  height: 46px; padding: 0 22px; border-radius: 999px;
  font: 500 14px/1 var(--lx-sans); letter-spacing: .02em;
  transition: transform .55s var(--lx-ease), box-shadow .45s var(--lx-ease), border-color .35s, background-color .35s, color .35s;
}
.btn::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .38) 48%, transparent 66%);
  background-size: 250% 100%; background-position: 130% 0; transition: background-position 1s var(--lx-ease);
}
.btn:hover::after { background-position: -30% 0; }
.btn:active { transform: scale(.97); }
.btn svg { width: 16px; height: 16px; }
.btn-sm { height: 38px; padding: 0 16px; font-size: 13px; border-radius: 999px; }
.btn-lg { height: 56px; padding: 0 32px; font-size: 15px; }
.btn-primary {
  color: #24190a; border: 1px solid rgba(255, 240, 205, .62); background: var(--lx-champ);
  box-shadow: 0 10px 34px -16px rgba(227, 191, 120, .9), inset 0 1px 0 rgba(255, 255, 255, .55);
}
.btn-primary:hover {
  color: #24190a; transform: translateY(-2px);
  box-shadow: 0 16px 50px -14px rgba(227, 191, 120, 1), 0 0 0 4px rgba(227, 191, 120, .12), inset 0 1px 0 rgba(255, 255, 255, .6);
}
.btn-wine {
  color: #fff4e6; border: 1px solid rgba(246, 223, 174, .42); background: var(--lx-wine);
  box-shadow: 0 10px 34px -14px rgba(150, 28, 52, .95), inset 0 1px 0 rgba(255, 214, 190, .22);
}
.btn-wine:hover {
  color: #fff8ee; border-color: rgba(246, 223, 174, .78); transform: translateY(-2px);
  box-shadow: 0 16px 50px -14px rgba(150, 28, 52, 1), 0 0 0 4px rgba(227, 191, 120, .10), inset 0 1px 0 rgba(255, 214, 190, .28);
}
.btn-ghost, .btn-discord {
  color: var(--lx-ink); border: 1px solid rgba(246, 223, 174, .28);
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
.btn-ghost:hover, .btn-discord:hover {
  color: #fff; border-color: rgba(246, 223, 174, .62); background: rgba(227, 191, 120, .08); transform: translateY(-2px);
  box-shadow: 0 12px 36px -18px rgba(227, 191, 120, .85), inset 0 1px 0 rgba(255, 255, 255, .06);
}
.btn-discord svg { color: var(--lx-gold-l); }
.lux-arrow { display: inline-block; transition: transform .5s var(--lx-ease); }
.btn:hover .lux-arrow { transform: translateX(4px); }

/* ---------- cards: glass with a light that follows the cursor (lux.js sets --mx/--my) ---------- */
.card {
  position: relative; border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012));
  border: 1px solid var(--lx-line); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  transition: border-color .5s var(--lx-ease), transform .6s var(--lx-ease), box-shadow .6s var(--lx-ease);
}
.card::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .5s var(--lx-ease);
  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(246, 223, 174, .10), transparent 60%);
}
.card:hover::before { opacity: 1; }
.card h3 { font-weight: 400; letter-spacing: -.015em; }
.card p { color: var(--muted); font-weight: 300; }
.feature:hover, .news-card:hover, .tier:hover { transform: translateY(-4px); border-color: var(--lx-line2); box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .06); }
.feature .icon {
  width: 68px; height: 68px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, rgba(246, 223, 174, .16), rgba(226, 59, 78, .06) 60%, transparent 75%);
  border: 1px solid var(--lx-line2); box-shadow: 0 0 30px -10px rgba(227, 191, 120, .4);
}
.feature .more { font-weight: 400; font-size: 13px; letter-spacing: .02em; color: var(--lx-gold-l); }
.feature .tag, .badge {
  font-family: var(--lx-mono); font-size: 10px; font-weight: 400; letter-spacing: .18em;
  color: var(--lx-gold-l); background: rgba(227, 191, 120, .06); border: 1px solid var(--lx-line2);
}
.badge.update { color: #ffd0d6; background: rgba(226, 59, 78, .1); border-color: rgba(255, 140, 150, .35); }
.badge.event { color: #c9f3df; background: rgba(111, 220, 170, .08); border-color: rgba(111, 220, 170, .3); }

/* steps: serif numerals in a gold ring (re-states content/opacity/inset that the .card spotlight ::before took over) */
.step::before {
  content: counter(step); opacity: 1; inset: auto; left: 24px; display: grid; place-items: center; pointer-events: none;
  font: italic 500 26px/1 var(--lx-serif); color: var(--lx-gold-l); border-radius: 50%; width: 50px; height: 50px; top: -25px;
  background: radial-gradient(circle at 35% 30%, #2a2133, #0d0a14); border: 1px solid rgba(246, 223, 174, .45);
  box-shadow: 0 0 26px -6px rgba(227, 191, 120, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
}

/* regions + bosses */
.region {
  border-radius: 18px; border-color: var(--lx-line);
  background: radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--c1, #2a2358) 55%, transparent), rgba(10, 8, 17, .9) 75%);
  transition: transform .6s var(--lx-ease), border-color .5s var(--lx-ease), box-shadow .6s var(--lx-ease);
}
.region:hover { transform: translateY(-4px); border-color: var(--lx-line2); box-shadow: 0 24px 60px -30px rgba(0, 0, 0, .9), 0 0 40px -20px rgba(227, 191, 120, .35); }
.region b { font-family: var(--lx-sans); font-weight: 400; font-size: 16px; letter-spacing: -.01em; }
.region span { font-family: var(--lx-mono); font-size: 10.5px; font-weight: 400; letter-spacing: .14em; text-transform: uppercase; color: var(--lx-gold); }
.boss b { font-family: var(--lx-sans); font-weight: 400; color: var(--lx-ink); }
.boss span { font-family: var(--lx-mono); font-size: 11px; letter-spacing: .14em; color: var(--lx-muted); }
.boss img { transition: transform .6s var(--lx-ease), filter .6s var(--lx-ease); }
.boss:hover img { transform: translateY(-6px) scale(1.04); filter: drop-shadow(0 16px 26px rgba(0, 0, 0, .6)) drop-shadow(0 0 22px rgba(227, 191, 120, .3)); }
.news-card time { font-family: var(--lx-mono); font-size: 11px; font-weight: 400; letter-spacing: .12em; color: var(--lx-muted); }
.news-card h3 { font-weight: 400; }

/* ---------- inner page hero ---------- */
.page-hero { padding: 80px 0 44px; }
.page-hero::before { opacity: .22; filter: saturate(.8) brightness(.8); }
.page-hero::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(50% 80% at 20% 0%, rgba(226, 59, 78, .12), transparent 70%);
}
.page-hero h1 { font-weight: 200; font-size: clamp(42px, 6vw, 84px); line-height: 1; letter-spacing: -.04em; margin: 22px 0 16px; }
.page-hero p { color: var(--lx-ink2); font-weight: 300; font-size: 17px; line-height: 1.75; }
.crumbs { font-family: var(--lx-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }

/* ---------- tables ---------- */
.table-wrap { border-radius: 22px; border-color: var(--lx-line); background: rgba(12, 9, 18, .55); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
table.data th, .prose th {
  font-family: var(--lx-mono); font-size: 10.5px; font-weight: 400; letter-spacing: .18em; color: var(--lx-gold-l);
  background: rgba(227, 191, 120, .045); border-bottom-color: var(--lx-line);
}
table.data td { border-bottom-color: var(--lx-line); color: var(--lx-ink2); transition: background-color .3s var(--lx-ease); }
table.data td b { font-weight: 400; color: var(--lx-ink); }
table.data tbody tr:hover td { background: rgba(227, 191, 120, .045); }
.rank { font: 300 16px/1 var(--lx-sans); color: var(--lx-muted); font-variant-numeric: tabular-nums; }
.lvl { font-family: var(--lx-sans); font-weight: 400; color: var(--lx-gold-l); font-variant-numeric: tabular-nums; }
.medal { font: italic 600 18px/1 var(--lx-serif); color: #1a1206; box-shadow: 0 0 16px -4px rgba(227, 191, 120, .6), inset 0 1px 0 rgba(255, 255, 255, .6); }
.rank-1 .medal { background: var(--m-gold); }
.rank-2 .medal { background: var(--m-silver); box-shadow: 0 0 16px -4px rgba(220, 226, 240, .5), inset 0 1px 0 rgba(255, 255, 255, .7); }
.rank-3 .medal { background: var(--m-bronze); box-shadow: 0 0 16px -4px rgba(212, 154, 106, .55), inset 0 1px 0 rgba(255, 255, 255, .5); }
.num { font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ---------- forms ---------- */
.field label, .claim-check label { font-family: var(--lx-mono); font-size: 10.5px; font-weight: 400; letter-spacing: .18em; color: var(--lx-gold-l); }
.input, select.input {
  background: rgba(255, 255, 255, .03); border: 1px solid var(--lx-line2); border-radius: 14px; color: var(--lx-ink);
  font: 300 15px/1.2 var(--lx-sans); transition: border-color .3s var(--lx-ease), box-shadow .3s var(--lx-ease), background-color .3s;
}
.input:focus { border-color: rgba(246, 223, 174, .7); background: rgba(255, 255, 255, .05); box-shadow: 0 0 0 4px rgba(227, 191, 120, .10), 0 10px 30px -12px rgba(227, 191, 120, .5); }
select.input option { background: #13101b; color: var(--lx-ink); }
.msg { font-weight: 400; border-radius: 14px; }
.note { border-radius: 16px; background: rgba(227, 191, 120, .05); border-color: var(--lx-line2); color: var(--lx-ink2); }
.need-login, .vote-site { border-radius: 16px; }

/* ---------- download / donate / vote ---------- */
.checklist li { color: var(--lx-ink2); }
.spec-list dt { font-family: var(--lx-mono); font-size: 12px; font-weight: 400; letter-spacing: .1em; }
.method-toggle { border-radius: 999px; background: rgba(12, 9, 18, .55); border-color: var(--lx-line2); }
.method-toggle button { font: 400 14px/1 var(--lx-sans); border-radius: 999px; color: var(--lx-ink2); }
.method-toggle button[aria-pressed="true"] { color: #fff4e6; background: var(--lx-wine); box-shadow: 0 8px 24px -12px rgba(150, 28, 52, .9); }
.method-toggle button[aria-pressed="true"] .bonus { background: rgba(255, 244, 230, .16); color: #fff4e6; }
.tier .ribbon { font-family: var(--lx-mono); font-weight: 400; font-size: 10px; letter-spacing: .18em; color: #fff4e6; background: var(--lx-wine); border: 1px solid rgba(246, 223, 174, .42); }
.tier.popular { border-color: rgba(246, 223, 174, .45); background: linear-gradient(180deg, rgba(185, 56, 79, .16), rgba(255, 255, 255, .015)); box-shadow: 0 0 60px -30px rgba(226, 59, 78, .7); }
.tier .price { font-family: var(--lx-sans); font-weight: 200; font-size: 44px; letter-spacing: -.04em; color: var(--lx-ink); }
.tier .nx { font-family: var(--lx-sans); font-weight: 300; color: var(--lx-gold-l); }
.tier .nx small, .tier .extras, .tier .vip, .tier .vac, .tier .bonus-line { font-weight: 400; }
.tier.selected { border-color: rgba(246, 223, 174, .8); box-shadow: 0 0 0 1px rgba(246, 223, 174, .5), 0 0 50px -16px rgba(227, 191, 120, .7); }
.addr code { font-family: var(--lx-mono); border-radius: 14px; }
.claim-sum, .done-ref { color: var(--lx-gold-l); font-weight: 400; }
.done-ref { font-family: var(--lx-mono); }
.cc-bonus { font-weight: 500; }
.vote-status div { border-radius: 16px; background: rgba(12, 9, 18, .55); }
.vote-status b { font-family: var(--lx-sans); font-weight: 200; color: var(--lx-ink); }
.vote-site { border-color: var(--lx-line2); background: rgba(227, 191, 120, .045); }

/* ---------- faq + cta ---------- */
.faq details { border-radius: 18px; background: rgba(12, 9, 18, .55); transition: border-color .4s var(--lx-ease); }
.faq details[open] { border-color: var(--lx-line2); }
.faq summary { font-weight: 400; font-size: 16px; color: var(--lx-ink); }
.faq summary::after { font: 200 26px/1 var(--lx-sans); color: var(--lx-gold); }
.cta-band {
  border-radius: 28px; border-color: var(--lx-line2); padding: 64px 48px;
  background: radial-gradient(520px 260px at 20% 30%, rgba(226, 59, 78, .16), transparent 70%), radial-gradient(420px 220px at 90% 80%, rgba(227, 191, 120, .08), transparent 70%), rgba(12, 9, 18, .6);
  box-shadow: 0 40px 120px -50px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(255, 255, 255, .05);
}
.cta-band h2 { font-weight: 200; font-size: clamp(32px, 4.4vw, 56px); letter-spacing: -.035em; }
.cta-band p { color: var(--lx-ink2); font-weight: 300; }

/* ---------- footer ---------- */
footer.site { background: linear-gradient(180deg, transparent, rgba(10, 8, 17, .9) 30%); border-top-color: var(--lx-line); }
footer.site h4 { font-family: var(--lx-mono); font-size: 11px; font-weight: 400; letter-spacing: .22em; color: var(--lx-gold); }
footer.site a { color: var(--lx-ink2); font-weight: 300; display: inline-block; transition: color .3s var(--lx-ease), transform .3s var(--lx-ease); }
footer.site a:hover { color: #fff; transform: translateX(3px); }
footer.site a.brand:hover, footer.site a.btn:hover { transform: none; }
footer.site .legal { font-family: var(--lx-mono); font-size: 10.5px; letter-spacing: .06em; color: var(--lx-faint); }

/* ---------- wiki + library: weights and labels ---------- */
.wiki-nav h5, .wiki-toc h5, .det-sec h4, .pager small, .path small {
  font-family: var(--lx-mono); font-size: 10.5px; font-weight: 400; letter-spacing: .2em; color: var(--lx-gold);
}
.wiki-nav a { font-weight: 300; color: var(--lx-ink2); border-radius: 10px; }
.wiki-nav a[aria-current="page"] { color: #fff; background: rgba(227, 191, 120, .08); border-left-color: var(--lx-gold); }
.wiki-toc a:hover, .wiki-toc a.active { border-left-color: var(--lx-gold); }
.search-results { background: rgba(14, 11, 20, .94); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 18px; }
.article-head h1 { font-weight: 200; letter-spacing: -.035em; }
.prose { color: var(--lx-ink2); font-weight: 300; }
.prose p, .prose li { color: var(--lx-ink2); }
.prose h2 { font-weight: 300; letter-spacing: -.025em; }
.prose h3 { font-weight: 400; }
.prose code { color: var(--lx-gold-l); background: rgba(227, 191, 120, .06); border-color: var(--lx-line); }
.prose .kbd, .prose kbd { font: 500 12px/1 var(--lx-mono); }
.callout { border-radius: 16px; }
.callout::before { font-family: var(--lx-sans); font-weight: 500; }
.callout.warn { background: rgba(226, 59, 78, .07); border-color: rgba(255, 140, 150, .3); }
.callout.warn::before { background: rgba(226, 59, 78, .2); color: var(--lx-crim-l); }
.callout.eden { background: linear-gradient(120deg, rgba(227, 191, 120, .08), rgba(226, 59, 78, .05)); border-color: var(--lx-line2); }
.pager a, .path a { border-radius: 16px; background: rgba(12, 9, 18, .55); }
.path b { font-family: var(--lx-sans); font-weight: 400; }
.wiki-cat li a { color: var(--lx-ink2); font-weight: 300; }
.lib-tabs button, .rk-tabs button {
  font: 400 13.5px/1 var(--lx-sans); color: var(--lx-ink2); border-radius: 999px; padding: 11px 18px;
  background: rgba(255, 255, 255, .03); border: 1px solid rgba(246, 223, 174, .22);
  transition: border-color .35s var(--lx-ease), background .35s var(--lx-ease), color .35s, transform .4s var(--lx-ease);
}
.lib-tabs button:hover, .rk-tabs button:hover { color: #fff; border-color: rgba(246, 223, 174, .6); background: rgba(227, 191, 120, .08); transform: translateY(-1px); }
.lib-tabs button[aria-selected="true"], .rk-tabs button[aria-selected="true"] {
  color: #fff4e6; border-color: rgba(246, 223, 174, .5); background: var(--lx-wine); box-shadow: 0 8px 24px -12px rgba(150, 28, 52, .9);
}
.lib-bar .meta { font-family: var(--lx-mono); font-size: 11px; letter-spacing: .1em; }
.lib-row { border-radius: 14px; background: rgba(12, 9, 18, .55); }
.lib-row b { font-weight: 400; }
.lib-row[aria-current="true"] { border-color: rgba(246, 223, 174, .5); background: rgba(227, 191, 120, .08); }
.det-head h2 { font-weight: 300; }
.pill { font-weight: 400; }
.drop span { font-weight: 300; }
.drop em { font-family: var(--lx-mono); font-weight: 400; color: var(--lx-gold-l); }
.train-row { border-radius: 16px; background: rgba(12, 9, 18, .55); }
.train-row .score { font-family: var(--lx-sans); font-weight: 200; color: var(--lx-gold-l); }
.train-row .score small { font-family: var(--lx-mono); font-weight: 400; }

/* ---------- scroll reveal (site.js adds .in): blur-rise ---------- */
.js .reveal { opacity: 0; transform: translateY(28px); filter: blur(6px); transition: opacity 1.1s var(--lx-ease), transform 1.1s var(--lx-ease), filter 1.1s var(--lx-ease); transition-delay: var(--rd, 0s); }
.js .reveal.in { opacity: 1; transform: none; filter: none; }

/* =====================================================================
   Home hero (.lxh): centred, launcher art behind a dark pocket, slow
   sigil rings and a conic halo, staggered entrance, glass HUD.
   ===================================================================== */
.lxh-hero {
  position: relative; min-height: min(calc(100svh - var(--nav-h)), 960px); margin-top: calc(-1 * var(--nav-h));
  padding: calc(var(--nav-h) + 40px) 0 120px; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden;
}
.lxh-art { position: absolute; inset: -4% 0 0; z-index: 0; pointer-events: none; opacity: .5; -webkit-mask-image: linear-gradient(180deg, #000 52%, transparent 97%); mask-image: linear-gradient(180deg, #000 52%, transparent 97%); }
.lxh-art video, .lxh-art img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; filter: saturate(1.05) contrast(1.05) brightness(.8); animation: lxhKen 38s ease-in-out infinite alternate; }
.lxh-scrim {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(46% 50% at 50% 46%, rgba(5, 4, 10, .8), rgba(5, 4, 10, .45) 58%, rgba(5, 4, 10, .14) 82%),
              linear-gradient(180deg, rgba(5, 4, 10, .5), transparent 22%, transparent 72%, var(--lx-bg) 99%);
}
.lxh-sigil { position: absolute; left: 50%; top: 47%; width: min(980px, 135vw); aspect-ratio: 1; transform: translate(-50%, -50%); z-index: 0; pointer-events: none; opacity: .85; }
.lxh-sigil svg { width: 100%; height: 100%; overflow: visible; }
.lxh-sigil .r1 { animation: lxhSpin 160s linear infinite; transform-origin: 300px 300px; }
.lxh-sigil .r2 { animation: lxhSpin 90s linear infinite reverse; transform-origin: 300px 300px; }
.lxh-sigil .r3 { animation: lxhSpin 48s linear infinite; transform-origin: 300px 300px; }
.lxh-halo {
  position: absolute; left: 50%; top: 47%; width: min(760px, 110vw); aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; z-index: 0; pointer-events: none;
  background: conic-gradient(from 0deg, rgba(226, 59, 78, 0), rgba(226, 59, 78, .22), rgba(227, 191, 120, .16), rgba(120, 80, 220, .12), rgba(226, 59, 78, 0));
  filter: blur(70px); opacity: .75; animation: lxhSpin 40s linear infinite;
}
.lxh-in { position: relative; z-index: 2; width: 100%; }
.lxh-h1 { margin: 26px 0 0; font-weight: 200; font-size: clamp(50px, 8.2vw, 124px); line-height: .96; letter-spacing: -.045em; color: var(--lx-ink); text-shadow: 0 4px 40px rgba(5, 4, 10, .85); }
.lxh-h1 > span { display: block; }
.lxh-h1 .lux-serif { font-size: 1.08em; background-size: 220% 100%; animation: lxhSheen 9s ease-in-out infinite; }
.lxh-tag { margin: 26px auto 0; max-width: 42ch; text-wrap: balance; font-size: clamp(18px, 1.9vw, 24px); font-weight: 300; line-height: 1.4; color: var(--lx-ink); text-shadow: 0 2px 20px rgba(5, 4, 10, .9); }
.lxh-lede { margin: 14px auto 0; max-width: 60ch; font-size: 16px; font-weight: 300; line-height: 1.75; color: var(--lx-ink2); text-shadow: 0 2px 16px rgba(5, 4, 10, .95); }
.lxh-cta { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 32px; }
.lxh-meta { margin-top: 16px; font-family: var(--lx-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--lx-muted); }
.lxh-hud {
  position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 1000px; margin: 46px auto 0;
  border: 1px solid var(--lx-line); border-radius: 22px; background: rgba(12, 9, 18, .45);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 30px 80px -40px rgba(0, 0, 0, .9);
}
.lxh-hud > div { padding: 18px 14px; border-left: 1px solid var(--lx-line); }
.lxh-hud > div:first-child { border-left: 0; }
.lxh-hud-v { display: block; font-weight: 200; font-size: clamp(26px, 2.8vw, 38px); line-height: 1; letter-spacing: -.03em; color: var(--lx-ink); font-variant-numeric: tabular-nums; }
.lxh-hud-v.hot { background: var(--lx-iri); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lxh-hud-l { display: block; margin-top: 10px; font-family: var(--lx-mono); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--lx-muted); }
.lxh-hud .status-v { font-size: clamp(18px, 1.8vw, 24px); font-weight: 300; }
.lxh-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--lx-faint); margin-right: 10px; vertical-align: middle; position: relative; top: -2px; }
.lxh-dot[data-state="online"] { background: #4ade80; box-shadow: 0 0 12px #4ade80; animation: lxhPulse 2.4s ease-out infinite; }
.lxh-dot[data-state="offline"] { background: var(--lx-crim); }
.lxh-scroll {
  position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 12px;
  font-family: var(--lx-mono); font-size: 10px; letter-spacing: .32em; text-transform: uppercase; color: var(--lx-muted);
}
.lxh-scroll i { display: block; width: 1px; height: 34px; background: linear-gradient(var(--lx-gold), transparent); transform-origin: top; animation: lxhDrop 2.6s var(--lx-ease) infinite; }
.lxh-e { animation: lxhIn 1.4s var(--lx-ease) both; animation-delay: var(--d, 0s); }

/* feature ribbon under the hero */
.lxh-ticker {
  position: relative; z-index: 2; overflow: hidden; border-block: 1px solid var(--lx-line); background: rgba(8, 6, 13, .6);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.lxh-track { display: flex; align-items: center; gap: 28px; width: max-content; padding: 18px 0; animation: lxhMarquee 60s linear infinite; }
.lxh-ticker:hover .lxh-track { animation-play-state: paused; }
.lxh-track a { display: inline-flex; align-items: center; gap: 12px; white-space: nowrap; font-weight: 200; font-size: clamp(20px, 2.2vw, 28px); letter-spacing: -.02em; color: var(--lx-ink2); }
.lxh-track a:hover { color: #fff; }
.lxh-track a img { height: 30px; width: auto; }
.lxh-track i { width: 6px; height: 6px; flex: none; transform: rotate(45deg); background: var(--lx-gold); box-shadow: 0 0 10px var(--lx-gold); opacity: .7; }

@keyframes lxhSpin { to { transform: rotate(360deg); } }
@keyframes lxhIn { from { opacity: 0; transform: translateY(26px); filter: blur(8px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes lxhSheen { 0%, 100% { background-position: 0% 0; } 50% { background-position: 100% 0; } }
@keyframes lxhPulse { 0% { box-shadow: 0 0 0 0 rgba(74, 222, 128, .6); } 70% { box-shadow: 0 0 0 10px rgba(74, 222, 128, 0); } 100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0); } }
@keyframes lxhDrop { 0% { transform: scaleY(0); opacity: 1; } 60% { transform: scaleY(1); opacity: 1; } 100% { transform: scaleY(1); opacity: 0; } }
@keyframes lxhKen { from { transform: scale(1.02); } to { transform: scale(1.1) translate3d(-1.5%, -1%, 0); } }
@keyframes lxhMarquee { to { transform: translateX(-50%); } }

/* =====================================================================
   Podium (rankings page + Hall of Fame on home). Order 2-1-3, metal
   rings with a serif monogram, plinths with roman numerals, a light
   cone over first place.
   ===================================================================== */
.podium-stage {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr) minmax(0, 1fr); align-items: end;
  gap: clamp(8px, 2.2vw, 26px); max-width: 980px; margin: 18px auto 46px; padding-top: 70px;
}
.podium-stage::before {
  content: ""; position: absolute; left: 50%; top: -30px; width: min(520px, 70%); height: 120%; transform: translateX(-50%); pointer-events: none; z-index: 0;
  background: radial-gradient(50% 60% at 50% 0%, rgba(246, 223, 174, .16), transparent 70%), conic-gradient(from 180deg at 50% 0%, transparent 160deg, rgba(246, 223, 174, .09) 172deg, rgba(246, 223, 174, .13) 180deg, rgba(246, 223, 174, .09) 188deg, transparent 200deg);
  filter: blur(6px); animation: podBeam 6s ease-in-out infinite;
}
.podium-stage::after {
  content: ""; position: absolute; left: 4%; right: 4%; bottom: -2px; height: 1px; z-index: 0;
  background: linear-gradient(90deg, transparent, rgba(246, 223, 174, .5), transparent); box-shadow: 0 0 24px rgba(227, 191, 120, .6);
}
.pod { --metal: var(--m-gold); --glow: rgba(227, 191, 120, .55); --tone: #f6dfae; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; color: inherit; }
.pod:hover { color: inherit; }
.pod-1 { order: 2; }
.pod-2 { order: 1; --metal: var(--m-silver); --glow: rgba(214, 222, 240, .42); --tone: #e8ecf4; }
.pod-3 { order: 3; --metal: var(--m-bronze); --glow: rgba(212, 154, 106, .45); --tone: #f1c39b; }
.pod-crown { width: 58px; height: 46px; margin-bottom: 6px; color: var(--lx-gold); filter: drop-shadow(0 0 12px rgba(227, 191, 120, .7)); animation: podFloat 4.5s ease-in-out infinite; }
.pod-crown svg { width: 100%; height: 100%; overflow: visible; }
.pod-ring {
  position: relative; width: clamp(66px, 9vw, 104px); aspect-ratio: 1; border-radius: 50%; padding: 2px; background: var(--metal);
  box-shadow: 0 0 0 6px rgba(255, 255, 255, .02), 0 0 46px -6px var(--glow);
}
.pod-1 .pod-ring { width: clamp(84px, 12vw, 136px); }
.pod-ring::before { content: ""; position: absolute; inset: -9px; border-radius: 50%; border: 1px dashed rgba(246, 223, 174, .22); animation: lxhSpin 40s linear infinite; }
.pod-ring > span {
  display: grid; place-items: center; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;
  background: radial-gradient(circle at 35% 28%, #2b2234, #0b0912 70%);
  font: italic 500 clamp(30px, 4.4vw, 52px)/1 var(--lx-serif); color: var(--tone);
}
.pod-1 .pod-ring > span { font-size: clamp(38px, 6vw, 70px); }
.pod-ring img { max-width: 70%; max-height: 70%; object-fit: contain; }
.pod-name {
  margin-top: 18px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-weight: 400; font-size: clamp(15px, 1.9vw, 22px); letter-spacing: -.01em; color: var(--lx-ink);
}
.pod-1 .pod-name { font-size: clamp(17px, 2.4vw, 28px); }
.pod-sub { margin-top: 4px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: var(--lx-muted); }
.pod-val { margin-top: 12px; font-weight: 200; font-size: clamp(22px, 3vw, 38px); line-height: 1; letter-spacing: -.035em; color: var(--lx-ink); font-variant-numeric: tabular-nums; }
.pod-1 .pod-val { font-size: clamp(26px, 4vw, 50px); background: var(--lx-iri); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pod-unit { display: block; margin-top: 8px; font-family: var(--lx-mono); font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var(--lx-muted); }
.pod-plinth {
  position: relative; overflow: hidden; width: 100%; height: 96px; margin-top: 20px; border-radius: 18px 18px 4px 4px;
  border: 1px solid color-mix(in srgb, var(--tone) 34%, transparent); border-bottom: 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--tone) 16%, transparent), rgba(255, 255, 255, .015) 70%), rgba(12, 9, 18, .6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 -20px 60px -30px var(--glow);
  display: grid; place-items: center;
}
.pod-1 .pod-plinth { height: 150px; }
.pod-3 .pod-plinth { height: 74px; }
.pod-plinth::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--metal); box-shadow: 0 0 16px var(--glow); }
.pod-plinth::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .10) 50%, transparent 65%); background-size: 260% 100%;
  animation: podSheen 7s ease-in-out infinite;
}
.pod-2 .pod-plinth::after { animation-delay: 1.2s; }
.pod-3 .pod-plinth::after { animation-delay: 2.4s; }
.pod-num {
  font: italic 500 clamp(44px, 6vw, 76px)/1 var(--lx-serif); background: var(--metal); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 0 18px var(--glow)); opacity: .95;
}
.pod-1 .pod-num { font-size: clamp(56px, 8vw, 100px); }
.pod.empty .pod-ring { filter: grayscale(.7); opacity: .55; }
.pod.empty .pod-name { color: var(--lx-muted); font-weight: 300; }
/* character pictures (img/chars, one per look, drawn by the exporter); rankings.js sets the crop inline */
.pod-ring > span, .rk-ava { position: relative; }
.pod-ring .ava, .rk-ava .ava {
  position: absolute; max-width: none; max-height: none; height: auto; image-rendering: pixelated; pointer-events: none; user-select: none;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .45));
}
.pod-ring > span > i, .rk-ava > i { font: inherit; }
.pod-ring > span.has-ava > i, .rk-ava.has-ava > i { display: none; }
.pod-ring > span.has-ava { background: radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--tone, #f6dfae) 24%, #2b2234), #0b0912 72%); }
.pod-2 .pod-ring .ava { transform: scaleX(-1); }            /* second place turns to face the champion */
.rk-who { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; vertical-align: middle; }
.rk-who b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rk-ava {
  flex: none; width: 38px; height: 38px; border-radius: 50%; overflow: hidden; display: grid; place-items: center;
  border: 1px solid var(--lx-line2); background: radial-gradient(circle at 50% 38%, #2b2234, #0b0912 72%);
  font: italic 500 18px/1 var(--lx-serif); color: var(--lx-gold-l);
}
.rank-1 .rk-ava { border-color: #e3bf78; box-shadow: 0 0 14px -3px rgba(227, 191, 120, .7); }
.rank-2 .rk-ava { border-color: #c9cfda; }
.rank-3 .rk-ava { border-color: #d49a6a; }
@keyframes podFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes podSheen { 0%, 100% { background-position: 120% 0; } 50% { background-position: -20% 0; } }
@keyframes podBeam { 0%, 100% { opacity: .8; } 50% { opacity: 1; } }

/* rankings page */
.rk-hud { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 820px; margin: 34px 0 0; }
.rk-tabs { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin: 8px 0 6px; }
.rk-tabs button { cursor: pointer; display: inline-flex; align-items: center; gap: 9px; }
.rk-tabs button svg { width: 15px; height: 15px; opacity: .85; }
.rk-intro { text-align: center; color: var(--lx-muted); font-size: 15px; margin: 14px auto 0; max-width: 60ch; min-height: 1.6em; }
.rk-bar { justify-content: center; }
.rk-bar .meta { margin-left: 0; }
.mesos { color: var(--lx-gold-l); }
.champs { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px; }
.champ { padding: 18px 20px; display: flex; gap: 14px; align-items: center; }
.champ .pod-ring { width: 54px; flex: none; --metal: linear-gradient(160deg, rgba(246, 223, 174, .5), rgba(246, 223, 174, .08)); box-shadow: none; }
.champ .pod-ring::before { display: none; }
.champ .pod-ring > span { font-size: 26px; color: var(--lx-gold-l); }
.champ.rank-1 .pod-ring { --metal: var(--m-gold); }
.champ.rank-2 .pod-ring { --metal: var(--m-silver); }
.champ.rank-3 .pod-ring { --metal: var(--m-bronze); }
.champ small { display: block; font-family: var(--lx-mono); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--lx-gold); }
.champ b { display: block; font-weight: 400; font-size: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.champ div { min-width: 0; }
.champ span { font-size: 13px; color: var(--lx-muted); }

/* Hall of Fame on home */
.hof { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 34px; align-items: center; }
.hof .podium-stage { margin: 0; max-width: none; }
.hof-crowns { display: grid; gap: 12px; }
.hof-crown { display: flex; align-items: center; gap: 16px; padding: 18px 20px; color: inherit; }
.hof-crown:hover { color: inherit; transform: translateX(4px); border-color: var(--lx-line2); }
.hof-crown .ic { width: 44px; height: 44px; flex: none; border-radius: 50%; display: grid; place-items: center; color: var(--lx-gold-l); border: 1px solid var(--lx-line2); background: radial-gradient(circle at 35% 30%, rgba(246, 223, 174, .14), transparent 70%); }
.hof-crown .ic svg { width: 20px; height: 20px; }
.hof-crown div { min-width: 0; flex: 1; }
.hof-crown small { display: block; font-family: var(--lx-mono); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--lx-gold); }
.hof-crown b { display: block; font-weight: 400; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hof-crown em { font-style: normal; font-weight: 200; font-size: 24px; letter-spacing: -.03em; color: var(--lx-ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.hof-crown em small { display: inline; font-size: 10px; letter-spacing: .14em; margin-left: 4px; color: var(--lx-muted); }

/* ---------- responsive ---------- */
@media (max-width: 980px) {
  :root { --nav-h: 64px; }
  .nav.open .nav-links { background: rgba(8, 6, 13, .97); }
  .nav-links a[aria-current="page"]::after { display: none; }
  .lux-cursor { display: none; }
  .lxh-hud { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lxh-hud > div { border-left: 0; border-top: 1px solid var(--lx-line); }
  .lxh-hud > div:nth-child(-n+2) { border-top: 0; }
  .lxh-hud > div:nth-child(even) { border-left: 1px solid var(--lx-line); }
  .lxh-hud > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .hof { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .section { padding: 64px 0; }
  .lxh-hero { padding: calc(var(--nav-h) + 30px) 0 110px; }
  .lxh-cta .btn { width: 100%; }
  .cta-band { padding: 40px 22px; }
  .podium-stage { padding-top: 56px; gap: 8px; }
  .pod-crown { width: 40px; height: 32px; }
  .pod-sub { font-size: 11.5px; }
  .pod-plinth { height: 70px; } .pod-1 .pod-plinth { height: 110px; } .pod-3 .pod-plinth { height: 54px; }
  .rk-hud { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rk-tabs button { padding: 10px 14px; font-size: 13px; }
  .hof-crown em { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .lux-grain, .lxh-e, .lxh-sigil .r1, .lxh-sigil .r2, .lxh-sigil .r3, .lxh-halo, .lxh-h1 .lux-serif, .lxh-scroll i, .lxh-track, .lxh-art video,
  .pod-crown, .pod-ring::before, .pod-plinth::after, .podium-stage::before, .brand .gem { animation: none; }
  .lxh-ticker { overflow-x: auto; }
  .js .reveal { opacity: 1; transform: none; filter: none; }
}

/* ================================================================ 2026-10-19: updates dot, nav fit, wiki, home feed */

/* ---------- Updates red dot: always on; pulses (and shows on the phone menu button) until /updates/ is seen ---------- */
.nav-dot {
  position: relative; display: inline-block; flex: none; width: 7px; height: 7px; border-radius: 50%;
  background: #ff3b4d; box-shadow: 0 0 0 2px rgba(255, 59, 77, .16), 0 0 10px rgba(255, 59, 77, .8);
}
.nav-dot::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1.5px solid #ff3b4d; opacity: 0; }
.upd-new .nav-upd .nav-dot::after, .upd-new .nav-toggle .nav-dot::after, .kicker-live .nav-dot::after { animation: navDot 1.9s ease-out infinite; }
@keyframes navDot { 0% { transform: scale(.5); opacity: .9; } 100% { transform: scale(2.3); opacity: 0; } }
.nav-links .nav-upd { padding-right: 18px; }
.nav-links .nav-upd .nav-dot { position: absolute; top: 6px; right: 6px; }
.nav-toggle { position: relative; }
.nav-toggle .nav-dot { position: absolute; top: -3px; right: -3px; display: none; }
.nav.upd-new .nav-toggle .nav-dot { display: block; }

/* ---------- nav fit: the 10 links + status + log in + play overflowed between 980 and ~1400 px ---------- */
@media (max-width: 1400px) {
  .nav .wrap { gap: 14px; }
  .nav-links { margin-left: 2px; }
  .nav-links a { padding: 8px 8px; }
  .nav-links .nav-upd { padding-right: 16px; }
  .nav-links .nav-upd .nav-dot { right: 4px; }
  .nav-links a[aria-current="page"]::after { left: 8px; right: 8px; }
  .status-pill .label-long { display: none; }
}
@media (max-width: 1290px) {
  .nav-login span { display: none; }
  .nav-login svg { margin-right: 0; }
  .status-pill { padding: 9px; }
  .status-pill .label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (max-width: 1120px) {
  .nav-links, .nav-right .btn { display: none; }
  .nav-toggle { display: grid; margin-left: auto; }
  .nav-right { margin-left: 0; }
  .status-pill { padding: 7px 13px; }
  .status-pill .label { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .nav.open .nav-links {
    display: flex; flex-direction: column; align-items: stretch; position: absolute; top: var(--nav-h); left: 0; right: 0; margin: 0;
    padding: 12px 16px 18px; background: rgba(8, 6, 13, .97); border-bottom: 1px solid var(--line); gap: 2px;
    max-height: calc(100vh - var(--nav-h)); overflow-y: auto;
  }
  .nav.open .nav-links a { padding: 12px 14px; font-size: 16px; }
  .nav.open .nav-links .nav-upd { display: flex; align-items: center; gap: 10px; }
  .nav.open .nav-links .nav-upd .nav-dot { position: relative; top: auto; right: auto; }
  .nav.open .nav-links .nav-login-m { display: block; border-top: 1px solid var(--line); margin-top: 6px; padding-top: 14px; }
  .nav-links a[aria-current="page"]::after { display: none; }
}

/* ---------- home: latest updates straight after the hero ---------- */
.home-drops { padding-top: 76px; }
.home-drops-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px 28px; flex-wrap: wrap; margin-bottom: 28px; }
.home-drops-head .section-head { margin: 0; }
.home-drops-head .section-head p { margin-bottom: 0; }
.kicker-live { gap: 10px; }
.kicker-live::before { display: none; }
.home-feed { margin-top: 22px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }
.hf-h { grid-column: 1 / -1; font: 400 10.5px var(--lx-mono); letter-spacing: .22em; text-transform: uppercase; color: var(--lx-muted); margin: 6px 0 2px; }
.hf-row {
  display: flex; align-items: center; gap: 14px; padding: 11px 16px 11px 12px; border-radius: 16px; color: var(--lx-ink);
  background: rgba(12, 9, 18, .5); border: 1px solid var(--lx-line); transition: border-color .25s, transform .25s var(--lx-ease), background .25s;
}
.hf-row:hover { color: #fff; border-color: var(--lx-line2); background: rgba(18, 14, 26, .7); transform: translateX(3px); }
.hf-main { flex: 1; min-width: 0; }
.hf-meta { display: flex; align-items: center; gap: 10px; font: 400 10.5px var(--lx-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--lx-muted); }
.hf-meta b { color: var(--c); font-weight: 500; }
.hf-title { display: block; margin-top: 3px; font-size: 15.5px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hf-row .lux-arrow { color: var(--lx-gold); flex: none; }

/* small update icon, usable without updates.css (wiki home) */
.up-ic.sm {
  display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; overflow: hidden;
  background: radial-gradient(70% 70% at 50% 40%, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)); border: 1px solid var(--lx-line);
}
.up-ic.sm img { max-width: 32px; max-height: 32px; object-fit: contain; }
.up-ic.sm img.pixel { image-rendering: pixelated; max-width: 26px; max-height: 26px; }
.up-ic.sm.is-svg svg { width: 20px; height: 20px; fill: none; stroke: var(--c); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- wiki article ---------- */
.article-meta {
  display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 12px;
  font: 400 10.5px var(--lx-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--lx-muted);
}
.article-meta span { display: inline-flex; align-items: center; gap: 7px; }
.article-meta svg { width: 13px; height: 13px; color: var(--lx-gold); }
.wiki-changes {
  display: grid; gap: 2px; margin: 24px 0 4px; padding: 14px 14px 10px; border-radius: 18px; border: 1px solid var(--lx-line);
  background: linear-gradient(120deg, rgba(255, 59, 77, .06), rgba(227, 191, 120, .035) 60%, transparent);
}
.wiki-changes-h { display: flex; align-items: center; gap: 10px; padding: 0 4px 8px; font: 400 10.5px var(--lx-mono); letter-spacing: .2em; text-transform: uppercase; color: var(--lx-gold); }
.wiki-changes-h a { margin-left: auto; letter-spacing: .08em; color: var(--lx-ink2); }
.wiki-changes-h a:hover { color: #fff; }
.wiki-changes > a { display: flex; gap: 14px; align-items: baseline; padding: 7px 10px; border-radius: 10px; color: var(--lx-ink); font-size: 15px; line-height: 1.45; border-left: 2px solid var(--c); }
.wiki-changes > a:hover { background: rgba(255, 255, 255, .04); color: #fff; }
.wiki-changes time { flex: none; min-width: 84px; font: 400 10.5px var(--lx-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--lx-muted); }
.wiki-toc-m { display: none; margin: 18px 0 0; border: 1px solid var(--lx-line); border-radius: 16px; background: rgba(12, 9, 18, .55); }
.wiki-toc-m summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 10px; padding: 13px 16px; font: 400 11px var(--lx-mono); letter-spacing: .18em; text-transform: uppercase; color: var(--lx-gold); }
.wiki-toc-m summary::-webkit-details-marker { display: none; }
.wiki-toc-m summary::after { content: "+"; margin-left: auto; font-size: 16px; color: var(--lx-ink2); }
.wiki-toc-m[open] summary::after { content: "\2212"; }
.wiki-toc-m summary small { font-size: 10px; letter-spacing: .1em; color: var(--lx-muted); }
.wiki-toc-m nav { display: grid; padding: 0 10px 12px; }
.wiki-toc-m nav a { padding: 8px 10px; border-radius: 9px; color: var(--lx-ink2); font-size: 15px; }
.wiki-toc-m nav a.sub { padding-left: 26px; font-size: 14px; color: var(--muted); }
.wiki-toc-m nav a:hover { background: rgba(255, 255, 255, .04); color: #fff; }
@media (max-width: 1180px) { .wiki-toc-m { display: block; } }
.read-progress {
  position: fixed; top: var(--nav-h); left: 0; right: 0; height: 2px; z-index: 101; pointer-events: none;
  transform: scaleX(0); transform-origin: 0 50%; background: linear-gradient(90deg, var(--lx-gold), #ff3b4d);
  box-shadow: 0 0 10px rgba(227, 191, 120, .55);
}
.prose .anchor { position: relative; text-decoration: none; }
.prose .anchor.copied { opacity: 1; color: var(--lx-gold); }
.prose .anchor.copied::after {
  content: "Link copied"; position: absolute; left: 100%; top: 50%; transform: translate(8px, -50%); white-space: nowrap;
  font: 400 10px var(--lx-mono); letter-spacing: .12em; text-transform: uppercase; color: #1a1206;
  background: var(--lx-champ); padding: 4px 8px; border-radius: 999px;
}
.search-results mark { background: rgba(227, 191, 120, .24); color: #fff; border-radius: 3px; padding: 0 1px; }
/* tables: framed, full width (the old display:block table shrank to its content) */
.prose .table-wrap { overflow-x: auto; margin: 0 0 1.4em; border: 1px solid var(--lx-line); border-radius: 16px; background: rgba(12, 9, 18, .45); }
.prose .table-wrap table { display: table; width: 100%; margin: 0; border-collapse: collapse; }
.prose .table-wrap tr:last-child td { border-bottom: 0; }
.prose .table-wrap th { white-space: normal; min-width: 64px; vertical-align: bottom; }
.prose .table-wrap tbody tr:hover td { background: rgba(255, 255, 255, .025); }
.prose .table-wrap table:not(:has(thead)) td:first-child { color: var(--lx-muted); width: 36%; }

/* ---------- wiki home ---------- */
.path a { position: relative; display: flex; flex-direction: column; gap: 6px; min-height: 148px; padding: 16px 18px 18px; }
.path-n { font: italic 500 34px/1 var(--lx-serif); color: var(--lx-gold); opacity: .6; transition: opacity .3s; }
.path a:hover .path-n { opacity: 1; }
.path b { font-size: 17px; line-height: 1.3; }
.path em {
  position: relative; font-style: normal; font-size: 13px; line-height: 1.5; color: var(--lx-muted);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.wiki-fresh { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.wf-col { padding: 22px 20px 16px; }
.wf-col h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 19px; font-weight: 400; }
.wf-list { display: grid; }
.wf-list a { display: flex; align-items: center; gap: 14px; padding: 9px 8px; border-radius: 12px; color: var(--lx-ink); border-bottom: 1px solid var(--lx-line); }
.wf-list a:last-child { border-bottom: 0; }
.wf-list a:hover { background: rgba(255, 255, 255, .035); color: #fff; }
.wf-list > a > img { width: 40px; height: 40px; flex: none; object-fit: contain; }
.wf-list > a > span:not(.up-ic) { flex: 1; min-width: 0; }
.wf-list b { display: block; font-weight: 400; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wf-list small { display: block; font: 400 10px var(--lx-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--c, var(--lx-muted)); margin-top: 2px; }
.wf-list time { flex: none; font: 400 10.5px var(--lx-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--lx-muted); }
.wf-more { display: inline-block; margin: 6px 0 0; padding: 8px; font-size: 14px; color: var(--lx-gold-l); }

@media (max-width: 980px) {
  .home-feed, .wiki-fresh { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {   /* phones: the long "Status unavailable" label pushed the menu button off-screen */
  .nav .wrap { gap: 10px; }
  .status-pill[data-state="unknown"] { padding: 9px; }
  .status-pill[data-state="unknown"] .label { display: none; }
  .brand { letter-spacing: .24em; }
}
@media (max-width: 640px) {
  .home-drops { padding-top: 56px; }
  .home-drops-head .btn { width: 100%; justify-content: center; }
  .wiki-changes > a { flex-direction: column; gap: 2px; }
  .wf-list time { display: none; }
  .path a { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .nav-dot::after { animation: none !important; }
  .read-progress { display: none; }
}

/* ================================================================ 2026-10-19 (2): phones */

/* phone menu: a Play button at the bottom, the page dimmed and locked behind it */
.nav-play-m { display: none; }
@media (max-width: 1120px) {
  body.nav-open { overflow: hidden; }
  .nav.open::after { content: ""; position: fixed; inset: var(--nav-h) 0 0; z-index: -1; background: rgba(5, 4, 10, .62); }
  .nav.open .nav-links .nav-play-m {
    display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 10px; padding: 14px; border-radius: 999px;
    background: var(--lx-champ); color: #1a1206; font-weight: 500;
  }
  .nav-play-m svg { width: 17px; height: 17px; }
  .nav.open .nav-links a:not(.nav-play-m):active { background: rgba(255, 255, 255, .05); }
}

/* lists that cut long titles: grid items need min-width 0 or they grow to the title's width */
.wf-list { grid-template-columns: minmax(0, 1fr); }
.hf-meta { flex-wrap: wrap; row-gap: 2px; }
.hf-meta b, .hf-meta time { white-space: nowrap; }
.wiki-changes-h a { padding: 10px 4px; margin: -10px 0 -10px auto; }

/* rankings: on phones the class (or VIP title) sits under the name instead of in its own column */
.rk-nm { display: flex; flex-direction: column; min-width: 0; }
.rk-nm b { max-width: 100%; }
.rk-sub { display: none; }

input[type="checkbox"] { accent-color: var(--lx-gold); }

@media (max-width: 980px) {
  /* wiki: search and the article list button share one row above the article */
  .wiki-side { display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch; }
  .wiki-side .wiki-search { flex: 1 1 150px; margin: 0; }
  .wiki-side .wiki-side-toggle { flex: 0 0 auto; width: auto; margin: 0; padding: 0 16px; }
  .wiki-side .wiki-nav { flex: 1 0 100%; }
}

@media (max-width: 640px) {
  /* iOS zooms the page into any field under 16 px */
  .input, select.input, input[type="search"], input[type="text"], input[type="email"], input[type="password"], textarea, select { font-size: 16px; }
  input[type="checkbox"] { width: 18px; height: 18px; }

  /* the 10 px mono labels are hard to read on a phone */
  .lxh-hud-l, .pod-unit, .badge, .up-pill, .up-big, .up-new, .hf-meta, .hf-h, .wf-list small, .wf-list time, .article-meta,
  .wiki-changes-h, .wiki-changes time, .crumbs, .field label, .claim-check label, footer.site .legal, .lxh-meta { font-size: 11px; }

  .rk-sub {
    display: block; margin-top: 2px; font: 400 11px var(--lx-mono); letter-spacing: .03em; color: var(--lx-muted);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 52vw;
  }
  table.data th, table.data td { padding: 10px 10px; }

  .prose .table-wrap { font-size: 14px; }
  .prose .table-wrap th, .prose .table-wrap td { padding: 9px 10px; }
  .prose .table-wrap th { min-width: 0; }

  /* footer: two link columns instead of one long list */
  footer.site { margin-top: 56px; padding-top: 36px; }
  footer.site .cols { grid-template-columns: 1fr 1fr; gap: 26px 18px; }
  footer.site .cols > div:first-child { grid-column: 1 / -1; }
  footer.site li { margin: 0; }
  footer.site li a { padding: 6px 0; }
  footer.site .legal { flex-direction: column; gap: 8px; }
}

/* ================================================================ 2026-11-02: v265.3 launch hype (home) */

/* hero eyebrow becomes a link with a red "New" chip */
a.lxh-new { gap: 12px; padding: 6px 16px 6px 6px; color: var(--lx-gold-l); text-decoration: none; transition: border-color .3s, box-shadow .3s; }
a.lxh-new::before { display: none; }
a.lxh-new b {
  padding: 4px 10px; border-radius: 999px; font-weight: 500; letter-spacing: .16em; color: #fff;
  background: linear-gradient(135deg, #ff5a6b, #b9384f); box-shadow: 0 0 18px rgba(255, 59, 77, .55); animation: v265Chip 2.4s ease-in-out infinite;
}
a.lxh-new:hover { border-color: rgba(246, 223, 174, .45); box-shadow: 0 0 40px -6px rgba(227, 191, 120, .45), inset 0 1px 0 rgba(255, 255, 255, .06); }

.v265 { padding-top: 76px; padding-bottom: 0; }
.v265-card {
  position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 40px; align-items: center; padding: clamp(28px, 4.4vw, 56px); border-radius: 30px; border: 1px solid var(--lx-line2);
  background: radial-gradient(90% 120% at 0% 0%, rgba(226, 59, 78, .16), transparent 60%),
              radial-gradient(80% 120% at 100% 100%, rgba(227, 191, 120, .13), transparent 60%), rgba(12, 9, 18, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 40px 120px -50px rgba(226, 59, 78, .55);
}
.v265-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none; z-index: -1;
  background: linear-gradient(120deg, rgba(246, 223, 174, .55), transparent 30%, transparent 70%, rgba(255, 111, 126, .5));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 1; }
.v265-aura {
  position: absolute; z-index: -1; right: -12%; top: -40%; width: 70%; aspect-ratio: 1; border-radius: 50%; pointer-events: none;
  background: conic-gradient(from 0deg, rgba(226, 59, 78, 0), rgba(226, 59, 78, .28), rgba(227, 191, 120, .22), rgba(120, 80, 220, .16), rgba(226, 59, 78, 0));
  filter: blur(60px); animation: lxhSpin 30s linear infinite;
}
.v265-copy h2 { margin: 18px 0 0; font-weight: 200; font-size: clamp(40px, 5.4vw, 74px); line-height: 1; letter-spacing: -.04em; }
.v265-copy h2 .grad-text { background-size: 220% 100%; animation: lxhSheen 7s ease-in-out infinite; }
.v265-copy > p { margin: 18px 0 0; max-width: 46ch; font-size: 16px; font-weight: 300; line-height: 1.7; color: var(--lx-ink2); }
.v265-jump { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 22px; font-family: var(--lx-mono); }
.v265-old { font-size: 15px; color: var(--lx-faint); text-decoration: line-through; text-decoration-color: rgba(226, 59, 78, .7); }
.v265-arrow { position: relative; width: 74px; height: 1px; background: linear-gradient(90deg, var(--lx-faint), var(--lx-gold)); }
.v265-arrow::after { content: ""; position: absolute; right: -1px; top: -4px; width: 8px; height: 8px; border-top: 1px solid var(--lx-gold); border-right: 1px solid var(--lx-gold); transform: rotate(45deg); }
.v265-arrow::before { content: ""; position: absolute; top: -2px; left: 0; width: 18px; height: 5px; border-radius: 3px; background: var(--lx-gold-l); box-shadow: 0 0 12px var(--lx-gold); animation: v265Run 2.2s var(--lx-ease) infinite; }
.v265-newv { font-size: 22px; font-weight: 500; letter-spacing: .04em; background: var(--lx-iri); -webkit-background-clip: text; background-clip: text; color: transparent; }
.v265-plus { padding: 5px 11px; border-radius: 999px; font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--lx-gold-l); border: 1px solid var(--lx-line2); background: rgba(227, 191, 120, .06); }
.v265-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.v265-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.v265-grid a {
  display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 14px; align-items: center; height: 100%;
  padding: 14px 16px; border-radius: 18px; border: 1px solid var(--lx-line); background: rgba(8, 6, 13, .55); color: inherit; text-decoration: none;
  transition: transform .35s var(--lx-ease), border-color .35s, background .35s;
}
.v265-grid a:hover { transform: translateY(-3px); border-color: rgba(246, 223, 174, .38); background: rgba(24, 18, 32, .75); }
.v265-grid img { grid-row: 1 / 3; width: 48px; height: 48px; object-fit: contain; filter: drop-shadow(0 4px 14px rgba(227, 191, 120, .25)); }
.v265-grid b { font-weight: 500; font-size: 15.5px; color: var(--lx-ink); align-self: end; }
.v265-grid span { font-size: 13px; line-height: 1.45; color: var(--lx-muted); align-self: start; margin-top: 2px; }
.v265 + .home-drops { padding-top: 64px; }
@keyframes v265Chip { 0%, 100% { box-shadow: 0 0 10px rgba(255, 59, 77, .45); } 50% { box-shadow: 0 0 22px rgba(255, 59, 77, .85); } }
@keyframes v265Run { 0% { left: 0; opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { left: calc(100% - 18px); opacity: 0; } }
@media (max-width: 960px) {
  .v265-card { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 520px) {
  .v265 { padding-top: 52px; }
  .v265-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .v265-grid a { padding: 12px 14px; }
  .v265-cta .btn { flex: 1 1 100%; justify-content: center; }
  a.lxh-new { font-size: 10px; letter-spacing: .14em; padding-right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  a.lxh-new b, .v265-aura, .v265-copy h2 .grad-text, .v265-arrow::before { animation: none; }
}