/* CABAL X — visual playdominion.games (cores, tipo e layout) */
:root {
  --deep-black: #0E0D10;
  --panel: #1a191e;
  --wl-bg: #0E0D10;
  --wl-gold: #bc2b26;
  --wl-red: #bc2b26;
  --wl-ember: #c93a34;
  --wl-paper: #EAE6DA;
  --primary: #bc2b26;
  --primary-rgb: 188, 43, 38;
  --rune-rgb: 188, 43, 38;
  --ember-rgb: 201, 58, 52;
  --foreground: #EAE6DA;
  --muted: #a1a1aa;
  --border: rgba(255,255,255,.10);
  --color-cyan-50: #f4e8e6;
  --color-cyan-100: #e8c9c6;
  --color-cyan-200: #d99a95;
  --color-cyan-300: #c96b64;
  --color-cyan-400: #bc2b26;
  --color-cyan-500: #a52420;
  --color-cyan-600: #8a1e1b;
  --color-cyan-700: #641614;
  --color-cyan-900: #3a0d0c;
  --color-cyan-950: #1f0807;
  --color-sky-200: #EAE6DA;
  --color-sky-300: #d99a95;
  --color-blue-400: #bc2b26;
}

html, body {
  margin: 0;
  color: #EAE6DA;
  color-scheme: dark;
  background-color: #000 !important;
  background-image: none !important;
}
body {
  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, #000 0%, rgba(0,0,0,.55) 38%, rgba(0,0,0,.12) 72%, rgba(0,0,0,.18) 100%);
}
#root, .paradoxx-ui, main {
  background: transparent !important;
  color: #EAE6DA;
}
.wl-fundo {
  position: fixed !important;
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 100vw;
  min-height: 100vh;
  min-height: 100dvh;
  object-fit: cover;
  object-position: center top;
  image-rendering: auto;
  image-rendering: high-quality;
  -ms-interpolation-mode: bicubic;
  transform: translateZ(0);
  backface-visibility: hidden;
  z-index: 0;
  pointer-events: none;
  display: block !important;
}
.wl-chrome, #wl-home, #wl-ranking, #wl-shop, #wl-pacotes, #wl-downloads, #wl-character, #wl-noticias, #root, #wl-pagebar, .wl-foot {
  position: relative;
  z-index: 2;
}
#wl-home { background: transparent !important; }

body.wl-home #root { display: none !important; }
body:not(.wl-home) #wl-home { display: none !important; }
#wl-ranking { display: none; }
body.wl-rank #wl-ranking { display: block; }
body.wl-rank #root { display: none !important; }
body.wl-rank #wl-pagebar { display: block; }
#wl-shop { display: none; }
body.wl-shop #wl-shop { display: block; }
body.wl-shop #root { display: none !important; }
body.wl-shop #wl-pagebar { display: block; }
.wl-shop-box { max-width: 1600px; margin: 0 auto; padding: 12px 24px 48px; }
.wl-shop-empty {
  text-align: center;
  color: #cfcfcf;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.08);
  padding: 48px 24px;
  letter-spacing: .08em;
}
.wl-shop-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}
.wl-shop-card {
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.08);
  padding: 16px;
}
.wl-shop-card img {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: contain;
  margin-bottom: 10px;
}
.wl-shop-card h4 { margin: 0 0 8px; color: #bc2b26; }
.wl-shop-card small { color: #888; text-transform: uppercase; letter-spacing: .08em; }
.wl-shop-card p { margin: 10px 0 0; color: #cfcfcf; }

#wl-pacotes { display: none; }
body.wl-packs #wl-pacotes { display: block; }
body.wl-packs #root { display: none !important; }
body.wl-packs #wl-pagebar { display: none; }

#wl-downloads { display: none; }
body.wl-dl #wl-downloads { display: block; }
body.wl-dl #root { display: none !important; }
body.wl-dl #wl-pagebar { display: none; }

#wl-character { display: none; }
body.wl-char #wl-character { display: block; }
body.wl-char #root { display: none !important; }
body.wl-char #wl-pagebar { display: none; }

#wl-noticias { display: none; }
body.wl-news #wl-noticias { display: block; }
body.wl-news #root { display: none !important; }
body.wl-news #wl-pagebar { display: none; }

.wl-dl {
  max-width: 900px;
  margin: 0 auto;
  padding: 48px 24px 80px;
}
.wl-dl h1 {
  margin: 0 0 12px;
  font-family: "Space Grotesk", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: clamp(2rem, 5vw, 3.4rem);
  letter-spacing: -.04em;
  color: #fff;
}
.wl-dl h1 span { color: #bc2b26; }
.wl-dl > p { color: #a1a1aa; max-width: 40rem; line-height: 1.6; }
.wl-dl-card {
  margin-top: 28px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(14,13,16,.72);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.wl-dl-card h2 {
  margin: 0 0 8px;
  font-size: 18px;
  text-transform: uppercase;
  font-style: italic;
  font-family: "Space Grotesk", sans-serif;
}
.wl-dl-card p { margin: 0; color: #a1a1aa; max-width: 28rem; }
.wl-dl-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.wl-dl-actions a { text-decoration: none !important; }
.wl-dl-steps {
  margin: 28px 0 0;
  padding-left: 20px;
  color: #d4d4d8;
  line-height: 1.7;
  list-style: decimal outside;
}
.wl-dl-steps li { list-style: decimal outside; }

.pk-wrap { max-width: 1200px; margin: 0 auto; padding: 28px 24px 72px; }
.pk-head { text-align: left; margin-bottom: 36px; }
.pk-head h2 {
  margin: 10px 0 0;
  font-family: "Space Grotesk", "IBM Plex Sans", sans-serif;
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 700;
  font-style: italic;
  letter-spacing: -.04em;
  text-transform: uppercase;
  color: #fff;
}
.pk-head h2 span { color: var(--primary); }
.pk-line { display: none; }
.pk-head p { margin: 12px 0 0; color: #a1a1aa; font-size: 15px; max-width: 36rem; }
.pk-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.pk-card {
  background: rgba(14, 13, 16, .88);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: none;
  padding: 24px;
  display: flex;
  flex-direction: column;
  border-radius: 2px;
}
.pk-silver { border-color: rgba(255,255,255,.14); }
.pk-gold { border-color: rgba(188, 43, 38, .45); box-shadow: 0 0 22px rgba(188, 43, 38, .12); }
.pk-diamond { border-color: rgba(201, 58, 52, .7); box-shadow: 0 0 22px rgba(188, 43, 38, .18); }
.pk-card-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; }
.pk-badge {
  border: 1px solid rgba(232, 228, 220, .4);
  color: #cfcfcf;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}
.pk-gold .pk-badge { border-color: rgba(188, 43, 38, .65); color: #bc2b26; }
.pk-diamond .pk-badge { border-color: rgba(201, 58, 52, .65); color: #c93a34; }
.pk-box {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #8a8a8a;
  background: rgba(255, 255, 255, .06);
  position: relative;
}
.pk-box::before {
  content: "";
  position: absolute;
  inset: 8px 7px 7px;
  border: 2px solid currentColor;
  border-radius: 2px;
  color: #cfcfcf;
}
.pk-gold .pk-box { border-color: #bc2b26; background: rgba(188, 43, 38, .1); }
.pk-gold .pk-box::before { color: #bc2b26; }
.pk-diamond .pk-box { border-color: #c93a34; background: rgba(188, 43, 38, .12); }
.pk-diamond .pk-box::before { color: #c93a34; }
.pk-card h3 {
  margin: 0 0 16px;
  font-family: "Space Grotesk", "IBM Plex Sans", sans-serif;
  font-size: 20px;
  font-style: italic;
  line-height: 1.25;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #fff;
}
.pk-gold h3 { color: #eae6da; }
.pk-diamond h3 { color: #fff; }
.pk-status {
  background: rgba(0, 0, 0, .45);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 20px;
}
.pk-status small { display: block; color: #888; font-size: 11px; font-weight: 800; margin-bottom: 4px; }
.pk-status b { display: block; color: #cfcfcf; font-size: 12px; font-weight: 800; }
.pk-checkout {
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 24px;
}
.pk-gold .pk-checkout { border-color: rgba(188, 43, 38, .32); }
.pk-diamond .pk-checkout { border-color: rgba(201, 58, 52, .4); }
.pk-checkout > span {
  display: block;
  color: #888;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  margin-bottom: 8px;
}
.pk-price-row { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 18px; gap: 10px; }
.pk-price-row strong {
  font-family: "Space Grotesk", "IBM Plex Sans", sans-serif;
  font-size: 34px;
  font-style: italic;
  line-height: 1;
  color: #fff;
}
.pk-gold .pk-price-row strong,
.pk-gold .pk-price-row em { color: #eae6da; }
.pk-diamond .pk-price-row strong { color: #fff; }
.pk-diamond .pk-price-row em { color: #c96b64; }
.pk-price-row em { font-style: normal; font-size: 12px; font-weight: 900; color: #cfcfcf; white-space: nowrap; }
.pk-btn {
  width: 100%;
  padding: 14px 12px;
  font-size: 15px;
  font-weight: 900;
  font-family: "Space Grotesk", "IBM Plex Sans", sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}
.pk-btn-pix { color: #fff; background: linear-gradient(180deg, #c93a34 0%, #bc2b26 100%); }
.pk-gold .pk-btn-pix { color: #fff; background: linear-gradient(180deg, #c93a34 0%, #bc2b26 100%); }
.pk-diamond .pk-btn-pix { color: #fff; background: linear-gradient(180deg, #d44a44 0%, #8a1e1b 100%); }
.pk-btn-cash {
  margin-top: 10px;
  color: #fff;
  background: linear-gradient(180deg, #1c1c1c 0%, #111 100%);
  border: 1px solid rgba(255, 255, 255, .14);
}
.pk-gold .pk-btn-cash { border-color: rgba(188, 43, 38, .5); }
.pk-diamond .pk-btn-cash { border-color: rgba(201, 58, 52, .55); }
.pk-btn:hover { filter: brightness(1.08); }
.pk-desc {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #f3efe6;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .06em;
  margin-bottom: 10px;
}
.pk-desc::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #bc2b26;
  transform: rotate(45deg);
  clip-path: none;
}
.pk-gold .pk-desc::before { background: #bc2b26; }
.pk-diamond .pk-desc::before { background: #c93a34; }
.pk-card ul { list-style: none; padding: 0; margin: 0; color: #a8a8a8; font-size: 14px; line-height: 2; }
.pk-card li::before { content: "• "; color: #bc2b26; }
.pk-gold li::before { color: #bc2b26; }
.pk-diamond li::before { color: #c93a34; }

@media (max-width: 980px) {
  .pk-grid { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
}

.pk-modal {
  position: fixed;
  inset: 0;
  z-index: 40;
  background: rgba(0, 0, 0, .72);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.pk-modal[hidden] { display: none !important; }
.pk-modal-card {
  position: relative;
  width: min(420px, 100%);
  background: rgba(14, 13, 16, .96);
  border: 1px solid rgba(188, 43, 38, .45);
  box-shadow: 0 0 28px rgba(188, 43, 38, .16);
  padding: 28px 24px 24px;
  color: #EAE6DA;
  text-align: center;
}
.pk-modal-card h3 {
  margin: 0 0 10px;
  font-family: "Space Grotesk", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  color: #fff;
}
.pk-modal-card p { margin: 0 0 14px; color: #a8a8a8; font-size: 14px; }
.pk-modal-x {
  position: absolute;
  top: 8px;
  right: 12px;
  border: 0;
  background: none;
  color: #cbd5e1;
  font-size: 28px;
  cursor: pointer;
}
.pk-qr {
  display: block;
  width: 220px;
  max-width: 100%;
  margin: 0 auto 12px;
  background: #fff;
  border-radius: 8px;
  padding: 8px;
}
#pk-pix-copy {
  width: 100%;
  height: 78px;
  box-sizing: border-box;
  background: #111;
  border: 1px solid rgba(196, 30, 30, .4);
  color: #fff;
  padding: 10px;
  resize: none;
  font-size: 12px;
  margin-bottom: 10px;
}
.pk-ok { color: #34d399 !important; font-weight: 700; }

.paradoxx-ui > nav.fixed,
.paradoxx-ui > footer,
.paradoxx-ui nav.fixed,
.paradoxx-ui footer,
body:not(.wl-dash) nav.fixed,
body:not(.wl-dash) header.fixed,
html.wl-auth .paradoxx-ui > nav,
html.wl-auth .paradoxx-ui > footer,
body.wl-auth .paradoxx-ui > nav,
body.wl-auth .paradoxx-ui > footer,
body:not(.wl-dash) nav.fixed.z-50 { display: none !important; }
.paradoxx-sky { display: none !important; }
.paradoxx-ui { background: transparent !important; min-height: auto !important; }

html.wl-home #root,
html.wl-rank #root,
html.wl-shop #root,
html.wl-packs #root,
html.wl-dl #root,
html.wl-char #root,
html.wl-news #root,
body.wl-home #root,
body.wl-rank #root,
body.wl-shop #root,
body.wl-packs #root,
body.wl-dl #root,
body.wl-char #root,
body.wl-news #root,
html.wl-rank .paradoxx-ui,
html.wl-shop .paradoxx-ui,
html.wl-packs .paradoxx-ui,
html.wl-dl .paradoxx-ui,
html.wl-char .paradoxx-ui,
html.wl-news .paradoxx-ui,
body.wl-rank .paradoxx-ui,
body.wl-shop .paradoxx-ui,
body.wl-packs .paradoxx-ui,
body.wl-dl .paradoxx-ui,
body.wl-char .paradoxx-ui,
body.wl-news .paradoxx-ui { display: none !important; }

body:not(.wl-dash) a[href="/events"],
body:not(.wl-dash) a[href="/donate"],
body:not(.wl-dash) a[href="/rifa"],
body:not(.wl-dash) a[href="/raffle"],
body:not(.wl-dash) a[href="/events/"],
body:not(.wl-dash) a[href="/donate/"],
body.wl-auth a[href="/shop"],
html.wl-auth a[href="/shop"],
body.wl-auth .wl-nav a[data-wl="/shop"],
body.wl-auth .wl-foot a[href="/shop"] { display: none !important; }

.wl-chrome {
  position: sticky;
  top: 0;
  z-index: 80;
  background: color-mix(in srgb, #0E0D10 72%, transparent);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
body.wl-packs .wl-chrome,
body.wl-shop .wl-chrome,
body.wl-rank .wl-chrome,
body.wl-dl .wl-chrome,
body.wl-char .wl-chrome,
body.wl-news .wl-chrome,
body.wl-auth .wl-chrome,
body.wl-home .wl-chrome,
body.wl-inner .wl-chrome {
  display: block !important;
}
body.wl-packs .wl-logo-top,
body.wl-shop .wl-logo-top,
body.wl-rank .wl-logo-top,
body.wl-char .wl-logo-top,
body.wl-news .wl-logo-top,
body.wl-auth .wl-logo-top,
body.wl-inner .wl-logo-top,
body.wl-home .wl-logo-top {
  display: inline-flex;
}
body.wl-in .wl-when-out { display: none !important; }
body:not(.wl-in) .wl-when-in { display: none !important; }
#wl-nav-name {
  color: #EAE6DA;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pk-session {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 22px;
  padding: 12px 16px;
  background: rgba(0, 0, 0, .62);
  border: 1px solid rgba(188, 43, 38, .35);
}
.pk-session p { margin: 0; color: #d6d3c9; font-size: 13px; }
.pk-session b { color: #EAE6DA; }
.pk-session nav { display: flex; flex-wrap: wrap; gap: 10px; }
.pk-session a {
  display: inline-block;
  padding: 8px 14px;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 700;
  color: #f2f2f2 !important;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.04);
}
.pk-session a.pk-session-go,
.pk-session a[href="/user/dashboard"] {
  background: linear-gradient(#c93a34, #bc2b26);
  border-color: #bc2b26;
  color: #fff !important;
}
.wl-logo-top, .wl-logo-hero {
  font-family: "Space Grotesk", "IBM Plex Sans", sans-serif;
  text-align: left;
  letter-spacing: -.04em;
  line-height: .95;
  color: #fff;
  text-shadow: none;
  text-decoration: none !important;
  display: block;
}
.wl-logo-top {
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: .12em;
  white-space: nowrap;
}
.wl-logo-top span, .wl-logo-hero span { color: var(--primary); font-size: inherit; }

.wl-nav {
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}
.wl-nav-inner {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 0 24px;
  height: 64px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.wl-nav-links {
  display: flex;
  align-items: center;
  gap: 22px;
  flex: 1;
}
.wl-nav a {
  color: rgba(255,255,255,.62) !important;
  text-decoration: none !important;
  padding: 8px 0;
  position: relative;
  font-family: "IBM Plex Sans", sans-serif;
}
.wl-nav a:hover, .wl-nav a.is-active { color: #fff !important; }
.wl-nav a.is-active::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 4px;
  height: 1px;
  background: var(--primary);
}
.wl-nav-right { margin-left: auto; display: flex; align-items: center; gap: 16px; }
.wl-nav-social { display: flex; align-items: center; gap: 8px; }
.wl-nav-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 4px;
  transition: color .2s, border-color .2s;
}
.wl-nav-social a:hover { color: #fff !important; border-color: #bc2b26; }
.wl-nav-social svg { width: 15px; height: 15px; fill: currentColor; }
.wl-nav a.wl-nav-ico::after,
.wl-nav a.wl-nav-ico.is-active::after { display: none !important; }
.wl-nav-gold, .wl-nav-cta {
  color: #fff !important;
  background: linear-gradient(90deg, #c93a34, #bc2b26) !important;
  padding: 10px 16px !important;
  letter-spacing: .18em;
}
.wl-nav-cta:hover { filter: brightness(1.08); }
.wl-nav-right em { font-style: normal; color: #888; font-size: 11px; }

.wl-hero {
  max-width: 1600px;
  margin: 0 auto;
  min-height: calc(100dvh - 64px);
  display: flex;
  align-items: center;
  padding: 48px 24px 88px;
}
.wl-hero-copy {
  max-width: 640px;
  padding: 0;
  background: transparent;
  border: 0;
}
.wl-hero-copy p { color: #a1a1aa; margin: 20px 0 0; text-shadow: none; font-size: 17px; line-height: 1.65; max-width: 36rem; }
.wl-logo-hero {
  text-align: left;
  font-size: clamp(2rem, 5vw, 3.75rem);
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: -.04em;
  line-height: 1.04;
  color: #fff;
  margin: 0;
}
.wl-hero-art { display: none; }
.wl-kicker,
.wl-points-kicker,
.hall-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--primary);
}
.wl-kicker i,
.wl-points-kicker::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  background: rgba(188, 43, 38, .5);
}
.wl-kicker i { width: 40px; height: 1px; background: rgba(188, 43, 38, .5); flex: 0 0 40px; }
.wl-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 40px;
}
.wl-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #71717a;
}
.wl-hero-chips li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wl-hero-chips li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(188, 43, 38, .45);
}
.wl-marquee {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.10);
  background: rgba(14,13,16,.60);
  backdrop-filter: blur(8px);
  height: 36px;
}
.wl-marquee-track {
  display: flex;
  align-items: center;
  gap: 36px;
  height: 100%;
  width: max-content;
  animation: wl-marquee 28s linear infinite;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: rgba(255,255,255,.35);
}
.wl-marquee-track span { white-space: nowrap; }
@keyframes wl-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.wl-classes {
  position: relative;
  z-index: 1;
  padding: 56px 0 0;
}
.wl-classes-head {
  position: relative;
  max-width: 1600px;
  margin: 0 auto 18px;
  padding: 0 24px;
  overflow: hidden;
}
.wl-classes-bgword {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(3.25rem, 15vw, 10rem);
  font-weight: 900;
  font-style: italic;
  letter-spacing: -.06em;
  text-transform: uppercase;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(188, 43, 38, .11);
}
.wl-classes-head h2 {
  position: relative;
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(1.85rem, 4.5vw, 3.6rem);
  font-weight: 700;
  font-style: italic;
  letter-spacing: -.04em;
  text-transform: uppercase;
  line-height: 1.05;
  color: #fff;
  text-shadow: 0 2px 28px rgba(0,0,0,.92);
}
.wl-classes-head h2 span { color: var(--primary); }
.wl-classes-strip {
  display: flex;
  width: 100%;
  height: min(62vh, 560px);
  overflow: hidden;
  background: #0E0D10;
}
.wl-class-slot {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  border-right: 1px solid rgba(255,255,255,.06);
  cursor: pointer;
  outline: none;
  transition: flex .4s cubic-bezier(.22, 1, .36, 1);
}
.wl-class-slot:last-child { border-right: 0; }
.wl-class-slot img {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
  min-width: 100%;
  max-width: none;
  transform: translateX(-50%);
  object-fit: cover;
  object-position: top center;
  opacity: .72;
  filter: saturate(.78);
  transition: opacity .4s cubic-bezier(.22, 1, .36, 1), filter .4s cubic-bezier(.22, 1, .36, 1);
}
.wl-class-vname {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  max-height: 70%;
  transform: translate(-50%, -50%);
  writing-mode: vertical-rl;
  rotate: 180deg;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .34em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  white-space: nowrap;
  transition: opacity .22s ease;
}
.wl-class-info {
  pointer-events: none;
  position: absolute;
  inset: auto 0 0;
  padding: 44px 16px 18px;
  background: linear-gradient(to top, #0E0D10 30%, rgba(14,13,16,.9) 55%, transparent);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .36s cubic-bezier(.22, 1, .36, 1), transform .36s cubic-bezier(.22, 1, .36, 1);
}
.wl-class-meta {
  margin: 0 0 6px;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: rgba(188, 43, 38, .9);
}
.wl-class-info h3 {
  margin: 0 0 8px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 17px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: -.03em;
  text-transform: uppercase;
  color: #fff;
}
.wl-class-info p:last-child {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #a1a1aa;
}
.wl-class-slot:hover,
.wl-class-slot:focus-visible {
  flex: 1.55 1 0;
  z-index: 3;
}
.wl-class-slot:hover img,
.wl-class-slot:focus-visible img {
  opacity: 1;
  filter: saturate(1);
}
.wl-class-slot:hover .wl-class-vname,
.wl-class-slot:focus-visible .wl-class-vname { opacity: 0; }
.wl-class-slot:hover .wl-class-info,
.wl-class-slot:focus-visible .wl-class-info {
  opacity: 1;
  transform: none;
}

.wl-btn-red, .wl-btn-gold, .wl-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 0;
  font-size: 11px;
}
.wl-btn-red {
  background: linear-gradient(90deg, #a52420, #bc2b26, #a52420);
  color: #fff !important;
  border: 0;
}
.wl-btn-gold {
  background: transparent;
  border: 1px solid rgba(255,255,255,.15);
  color: #e4e4e7 !important;
  margin-top: 12px;
}
.wl-btn-ghost {
  background: rgba(0,0,0,.30);
  border: 1px solid rgba(255,255,255,.15);
  color: #e4e4e7 !important;
}
.wl-btn-red:hover { filter: brightness(1.08); }
.wl-btn-ghost:hover, .wl-btn-gold:hover { border-color: rgba(255,255,255,.28); background: rgba(0,0,0,.45); }
.wl-link-arrow {
  display: inline-flex;
  margin-top: 16px;
  color: var(--primary) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.wl-link-arrow:hover { color: #c93a34 !important; }

.wl-media, .wl-dual-banners, .wl-ranks { max-width: 1600px; margin: 0 auto; padding: 56px 24px; }
.wl-media { display: grid; grid-template-columns: 1.3fr .9fr; gap: 20px; }
.wl-video {
  min-height: 280px;
  background: rgba(14,13,16,.72);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.10);
}
.wl-play {
  width: 64px; height: 64px; border-radius: 0;
  background: var(--primary); color: #fff;
  display: grid; place-items: center; font-size: 22px;
}
.wl-news { background: rgba(14,13,16,.55); padding: 24px 24px 18px; border: 1px solid rgba(255,255,255,.10); }
.wl-news h3, .wl-ranks h3 {
  margin: 0 0 16px;
  font-family: "Space Grotesk", sans-serif;
  font-style: italic;
  color: #fff;
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-size: 22px;
}
.wl-news li { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); list-style: none; color: #e4e4e7; }
.wl-news ul { margin: 0; padding: 0; }
.wl-news b {
  color: #71717a;
  min-width: 64px;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 11px;
  font-weight: 600;
}

.wl-dual-banners { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.wl-ban {
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.10);
}
.wl-ban.red { background: #bc2b26 url("/assets/ui/wl-banners.png") left/cover; }
.wl-ban.dark { background: #1a191e; }

.wl-about { background: transparent; color: #EAE6DA; padding: 72px 24px; max-width: 1600px; margin: 0 auto; }
.wl-about-copy { margin-bottom: 36px; }
.wl-about h2, .wl-points h2, .wl-ranks-head h2 {
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -.04em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: none;
  font-size: clamp(1.8rem, 4vw, 3.4rem);
  line-height: 1.05;
}
.wl-about h2 span, .wl-points h2 span, .wl-ranks-head h2 span, .hall h2 span { color: var(--primary); }
.wl-about-lead { margin: 16px 0 0; max-width: 32rem; color: #a1a1aa; font-size: 15px; line-height: 1.6; }
.wl-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; max-width: none; margin: 0; }
.wl-about ul { list-style: none; margin: 0; padding: 0; }
.wl-about li {
  display: flex;
  gap: 18px;
  margin: 0;
  padding: 28px 0;
  border-top: 1px solid rgba(255,255,255,.10);
}
.wl-about li:last-child { border-bottom: 1px solid rgba(255,255,255,.10); }
.wl-about i { display: none; }
.wl-about em {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-style: normal;
  font-size: 14px;
  color: #52525b;
  min-width: 32px;
}
.wl-about strong {
  display: block;
  font-family: "Space Grotesk", sans-serif;
  font-style: italic;
  font-size: 20px;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #fff;
}
.wl-about li p { margin: 6px 0 0; color: #a1a1aa; }
.wl-about li:hover strong { color: var(--primary); }
.wl-about li:hover em { color: var(--primary); }
.wl-about-frame { min-height: 240px; border: 1px solid rgba(255,255,255,.10); background: #0E0D10 url("/assets/ui/wl-hero.png") center/cover; }

.wl-points {
  background: transparent;
  color: #EAE6DA;
  padding: 56px 24px 72px;
  border-top: 1px solid rgba(255,255,255,.10);
}
.wl-points-inner { max-width: 1600px; margin: 0 auto; }
.wl-points-kicker {
  margin: 0 0 8px;
}
.wl-points h2 {
  margin: 0 0 18px;
}
.wl-points-lead {
  max-width: 820px;
  margin: 0 0 12px;
  color: #a1a1aa;
  line-height: 1.6;
  font-size: 14px;
}
.wl-points-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 28px 0 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(39,39,42,.4);
  width: fit-content;
}
.wl-points-tabs button {
  background: #0E0D10;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.08);
  color: #d4d4d8;
  padding: 12px 18px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
}
.wl-points-tabs button:last-child { border-right: 0; }
.wl-points-tabs button:hover { background: rgba(255,255,255,.05); color: #fff; }
.wl-points-tabs button.is-on {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.wl-points-card {
  background: rgba(14,13,16,.45);
  border: 1px solid rgba(255,255,255,.10);
  padding: 22px 24px 18px;
}
.wl-points-card h3 {
  margin: 0 0 16px;
  font-family: "Space Grotesk", sans-serif;
  font-style: italic;
  color: #fff;
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-size: 20px;
}
.wl-points-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.wl-points-card li {
  background: rgba(14,13,16,.8);
  border: 1px solid rgba(255,255,255,.08);
  padding: 14px 16px;
}
.wl-points-card b {
  display: block;
  color: #71717a;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: .14em;
  margin-bottom: 6px;
}
.wl-points-card span { color: #fff; font-size: 18px; font-weight: 700; }

.wl-ranks-head { margin-bottom: 28px; }
.wl-ranks-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.wl-ranks { display: block; }
.wl-ranks table { width: 100%; border-collapse: collapse; font-size: 13px; }
.wl-ranks th {
  text-align: left;
  background: transparent;
  color: #a1a1aa;
  padding: 10px 8px;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.wl-ranks td { padding: 12px 8px; border-bottom: 1px solid rgba(255,255,255,.08); color: #e4e4e7; }

.wl-fame {
  max-width: 1600px;
  margin: 0 auto;
  padding: 56px 24px 72px;
  scroll-margin-top: 88px;
}
.wl-fame-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
}
.wl-fame-head h2 {
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(1.85rem, 4.5vw, 3.6rem);
  font-weight: 700;
  font-style: italic;
  letter-spacing: -.04em;
  text-transform: uppercase;
  line-height: 1.05;
  color: #fff;
}
.wl-fame-head h2 span { color: var(--primary); }
.wl-fame-head .wl-link-arrow { margin-top: 0; padding-bottom: 8px; }
.wl-fame-grid {
  display: grid;
  gap: 24px;
  align-items: stretch;
}
@media (min-width: 1024px) {
  .wl-fame-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 40px; }
}
#wl-fame-champ {
  display: flex;
  min-height: min(420px, 70vw);
}
@media (min-width: 1024px) {
  #wl-fame-champ { min-height: 0; height: 100%; }
}
.wl-fame-champ {
  position: relative;
  isolation: isolate;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  min-height: min(420px, 70vw);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: #0E0D10;
  text-decoration: none !important;
  color: inherit;
  transition: border-color .3s;
}
@media (min-width: 1024px) {
  .wl-fame-champ { min-height: 0; height: 100%; }
}
.wl-fame-champ:hover { border-color: rgba(255,255,255,.20); }
.wl-fame-bar {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 4;
  width: 4px;
  background: rgba(255,255,255,.25);
}
.wl-fame-watermark {
  pointer-events: none;
  position: absolute;
  top: 32px;
  right: 16px;
  z-index: 0;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: clamp(5rem, 12vw, 8rem);
  font-weight: 900;
  line-height: 1;
  color: rgba(255,255,255,.04);
  user-select: none;
}
.wl-fame-stage {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.wl-fame-art {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  min-width: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
  opacity: .62;
  transition: opacity .7s;
}
.wl-fame-champ:hover .wl-fame-art { opacity: .78; }
.wl-fame-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, #0E0D10, rgba(14,13,16,.4) 45%, rgba(14,13,16,.15));
}
.wl-fame-top {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 24px 20px 0 28px;
}
.wl-fame-cls {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.wl-fame-cls img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  flex: 0 0 36px;
}
.wl-fame-cls em {
  display: block;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: #71717a;
}
.wl-fame-cls span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #d4d4d8;
}
.wl-fame-rank {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .16em;
  color: #a1a1aa;
}
.wl-fame-flag {
  position: absolute;
  top: 68px;
  right: 20px;
  z-index: 3;
  width: 32px;
  height: 32px;
  object-fit: contain;
  opacity: .9;
}
.wl-fame-foot {
  position: relative;
  z-index: 3;
  margin-top: auto;
  padding: 24px 28px 24px;
  border-top: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(to top, #0E0D10, rgba(14,13,16,.95), transparent);
}
.wl-fame-foot h3 {
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(1.75rem, 4vw, 2.35rem);
  font-weight: 700;
  font-style: italic;
  letter-spacing: -.04em;
  text-transform: uppercase;
  line-height: .95;
  color: #fff;
}
.wl-fame-nation {
  margin: 14px 0 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #52525b;
}
.wl-fame-guild {
  margin: 6px 0 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: -.02em;
  text-transform: uppercase;
  color: #d4d4d8;
}
.wl-fame-guild.is-empty { color: #71717a; }
.wl-fame-cp {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
}
.wl-fame-cp b {
  font-size: 28px;
  font-style: italic;
  font-weight: 900;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.wl-fame-cp small {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #71717a;
}
.wl-fame-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wl-fame-row {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 8px;
  border-top: 1px solid rgba(255,255,255,.10);
  text-decoration: none;
}
.wl-fame-row:last-child { border-bottom: 1px solid rgba(255,255,255,.10); }
.wl-fame-row:hover { background: rgba(255,255,255,.02); }
.wl-fame-n {
  width: 40px;
  text-align: right;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 13px;
  font-weight: 700;
  color: #71717a;
}
.wl-fame-row:hover .wl-fame-n { color: #fff; }
.wl-fame-ico {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
}
.wl-fame-ico img { width: 32px; height: 32px; object-fit: contain; }
.wl-fame-who { min-width: 0; flex: 1; }
.wl-fame-who b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #fff;
}
.wl-fame-who small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #a1a1aa;
}
.wl-fame-pts { flex: 0 0 auto; text-align: right; }
.wl-fame-pts b {
  display: block;
  font-size: 18px;
  font-style: italic;
  font-weight: 900;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.wl-fame-pts small {
  display: block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: #737373;
}
.wl-fame-empty {
  padding: 48px 12px;
  text-align: center;
  color: #737373;
  border-top: 1px solid rgba(255,255,255,.10);
}

.wl-foot {
  background: rgba(14,13,16,.88);
  text-align: left;
  padding: 40px 24px 28px;
  color: #71717a;
  border-top: 1px solid rgba(255,255,255,.10);
}
.wl-foot-inner {
  max-width: 1600px;
  margin: 0 auto 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.wl-foot nav { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 18px; margin-bottom: 0; }
.wl-foot a {
  color: rgba(255,255,255,.55) !important;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.wl-foot a:hover { color: #fff !important; }
.wl-foot-social { display: flex; align-items: center; gap: 10px; }
.wl-foot-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 4px;
  background: rgba(0,0,0,.45);
  transition: color .2s, border-color .2s;
}
.wl-foot-social a:hover { border-color: #bc2b26; }
.wl-foot-social svg { width: 16px; height: 16px; fill: currentColor; }
.wl-foot p {
  max-width: 1600px;
  margin: 0 auto;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
}

#wl-pagebar { display: none; }
body.wl-inner #wl-pagebar { display: block; background: transparent; border-bottom: 0; }
.wl-pagebar-inner { max-width: 1600px; margin: 0 auto; padding: 48px 24px 20px; }
.wl-pagebar-inner h1 {
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-style: italic;
  letter-spacing: -.04em;
  text-transform: uppercase;
  color: #fff;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
}
.wl-pagebar-inner p {
  margin: 10px 0 0;
  color: #71717a;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: 11px;
}

/* ===== LOGIN / CADASTRO sobre o fundo ===== */
body.wl-auth,
body.wl-inner,
body.wl-app {
  background: transparent !important;
}
body.wl-auth .paradoxx-ui > main.relative {
  max-width: 460px !important;
  margin: 36px auto 48px !important;
  padding: 32px 28px !important;
  background: rgba(8,8,8,.88) !important;
  color: #eee !important;
  border: 1px solid #bc2b26 !important;
  border-radius: 4px;
  box-shadow: 0 16px 40px rgba(0,0,0,.55) !important;
}
body.wl-auth main h1,
body.wl-auth main h2,
body.wl-auth main p,
body.wl-auth main label,
body.wl-auth main span,
body.wl-auth main small { color: #eee !important; text-shadow: none !important; }
body.wl-auth main h1,
body.wl-auth main h2 { color: #fff !important; }
body.wl-auth main svg,
body.wl-auth main [class*="text-cyan"],
body.wl-auth main [class*="text-amber"],
body.wl-auth main [class*="text-yellow"] { color: #c93a34 !important; }
body.wl-auth a,
body.wl-auth a[href="/signup"],
body.wl-auth a[href="/login"] {
  color: #c93a34 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.wl-auth a:hover { color: #ff6b6b !important; }
body.wl-auth button[type="submit"],
body.wl-auth button.bg-cyan-600,
body.wl-auth button.bg-cyan-500 {
  background: linear-gradient(#c93a34, #bc2b26) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.wl-auth input,
body.wl-auth select,
body.wl-auth textarea {
  background: #111 !important;
  border: 1px solid #3a3a3a !important;
  color: #eee !important;
  border-radius: 3px !important;
}

/* ===== LOJA / DOWNLOAD / RANKING / DOAR / RIFA / EVENTOS / PAINEL ===== */
body.wl-inner {
  background: transparent !important;
}
body.wl-inner .paradoxx-ui > main.relative {
  max-width: 1600px !important;
  margin: 24px auto 40px !important;
  padding: 28px 24px !important;
  background: rgba(10,10,10,.84) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.45) !important;
  outline: none !important;
}
body.wl-inner main h1,
body.wl-inner main h2,
body.wl-inner main h3 {
  color: #fff !important;
  text-shadow: none !important;
  font-family: "Space Grotesk", "IBM Plex Sans", sans-serif !important;
  font-style: italic;
  letter-spacing: -.03em;
  text-transform: uppercase;
}

body.wl-app .paradoxx-ui > main.relative { padding-top: 24px !important; }

body.wl-app button[type="submit"],
body.wl-app a[href="/signup"],
body.wl-app .bg-\[\#2f6bff\],
body.wl-app .bg-cyan-600,
body.wl-app .bg-cyan-500 {
  background: linear-gradient(#c93a34, #bc2b26) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.wl-auth a[href="/signup"] {
  background: transparent !important;
  color: #c93a34 !important;
}

body.wl-inner input,
body.wl-inner select,
body.wl-inner textarea {
  background: #111 !important;
  border: 1px solid #3a3a3a !important;
  color: #eee !important;
  border-radius: 3px !important;
}

body.wl-inner .rounded-xl,
body.wl-inner .rounded-2xl,
body.wl-inner .rounded-lg.border {
  background: #151515 !important;
  border-color: #2f2f2f !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

body.wl-inner table { width: 100%; border-collapse: collapse; }
body.wl-inner th { background: #1c1c1c; color: #bc2b26; }
body.wl-inner td, body.wl-inner th { padding: 8px; border-bottom: 1px solid #2a2a2a; }

body.wl-app a { color: #c93a34; }
body.wl-app a:hover { color: #ff6b6b; }
body.wl-inner .text-cyan-200,
body.wl-inner .text-cyan-300,
body.wl-inner .text-cyan-400,
body.wl-inner .text-cyan-500,
body.wl-inner .text-sky-200,
body.wl-inner .text-sky-300 { color: #bc2b26 !important; }
body.wl-inner .border-cyan-500,
body.wl-inner .border-cyan-500\/50,
body.wl-inner .border-cyan-900\/50 { border-color: #3a3a3a !important; }
body.wl-inner .shadow-\[0_0_15px_rgba\(201\,162\,122\,0\.35\)\],
body.wl-inner [class*="shadow-["] { box-shadow: none !important; }
body.wl-inner .bg-slate-800,
body.wl-inner .bg-slate-900,
body.wl-inner .bg-black\/40,
body.wl-inner .bg-black\/50,
body.wl-inner .bg-zinc-900,
body.wl-inner .bg-neutral-900 { background: #151515 !important; }
body.wl-inner .text-slate-300,
body.wl-inner .text-slate-400,
body.wl-inner .text-zinc-300 { color: #cfcfcf !important; }
body.wl-inner .text-slate-500 { color: #888 !important; }

body.wl-inner button,
body.wl-inner a.inline-flex,
body.wl-inner a.inline-block {
  border-radius: 3px !important;
}
body.wl-inner button.bg-cyan-600,
body.wl-inner button.bg-cyan-500,
body.wl-inner a.bg-cyan-600,
body.wl-inner a.bg-cyan-500,
body.wl-inner .bg-red-600,
body.wl-inner .bg-\[\#2f6bff\] {
  background: linear-gradient(#c93a34, #bc2b26) !important;
  color: #fff !important;
}

body.wl-inner .bg-red-500,
body.wl-inner .bg-red-600:not(.bg-cyan-600) {
  background: linear-gradient(#c93a34, #bc2b26) !important;
  color: #fff !important;
}

/* ===== PAINEL ADMIN — mesmo visual WARLAND ===== */
body.wl-dash .wl-chrome,
body.wl-dash #wl-pagebar,
body.wl-dash .wl-foot { display: none !important; }
.wl-dash-home { display: none; }
body.wl-dash .wl-dash-home {
  display: inline-block !important;
  position: fixed;
  top: 12px;
  right: 16px;
  z-index: 120;
  padding: 8px 14px;
  background: rgba(0,0,0,.82);
  border: 1px solid #bc2b26;
  color: #EAE6DA !important;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.wl-dash,
body.wl-dash #root,
body.wl-dash .paradoxx-ui,
body.wl-dash .cabal-os,
body.wl-dash main {
  background: rgba(8,8,8,.78) !important;
  color: #eee !important;
}
body.wl-dash .cabal-os { font-family: "IBM Plex Sans", sans-serif !important; }
body.wl-dash aside {
  background: #151515 !important;
  border-right: 1px solid #2a2a2a !important;
  overflow-y: auto !important;
}
body.wl-dash .os-display,
body.wl-dash h1,
body.wl-dash h2 {
  color: #bc2b26 !important;
  font-family: "IBM Plex Sans", sans-serif !important;
}
body.wl-dash .os-panel,
body.wl-dash div.rounded-xl,
body.wl-dash div.rounded-2xl {
  background: #191919 !important;
  border-color: #2a2a2a !important;
  box-shadow: none !important;
}
body.wl-dash a { color: #e8b4a0; }
body.wl-dash a:hover { color: #ffd7c8; }
body.wl-dash button { border-radius: 3px !important; }
body.wl-dash button.bg-cyan-500,
body.wl-dash button.bg-cyan-400,
body.wl-dash button.bg-cyan-600,
body.wl-dash button[class*="bg-cyan"],
body.wl-dash a.bg-cyan-500,
body.wl-dash a.bg-cyan-600 {
  background: linear-gradient(180deg, #c93a34 0%, #bc2b26 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  letter-spacing: .06em;
}
body.wl-dash button.bg-cyan-500:hover,
body.wl-dash button[class*="bg-cyan"]:hover,
body.wl-dash a.bg-cyan-500:hover {
  background: #c93a34 !important;
  color: #fff !important;
  filter: brightness(1.08);
}

#wl-acc-root, #wl-shop-root { position: fixed; inset: 0; z-index: 200; }
.wl-acc-back { position: absolute; inset: 0; background: rgba(0,0,0,.72); }
.wl-acc-modal {
  position: relative;
  z-index: 1;
  width: min(720px, calc(100% - 24px));
  max-height: calc(100vh - 40px);
  overflow: auto;
  margin: 20px auto;
  background: #191919;
  border: 1px solid #2a2a2a;
  color: #eee;
  padding: 22px 24px 28px;
}
.wl-acc-modal header { display: flex; justify-content: space-between; align-items: center; }
.wl-acc-modal h2, .wl-acc-modal h3 { margin: 0 0 12px; color: #bc2b26; letter-spacing: .08em; text-transform: uppercase; }
.wl-acc-x { background: none; border: 0; color: #aaa; font-size: 28px; cursor: pointer; }
.wl-acc-msg { min-height: 20px; color: #bc2b26; font-size: 13px; }
.wl-acc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; margin-bottom: 16px; }
.wl-acc-field { display: block; margin-bottom: 10px; font-size: 12px; color: #aaa; }
.wl-acc-field span, .wl-acc-field strong { display: block; color: #eee; margin-top: 4px; }
.wl-acc-form { border-top: 1px solid #2a2a2a; padding-top: 12px; margin-top: 8px; }
.wl-acc-form input, .wl-acc-form select {
  width: 100%;
  background: #111;
  border: 1px solid #3a3a3a;
  color: #eee;
  padding: 8px 10px;
  margin-top: 4px;
}
.wl-acc-gold, .wl-acc-red, .wl-acc-actions button {
  display: inline-block;
  margin: 6px 6px 0 0;
  padding: 8px 14px;
  border: 0;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 11px;
}
.wl-acc-gold, .wl-acc-mini { background: linear-gradient(#c93a34, #bc2b26); color: #fff; }
.wl-acc-red { background: linear-gradient(#c93a34, #bc2b26); color: #fff; }
.wl-acc-actions button { background: #2a2a2a; color: #eee; }
.wl-acc-actions .wl-acc-gold { background: linear-gradient(#c93a34, #bc2b26); color: #fff; }
.wl-acc-actions .wl-acc-red { background: linear-gradient(#c93a34, #bc2b26); color: #fff; }
.wl-acc-chars { list-style: none; padding: 0; margin: 0; }
.wl-acc-chars li { padding: 8px 0; border-bottom: 1px solid #2a2a2a; }
.wl-acc-mini { margin-top: 8px; padding: 6px 10px; }

.wl-shop-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}
td[data-wl-shop="1"] > button { display: none !important; }
.wl-shop-btn {
  padding: 6px 10px !important;
  border: 1px solid #3a3a3a !important;
  background: #1c1c1c !important;
  color: #bc2b26 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  border-radius: 3px !important;
}
.wl-shop-btn:hover { border-color: #bc2b26 !important; color: #fff !important; }
.wl-shop-del { color: #f2685f !important; border-color: #5a1d1d !important; }
.wl-shop-del:hover { background: #3a1010 !important; color: #fff !important; }
.wl-shop-imgbox { margin-top: 8px; }
.wl-shop-preview {
  width: 96px;
  height: 96px;
  margin: 0 0 12px;
  background: #111;
  border: 1px solid #3a3a3a;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.wl-shop-preview img { max-width: 88px; max-height: 88px; object-fit: contain; }
.wl-shop-preview span { color: #777; font-size: 11px; }
#wl-shop-menu {
  position: fixed;
  z-index: 220;
  min-width: 170px;
  background: #191919;
  border: 1px solid #2a2a2a;
  padding: 6px;
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
}
#wl-shop-menu button {
  display: block;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  color: #eee;
  padding: 8px 10px;
  font-size: 12px;
  cursor: pointer;
}
#wl-shop-menu button:hover { background: #2a2a2a; color: #bc2b26; }
#wl-shop-menu button[data-wl-shop="del"] { color: #f2685f; }

#wl-hud { margin: 0 0 22px; }
.wl-hud-grid { display: grid; grid-template-columns: 1.45fr .85fr; gap: 16px; }
.wl-hud-card { background: #121212; border: 1px solid #2a2a2a; padding: 16px 18px 14px; }
.wl-hud-card header { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.wl-hud-card h2 {
  margin: 0;
  color: #bc2b26 !important;
  font-size: 13px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.wl-hud-card em { margin-left: auto; font-style: normal; color: #777; font-size: 10px; letter-spacing: .1em; }
.wl-hud-pulse {
  width: 10px; height: 10px; border-radius: 50%;
  background: #4ade9b; box-shadow: 0 0 10px #4ade9b;
}
.wl-hud-svc-list { display: flex; flex-direction: column; gap: 8px; }
.wl-hud-svc {
  display: flex; align-items: center; gap: 12px;
  background: #191919;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  padding: 10px 12px;
}
.wl-hud-svc i {
  width: 9px; height: 9px; border-radius: 50%; background: #555; flex: 0 0 9px;
}
.wl-hud-svc.is-on i { background: #4ade9b; box-shadow: 0 0 8px #4ade9b; }
.wl-hud-svc.is-off i { background: #f2685f; }
.wl-hud-svc b { display: block; color: #fff; font-size: 13px; }
.wl-hud-svc small { color: #888; font-size: 11px; }
.wl-hud-st { margin-left: auto; min-width: 72px; text-align: right; }
.wl-hud-st strong { display: block; font-size: 11px; letter-spacing: .12em; }
.wl-hud-svc.is-on .wl-hud-st strong { color: #4ade9b; }
.wl-hud-svc.is-off .wl-hud-st strong { color: #f2685f; }
.wl-hud-st span {
  display: block; height: 3px; margin-top: 6px; border-radius: 2px; background: #333;
}
.wl-hud-svc.is-on .wl-hud-st span { background: #4ade9b; box-shadow: 0 0 8px #4ade9b; }
.wl-hud-card ul { list-style: none; margin: 0; padding: 0; }
.wl-hud-card li {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 4px; border-bottom: 1px solid #242424;
}
.wl-hud-card li > span {
  width: 32px; height: 32px; border-radius: 50%;
  background: #1c1c1c; color: #bc2b26;
  display: grid; place-items: center; font-weight: 700;
}
.wl-hud-card li b { display: block; color: #eee; font-size: 13px; }
.wl-hud-card li small { color: #888; font-size: 11px; }
.wl-hud-meta { margin-left: auto; text-align: right; }
.wl-hud-meta time { display: block; color: #888; font-size: 11px; }
.wl-hud-meta em { color: #4ade9b; font-size: 10px; letter-spacing: .08em; }
.wl-hud-empty { color: #666 !important; }
@media (max-width: 900px) { .wl-hud-grid { grid-template-columns: 1fr; } }

.hall {
  max-width: 1450px;
  margin: 0 auto;
  padding: 8px 20px 48px;
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(280px, .78fr);
  gap: 22px;
  color: #eee;
}
.hall-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(14,13,16,.55);
  box-shadow: none;
  padding: 22px 22px 24px;
}
.hall-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--primary);
}
.hall h2, .hall h3 {
  margin: 10px 0 0;
  font-family: "Space Grotesk", sans-serif;
  font-style: italic;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -.03em;
}
.hall h2 { font-size: 28px; }
.hall h3 { font-size: 20px; }
.hall-desc { margin: 12px 0 0; max-width: 42rem; color: #c8c4bc; font-size: 14px; line-height: 1.55; }
.hall-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-end; margin-bottom: 22px; }
.hall-cta {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  border: 1px solid rgba(188,43,38,.4);
  background: rgba(188,43,38,.12);
  color: #EAE6DA;
  padding: 12px 18px;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
}
.hall-cta:hover { background: rgba(188,43,38,.22); color: #fff; }
.hall-top3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.hall-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(8,8,10,.55);
  padding: 18px 16px 16px;
  min-height: 220px;
}
.hall-card-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: .45;
  z-index: 0;
}
.hall-card-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(8,8,10,.96), rgba(8,8,10,.45) 50%, rgba(8,8,10,.2));
}
.hall-card-art > *:not(.hall-card-bg):not(.hall-card-shade) { position: relative; z-index: 2; }
.hall-card-cls {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #d4d4d8;
}
.hall-card-cls img { width: 28px; height: 28px; object-fit: contain; }
.hall-card-flag {
  position: absolute;
  top: 16px;
  right: 14px;
  z-index: 3;
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.hall-op {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hall-op img { width: 28px; height: 28px; object-fit: contain; }
.hall-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 4;
  height: 3px;
}
.hall-card-1 { border-color: rgba(188,43,38,.45); box-shadow: 0 0 28px rgba(188,43,38,.12); }
.hall-card-1::before { background: linear-gradient(90deg, #c93a34, #bc2b26); }
.hall-card-2 { border-color: rgba(188,43,38,.28); }
.hall-card-2::before { background: linear-gradient(90deg, #bc2b26, #641614); }
.hall-card-3 { border-color: rgba(180,80,40,.35); }
.hall-card-3::before { background: linear-gradient(90deg, #c45c2a, #8a3418); }
.hall-place { margin: 0; font-size: 11px; letter-spacing: .28em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.hall-name { margin: 12px 0 0; font-size: 18px; font-weight: 800; text-transform: uppercase; color: #fff; letter-spacing: .04em; }
.hall-row .hall-name { margin: 0; font-size: 14px; }
.hall-rep { margin: 6px 0 0; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #8f8a82; }
.hall-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #cfc9bf; }
.hall-stats { display: flex; justify-content: space-between; margin-top: 14px; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; }
.hall-stats span:first-child { color: #EAE6DA; }
.hall-stats span:last-child { color: #e8b4a0; font-family: ui-monospace, Consolas, monospace; }
.hall-badge {
  display: inline-block;
  padding: 4px 8px;
  font-size: 10px;
  letter-spacing: .16em;
  border: 1px solid rgba(255,255,255,.12);
}
.hall-badge.cap { color: #9ad4ff; border-color: rgba(56,189,248,.35); background: rgba(14,90,140,.18); }
.hall-badge.pro { color: #ffb4c0; border-color: rgba(244,114,182,.35); background: rgba(140,30,60,.18); }
.hall-badge.neu { color: #bbb; }
.hall-table { margin-top: 20px; overflow-x: auto; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.28); }
.hall-table-inner { min-width: 860px; }
.hall-row {
  display: grid;
  grid-template-columns: 72px minmax(180px, 1.45fr) 128px 156px 120px 100px;
  align-items: center;
  gap: 0;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: 14px;
}
.hall-row-head {
  font-size: 11px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: rgba(234,230,218,.75);
  background: rgba(188,43,38,.08);
  font-weight: 700;
}
.hall-row:hover { background: rgba(188,43,38,.06); }
.hall-rank { font-weight: 800; letter-spacing: .08em; color: #EAE6DA; }
.hall-cp { font-family: ui-monospace, Consolas, monospace; font-weight: 700; }
.hall-side { display: flex; flex-direction: column; gap: 22px; }
.hall-vs { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; margin: 18px 0 16px; }
.hall-faction {
  text-align: center;
  border: 1px solid rgba(255,255,255,.1);
  padding: 16px 8px;
}
.hall-faction.cap { border-color: rgba(56,189,248,.25); background: rgba(14,90,140,.12); }
.hall-faction.pro { border-color: rgba(244,114,182,.25); background: rgba(140,30,60,.12); }
.hall-faction strong { display: block; letter-spacing: .18em; text-transform: uppercase; font-size: 12px; }
.hall-faction b { display: block; margin-top: 8px; font-size: 22px; color: #fff; }
.hall-vs-mid { color: rgba(255,255,255,.45); font-weight: 800; letter-spacing: .2em; }
.hall-bar-wrap { display: flex; justify-content: space-between; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: #cfc9bf; margin: 12px 0 6px; }
.hall-bar { height: 10px; background: rgba(255,255,255,.08); overflow: hidden; }
.hall-bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #38bdf8, #0ea5e9); }
.hall-bar.pro i { background: linear-gradient(90deg, #fb7185, #e11d48); }
.hall-broadcast {
  margin-top: 18px;
  text-align: center;
  border: 1px solid rgba(188,43,38,.25);
  background: rgba(188,43,38,.08);
  padding: 14px 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #EAE6DA;
  font-weight: 800;
}
.hall-guild {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.25);
  padding: 12px 14px;
}
.hall-guild .hall-name { font-size: 14px; }
.hall-guild-pts { text-align: right; }
.hall-guild-pts b { color: #EAE6DA; font-family: ui-monospace, Consolas, monospace; }
.hall-empty { margin: 16px 0; text-align: center; color: rgba(255,255,255,.5); font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
body.wl-rank #wl-pagebar,
body.wl-packs #wl-pagebar { display: none; }

@media (max-width: 1100px) {
  .wl-classes-strip {
    overflow-x: auto;
    overflow-y: hidden;
    height: min(58vh, 480px);
    scrollbar-width: thin;
    scrollbar-color: #bc2b26 #111;
  }
  .wl-class-slot {
    flex: 0 0 180px;
  }
  .wl-class-slot:hover,
  .wl-class-slot:focus-visible {
    flex: 0 0 240px;
  }
}
@media (max-width: 860px) {
  .wl-hero, .wl-media, .wl-dual-banners, .wl-about-grid, .wl-ranks, .wl-ranks-grid, .wl-points-card ul { grid-template-columns: 1fr; }
  .wl-logo-hero { font-size: 36px; }
  .wl-nav-inner { flex-wrap: wrap; height: auto; padding: 10px 16px 14px; gap: 12px; }
  .wl-nav-links { flex-wrap: wrap; gap: 12px 16px; width: 100%; order: 3; }
  .wl-nav-right { margin-left: 0; }
  .wl-hero-art { max-height: 360px; }
  .wl-hero { min-height: auto; padding-top: 36px; }
  .wl-points-tabs { width: 100%; }
}

.wl-nav a.wl-logo-top { color: #fff !important; }
.wl-nav a.wl-nav-cta { color: #fff !important; }
.wl-nav a.wl-nav-cta::after,
.wl-nav a.wl-nav-cta.is-active::after { display: none !important; }
.wl-foot .wl-logo-top { font-size: 14px; }
body.wl-inner main h1,
body.wl-inner main h2,
body.wl-inner main h3,
body.wl-auth main h1,
body.wl-auth main h2 {
  font-family: "Space Grotesk", "IBM Plex Sans", sans-serif !important;
  font-style: italic;
  letter-spacing: -.03em !important;
}
body.wl-inner .paradoxx-ui > main.relative,
body.wl-auth .paradoxx-ui > main.relative {
  border-radius: 2px !important;
}
.wl-shop-card {
  background: rgba(14,13,16,.55);
  border: 1px solid rgba(255,255,255,.10);
}
.wl-shop-empty {
  background: rgba(14,13,16,.55);
  border: 1px solid rgba(255,255,255,.10);
}