/* LastPvP: obsidian glass, tempered silver and ember red. Loaded after legacy styles. */
:root {
  color-scheme: dark;
  --glass-bg: rgba(19, 21, 25, .79);
  --glass-solid: #17191e;
  --glass-edge: rgba(238, 219, 193, .18);
  --glass-light: rgba(255, 240, 220, .09);
  --glass-shadow: 0 18px 44px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 241, 222, .15), inset 0 -1px 0 rgba(255, 255, 255, .035);
  --text-secondary: #c5beb6;
  --text-muted: #b6b0a9;
  --text-primary: #f4eee6;
  --gold: #e0bc7b;
  --gold-light: #f2d49f;
  --radius-lg: 16px;
  --transition: 180ms ease-out;
}
html { scroll-padding-top: 145px; scrollbar-color: #6c5044 #141519; }
body { background: #070809 !important; color: var(--text-primary); isolation: isolate; }
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: #070809;
}
::selection { color: #fff; background: #8e2534; }
input, textarea { caret-color: #f16e77; }
:focus-visible:not(input):not(textarea):not(select) { outline: 2px solid #f16e77 !important; outline-offset: 4px; }
a { text-underline-offset: .22em; }
.text-muted, .text-white-50 { color: var(--text-muted) !important; }
.skip-to-content { position: fixed; top: 8px; left: 12px; z-index: 2147483647; padding: 12px 18px; color: #fff; background: #6b1c2b; transform: translateY(-160%); }
.skip-to-content:focus { transform: translateY(0); }

/* One material at the surface level. Interiors stay clear to avoid stacked blur. */
.site-header-sticky,
.news-card, .hof-panel, .info-content-container, .info-nav-container,
.auth-container, .download-card, .driver-card, .stream-box,
.cs-card, .cs-home-widget, .drop-finder-panel, .payment-method-card,
.rankings-themed, .cookie-consent-inner, .site-search-panel,
.wiki-overlay-panel, .source-explorer-panel, .mobile-dock {
  background-color: var(--glass-bg) !important;
  background-image: linear-gradient(135deg, var(--glass-light), transparent 45%, rgba(208, 166, 107, .035)) !important;
  border: 1px solid var(--glass-edge) !important;
  border-radius: var(--radius-lg);
  box-shadow: var(--glass-shadow) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  backdrop-filter: blur(18px) saturate(125%);
}
.site-header-sticky { background-color: rgba(3,4,6,.92) !important; background-image: none !important; border-radius: 0; border-width: 0 0 1px !important; }
.site-header-sticky .barra-top, .site-header-sticky .navbar { background: transparent !important; }
.site-header-sticky .navbar { padding-block: 14px; }
.navbar-brand .brand-text { font-size: 1.1rem; letter-spacing: .06em; }
.navbar .nav-link { color: #c9c3bc !important; font-size: .78rem; }
.navbar .nav-link.active, .navbar .nav-link:hover { color: #fff !important; }
.navbar-nav .nav-link::after { background: #e94755; height: 2px; }
.site-search-trigger { background: rgba(255, 241, 224, .055) !important; border: 1px solid var(--glass-edge) !important; min-height: 38px; }
.site-search-placeholder { color: #c5beb6; }
.site-search-kbd { color: #c5beb6; }
.barra-top .dropdown-menu, .footer-section .dropdown-menu, .dropdown-menu {
  background: rgba(24, 25, 30, .98) !important; border-color: var(--glass-edge) !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.4); border-radius: 12px;
}
.status-box { background: rgba(115, 173, 126, .1) !important; border-color: rgba(171, 221, 174, .22) !important; }
.status-box.is-offline { background: rgba(205, 73, 86, .1) !important; }

/* Original home composition and motion. The approved PNG replaces only the scenery. */
.hero {
  background: transparent !important; background-image: none !important; box-shadow: none !important;
  isolation: isolate;
}
.hero::after {
  content: ""; position: absolute; inset: -4% -4% 0; z-index: 0; pointer-events: none;
  background: #070809 url('../img/hero-v30.1.png') center center / cover no-repeat;
  filter: brightness(.78) saturate(.72);
  -webkit-mask-image: linear-gradient(to bottom, #000 48%, rgba(0,0,0,.96) 60%, rgba(0,0,0,.76) 71%, rgba(0,0,0,.43) 81%, rgba(0,0,0,.16) 89%, rgba(0,0,0,.025) 96%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 48%, rgba(0,0,0,.96) 60%, rgba(0,0,0,.76) 71%, rgba(0,0,0,.43) 81%, rgba(0,0,0,.16) 89%, rgba(0,0,0,.025) 96%, transparent 100%);
}
.hero::before {
  background: linear-gradient(90deg, rgba(0,0,0,.52), rgba(0,0,0,.4) 38%, rgba(0,0,0,.12) 65%, rgba(0,0,0,.3)) !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 48%, rgba(0,0,0,.96) 60%, rgba(0,0,0,.76) 71%, rgba(0,0,0,.43) 81%, rgba(0,0,0,.16) 89%, rgba(0,0,0,.025) 96%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 48%, rgba(0,0,0,.96) 60%, rgba(0,0,0,.76) 71%, rgba(0,0,0,.43) 81%, rgba(0,0,0,.16) 89%, rgba(0,0,0,.025) 96%, transparent 100%);
}
.hero-embers, .footer-embers { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.hero-embers { z-index: 2; }
.footer-embers { z-index: 1; }
.hero-embers canvas, .footer-embers canvas { display: block; width: 100%; height: 100%; pointer-events: none; }
.footer-section {
  background: #0a0a0a url('../img/footer-background-v6.png') center bottom / cover no-repeat !important;
}
.footer-section::before { background: linear-gradient(180deg, #070809 0%, rgba(0,0,0,.7) 35%, rgba(0,0,0,.88) 100%); }
.footer-section > .container { position: relative; z-index: 2; }
@media (min-width: 992px) {
  .hero .hero-content .container { display: flex !important; flex-direction: row !important; justify-content: flex-start !important; }
  .hero .hero-text-block { margin: 0 !important; text-align: left !important; }
}
.hero .hero-logo-center {
  top: 50% !important; left: 50% !important;
  width: min(41.8vw, 506px) !important; max-width: 528px !important;
  z-index: 7 !important;
}
.hero .hero-kicker { color: #d4af37 !important; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .hero .hero-content .container { align-items: flex-start; padding-top: 32px; }
  .navbar-brand .brand-text { font-size: .85rem; letter-spacing: .02em; }
  .navbar .nav-item .nav-link { font-size: .68rem; padding-inline: .6rem !important; letter-spacing: .02em; }
  .barra-top .topbar-grid { grid-template-columns: minmax(0,1fr) minmax(200px,360px) minmax(0,1fr) !important; }
  .hero .floating-item.chaos { top: 50%; }
  .hero .floating-item.eye { left: 82%; }
  .hero .floating-item.feather { left: 80% !important; }
}
@media (max-width: 991.98px) {
  .hero .hero-logo-center { top: 22% !important; width: min(52.8vw, 308px) !important; }
}
@media (max-width: 575.98px) {
  .hero .hero-logo-center { top: 18% !important; width: min(68.2vw, 264px) !important; }
}
@media (max-width: 359.98px) {
  .barra-top .topbar-social a.redes-top { width: 24px !important; min-width: 24px !important; margin-right: 0 !important; padding: 0 !important; font-size: .72rem !important; }
  .barra-top .topbar-meta-right { gap: .25rem !important; }
}

/* Clearer rhythm for the homepage and all routed content. */
.news-section, .einfo-section, .stream-section, .rankings-full-section, .drop-finder-section,
.login-section, .register-section, .download-section, .info-server-section, .donation-section,
.usercp-section, .plugin-page-section, .cs-section { background: transparent !important; }
.news-section { padding-block: 52px 24px !important; }
.info-main-title { font-size: clamp(1.5rem, 2.3vw, 2.1rem) !important; font-style: normal !important; letter-spacing: -.025em; line-height: 1.2; }
.info-main-title span { color: #f16e77 !important; }
.news-header { gap: 20px; }
.view-all { color: var(--gold-light) !important; font-size: .76rem; white-space: nowrap; }
.news-card { overflow: hidden; transform: none !important; }
.news-body { padding: 24px !important; }
.news-title { line-height: 1.4; font-style: normal; }
.news-excerpt { color: #c5beb6 !important; line-height: 1.7; }
.news-date { color: #bfb6ad !important; }
.badge-news { background: #912839 !important; font-size: .64rem; }

/* Hall of Fame: a champion, then the challengers, with real numeric ranks. */
.hall-of-fame { padding-block: 40px 28px; }
.hof-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.hof-heading h2 { margin: 0; }
.hof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hof-panel { min-width: 0; padding: 24px; overflow: hidden; display: flex; flex-direction: column; }
.hof-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid var(--glass-edge); }
.hof-panel-title { font-family: 'Metropolis-bold', sans-serif; font-size: .84rem; font-style: normal; letter-spacing: .03em; margin: 0; text-transform: uppercase; }
.hof-category-icon { color: var(--gold); width: 28px; height: 28px; flex-shrink: 0; }
.hof-champion { padding: 26px 0 22px; position: relative; display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: center; gap: 16px; text-decoration: none; color: inherit; }
.hof-avatar { width: 62px; height: 74px; border-radius: 10px; object-fit: cover; border: 1px solid rgba(225,191,132,.42); }
.hof-guild-emblem { width: 62px; height: 74px; display: grid; place-items: center; color: var(--gold-light); font-size: 2rem; background: rgba(224,188,123,.08); border-radius: 10px; border: 1px solid rgba(225,191,132,.3); }
.hof-crown { display: inline-flex; gap: 7px; align-items: center; color: var(--gold-light); font-size: .65rem; margin-bottom: 7px; font-weight: 700; }
.hof-champion-name { display: block; color: #fff1d8; font-family: 'Metropolis-bold', sans-serif; font-size: clamp(1.1rem, 1.5vw, 1.48rem); line-height: 1.3; overflow-wrap: anywhere; }
.hof-score { display: flex; flex-wrap: wrap; gap: 7px; align-items: baseline; margin-top: 7px; }
.hof-score strong { color: var(--gold-light); font-size: 1.45rem; line-height: 1.1; font-variant-numeric: tabular-nums; }
.hof-score small { color: #c9bdab; font-size: .67rem; }
.hof-formula { display: block; color: #c9bdab; font-size: .68rem; margin-top: 7px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.hof-list { list-style: none; padding: 0; margin: 0 0 18px; flex: 1; }
.hof-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 9px; align-items: center; padding: 14px 0; border-top: 1px solid rgba(237,219,195,.09); line-height: 1.35; }
.hof-row .hof-formula { margin-top: 4px; line-height: 1.25; font-size: .64rem; }
.hof-place { display: inline-flex; align-items: center; gap: 4px; font-size: .75rem; color: #b8b3ad; font-variant-numeric: tabular-nums; }
.hof-row:nth-child(1) .hof-place { color: #e0e3eb; }
.hof-row:nth-child(2) .hof-place { color: #dbab88; }
.hof-name { min-width: 0; font-size: .82rem; font-weight: 600; color: #ece5dc; text-decoration: none; overflow-wrap: anywhere; }
.hof-row-value { text-align: right; color: #ece5dc; font-weight: 700; font-size: .85rem; font-variant-numeric: tabular-nums; }
.hof-row-value .hof-formula { font-size: .64rem; font-weight: 400; }
.hof-panel :is(a, a:hover, a:focus-visible), .hof-panel a * { text-decoration: none !important; }
/* Hover stays on the lettering; no tinted strip or pseudo underline. */
.hof-panel :is(.hof-champion, .hof-name, .hof-footer) { background: transparent !important; }
.hof-panel :is(.hof-champion, .hof-name, .hof-footer)::before,
.hof-panel :is(.hof-champion, .hof-name, .hof-footer)::after { display: none !important; }
.hof-champion-name, .hof-name-text, .hof-link-text, .rankings-themed .rankings-table a {
  transform: translate3d(0,0,0);
  transition: transform 180ms var(--lp-ease), color 180ms ease, filter 180ms ease;
}
.hof-name-text, .hof-link-text, .rankings-themed .rankings-table a { display: inline-block; }
.hof-name { border-radius: 5px; }
.hof-panel:focus-within { border-color: rgba(225,191,132,.45) !important; }
.rankings-themed .rankings-table tbody tr:hover { background: transparent !important; }
.rankings-themed .rankings-table tbody tr:hover td { background: transparent !important; box-shadow: none !important; }
@media (hover: hover) and (pointer: fine) {
  .hof-champion:hover .hof-champion-name,
  .hof-name:hover .hof-name-text,
  .hof-footer:hover .hof-link-text,
  .rankings-themed .rankings-table a:hover {
    transform: translate3d(0,-1px,0);
    color: #fff1d8 !important;
    filter: brightness(1.12);
    text-decoration: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hof-champion-name, .hof-name-text, .hof-link-text, .rankings-themed .rankings-table a {
    transform: none !important; transition: none !important;
  }
}
.rank-insignia { display: inline-block; width: 22px; height: 22px; vertical-align: -.22em; flex-shrink: 0; overflow: visible; }
.hof-crown .rank-insignia { width: 15px; height: 15px; }
.hof-place .rank-insignia { width: 16px; height: 19px; }
.rank-silver { color: #d7dbe5; }
.rank-bronze { color: #cda080; }
.hof-guild-emblem > .rank-insignia { width: 38px; height: 44px; }
.hof-guild-mini > .rank-insignia { width: 22px; height: 24px; }
.rankings-themed .rk-icon { width: 22px; height: 24px; }
.rankings-themed .rk-medal { color: #bdb3a0; }
.rankings-themed .guild-mark-fallback .rank-insignia { width: 30px; height: 34px; }
.hof-footer { color: var(--gold-light); text-decoration: none; font-size: .72rem; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 14px; border-top: 1px solid var(--glass-edge); }
.hof-footer i { font-size: .65rem; }
.hof-empty { padding: 42px 0; min-height: 220px; color: #c9bdab; font-size: .84rem; line-height: 1.8; flex: 1; }
.hof-description { color: #c5beb6; font-size: .8rem; margin: 12px 0 0; line-height: 1.65; }
.explore-after-rankings { padding-block: 12px 32px !important; }
.card-explore { min-height: 150px !important; border-radius: 14px; overflow: hidden; border-color: var(--glass-edge) !important; }
.card-explore .card-title { font-size: 1rem !important; font-style: normal; }
.stream-section { padding-top: 30px; }
.stream-box { transform: none !important; }
.stream-box h5 { font-size: .95rem; }

/* Form and plugin presentation. Names, submissions and integrations stay owned by WebEngine. */
.info-content-container .info-content-container, .info-content-container .auth-container,
.info-content-container .panel:not(.panel-vip) { background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none; }
.auth-container { border-radius: 16px !important; }
.form-control, .form-control-custom, .form-select, .drop-input,
.info-content-container input[type='text'], .info-content-container input[type='password'],
.info-content-container input[type='email'], .info-content-container input[type='number'],
.info-content-container select, .info-content-container textarea {
  background: rgba(10,12,16,.62) !important; color: #f4eee6 !important;
  border: 1px solid rgba(239,220,195,.24) !important; border-radius: 10px;
  min-height: 46px; font-size: max(1rem, 16px); box-shadow: inset 0 1px 3px rgba(0,0,0,.12);
}
input::placeholder, textarea::placeholder { color: #b8aea2 !important; opacity: 1; }
select option { background: #202127; color: #f4eee6; }
.form-label, .control-label { color: #e0d5c8; font-size: .85rem; }
.info-content-container .btn, .auth-container .btn, .btn-register-submit,
.mpgw-actions .btn, .plugin-action-btn { min-height: 44px !important; border-radius: 10px !important; }
.info-content-container :is(.table, table), .rankings-themed table {
  --bs-table-bg: transparent; --bs-table-color: #e6ddd1; --bs-table-border-color: rgba(239,220,195,.12);
  color: #e6ddd1; font-variant-numeric: tabular-nums;
}
.info-content-container td, .info-content-container th { padding-block: 14px; }
.rankings-themed { padding: 24px; }
.rankings-themed .rk-th { color: #c9bdab !important; font-style: normal; font-size: .72rem; letter-spacing: .02em; }
.rankings-themed table tbody tr:nth-child(2) { background: rgba(224,188,123,.075); }
.rankings-themed td { border-color: rgba(239,220,195,.1) !important; font-style: normal !important; }
.rankings_menu { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.rankings_menu a, .ranking-tabs-premium .nav-link { border-radius: 8px !important; color: #d8cdbf; min-height: 44px; }
.rankings_menu a.active { background: rgba(176,47,63,.32) !important; color: #fff !important; }
.info-nav-container .nav-link { white-space: normal; color: #c5beb6; }
.nav-sub, .content-sub, .info-row, .stream-tagline { color: #c5beb6 !important; }
.payment-method-card { min-height: 160px; }
.mpgw-card, .mpgw-custom, .mpgw-history, .mpgw-package, .panel-vip {
  border-color: var(--glass-edge) !important; border-radius: 14px !important; box-shadow: var(--glass-shadow) !important;
}
.mpgw-card, .mpgw-custom, .mpgw-history { background-color: var(--glass-bg) !important; }
#wiki-overlay .wiki-ov-panel {
  background: linear-gradient(135deg, rgba(255,240,220,.065), transparent 50%), rgba(19,21,25,.93) !important;
  border-color: var(--glass-edge) !important; box-shadow: var(--glass-shadow) !important;
  backdrop-filter: blur(18px) saturate(125%); -webkit-backdrop-filter: blur(18px) saturate(125%);
}
#wiki-overlay .wiki-ov-top, #wiki-overlay .wiki-ov-side { background: rgba(12,13,17,.25) !important; }
#wiki-overlay .wiki-ov-tab { min-height: 44px; }
.register-section .info-column, .register-section .form-column { background: transparent !important; }
.register-section .form-column input { font-size: 16px; }
.cookie-consent-inner { padding: 22px; }
.site-search-panel { background-color: rgba(19,21,25,.96) !important; }
.lp-fade, .lp-stagger > * { opacity: 1 !important; transform: none !important; }

@media (max-width: 1199.98px) {
  .hof-panel { padding: 20px; }
  .hof-champion { grid-template-columns: 48px minmax(0,1fr); gap: 12px; }
  .hof-avatar, .hof-guild-emblem { width: 48px; height: 64px; }
}
@media (max-width: 991.98px) {
  #navbarNav.navbar-collapse.show, #navbarNav.navbar-collapse.collapsing {
    background: rgba(22,23,28,.98) !important; border: 1px solid var(--glass-edge) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,.35) !important; border-radius: 14px !important;
    max-height: calc(100svh - 160px); overflow-y: auto !important;
  }
  .navbar .nav-link { min-height: 44px; display: flex; align-items: center; }
  .hof-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hof-panel:last-child { grid-column: 1 / -1; }
  .hof-champion-name { font-size: 1.4rem; }
}
@media (max-width: 767.98px) {
  html { scroll-padding-top: 120px; }
  .site-header-sticky .navbar { padding-block: 10px; }
  .news-section { padding-top: 28px !important; }
  .hof-heading { gap: 12px; flex-wrap: wrap; }
  .hof-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .hof-panel:last-child { grid-column: auto; }
  .hof-panel { padding: 22px; }
  .hof-champion { grid-template-columns: 62px minmax(0,1fr); }
  .hof-avatar, .hof-guild-emblem { width: 62px; height: 74px; }
  .hof-champion-name { font-size: 1.45rem; }
  .hof-row { padding-block: 14px; }
  .hof-name { font-size: .9rem; }
  .hof-row-value { font-size: .94rem; }
  .hof-empty { min-height: 160px; }
  .auth-container.p-5 { padding: 26px !important; }
  .register-section .form-column.p-5 { padding: 24px !important; }
  .info-content-container.p-md-5, .info-content-container.p-4 { padding: 22px !important; }
  .rankings-themed { padding: 16px; overflow-x: auto; }
  .rankings-themed table { min-width: 560px; }
  .mobile-dock { padding-bottom: env(safe-area-inset-bottom); }
  .cookie-consent { bottom: calc(82px + env(safe-area-inset-bottom)) !important; }
  .site-search-panel { max-height: calc(100svh - 36px); }
  .plugin-page-heading { flex-wrap: wrap; }
  .plugin-page-actions { display: flex; flex-wrap: wrap; gap: 8px; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root { --glass-bg: #1c1d22; }

}
@media (prefers-reduced-transparency: reduce) {
  :root { --glass-bg: #1c1d22; }
  * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Payment choices use the original PNG brands in the same, measured frame. */
.page-intro { margin-bottom: 32px; }
.page-intro .info-main-title { margin-bottom: 14px; }
.page-intro p { color: var(--text-secondary); max-width: 65ch; line-height: 1.7; margin: 0; }
.donation-methods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; max-width: 980px; margin: 48px auto 24px; }
.payment-choice { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 24px; padding: 28px !important; text-align: left; text-decoration: none; color: var(--text-primary); transform: none !important; }
.payment-brand { display: grid; place-items: center; width: 96px; height: 96px; background: #fff; border-radius: 12px; overflow: hidden; }
.payment-brand img { display: block; width: 88px; height: 88px; object-fit: contain; }
.payment-copy { align-self: center; min-width: 0; }
.payment-copy h3 { font-size: 1.35rem; font-family: 'Metropolis-bold', sans-serif; margin: 0 0 10px; color: var(--text-primary); }
.payment-copy > span { font-size: .88rem; line-height: 1.6; color: var(--text-secondary); }
.payment-choice-footer { display: flex; align-items: center; justify-content: space-between; grid-column: 1 / -1; border-top: 1px solid var(--glass-edge); padding-top: 22px; color: var(--gold-light); font-size: .9rem; }
.payment-choice:hover { border-color: rgba(242,212,159,.55) !important; background-color: rgba(39,34,34,.9) !important; color: #fff; }
.donation-signin { display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--text-secondary); font-size: .85rem; line-height: 1.6; margin: 24px auto 40px; max-width: 65ch; }
.donation-signin i { color: var(--gold); }

/* Download files and supporting resources keep their configured destinations. */
.download-layout { display: grid; grid-template-columns: 300px minmax(0,1fr); gap: 28px; align-items: start; }
.download-guide { padding: 28px !important; }
.download-game-logo { display: block; width: 160px; height: 150px; object-fit: contain; margin: 0 auto 24px; }
.download-guide h3 { font: 1.2rem 'Metropolis-bold', sans-serif; margin: 0 0 22px; }
.download-steps { list-style: none; counter-reset: download-step; padding: 0; margin: 0; }
.download-steps li { counter-increment: download-step; position: relative; padding-left: 34px; margin: 0 0 22px; color: var(--text-secondary); line-height: 1.65; font-size: .88rem; }
.download-steps li::before { content: counter(download-step); position: absolute; left: 0; top: 0; color: var(--gold-light); font-weight: 700; font-size: 1rem; }
.download-help { font-size: .8rem; color: var(--text-muted); line-height: 1.7; margin: 26px 0 0; padding-top: 22px; border-top: 1px solid var(--glass-edge); }
.download-main { min-width: 0; }
.download-tabs { display: flex; flex-wrap: nowrap; gap: 6px; margin-bottom: 16px; }
.download-tabs .nav-link { display: flex; align-items: center; justify-content: center; gap: 8px; flex: 1 1 0; min-width: 0; min-height: 52px; padding: 10px; color: var(--text-secondary); font-size: .8rem; line-height: 1.5; border: 1px solid transparent; border-radius: 10px; }
.download-content { padding: 30px !important; }
.download-content .content-header { font-size: 1.25rem; line-height: 1.4; }
.download-content .content-sub { font-size: .86rem; line-height: 1.7; }
.download-grid { display: grid; gap: 20px; }
.dl-card { display: flex; align-items: flex-start; gap: 20px; min-width: 0; padding: 0 0 24px; border: 0; border-bottom: 1px solid var(--glass-edge); background: transparent; }
.dl-card:last-child { border-bottom: 0; padding-bottom: 0; }
.dl-card-body { min-width: 0; flex: 1; }
.dl-file-icon { display: grid; place-items: center; width: 52px; height: 64px; flex: 0 0 52px; border-radius: 12px; color: var(--gold-light); background: rgba(224,188,123,.07); border: 1px solid var(--glass-edge); font-size: 1.6rem; }
.dl-title { font: 1.15rem/1.5 'Metropolis-bold', sans-serif; margin: 0 0 10px; overflow-wrap: anywhere; }
.dl-host { font-size: .88rem; line-height: 1.7; color: var(--text-secondary); }
.dl-size { color: var(--gold-light); font-size: .9rem; margin-block: 16px; font-variant-numeric: tabular-nums; }
.download-content .btn-dl-action { display: inline-flex; align-items: center; gap: 12px !important; min-height: 46px !important; padding: 12px 20px !important; border-radius: 10px !important; font-size: .8rem !important; }
.download-content .info-row { gap: 20px; line-height: 1.6; }
.download-content .btn-ver { min-height: 44px; display: inline-flex; align-items: center; }
.requirements-grid .req-list p { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; line-height: 1.65; color: var(--text-secondary); border-bottom: 1px solid rgba(239,220,195,.1); padding-bottom: 14px; font-size: .86rem; }
.requirements-grid .req-list strong { color: var(--gold-light); }

/* Account hierarchy: navigation, balances, then character details. */
.usercp-section .usercp-sidebar { background-color: var(--glass-bg) !important; background-image: linear-gradient(135deg,var(--glass-light),transparent 55%) !important; border-color: var(--glass-edge) !important; padding: 24px !important; }
.usercp-menu-disclosure summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; padding-bottom: 14px; color: var(--text-secondary); font-size: .84rem; cursor: pointer; list-style: none; }
.usercp-menu-disclosure summary::-webkit-details-marker { display: none; }
.usercp-menu-disclosure[open] summary > i { transform: rotate(180deg); }
.usercp-section .usercp-menu-item { min-height: 44px; font-size: .79rem !important; color: var(--text-secondary) !important; margin-bottom: 4px; }
.usercp-section .usercp-menu-item.active { background: rgba(173,53,67,.24) !important; color: #fff !important; }
.usercp-section .content-header { font-size: 1.35rem !important; letter-spacing: -.02em; }
.usercp-section .content-sub { font-size: .88rem !important; color: var(--text-secondary) !important; line-height: 1.7; margin-top: 8px !important; }
.usercp-quick-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-block: 26px 32px; }
.usercp-quick-actions .site-btn { gap: 10px !important; min-height: 44px !important; font-size: .82rem !important; border-radius: 10px !important; }
.usercp-wallets { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 0; padding-block: 20px; border-block: 1px solid var(--glass-edge); }
.usercp-content .usercp-stat-card { min-height: 120px; align-items: flex-start; text-align: left; padding: 12px 22px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.usercp-content .usercp-stat-label { font-size: .76rem; color: var(--text-secondary); letter-spacing: .01em; text-transform: none; margin-block: 8px; }
.usercp-content .usercp-stat-value { font-size: 1.8rem !important; color: var(--gold-light) !important; font-variant-numeric: tabular-nums; }
.usercp-content .usercp-stat-icon i { font-size: inherit; color: inherit; line-height: 1; margin: 0; }
.usercp-section-heading { font-size: 1rem !important; }
.usercp-character-row { display: grid; grid-template-columns: 48px minmax(0,1fr) 90px 64px 76px; gap: 16px; align-items: center; padding: 18px 0 !important; border-bottom: 1px solid var(--glass-edge); border-radius: 0 !important; box-shadow: none; background: transparent; }
.usercp-character-row > :is(.col-level,.col-resets,.col-status) { width: auto !important; margin-top: 0 !important; }
.usercp-avatar { width: 46px; height: 58px; object-fit: cover; border-radius: 8px; border: 1px solid var(--glass-edge); }
.usercp-character-name { color: var(--text-primary); font-size: .96rem; margin: 0 0 6px; overflow-wrap: anywhere; }
.usercp-character-class { font-size: .78rem; color: var(--text-secondary); }
.usercp-character-row .usercp-field-label { display: block; font-size: .68rem; color: var(--text-secondary); letter-spacing: 0; text-transform: none; margin-bottom: 6px; }
.usercp-character-row strong { color: var(--text-primary); font-size: 1rem; font-variant-numeric: tabular-nums; }
.usercp-character-status, .usercp-presence { font-size: .74rem; }
.usercp-character-status.is-offline, .usercp-presence.is-offline { color: var(--text-muted); }
.usercp-empty { color: var(--text-secondary); line-height: 1.7; margin: 0; }
.hof-guild-emblem img { width: 56px; height: 56px; object-fit: contain; }
.hof-guild-mini { display: inline-flex; align-items: center; margin-right: 10px; vertical-align: middle; }
.hof-guild-mini img { object-fit: contain; width: 24px; height: 24px; }
#wiki-overlay .wiki-ov-search input { min-width: 0; font-size: 16px; }
#wiki-overlay .wiki-ov-close { width: 44px; height: 44px; flex-shrink: 0; }
#wiki-overlay .wiki-ov-link { min-height: 44px; border-left-width: 1px; }
#wiki-overlay .wiki-ov-side-head { color: var(--text-secondary); }
#wiki-overlay .wiki-ov-main { color: var(--text-primary); line-height: 1.75; }
#wiki-overlay .wiki-ov-main > .wiki-ov-pane { max-width: 75ch; margin-inline: auto; }
#wiki-overlay .wiki-ov-empty { color: var(--text-secondary); padding: 14px; font-size: .85rem; line-height: 1.6; }
#site-search-overlay.site-search-overlay { z-index: 2147483001 !important; }
#source-explorer-overlay.source-explorer-overlay { z-index: 2147483002 !important; }
.source-explorer-close { min-width: 44px; min-height: 44px; }
@media (max-width: 1199.98px) {
  .download-layout { grid-template-columns: 260px minmax(0,1fr); gap: 20px; }
  .usercp-character-row { gap: 10px; grid-template-columns: 40px minmax(0,1fr) 70px 50px 64px; }
  .usercp-avatar { width: 38px; height: 50px; }
}
@media (max-width: 991.98px) {
  .download-layout { grid-template-columns: minmax(0,1fr); }
  .download-guide { display: none; }
  .usercp-section .user-brief { display: grid; grid-template-columns: 48px 1fr; column-gap: 16px; align-items: center; text-align: left !important; margin-bottom: 12px !important; }
  .usercp-section .user-avatar-circle { grid-row: 1 / 3; width: 48px; height: 48px; margin: 0; }
  .usercp-menu-disclosure[open] nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }
  .usercp-section .usercp-menu-item { margin-bottom: 0; }
}
@media (max-width: 767.98px) {
  .page-intro { margin-bottom: 26px; }
  .donation-methods { grid-template-columns: minmax(0,1fr); margin-top: 28px; gap: 16px; }
  .payment-choice { grid-template-columns: 80px minmax(0,1fr); gap: 20px; padding: 24px !important; }
  .payment-brand { width: 80px; height: 80px; }
  .payment-brand img { width: 74px; height: 74px; }
  .payment-copy h3 { font-size: 1.15rem; }
  .donation-signin { align-items: flex-start; margin-bottom: 0; }
  .download-tabs { gap: 4px; }
  .download-tabs .nav-link { flex-direction: column; font-size: .72rem; padding: 10px 6px; }
  .download-content { padding: 22px !important; }
  .dl-card { gap: 12px; }
  .dl-file-icon { width: 32px; height: 44px; flex-basis: 32px; font-size: 1.1rem; border: 0; background: transparent; }
  .dl-title { font-size: 1rem; }
  .download-content .info-row { flex-wrap: wrap; gap: 8px; }
  .usercp-content .usercp-wallets { grid-template-columns: minmax(0,1fr); padding-block: 8px; }
  .usercp-content .usercp-stat-card { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 14px; min-height: 68px; padding: 10px 0 !important; }
  .usercp-content .usercp-stat-label { font-size: .82rem; }
  .usercp-content .usercp-stat-value { font-size: 1.4rem !important; }
  .usercp-character-row { grid-template-columns: 40px minmax(0,1fr) 70px; gap: 12px; }
  .usercp-character-row .col-status { grid-row: 1; grid-column: 3; text-align: right !important; }
  .usercp-character-row .col-level { grid-column: 2; text-align: left !important; }
  .usercp-character-row .col-resets { grid-column: 3; text-align: right !important; }
  .usercp-quick-actions .site-btn { flex: 1 1 auto; justify-content: center; }
  .hof-guild-emblem img { max-width: 100%; }
  #wiki-overlay .wiki-ov-top { flex-wrap: wrap; gap: 8px; }
  #wiki-overlay .wiki-ov-brand { flex: 1; }
  #wiki-overlay .wiki-ov-search { flex: 1 1 100%; order: 3; min-height: 44px; }
  #wiki-overlay .wiki-ov-panel { height: 100dvh; padding-bottom: env(safe-area-inset-bottom); }
  #wiki-overlay .wiki-ov-main { padding: 20px; }
}
@media (max-width: 359.98px) {
  .usercp-menu-disclosure[open] nav { grid-template-columns: minmax(0,1fr); }
}

/* Restore the original input focus treatment; native search stays clear. */
.form-control:focus, .form-select:focus {
  border-color: #86b7fe !important; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) !important; outline: 0 !important;
}
.form-control-custom:focus {
  border-color: #e63946 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(230,57,70,.12) !important;
}
.plugin-page-container .form-control:focus, .plugin-page-container textarea:focus,
.plugin-page-container input[type='text']:focus {
  border-color: rgba(230,57,70,.75) !important; box-shadow: 0 0 0 .2rem rgba(230,57,70,.16) !important; outline: none !important;
}
.wiki-search-input:focus { border-color: rgba(230,57,70,.55) !important; box-shadow: 0 0 0 3px rgba(230,57,70,.12) !important; outline: none !important; }
.drop-input:focus { border-color: rgba(164,22,26,.7) !important; box-shadow: 0 0 0 3px rgba(107,15,18,.25) !important; outline: none !important; }
.btn:focus, .site-btn:focus, .site-pill:focus { box-shadow: none !important; }
.progression-ranking-title { font-family: 'Metropolis-bold', sans-serif; font-size: 1.15rem; margin: 0 0 12px; }
.progression-table { margin-top: 24px; }
.progression-value { font-weight: 700; font-variant-numeric: tabular-nums; }
.guild-mark-fallback { width: 40px; height: 40px; display: inline-grid; place-items: center; color: #c9c3bc; background: rgba(255,255,255,.05); border-radius: 8px; }

/* Neutral metallic contrast on the logo; the original float remains. */
.hero .hero-logo-center .hero-logo-img {
  filter: brightness(1) contrast(1) saturate(1) drop-shadow(0 8px 28px rgba(0,0,0,.75)) !important;
  transition: filter 480ms var(--lp-ease-soft, cubic-bezier(.4,0,.2,1)) !important;
}
@media (hover: hover) and (pointer: fine) {
  .hero .hero-logo-center:hover .hero-logo-img {
    filter: brightness(1.2) contrast(1.13) saturate(.88) drop-shadow(0 8px 28px rgba(0,0,0,.75)) !important;
    animation-play-state: paused;
  }
}
@media (hover: none), (pointer: coarse) {
  .hero .hero-logo-center:hover .hero-logo-img { animation-play-state: running; }
}
/* The finder follows the same container edges and panel padding as the Hall. */
.drop-finder-panel { max-width: none; width: 100%; margin: 0; padding: 24px; }
.drop-finder-sub, .drop-finder-note { max-width: 75ch; }
@media (max-width: 767.98px) { .drop-finder-panel { padding: 22px; } }

@media (prefers-reduced-motion: reduce) { .hero .hero-logo-center .hero-logo-img { transition: none !important; } }

/* Clear red glass: the scene shows through the material instead of a solid fill. */
:root {
  --action-tint: rgba(215,13,39,.82);
  --action-edge: rgba(255,154,168,.36);
  --action-light: radial-gradient(ellipse at 12% 0%, rgba(255,255,255,.075), transparent 66%), linear-gradient(180deg, rgba(255,222,231,.035), transparent 48%, rgba(12,0,6,.08));
  --action-shadow: 0 5px 15px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.22), inset 1px 0 0 rgba(255,218,228,.06), inset 0 -1px 0 rgba(0,0,0,.24);
  --action-ease: cubic-bezier(.16,1,.3,1);
}
body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]) {
  position: relative !important; isolation: isolate; overflow: hidden;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  gap: 8px !important; min-height: 44px !important; padding: 11px 17px !important;
  border: 1px solid var(--action-edge) !important; border-radius: 12px !important;
  background: var(--action-light), var(--action-tint) !important;
  -webkit-backdrop-filter: blur(18px) saturate(165%); backdrop-filter: blur(18px) saturate(165%);
  box-shadow: var(--action-shadow) !important; color: #fff !important;
  font-weight: 700; line-height: 1.2 !important; text-decoration: none !important;
  text-shadow: 0 1px 3px rgba(12,0,6,.6); transform: none !important; filter: none !important; cursor: pointer;
  transition: transform 260ms var(--action-ease), box-shadow 300ms var(--action-ease), border-color 250ms ease-out !important;
}
body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"])::before, #page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link)::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  inset: -80% auto -80% -75%; width: 60%; height: auto; border-radius: inherit; box-shadow: none;
  background: linear-gradient(100deg, transparent 15%, rgba(255,232,239,.1) 50%, transparent 85%);
  opacity: 0; transform: translateX(0) rotate(18deg);
  transition: transform 650ms var(--action-ease), opacity 350ms ease-out;
}
body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]) i { color: inherit !important; margin: 0 !important; }
body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]):focus-visible, #page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link):focus-visible {
  outline: 2px solid #f16e77 !important; outline-offset: 4px;
  border-color: rgba(255,215,225,.48) !important;
}
body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]):is(:disabled, [aria-disabled="true"], .disabled), #page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link):disabled {
  opacity: .48 !important; cursor: not-allowed; transform: none !important;
}
body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"])[aria-busy="true"] { cursor: progress; }
@media (hover: hover) and (pointer: fine) {
  body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]):where(:not(:disabled):not([aria-disabled="true"]):not(.disabled)):hover {
    border-color: rgba(255,205,218,.42) !important;
    box-shadow: 0 8px 19px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.3), inset 1px 0 0 rgba(255,218,228,.1), inset 0 -1px 0 rgba(0,0,0,.24) !important;
    transform: translateY(-1px) !important;
  }
  body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]):where(:not(:disabled):not([aria-disabled="true"]):not(.disabled)):hover::before, #page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link):not(:disabled):hover::before { opacity: 1; transform: translateX(290%) rotate(18deg); }
}
body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]):where(:not(:disabled):not([aria-disabled="true"]):not(.disabled)):active { transform: scale(.985) !important; }
.hero .hero-action { --action-tint: rgba(229,8,38,.9); --action-edge: rgba(255,158,174,.48); }
.cookie-btn-ghost { --action-tint: rgba(38,20,28,.22); }
.site-btn--outline { --action-tint: rgba(201,16,37,.76); }

/* Tabs share the glass material while retaining grouping, selection and roving focus. */
.download-tabs { padding: 5px; gap: 4px; border-radius: 14px; background: rgba(16,18,22,.35); border: 1px solid rgba(255,230,237,.08); }
#page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link) {
  position: relative; isolation: isolate; overflow: hidden;
  --action-tint: rgba(32,25,33,.2); --action-edge: rgba(255,218,228,.1);
  background: var(--action-light), var(--action-tint) !important;
  color: #ddd6d9 !important; border: 1px solid var(--action-edge) !important;
  border-radius: 10px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
  -webkit-backdrop-filter: blur(12px) saturate(145%); backdrop-filter: blur(12px) saturate(145%);
  min-height: 44px; text-decoration: none !important; transform: none !important;
  transition: border-color 240ms ease-out, color 180ms ease-out, box-shadow 250ms ease-out !important;
}
#page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link):is(.active, [aria-selected="true"], [aria-current="page"]) {
  --action-tint: rgba(137,22,44,.36); --action-edge: rgba(246,137,158,.38);
  color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.21), inset 0 -1px 0 rgba(223,63,92,.3) !important;
}
#page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link)::after { display: none !important; }
.ranking-tabs-premium .nav-link.active::before { border: 0 !important; }
@media (hover: hover) and (pointer: fine) {
  #page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link):not(:disabled):hover { color: #fff !important; border-color: rgba(255,183,201,.34) !important; }
}

/* Header returns to understated icon/text actions. Login reuses Community's model. */
body .site-header-sticky .navbar .header-action {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 10px 14px !important; background: transparent !important;
  color: #b6b3b4 !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important; text-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none;
  font: 700 .78rem/1.2 "Metropolis-bold", sans-serif; text-transform: uppercase; letter-spacing: .03em;
  text-decoration: none !important; cursor: pointer; transition: color 250ms ease, transform 250ms ease !important;
}
.site-header-sticky .navbar .header-action::before, .site-header-sticky .navbar .header-action::after { display: none !important; }
.header-action i { color: inherit; font-size: .9rem; }
body .site-header-sticky .navbar .header-action:is(:focus-visible, [aria-expanded="true"]) { color: #f16e77 !important; }
@media (hover: hover) and (pointer: fine) {
  body .site-header-sticky .navbar .header-action:hover { color: #f16e77 !important; transform: translateY(-1px); }
}
.barra-top a.redes-top:focus-visible { outline: 2px solid #f16e77 !important; outline-offset: 4px; }
.view-all { display: inline-flex; align-items: center; gap: 8px; }
.view-all i, .hof-footer i { font-size: .76rem; }

/* Floating brand marks only; their accessible names and destinations remain. */
.floating-community {
  position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 12000; display: flex; flex-direction: column; align-items: center; gap: 2px;
}
.floating-community .community-link {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; min-height: 44px; padding: 0;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  color: #b6b3b4 !important; text-decoration: none !important; text-shadow: 0 2px 5px rgba(0,0,0,.9);
  transition: color 220ms ease-out; -webkit-tap-highlight-color: transparent;
}
.community-link i { display: inline-block; width: 24px; font-size: 1.4rem; text-align: center; transition: transform 280ms var(--action-ease); }
.community-discord { --community-color: #8e99ff; }
.community-whatsapp { --community-color: #25d366; }
.community-link:focus-visible { color: var(--community-color) !important; }
@media (hover: hover) and (pointer: fine) {
  .floating-community .community-link:hover { color: var(--community-color) !important; }
  .community-link:hover i { transform: translateY(-2px) rotate(-5deg); }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
  body .site-header-sticky .navbar .header-action { padding-inline: 10px !important; font-size: .68rem; gap: 6px; }
}
@media (max-width: 991.98px) {
  body .site-header-sticky .navbar .header-wiki-toggle { display: none !important; }
  .site-header-sticky .navbar-toggler { margin-left: auto; }
  #navbarNav .header-action { width: 100%; justify-content: flex-start; }
}
@media (max-width: 767.98px) {
  .floating-community { bottom: calc(84px + env(safe-area-inset-bottom)); right: max(6px, env(safe-area-inset-right)); }
  .community-link i { font-size: 1.3rem; }
  .hero .hero-action { padding-inline: 15px !important; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]) { --action-tint: #bd1029; }
  body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]):where(.hero-action) { --action-tint: #ce0b2c; }
  #page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link) { --action-tint: #1d1920; }
  #page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link):is(.active, [aria-selected="true"]) { --action-tint: #57202e; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]), #page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link) { --action-tint: #bd1029; backdrop-filter: none; -webkit-backdrop-filter: none; }
  body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]):where(.hero-action) { --action-tint: #ce0b2c; }
  #page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link):is(.active, [aria-selected="true"]) { --action-tint: #57202e; }
}
@media (prefers-reduced-motion: reduce) {
  body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]), body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]):hover, body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"]):active, #page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link), .community-link i, .community-link:hover i,
  body .site-header-sticky .navbar .header-action:hover {
    transform: none !important; transition: none !important;
  }
  body :is(.usercp-section .usercp-quick-actions .site-btn, .site-btn, a.site-pill, .box-wind, .btn-hero, .btn-cs, .btn-read-more, .btn-dl-action, .btn-register-submit, .btn-continue-payment, .payment-action-btn, .btn-back-news, .btn-ver, .cookie-btn, main .btn:not(.btn-link), main input[type="submit"])::before, #page-content-start :is(button[role="tab"], .rankings_menu a, .ranking-tabs-premium .nav-link)::before { display: none; }
  .floating-community .community-link { transition: none !important; }
}
