:root {
  --classic-sky: #5eb8ef;
  --classic-blue: #0b76b8;
  --classic-deep-blue: #07527f;
  --classic-navy: #0c2637;
  --classic-dark: #17232c;
  --classic-muted: #61707a;
  --classic-border: #c8dce8;
  --classic-bg: #eef6fa;
  --classic-white: #ffffff;
  --classic-live: #e33f4f;
  --classic-success: #16834d;
}

* { box-sizing: border-box; }
html,
body { min-height: 100%; }
html { color-scheme: light; background: var(--classic-bg); }
body.classic-site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-width: 320px;
  margin: 0;
  color: var(--classic-dark);
  background:
    radial-gradient(900px 360px at 12% 0%, rgba(94, 184, 239, .35), transparent 70%),
    linear-gradient(180deg, #e5f4fc 0, #f7fbfd 300px, var(--classic-bg) 720px);
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
body.classic-site a { color: var(--classic-deep-blue); text-decoration: none; }
body.classic-site a:hover { color: #063f62; text-decoration: underline; }
body.classic-site p { color: inherit; }
body.classic-site h1,
body.classic-site h2,
body.classic-site h3,
body.classic-site h4 { color: var(--classic-dark); font-family: inherit; line-height: 1.2; }
body.classic-site h1 { font-size: 2rem; letter-spacing: -.025em; }
body.classic-site h2 { font-size: 1.35rem; }
body.classic-site h3 { font-size: 1.08rem; }
body.classic-site button,
body.classic-site input,
body.classic-site select { font: inherit; }
body.classic-site .material-symbols-outlined { display: none; }
body.classic-site .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
body.classic-site .skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  max-width: calc(100% - 20px);
  padding: 8px 12px;
  color: #07111d;
  background: var(--classic-sky);
  border-radius: .3rem;
  font-weight: 800;
  transform: translateY(-180%);
  transition: transform .16s ease;
}
body.classic-site .skip-link:focus,
body.classic-site .skip-link:focus-visible {
  transform: translateY(0);
  outline: 3px solid rgba(255, 211, 108, .6);
}
body.classic-site .container { width: min(1140px, calc(100% - 32px)); margin: 0 auto; padding: 0; }

/* Cabecera y navegación: reconocible, compacta y con identidad de emisión. */
body.classic-site .site-header {
  min-height: 62px;
  color: #fff;
  background: linear-gradient(100deg, #10252f 0, #173b4d 58%, #07537f 100%);
  border-bottom: 3px solid var(--classic-sky);
  box-shadow: 0 2px 14px rgba(8, 35, 51, .24);
}
body.classic-site .navbar { display: flex; align-items: center; gap: 14px; min-height: 59px; }
body.classic-site .navbar-brand { display: inline-flex; align-items: center; gap: 9px; color: #fff; font-weight: 700; letter-spacing: .01em; white-space: nowrap; }
body.classic-site .navbar-brand:hover { color: #fff; text-decoration: none; }
body.classic-site .navbar-brand img { width: 34px; height: 34px; object-fit: cover; border: 1px solid rgba(255, 255, 255, .5); border-radius: .35rem; box-shadow: 0 2px 6px rgba(0, 0, 0, .3); }
body.classic-site .navbar-nav { display: flex; flex: 1; align-items: center; gap: 3px; margin: 0; padding: 0; list-style: none; }
body.classic-site .nav-link { display: block; padding: .46rem .68rem; color: rgba(255, 255, 255, .8); border-radius: .3rem; font-size: .94rem; }
body.classic-site .nav-link:hover,
body.classic-site .nav-link[aria-current="page"] { color: #fff; background: rgba(94, 184, 239, .24); text-decoration: none; }
body.classic-site .navbar-actions { display: flex; align-items: center; gap: 8px; }
body.classic-site .server-address { padding: .25rem .5rem; color: rgba(255, 255, 255, .82); background: rgba(0, 0, 0, .12); border: 1px solid rgba(255, 255, 255, .18); border-radius: .25rem; font: .79rem ui-monospace, SFMono-Regular, Menlo, monospace; }
body.classic-site .navbar-toggler { display: none; padding: .3rem .55rem; color: #fff; background: transparent; border: 1px solid rgba(255, 255, 255, .55); border-radius: .3rem; }
body.classic-site .mobile-nav { display: none; padding: 0 16px 12px; background: #10313f; }
body.classic-site .mobile-nav.open { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
body.classic-site .mobile-nav .nav-link { border: 1px solid rgba(255, 255, 255, .22); text-align: center; }

body.classic-site .btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: .375rem .75rem;
  border: 1px solid transparent; border-radius: .3rem; font-weight: 650; line-height: 1.5; cursor: pointer; text-decoration: none;
}
body.classic-site .btn:hover { text-decoration: none; }
body.classic-site .btn-primary { color: #fff; background: linear-gradient(180deg, #158dce, #0870ad); border-color: #056495; box-shadow: 0 2px 5px rgba(2, 56, 87, .22); }
body.classic-site .btn-primary:hover { color: #fff; background: linear-gradient(180deg, #0b7cb9, #065c8c); }
body.classic-site .btn-outline-light { color: #fff; border-color: rgba(255, 255, 255, .64); background: transparent; }
body.classic-site .btn-outline-secondary { color: #34505e; border-color: #91aab7; background: #fff; }
body.classic-site .btn-outline-secondary:hover,
body.classic-site .btn-outline-secondary.active { color: #fff; background: #49636f; border-color: #49636f; }
body.classic-site .btn-sm { min-height: 32px; padding: .25rem .55rem; font-size: .875rem; }

/* Estructura editorial compartida. */
body.classic-site .site-main,
body.classic-site .hdv-main { flex: 1 0 auto; width: min(1140px, calc(100% - 32px)); margin: 0 auto; padding: 32px 0 52px; }
body.classic-site .page-header {
  margin-bottom: 26px;
  padding: 20px 22px;
  background: linear-gradient(110deg, rgba(255, 255, 255, .98), rgba(234, 247, 253, .9));
  border: 1px solid var(--classic-border);
  border-left: 5px solid var(--classic-blue);
  border-radius: .5rem;
  box-shadow: 0 5px 14px rgba(22, 65, 87, .08);
}
body.classic-site .page-header h1 { margin: 0 0 6px; }
body.classic-site .page-header p { margin: 0; color: var(--classic-muted); }
body.classic-site .section { margin-top: 30px; }
body.classic-site .section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
body.classic-site .section-heading h2 { margin: 0; }
body.classic-site .row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
body.classic-site .col-3 { grid-column: span 3; }
body.classic-site .col-4 { grid-column: span 4; }
body.classic-site .col-5 { grid-column: span 5; }
body.classic-site .col-7 { grid-column: span 7; }
body.classic-site .col-8 { grid-column: span 8; }
body.classic-site .col-12 { grid-column: 1 / -1; }
body.classic-site .card {
  overflow: hidden;
  background: rgba(255, 255, 255, .96);
  border: 1px solid var(--classic-border);
  border-radius: .5rem;
  box-shadow: 0 4px 12px rgba(24, 65, 85, .08);
}
body.classic-site .card-body { padding: 17px; }
body.classic-site .card h2,
body.classic-site .card h3 { margin-top: 0; }
body.classic-site .card p:last-child { margin-bottom: 0; }
body.classic-site .text-muted { color: var(--classic-muted) !important; }
body.classic-site .badge { display: inline-block; padding: .25rem .5rem; border-radius: .25rem; font-size: .75rem; font-weight: 700; }
body.classic-site .badge-success { color: #075d36; background: #d8f3e5; }
body.classic-site .badge-secondary { color: #34444d; background: #e5eef2; }

/* Inicio: la señal es el programa; las tarjetas acompañan. */
body.classic-site .home-stream { margin-bottom: 22px; border: 1px solid #0d587f; border-radius: .7rem; box-shadow: 0 10px 28px rgba(7, 69, 103, .24); }
body.classic-site .stream-header { display: flex; align-items: center; gap: 12px; padding: 10px 15px; color: #fff; background: linear-gradient(100deg, #102a39, #0c6799); }
body.classic-site .stream-header strong { margin-right: auto; font-size: .96rem; }
body.classic-site .stream-header a { color: #fff; font-size: .9rem; font-weight: 650; }
body.classic-site .broadcast-live { display: inline-flex; align-items: center; gap: 7px; padding-right: 12px; border-right: 1px solid rgba(255, 255, 255, .25); color: rgba(255, 255, 255, .88); font-size: .75rem; font-weight: 750; letter-spacing: .05em; }
body.classic-site .broadcast-live::before { width: 8px; height: 8px; border-radius: 50%; background: var(--classic-live); box-shadow: 0 0 0 3px rgba(227, 63, 79, .18); content: ""; }
body.classic-site [data-stream-frame] { min-height: 420px; background: #081c29; }
body.classic-site [data-stream-frame] iframe { display: block; width: 100%; min-height: 420px; border: 0; }
body.classic-site .stream-placeholder {
  display: grid; min-height: 420px; place-items: center; padding: 28px; color: #fff; text-align: center;
  background: linear-gradient(105deg, rgba(4, 26, 40, .92), rgba(4, 82, 127, .5)), url("/assets/brand/hubdevors-app-icon.png") center / cover;
}
body.classic-site .stream-placeholder strong { display: block; margin-bottom: 8px; font-size: 1.25rem; }
body.classic-site .stream-placeholder p { color: rgba(255, 255, 255, .82); }
body.classic-site .home-status { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
body.classic-site .home-status li { padding: 8px 11px; color: #3f5967; background: rgba(255, 255, 255, .78); border: 1px solid #d7e6ed; border-radius: .3rem; }
body.classic-site .home-status strong { color: var(--classic-navy); }
body.classic-site .online-badge { padding: .18rem .42rem; color: #05613a; background: #daf4e6; border: 1px solid #a7ddbf; border-radius: 999px; font-size: .71rem; font-weight: 700; }

body.classic-site .player-row { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid #e3edf2; }
body.classic-site .player-row:last-child { border-bottom: 0; }
body.classic-site .player-row img { width: 38px; height: 38px; object-fit: contain; background: linear-gradient(145deg, #def2fc, #f9fdff); border: 1px solid #c9e2ef; border-radius: .3rem; }
body.classic-site .player-row small { display: block; color: var(--classic-muted); }
body.classic-site .player-row .badge,
body.classic-site .player-row .online-badge { margin-left: auto; }
body.classic-site .focus-player { display: flex; gap: 12px; align-items: center; }
body.classic-site .focus-player img { width: 54px; height: 54px; object-fit: contain; background: linear-gradient(145deg, #d8effa, #fff); border: 1px solid #c6e0ec; border-radius: .35rem; }

/* Datos densos: tabla, campos y filtros siguen convenciones conocidas. */
body.classic-site .table-responsive { overflow-x: auto; border: 1px solid var(--classic-border); border-radius: .35rem; }
body.classic-site .table { width: 100%; margin: 0; border-collapse: collapse; color: var(--classic-dark); }
body.classic-site .table th,
body.classic-site .table td { padding: .68rem .75rem; text-align: left; vertical-align: middle; border-top: 1px solid #dce8ee; }
body.classic-site .table thead th { color: #163b51; background: linear-gradient(180deg, #e2f3fc, #d0e8f4); border-top: 0; border-bottom: 2px solid #a8cddb; }
body.classic-site .table tbody tr:nth-child(even) { background: #f5fafc; }
body.classic-site .table tbody tr:hover { background: #eaf6fb; }
body.classic-site .table-player { display: flex; align-items: center; gap: 9px; }
body.classic-site .table-player img { width: 34px; height: 34px; object-fit: contain; background: #eff8fc; border: 1px solid #d0e4ee; border-radius: .25rem; }
body.classic-site .table-player small { display: block; color: var(--classic-muted); }
body.classic-site .ranking-controls { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
body.classic-site .ranking-controls button { min-height: 32px; }

body.classic-site .form-label { display: block; margin-bottom: 6px; font-weight: 700; }
body.classic-site .form-control { display: block; width: 100%; min-height: 40px; padding: .375rem .75rem; color: var(--classic-dark); background: #fff; border: 1px solid #a9c4d2; border-radius: .3rem; }
body.classic-site .form-control:focus { outline: 0; border-color: var(--classic-blue); box-shadow: 0 0 0 .2rem rgba(11, 118, 184, .18); }
body.classic-site .player-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 14px; }
body.classic-site .player-card { padding: 15px; text-align: center; background: rgba(255, 255, 255, .97); border: 1px solid var(--classic-border); border-radius: .45rem; box-shadow: 0 3px 9px rgba(24, 65, 85, .07); }
body.classic-site .player-card > a:first-child { display: block; }
body.classic-site .player-card img { width: 104px; height: 104px; object-fit: contain; background: radial-gradient(circle at 50% 28%, #f9fdff, #d8eff9); border: 1px solid #c7e0eb; border-radius: .4rem; }
body.classic-site .player-card strong,
body.classic-site .player-card span,
body.classic-site .player-card small { display: block; }
body.classic-site .player-card span,
body.classic-site .player-card small { color: var(--classic-muted); }
body.classic-site .player-card-actions { display: flex; justify-content: center; gap: 10px; margin-top: 10px; font-size: .875rem; }
body.classic-site .player-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 20px; }
body.classic-site .player-pagination button { padding: .375rem .75rem; color: #24495c; background: #fff; border: 1px solid #a9c4d2; border-radius: .3rem; }

body.classic-site .chronicle-list { display: grid; gap: 16px; }
body.classic-site .chronicle-post { display: grid; grid-template-columns: 220px minmax(0, 1fr); overflow: hidden; background: rgba(255, 255, 255, .96); border: 1px solid var(--classic-border); border-radius: .5rem; box-shadow: 0 4px 12px rgba(24, 65, 85, .07); }
body.classic-site .chronicle-post__media { min-height: 150px; background: #d8eaf2 center / cover no-repeat; }
body.classic-site .chronicle-post__body { padding: 17px; }
body.classic-site .chronicle-post__meta { margin-bottom: 6px; color: var(--classic-deep-blue); font-size: .8rem; font-weight: 700; letter-spacing: .03em; }
body.classic-site .chronicle-post__body h2 { margin: 0 0 8px; font-size: 1.25rem; }
body.classic-site .chronicle-microtexts {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
body.classic-site .chronicle-microtexts li {
  position: relative;
  padding: 9px 11px 9px 34px;
  color: #d8e8f4;
  background: rgba(94,184,239,.08);
  border: 1px solid rgba(94,184,239,.18);
  border-radius: 8px;
  line-height: 1.45;
}
body.classic-site .chronicle-microtexts li::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 1.08em;
  width: 8px;
  height: 8px;
  background: var(--mm-gold);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(230,178,79,.12);
}
body.classic-site .chronicle-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.classic-site .chronicle-card { display: block; overflow: hidden; color: inherit; background: rgba(255, 255, 255, .97); border: 1px solid var(--classic-border); border-radius: .5rem; box-shadow: 0 4px 11px rgba(24, 65, 85, .07); }
body.classic-site .chronicle-card:hover { color: inherit; text-decoration: none; box-shadow: 0 7px 16px rgba(15, 77, 108, .14); }
body.classic-site .chronicle-card__image { height: 138px; background: #d8eaf2 center / cover no-repeat; }
body.classic-site .chronicle-card__body { padding: 14px; }
body.classic-site .chronicle-card__meta { margin-bottom: 6px; color: var(--classic-deep-blue); font-size: .75rem; font-weight: 700; letter-spacing: .03em; }
body.classic-site .chronicle-card h3 { margin: 0 0 6px; }

body.classic-site .join-address { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 11px 12px; color: #173c50; background: linear-gradient(135deg, #fff, #eaf7fc); border: 1px solid #9cc7dc; border-radius: .35rem; text-align: left; }
body.classic-site .join-address code { font: .9rem ui-monospace, SFMono-Regular, Menlo, monospace; }
body.classic-site .steps { margin: 0; padding-left: 1.3rem; }
body.classic-site .steps li { margin-bottom: 10px; }
body.classic-site .social-links { display: flex; flex-wrap: wrap; gap: 8px; }
body.classic-site .social-links a { padding: .4rem .75rem; color: #18465f; border: 1px solid #b4d2e0; border-radius: .3rem; background: #fff; font-weight: 650; }

body.classic-site .club-filter { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }
body.classic-site .club-filter button { padding: .375rem .75rem; color: #24495c; background: #fff; border: 1px solid #b4d2e0; border-radius: .3rem; }
body.classic-site .club-filter button.is-active { color: #fff; background: var(--classic-blue); border-color: var(--classic-blue); }
body.classic-site .club-section { margin-bottom: 28px; }
body.classic-site .club-section h2 { margin-bottom: 12px; }
body.classic-site .club-offers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.classic-site .club-offer { overflow: hidden; color: inherit; background: #fff; border: 1px solid var(--classic-border); border-radius: .5rem; box-shadow: 0 4px 11px rgba(24, 65, 85, .07); }
body.classic-site .club-offer:hover { color: inherit; text-decoration: none; box-shadow: 0 7px 16px rgba(15, 77, 108, .14); }
body.classic-site .club-offer img,
body.classic-site .club-offer__placeholder { display: grid; width: 100%; height: 150px; place-items: center; object-fit: cover; color: var(--classic-muted); background: #e2f0f6; }
body.classic-site .club-offer__body { padding: 14px; }
body.classic-site .club-offer__body small { display: block; margin-top: 3px; color: var(--classic-muted); }

/* Wiki y legales heredados: reciben la misma jerarquía aunque mantengan su contenido. */
body.classic-site .hdv-page-hero,
body.classic-site .hdv-wiki-hero { padding: 30px 0; color: #fff; background: linear-gradient(115deg, #0e2a39, #0d6798 70%, #56b2e8); border: 1px solid #0a557e; border-radius: .65rem; box-shadow: 0 9px 22px rgba(14, 78, 109, .2); }
body.classic-site .hdv-page-hero h1,
body.classic-site .hdv-wiki-hero h1,
body.classic-site .hdv-page-hero h2,
body.classic-site .hdv-wiki-hero h2 { color: #fff; }
body.classic-site .hdv-page-hero p,
body.classic-site .hdv-wiki-hero p { color: rgba(255, 255, 255, .88); }
body.classic-site .hdv-tactical-section,
body.classic-site .hdv-wiki-shell { margin-top: 24px; }
body.classic-site .hdv-glass-panel,
body.classic-site .hdv-guide-card,
body.classic-site .hdv-wiki-path-card,
body.classic-site .hdv-first-hour,
body.classic-site .hdv-wiki-result-card { display: block; color: inherit; background: rgba(255, 255, 255, .96); border: 1px solid var(--classic-border); border-radius: .5rem; box-shadow: 0 4px 12px rgba(24, 65, 85, .07); }
body.classic-site .hdv-glass-panel,
body.classic-site .hdv-guide-card,
body.classic-site .hdv-first-hour { padding: 18px; }
body.classic-site .hdv-wiki-path-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.classic-site .hdv-wiki-path-card { padding: 16px; }
body.classic-site .hdv-wiki-path-card:hover,
body.classic-site .hdv-wiki-result-card:hover { color: inherit; text-decoration: none; box-shadow: 0 7px 16px rgba(15, 77, 108, .14); }
body.classic-site .hdv-wiki-category-nav,
body.classic-site .hdv-guide-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
body.classic-site .hdv-wiki-category-nav a,
body.classic-site .hdv-guide-links a { padding: .35rem .62rem; background: #fff; border: 1px solid #bad4e0; border-radius: .3rem; }
body.classic-site .hdv-legal-layout { display: grid; grid-template-columns: minmax(180px, .36fr) minmax(0, 1fr); gap: 18px; }
body.classic-site .legal-index a { display: block; padding: .45rem 0; border-bottom: 1px solid #e2edf2; }
body.classic-site .hdv-page-hero-grid { display: flex; align-items: center; justify-content: space-between; gap: 24px; }

body.classic-site .site-footer,
body.classic-site .hdv-footer { flex: 0 0 auto; margin-top: auto; padding: 30px 0; color: #dcecf3; background: linear-gradient(110deg, #102830, #173e50); border-top: 3px solid var(--classic-sky); }
body.classic-site .site-footer__inner,
body.classic-site .hdv-footer-grid { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
body.classic-site .site-footer a,
body.classic-site .hdv-footer a { color: #fff; }
body.classic-site .site-footer p,
body.classic-site .hdv-footer p { margin: 4px 0 0; color: #b8d3df; font-size: .875rem; }
body.classic-site .site-footer nav,
body.classic-site .hdv-footer nav { display: flex; flex-wrap: wrap; gap: 14px; }
body.classic-site .footer-social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
body.classic-site .footer-social a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 5px 9px;
  color: #dcecf3;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(94,184,239,.22);
  border-radius: 999px;
  font-size: .84rem;
  font-weight: 700;
  text-decoration: none;
}
body.classic-site .footer-social a:hover {
  color: #07111d;
  background: #ffd36c;
  border-color: #ffd36c;
}
body.classic-site .footer-social .fa {
  display: inline-grid;
  width: 18px;
  height: 18px;
  place-items: center;
  font-style: normal;
  line-height: 1;
}
body.classic-site .fa-youtube::before { content: "▶"; }
body.classic-site .fa-twitch::before { content: "T"; font-weight: 900; }
body.classic-site .fa-facebook::before { content: "f"; font-weight: 900; }
body.classic-site .fa-tiktok::before { content: "♪"; }
body.classic-site .fa-whatsapp::before { content: "☎"; }
body.classic-site .fa-instagram::before { content: "◎"; }
body.classic-site .fa-link::before { content: "↗"; }
body.classic-site .empty-state { padding: 18px; color: #56717f; text-align: center; border: 1px dashed #a9c9d8; background: rgba(255, 255, 255, .75); border-radius: .35rem; }

@media (prefers-reduced-motion: no-preference) {
  body.classic-site .card,
  body.classic-site .chronicle-card,
  body.classic-site .club-offer,
  body.classic-site .hdv-wiki-path-card,
  body.classic-site .hdv-wiki-result-card { transition: box-shadow .16s ease, transform .16s ease; }
  body.classic-site .chronicle-card:hover,
  body.classic-site .club-offer:hover,
  body.classic-site .hdv-wiki-path-card:hover,
  body.classic-site .hdv-wiki-result-card:hover { transform: translateY(-2px); }
}

@media (max-width: 820px) {
  body.classic-site .navbar-nav,
  body.classic-site .server-address { display: none; }
  body.classic-site .navbar-toggler { display: inline-flex; }
  body.classic-site .navbar-actions { margin-left: auto; }
  body.classic-site .col-4,
  body.classic-site .col-3,
  body.classic-site .col-5,
  body.classic-site .col-7,
  body.classic-site .col-8 { grid-column: 1 / -1; }
  body.classic-site .player-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.classic-site .chronicle-cards,
  body.classic-site .club-offers,
  body.classic-site .hdv-wiki-path-grid { grid-template-columns: 1fr; }
  body.classic-site .hdv-legal-layout { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  body.classic-site .container,
  body.classic-site .site-main,
  body.classic-site .hdv-main { width: min(100% - 24px, 1140px); }
  body.classic-site .navbar-brand span { font-size: .94rem; }
  body.classic-site h1 { font-size: 1.65rem; }
  body.classic-site .stream-header { flex-wrap: wrap; }
  body.classic-site .stream-header strong { margin-right: 0; }
  body.classic-site [data-stream-frame],
  body.classic-site [data-stream-frame] iframe,
  body.classic-site .stream-placeholder { min-height: 230px; }
  body.classic-site .chronicle-post { grid-template-columns: 1fr; }
  body.classic-site .chronicle-post__media { min-height: 130px; }
  body.classic-site .site-footer__inner,
  body.classic-site .hdv-footer-grid,
  body.classic-site .hdv-page-hero-grid { align-items: flex-start; flex-direction: column; }
}

/* Capa MMORPG: portal oscuro, datos claros y participantes reales. */
:root {
  --mm-bg: #050812;
  --mm-bg-2: #07121f;
  --mm-panel: rgba(12, 22, 35, .86);
  --mm-panel-2: rgba(17, 31, 48, .92);
  --mm-line: rgba(116, 183, 235, .24);
  --mm-line-gold: rgba(230, 178, 79, .34);
  --mm-text: #eef7ff;
  --mm-muted: #a9bac8;
  --mm-blue: #5eb8ef;
  --mm-gold: #e6b24f;
  --mm-green: #57d68d;
  --mm-red: #e64f5f;
}

html { color-scheme: dark; background: var(--mm-bg); }
body.classic-site {
  color: var(--mm-text);
  background:
    linear-gradient(135deg, rgba(230, 178, 79, .12) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, #060914 0, #081522 38%, #050812 100%);
  background-size: 100% 100%, 100% 100%;
}
body.classic-site::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(94, 184, 239, .08), transparent 22%, transparent 78%, rgba(230, 178, 79, .08)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.026) 0 1px, transparent 1px 42px);
  content: "";
}
body.classic-site a { color: #9ed8ff; }
body.classic-site a:hover { color: #fff1bc; }
body.classic-site h1,
body.classic-site h2,
body.classic-site h3,
body.classic-site h4 { color: var(--mm-text); letter-spacing: 0; }
body.classic-site p,
body.classic-site small,
body.classic-site .text-muted { color: var(--mm-muted) !important; }
body.classic-site .site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: linear-gradient(180deg, rgba(6, 10, 18, .98), rgba(7, 16, 29, .94));
  border-bottom: 1px solid var(--mm-line-gold);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .34);
  backdrop-filter: blur(10px);
}
body.classic-site .navbar-brand img { border-color: rgba(230, 178, 79, .56); border-radius: 6px; }
body.classic-site .nav-link { color: rgba(238, 247, 255, .74); border-radius: 6px; }
body.classic-site .nav-link:hover,
body.classic-site .nav-link[aria-current="page"] { color: #fff; background: rgba(94, 184, 239, .14); }
body.classic-site .server-address { color: #dcecff; background: rgba(0,0,0,.34); border-color: var(--mm-line); }
body.classic-site .mobile-nav { background: rgba(7, 16, 29, .98); }
body.classic-site .site-main,
body.classic-site .hdv-main { width: min(1240px, calc(100% - 36px)); padding: 28px 0 56px; }
body.classic-site .btn { border-radius: 6px; }
body.classic-site .btn-primary {
  color: #07111d;
  background: linear-gradient(180deg, #ffd36c, #e2a735);
  border-color: #f2c25d;
  box-shadow: 0 8px 20px rgba(230, 178, 79, .22);
}
body.classic-site .btn-primary:hover { color: #04070c; background: linear-gradient(180deg, #ffe39a, #e7b447); }
body.classic-site .btn-outline-light,
body.classic-site .btn-outline-secondary {
  color: var(--mm-text);
  background: rgba(255,255,255,.04);
  border-color: var(--mm-line);
}
body.classic-site .btn-outline-secondary:hover,
body.classic-site .btn-outline-secondary.active { color: #07111d; background: var(--mm-blue); border-color: var(--mm-blue); }
body.classic-site .card,
body.classic-site .player-card,
body.classic-site .chronicle-card,
body.classic-site .club-offer,
body.classic-site .hdv-glass-panel,
body.classic-site .hdv-guide-card,
body.classic-site .hdv-wiki-path-card,
body.classic-site .hdv-first-hour,
body.classic-site .hdv-wiki-result-card {
  color: var(--mm-text);
  background: linear-gradient(180deg, var(--mm-panel-2), var(--mm-panel));
  border: 1px solid var(--mm-line);
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(0,0,0,.28);
}
body.classic-site .card-body { padding: 18px; }
body.classic-site .page-header,
body.classic-site .hdv-page-hero,
body.classic-site .hdv-wiki-hero {
  color: var(--mm-text);
  background:
    linear-gradient(115deg, rgba(9, 20, 33, .96), rgba(15, 45, 71, .86)),
    url("/assets/brand/hubdevors-app-icon.png") right -40px center / 260px auto no-repeat;
  border: 1px solid var(--mm-line-gold);
  border-left: 5px solid var(--mm-gold);
  border-radius: 8px;
  box-shadow: 0 20px 42px rgba(0,0,0,.28);
}
body.classic-site .page-header p,
body.classic-site .hdv-page-hero p,
body.classic-site .hdv-wiki-hero p { color: #c7d8e6 !important; }
body.classic-site .hdv-kicker {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--mm-gold);
  font-size: .74rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.classic-site .home-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, .78fr) minmax(360px, 1.22fr);
  min-height: 430px;
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid var(--mm-line-gold);
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(5, 8, 18, .96) 0, rgba(7, 18, 31, .92) 38%, rgba(10, 38, 63, .74) 100%),
    url("/assets/brand/hubdevors-app-icon.png") right 6% center / 420px auto no-repeat;
  box-shadow: 0 24px 60px rgba(0,0,0,.38);
}
body.classic-site .home-hero__copy {
  z-index: 2;
  display: grid;
  align-content: center;
  padding: clamp(24px, 5vw, 52px);
}
body.classic-site .home-hero h1 { margin: 0; font-size: clamp(2.8rem, 6vw, 5.5rem); line-height: .94; text-transform: uppercase; }
body.classic-site .home-hero p { max-width: 420px; margin: 14px 0 0; color: #d8e8f4 !important; font-size: 1.05rem; }
body.classic-site .home-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
body.classic-site .hero-party {
  position: relative;
  min-height: 430px;
  isolation: isolate;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  --cast-w: clamp(104px, 9.5vw, 146px);
  --cast-h: clamp(250px, 25vw, 340px);
  --cast-step: calc(var(--cast-w) * .38);
}
body.classic-site .hero-party__platform {
  position: absolute;
  left: 8%;
  right: 6%;
  bottom: 34px;
  height: 74px;
  border: 1px solid rgba(230, 178, 79, .28);
  transform: perspective(460px) rotateX(58deg);
  background: linear-gradient(90deg, rgba(94,184,239,.1), rgba(230,178,79,.18), rgba(87,214,141,.1));
  box-shadow: 0 24px 50px rgba(0,0,0,.48);
}
body.classic-site .hero-party__player {
  position: absolute;
  left: 50%;
  bottom: 46px;
  display: grid;
  justify-items: center;
  width: var(--cast-w);
  min-width: var(--cast-w);
  color: var(--mm-text);
  text-decoration: none;
  transform-origin: 50% 100%;
  will-change: filter;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
body.classic-site .hero-party__player:hover { color: #fff; text-decoration: none; }
body.classic-site .hero-party__player img {
  width: 100%;
  height: var(--cast-h);
  object-fit: contain;
  image-rendering: pixelated;
  filter: drop-shadow(0 24px 22px rgba(0,0,0,.6));
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
body.classic-site .hero-party__player span:not(.visually-hidden) {
  display: grid;
  max-width: 180px;
  margin-top: -22px;
  padding: 6px 9px;
  color: #dbefff;
  text-align: center;
  background: rgba(5, 10, 18, .72);
  border: 1px solid rgba(94,184,239,.22);
  border-radius: 6px;
}
body.classic-site .hero-party__player strong { overflow: hidden; color: #fff; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
body.classic-site .hero-party__player small { overflow: hidden; color: #aabfce !important; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
body.classic-site .hero-party__player--1 { z-index: 10; transform: translateX(calc(-50% - (var(--cast-step) * .5))) rotate(.2deg); }
body.classic-site .hero-party__player--2 { z-index: 9; transform: translateX(calc(-50% - (var(--cast-step) * 1.5))) rotate(-1.4deg); }
body.classic-site .hero-party__player--3 { z-index: 8; transform: translateX(calc(-50% + (var(--cast-step) * .5))) rotate(1.2deg); }
body.classic-site .hero-party__player--4 { z-index: 7; transform: translateX(calc(-50% - (var(--cast-step) * 2.5))) rotate(-2.1deg); }
body.classic-site .hero-party__player--5 { z-index: 6; transform: translateX(calc(-50% + (var(--cast-step) * 1.5))) rotate(2deg); }
body.classic-site .hero-party__player--6 { z-index: 5; transform: translateX(calc(-50% - (var(--cast-step) * 3.5))) rotate(-2.8deg); }
body.classic-site .hero-party__player--7 { z-index: 4; transform: translateX(calc(-50% + (var(--cast-step) * 2.5))) rotate(2.6deg); }
body.classic-site .hero-party__player--8 { z-index: 3; transform: translateX(calc(-50% - (var(--cast-step) * 4.5))) rotate(-3.2deg); }
body.classic-site .hero-party__player--9 { z-index: 2; transform: translateX(calc(-50% + (var(--cast-step) * 3.5))) rotate(3deg); }
body.classic-site .hero-party__player--10 { z-index: 1; transform: translateX(calc(-50% + (var(--cast-step) * 4.5))) rotate(3.4deg); }
body.classic-site .hero-party__empty {
  display: grid;
  min-height: 100%;
  place-items: center;
  color: var(--mm-muted);
}

body.classic-site .home-stream {
  border-color: rgba(230, 178, 79, .42);
  border-radius: 10px;
  background: #030811;
  box-shadow: 0 22px 48px rgba(0,0,0,.36);
}
body.classic-site .stream-header { background: linear-gradient(90deg, #07111d, #0f3556); border-bottom: 1px solid rgba(230,178,79,.26); }
body.classic-site [data-stream-frame],
body.classic-site [data-stream-frame] iframe,
body.classic-site .stream-placeholder { min-height: clamp(260px, 52vw, 610px); }
body.classic-site .stream-placeholder { background: linear-gradient(115deg, rgba(3,8,17,.94), rgba(8,37,59,.74)), url("/assets/brand/hubdevors-app-icon.png") center / min(520px, 80%) auto no-repeat; }
body.classic-site .home-status li,
body.classic-site .empty-state {
  color: #dbe9f5;
  background: rgba(13, 25, 40, .82);
  border-color: var(--mm-line);
}
body.classic-site .home-status strong { color: var(--mm-gold); }

body.classic-site .entity-link,
body.classic-site .player-name-link {
  color: #bde4ff;
  font-weight: 750;
  text-decoration: none;
}
body.classic-site .entity-link:hover,
body.classic-site .player-name-link:hover { color: #ffe6a3; text-decoration: underline; }
body.classic-site .player-row { border-bottom-color: rgba(116,183,235,.16); }
body.classic-site .player-row img,
body.classic-site .focus-player img,
body.classic-site .table-player img {
  background: rgba(5, 10, 18, .72);
  border-color: rgba(94,184,239,.26);
  image-rendering: pixelated;
}
body.classic-site .player-head {
  position: relative;
  display: inline-grid;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 50% 28%, rgba(94,184,239,.18), rgba(5,10,18,.86));
  border: 1px solid rgba(94,184,239,.28);
  border-radius: 7px;
}
body.classic-site .player-head--large {
  width: 58px;
  height: 58px;
  border-radius: 9px;
}
body.classic-site .player-row .player-head img,
body.classic-site .focus-player .player-head img,
body.classic-site .table-player .player-head img,
body.classic-site .player-head img {
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: contain;
  background: transparent;
  border: 0;
  border-radius: 0;
  transform: translateY(19%) scale(3.25);
  transform-origin: 50% 14%;
  image-rendering: pixelated;
}
body.classic-site .focus-player strong,
body.classic-site .focus-player span,
body.classic-site .focus-player small { display: block; }
body.classic-site .online-badge {
  color: #06130d;
  background: var(--mm-green);
  border-color: rgba(87,214,141,.62);
}

body.classic-site .table-responsive { border-color: var(--mm-line); }
body.classic-site .table { color: var(--mm-text); }
body.classic-site .table th,
body.classic-site .table td { border-top-color: rgba(116,183,235,.16); }
body.classic-site .table thead th {
  color: #f8e9bd;
  background: linear-gradient(180deg, rgba(230,178,79,.18), rgba(94,184,239,.1));
  border-bottom-color: rgba(230,178,79,.32);
}
body.classic-site .table tbody tr:nth-child(even) { background: rgba(255,255,255,.025); }
body.classic-site .table tbody tr:hover { background: rgba(94,184,239,.08); }
body.classic-site .form-control {
  color: var(--mm-text);
  background: rgba(5, 10, 18, .82);
  border-color: var(--mm-line);
}

body.classic-site .player-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
body.classic-site .player-card { display: grid; gap: 8px; align-content: start; padding: 14px; }
body.classic-site .player-card-profile-link {
  display: grid;
  min-height: 190px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(94,184,239,.18);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(94,184,239,.1), rgba(0,0,0,.18));
}
body.classic-site .player-card img {
  width: 100%;
  height: 188px;
  padding: 10px;
  background: transparent;
  border: 0;
  image-rendering: pixelated;
}
body.classic-site .player-card strong { min-width: 0; overflow-wrap: anywhere; }
body.classic-site .player-card-actions { flex-wrap: wrap; }
body.classic-site .player-card-export,
body.classic-site .player-pagination button,
body.classic-site .player-profile-close {
  min-height: 34px;
  padding: 6px 10px;
  color: var(--mm-text);
  background: rgba(255,255,255,.05);
  border: 1px solid var(--mm-line);
  border-radius: 6px;
  cursor: pointer;
}
body.classic-site .player-profile-panel { margin: 18px 0 22px; }
body.classic-site .player-profile-panel[hidden] { display: none; }
body.classic-site .player-profile-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
body.classic-site .player-profile-layout {
  display: grid;
  grid-template-columns: minmax(220px, 330px) minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
  padding: 16px;
  border: 1px solid var(--mm-line-gold);
  border-radius: 10px;
  background: linear-gradient(120deg, rgba(10,22,36,.94), rgba(14,35,54,.78));
}
body.classic-site .player-profile-render {
  display: grid;
  min-height: 320px;
  max-height: 360px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(94,184,239,.22);
  border-radius: 8px;
  place-items: start center;
  background:
    radial-gradient(circle at 50% 22%, rgba(94,184,239,.2), transparent 58%),
    rgba(3,8,16,.58);
}
body.classic-site .player-profile-render img {
  width: min(100%, 360px);
  height: 520px;
  max-height: none;
  padding: 0;
  object-fit: contain;
  transform: translateY(-28px) scale(1.22);
  transform-origin: top center;
  image-rendering: pixelated;
}
body.classic-site .player-profile-copy { display: grid; align-content: center; justify-items: start; gap: 12px; }
body.classic-site .player-profile-copy h2 { margin: 0; font-size: clamp(1.8rem, 4vw, 3.1rem); overflow-wrap: anywhere; }
body.classic-site .player-profile-copy p { margin: 0; }
body.classic-site .player-profile-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; width: 100%; margin: 0; }
body.classic-site .player-profile-stats div { padding: 11px; background: rgba(255,255,255,.05); border: 1px solid rgba(116,183,235,.16); border-radius: 7px; }
body.classic-site .player-profile-stats dt { color: var(--mm-muted); font-size: .72rem; }
body.classic-site .player-profile-stats dd { margin: 4px 0 0; color: var(--mm-text); font-weight: 800; }
body.classic-site .city-feature {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(280px, 1.12fr);
  gap: 22px;
  margin-bottom: 22px;
  padding: clamp(20px, 4vw, 34px);
  border: 1px solid var(--mm-line-gold);
  border-radius: 10px;
  background:
    linear-gradient(120deg, rgba(7, 17, 29, .96), rgba(17, 45, 67, .78)),
    url("/assets/brand/hubdevors-app-icon.png") right -30px center / 260px auto no-repeat;
}
body.classic-site .city-feature h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.6rem); }
body.classic-site .city-feature p { max-width: 620px; }
body.classic-site .city-feature__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}
body.classic-site .city-feature__stats div,
body.classic-site .city-members,
body.classic-site .city-card dl div {
  padding: 11px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(116,183,235,.16);
  border-radius: 7px;
}
body.classic-site .city-feature dt,
body.classic-site .city-card dt { color: var(--mm-muted); font-size: .72rem; }
body.classic-site .city-feature dd,
body.classic-site .city-card dd { margin: 4px 0 0; color: var(--mm-text); font-weight: 800; }
body.classic-site .city-members { grid-column: 1 / -1; }
body.classic-site .city-members h3 { margin: 0 0 10px; }
body.classic-site .city-members > div { display: flex; flex-wrap: wrap; gap: 8px; }
body.classic-site .city-members span {
  display: grid;
  gap: 2px;
  min-width: 160px;
  padding: 8px 10px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(116,183,235,.16);
  border-radius: 6px;
}
body.classic-site .city-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.classic-site .city-card { display: grid; gap: 10px; padding: 16px; }
body.classic-site .city-card.is-active { border-color: var(--mm-gold); box-shadow: 0 0 0 1px rgba(230,178,79,.22), 0 16px 34px rgba(0,0,0,.28); }
body.classic-site .city-card > a { color: inherit; text-decoration: none; }
body.classic-site .city-card > a span { color: var(--mm-gold); font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
body.classic-site .city-card h3 { margin: 4px 0 0; font-size: 1.35rem; }
body.classic-site .city-card p { margin: 0; }
body.classic-site .city-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }

body.classic-site[data-page="cronica"] .chronicle-season-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 16px;
  align-items: stretch;
}
body.classic-site[data-page="cronica"] .chronicle-season-card {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 10px;
  padding: 18px;
  color: var(--mm-text);
  background: linear-gradient(180deg, rgba(18, 34, 52, .96), rgba(8, 14, 24, .96));
  border: 1px solid rgba(94, 184, 239, .24);
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .24);
}
body.classic-site[data-page="cronica"] .chronicle-season-card--active {
  border-color: rgba(230, 178, 79, .48);
  box-shadow: 0 0 0 1px rgba(230, 178, 79, .18), 0 16px 34px rgba(0, 0, 0, .24);
}
body.classic-site[data-page="cronica"] .chronicle-season-card h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.28rem, 2vw, 1.72rem);
  overflow-wrap: anywhere;
}
body.classic-site[data-page="cronica"] .chronicle-season-card p {
  margin: 0;
  color: #c7d8e6 !important;
}
body.classic-site[data-page="cronica"] .chronicle-season-status {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  min-height: 26px;
  padding: 4px 8px;
  color: #07111d !important;
  background: #ffd36c;
  border-radius: 6px;
  font-size: .74rem;
  font-weight: 850;
  text-transform: uppercase;
}
body.classic-site[data-page="cronica"] .chronicle-season-status--archive {
  color: #dbefff !important;
  background: rgba(94, 184, 239, .13);
  border: 1px solid rgba(94, 184, 239, .25);
}
body.classic-site[data-page="cronica"] .chronicle-season-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding-top: 4px;
}
body.classic-site[data-page="cronica"] .chronicle-season-meta span {
  min-width: 0;
  padding: 5px 8px;
  color: #a9bac8;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(116, 183, 235, .16);
  border-radius: 6px;
  font-size: .82rem;
  overflow-wrap: anywhere;
}
body.classic-site[data-page="cronica"] .chronicle-season-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid rgba(116, 183, 235, .16);
}
body.classic-site[data-page="cronica"] .chronicle-season-links a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 10px;
  color: #dbefff;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(94, 184, 239, .24);
  border-radius: 6px;
  font-weight: 750;
}
body.classic-site[data-page="cronica"] .chronicle-season-links a:hover {
  color: #07111d;
  background: #ffd36c;
  border-color: #ffd36c;
  text-decoration: none;
}
body.classic-site[data-page="cronica"] .chronicle-post {
  color: var(--mm-text);
  background: linear-gradient(180deg, rgba(18, 34, 52, .96), rgba(8, 14, 24, .96));
  border-color: rgba(94, 184, 239, .24);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .24);
}
body.classic-site[data-page="cronica"] .chronicle-post__body h2 {
  color: #fff;
}
body.classic-site[data-page="cronica"] .chronicle-post__body p {
  color: #c7d8e6 !important;
}
body.classic-site[data-page="cronica"] .chronicle-post__meta {
  color: #8fd7ff;
}
body.classic-site[data-page="cronica"] .chronicle-microtexts li {
  color: #dbefff;
  background: rgba(94, 184, 239, .075);
  border-color: rgba(94, 184, 239, .2);
}
body.classic-site[data-page="cronica"] .season-detail {
  display: grid;
  gap: 22px;
}
body.classic-site[data-page="cronica"] .season-detail-hero {
  display: grid;
  gap: 14px;
  padding: clamp(22px, 5vw, 42px);
  color: var(--mm-text);
  background:
    linear-gradient(115deg, rgba(5, 8, 18, .97), rgba(15, 45, 71, .78)),
    url("/assets/brand/hubdevors-app-icon.png") right -30px center / min(300px, 42vw) auto no-repeat;
  border: 1px solid rgba(230, 178, 79, .38);
  border-left: 5px solid var(--mm-gold);
  border-radius: 10px;
  box-shadow: 0 20px 42px rgba(0, 0, 0, .28);
}
body.classic-site[data-page="cronica"] .season-detail-hero h1 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(2rem, 5vw, 4rem);
}
body.classic-site[data-page="cronica"] .season-detail-hero p {
  max-width: 740px;
  margin: 0;
  color: #c7d8e6 !important;
  font-size: 1.02rem;
}
body.classic-site[data-page="cronica"] .season-detail-actions,
body.classic-site[data-page="cronica"] .season-detail-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body.classic-site[data-page="cronica"] .season-detail-actions a,
body.classic-site[data-page="cronica"] .season-detail-links a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 7px 12px;
  color: #dbefff;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(94, 184, 239, .24);
  border-radius: 6px;
  font-weight: 750;
}
body.classic-site[data-page="cronica"] .season-detail-actions a:first-child {
  color: #07111d;
  background: #ffd36c;
  border-color: #ffd36c;
}
body.classic-site[data-page="cronica"] .season-detail-actions a:hover,
body.classic-site[data-page="cronica"] .season-detail-links a:hover {
  color: #07111d;
  background: #ffe39a;
  border-color: #ffe39a;
  text-decoration: none;
}
body.classic-site[data-page="cronica"] .season-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
  gap: 12px;
}
body.classic-site[data-page="cronica"] .season-stat {
  min-width: 0;
  padding: 15px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(116, 183, 235, .16);
  border-radius: 8px;
}
body.classic-site[data-page="cronica"] .season-stat span {
  display: block;
  color: #a9bac8;
  font-size: .78rem;
  font-weight: 750;
  text-transform: uppercase;
}
body.classic-site[data-page="cronica"] .season-stat strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: clamp(1.45rem, 3vw, 2.2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}
body.classic-site[data-page="cronica"] .season-panel {
  padding: 18px;
  color: var(--mm-text);
  background: linear-gradient(180deg, rgba(18, 34, 52, .96), rgba(8, 14, 24, .96));
  border: 1px solid rgba(94, 184, 239, .24);
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .22);
}
body.classic-site[data-page="cronica"] .season-panel h2,
body.classic-site[data-page="cronica"] .season-panel h3 {
  margin-top: 0;
  color: #fff;
}
body.classic-site[data-page="cronica"] .season-panel p,
body.classic-site[data-page="cronica"] .season-panel li {
  color: #c7d8e6 !important;
}
body.classic-site[data-page="cronica"] .season-two-col {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .78fr);
  gap: 16px;
}
body.classic-site[data-page="cronica"] .season-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.classic-site[data-page="cronica"] .season-list li {
  padding: 10px 12px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(116, 183, 235, .15);
  border-radius: 7px;
}
body.classic-site[data-page="cronica"] .season-list strong {
  color: #fff;
}
body.classic-site[data-page="cronica"] .season-table {
  width: 100%;
  border-collapse: collapse;
}
body.classic-site[data-page="cronica"] .season-table th,
body.classic-site[data-page="cronica"] .season-table td {
  padding: 10px;
  border-top: 1px solid rgba(116, 183, 235, .15);
  text-align: left;
  vertical-align: top;
}
body.classic-site[data-page="cronica"] .season-table th {
  color: #f8e9bd;
  font-size: .78rem;
  text-transform: uppercase;
}
body.classic-site[data-page="cronica"] .season-table td {
  color: #c7d8e6;
}

@media (max-width: 820px) {
  body.classic-site[data-page="cronica"] .season-two-col {
    grid-template-columns: 1fr;
  }
}

body.classic-site[data-page="club"] .page-header {
  display: grid;
  min-height: 210px;
  align-content: end;
  background:
    linear-gradient(115deg, rgba(5,8,18,.95), rgba(15,45,71,.78)),
    radial-gradient(circle at 78% 18%, rgba(255,211,108,.24), transparent 34%);
}
body.classic-site[data-page="club"] .page-header h1 { font-size: clamp(2.4rem, 6vw, 4.7rem); }
body.classic-site[data-page="club"] .page-header p { max-width: 620px; font-size: 1.05rem; }
body.classic-site[data-page="club"] .club-filter {
  position: sticky;
  top: 72px;
  z-index: 6;
  padding: 10px;
  background: rgba(5, 8, 18, .86);
  border: 1px solid var(--mm-line);
  border-radius: 10px;
  backdrop-filter: blur(10px);
}
body.classic-site[data-page="club"] .club-filter button {
  color: #dbefff;
  background: rgba(255,255,255,.04);
  border-color: rgba(94,184,239,.22);
}
body.classic-site[data-page="club"] .club-filter button.is-active {
  color: #07111d;
  background: #ffd36c;
  border-color: #ffd36c;
}
body.classic-site[data-page="club"] .club-section h2 {
  color: #ffd36c;
  font-size: clamp(1.45rem, 3vw, 2.2rem);
}
body.classic-site[data-page="club"] .club-offers {
  grid-template-columns: repeat(3, minmax(240px, 1fr));
}
body.classic-site[data-page="club"] .club-offer {
  min-height: 320px;
  background:
    linear-gradient(180deg, rgba(18,34,52,.96), rgba(8,14,24,.96));
  border-color: rgba(230,178,79,.28);
}
body.classic-site[data-page="club"] .club-offer img,
body.classic-site[data-page="club"] .club-offer__placeholder {
  height: 190px;
  color: #ffd36c;
  background:
    radial-gradient(circle at 50% 28%, rgba(230,178,79,.22), transparent 54%),
    rgba(3,8,16,.74);
}
body.classic-site[data-page="club"] .club-offer__body {
  display: grid;
  gap: 6px;
  padding: 18px;
}
body.classic-site[data-page="club"] .club-offer__body strong { color: #fff; font-size: 1.08rem; }
body.classic-site[data-page="club"] #apoyar {
  margin-top: 34px;
  background:
    linear-gradient(105deg, rgba(230,178,79,.16), rgba(94,184,239,.08)),
    rgba(12,22,35,.92);
  border-color: rgba(230,178,79,.38);
}

body.classic-site.hdv-wiki-tutorial {
  color: #202122;
  background:
    linear-gradient(180deg, #f8f9fa, #eef2f5);
}
body.classic-site.hdv-wiki-tutorial::before { background: none; }
body.classic-site.hdv-wiki-tutorial .hdv-main {
  width: min(1180px, calc(100% - 36px));
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero {
  padding: 28px;
  color: #202122;
  background: #fff;
  border: 1px solid #a2a9b1;
  border-left: 6px solid #36c;
  border-radius: 2px;
  box-shadow: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero h1,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero h1,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-section-heading h2,
body.classic-site.hdv-wiki-tutorial .hdv-guide-card h2,
body.classic-site.hdv-wiki-tutorial .hdv-guide-card h3,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card h2,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card h3 {
  color: #202122 !important;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero p,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero p,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-lead,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-section-heading > p,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card p,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card p,
body.classic-site.hdv-wiki-tutorial .hdv-guide-card p,
body.classic-site.hdv-wiki-tutorial .hdv-guide-card li {
  color: #54595d !important;
}
body.classic-site.hdv-wiki-tutorial .hdv-eyebrow {
  color: #36c;
  font: 700 .78rem/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: .02em;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search {
  margin-top: 18px;
  padding: 14px;
  background: #f8f9fa;
  border: 1px solid #c8ccd1;
  border-radius: 2px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search label { color: #202122; }
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search input,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search select {
  color: #202122;
  background: #fff;
  border: 1px solid #a2a9b1;
  border-radius: 2px;
}
body.classic-site.hdv-wiki-tutorial .hdv-primary-action,
body.classic-site.hdv-wiki-tutorial .hdv-secondary-action,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-nav a,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc a,
body.classic-site.hdv-wiki-tutorial .hdv-guide-card a,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card strong {
  color: #36c;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-nav {
  position: sticky;
  top: 63px;
  z-index: 5;
  padding: 8px;
  background: rgba(248,249,250,.94);
  border: 1px solid #c8ccd1;
  border-radius: 2px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-nav a {
  background: #fff;
  border-color: #c8ccd1;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-guide-layout {
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  gap: 26px;
  padding-top: 24px;
  padding-bottom: 72px;
}
body.classic-site.hdv-wiki-tutorial .hdv-first-hour,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc {
  position: sticky;
  top: 128px;
  align-self: start;
  color: #202122;
  background: #fff;
  border: 1px solid #a2a9b1;
  border-radius: 2px;
  box-shadow: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-grid {
  grid-template-columns: 1fr;
  gap: 10px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card,
body.classic-site.hdv-wiki-tutorial .hdv-guide-card {
  color: #202122;
  background: #fff;
  border: 1px solid #c8ccd1;
  border-radius: 2px;
  box-shadow: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card {
  min-height: auto;
  padding: 16px 18px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card {
  grid-template-columns: 1fr;
  padding: 14px 16px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card > .material-symbols-outlined,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card > .material-symbols-outlined {
  display: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search-row {
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) minmax(190px, 260px);
  align-items: center;
  gap: 10px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search-row > .material-symbols-outlined {
  color: #36c;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search p {
  min-height: 1.35em;
  margin: 10px 0 0 34px;
  color: #54595d !important;
  font-size: .9rem;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-back {
  display: inline-flex;
  margin-bottom: 10px;
  color: #36c;
  font-weight: 700;
}
body.classic-site.hdv-wiki-tutorial .hdv-first-hour {
  padding: 18px;
}
body.classic-site.hdv-wiki-tutorial .hdv-first-hour ol {
  display: grid;
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-first-hour li {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  background: #f8f9fa;
  border: 1px solid #eaecf0;
  border-radius: 3px;
}
body.classic-site.hdv-wiki-tutorial .hdv-first-hour li > span,
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps li > span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  color: #202122;
  background: #eaecf0;
  border: 1px solid #c8ccd1;
  border-radius: 50%;
  font-size: .82rem;
  font-weight: 800;
}
body.classic-site.hdv-wiki-tutorial .hdv-first-hour strong {
  display: block;
  color: #202122;
}
body.classic-site.hdv-wiki-tutorial .hdv-first-hour p {
  margin: 4px 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-results,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-guide-list {
  display: grid;
  gap: 14px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  text-decoration: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card small,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card small,
body.classic-site.hdv-wiki-tutorial .hdv-guide-kicker {
  display: block;
  color: #72777d;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc {
  display: grid;
  gap: 4px;
  padding: 16px;
  max-height: calc(100vh - 150px);
  overflow: auto;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc > strong {
  display: block;
  margin: 0 0 8px;
  color: #202122;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc a {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  padding: 8px 10px;
  color: #36c;
  text-decoration: none;
  border-radius: 3px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc a:hover {
  background: #f1f4f8;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc a span {
  color: #72777d;
  font-variant-numeric: tabular-nums;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc .hdv-wiki-toc-home {
  display: block;
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid #eaecf0;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-card {
  scroll-margin-top: 116px;
  padding: clamp(20px, 3vw, 30px);
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-header {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-number {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  color: #202122;
  background: #f8f9fa;
  border: 1px solid #c8ccd1;
  border-radius: 3px;
  font-weight: 850;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-header h2 {
  margin: 4px 0 8px;
  font-size: clamp(1.45rem, 3vw, 2.3rem);
  line-height: 1.1;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 18px 0 22px 62px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-badges span {
  padding: 6px 9px;
  color: #202122;
  background: #f8f9fa;
  border: 1px solid #c8ccd1;
  border-radius: 999px;
  font-size: .78rem;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-prep,
body.classic-site.hdv-wiki-tutorial .hdv-guide-outcome,
body.classic-site.hdv-wiki-tutorial .hdv-guide-footnotes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-box,
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition,
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps {
  padding: 16px;
  background: #f8f9fa;
  border: 1px solid #eaecf0;
  border-radius: 3px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-box h3,
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition > h3,
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps > h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: #202122 !important;
  font-size: 1.03rem;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-box ul,
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition-card ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 20px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition {
  margin: 22px 0;
  border-left: 4px solid #f2c14e;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition-card {
  padding: 14px;
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 3px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition-card h4 {
  margin: 0 0 10px;
  color: #202122;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps {
  margin: 22px 0;
  border-left: 4px solid #36c;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps ol {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps li {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 12px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps li p {
  margin: 5px 0 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #eaecf0;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-links > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-links strong {
  flex: 0 0 100%;
  color: #72777d;
  font-size: .76rem;
  text-transform: uppercase;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-proof {
  margin: 16px 0 0;
  color: #72777d !important;
  font-size: .78rem;
}

@media (prefers-reduced-motion: no-preference) {
  body.classic-site .hero-party__player,
  body.classic-site .player-card,
  body.classic-site .city-card { transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
  body.classic-site .hero-party__player:hover img { filter: drop-shadow(0 28px 26px rgba(0,0,0,.7)) drop-shadow(0 0 14px rgba(230,178,79,.26)); }
  body.classic-site .player-card:hover,
  body.classic-site .city-card:hover { transform: translateY(-3px); border-color: rgba(230,178,79,.44); }
}

@media (max-width: 980px) {
  body.classic-site .home-hero,
  body.classic-site .city-feature { grid-template-columns: 1fr; }
  body.classic-site .hero-party {
    min-height: 340px;
    --cast-w: clamp(80px, 12vw, 116px);
    --cast-h: clamp(210px, 34vw, 278px);
    --cast-step: calc(var(--cast-w) * .36);
  }
  body.classic-site .player-gallery,
  body.classic-site .city-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.classic-site .player-profile-stats,
  body.classic-site .city-feature__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-guide-layout { grid-template-columns: 1fr; }
  body.classic-site.hdv-wiki-tutorial .hdv-first-hour,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc { position: static; }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc {
    max-height: none;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition > div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body.classic-site .site-main,
  body.classic-site .hdv-main,
  body.classic-site .container { width: min(100% - 24px, 1240px); }
  body.classic-site .home-hero { min-height: auto; }
  body.classic-site .home-hero__copy { padding: 24px; }
  body.classic-site .hero-party {
    min-height: 270px;
    --cast-w: clamp(50px, 13vw, 72px);
    --cast-h: clamp(154px, 39vw, 210px);
    --cast-step: calc(var(--cast-w) * .34);
  }
  body.classic-site .hero-party__player span { display: none; }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-search-row {
    grid-template-columns: 1fr;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-search-row > .material-symbols-outlined {
    display: none;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-search p {
    margin-left: 0;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-nav {
    position: static;
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-section-heading {
    display: block;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc {
    display: flex;
    gap: 8px;
    overflow-x: auto;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc > strong,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc .hdv-wiki-toc-home {
    display: none;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc a {
    flex: 0 0 min(72vw, 260px);
  }
  body.classic-site.hdv-wiki-tutorial .hdv-guide-header {
    grid-template-columns: 1fr;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-guide-badges {
    margin-left: 0;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-guide-prep,
  body.classic-site.hdv-wiki-tutorial .hdv-guide-outcome,
  body.classic-site.hdv-wiki-tutorial .hdv-guide-footnotes,
  body.classic-site.hdv-wiki-tutorial .hdv-guide-links {
    grid-template-columns: 1fr;
  }
  body.classic-site .player-gallery,
  body.classic-site .chronicle-cards,
  body.classic-site .club-offers,
  body.classic-site .hdv-wiki-path-grid,
  body.classic-site .city-grid,
  body.classic-site .player-profile-layout { grid-template-columns: 1fr; }
  body.classic-site .player-profile-render { min-height: 230px; max-height: 260px; }
  body.classic-site .player-profile-render img { height: 340px; }
  body.classic-site .player-profile-stats,
  body.classic-site .city-feature__stats,
  body.classic-site .city-card dl { grid-template-columns: 1fr; }
}

/* Wiki estándar: artículo continuo, índice lateral y navegación de documentación. */
body.classic-site.hdv-wiki-tutorial {
  --wiki-bg: #f6f6f6;
  --wiki-paper: #fff;
  --wiki-text: #202122;
  --wiki-muted: #54595d;
  --wiki-line: #a2a9b1;
  --wiki-soft-line: #eaecf0;
  --wiki-link: #36c;
  --wiki-link-hover: #447ff5;
  color: var(--wiki-text);
  background: var(--wiki-bg);
}
body.classic-site.hdv-wiki-tutorial .hdv-main {
  width: min(1280px, calc(100% - 32px));
  margin: 0 auto;
  padding: 0 0 56px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero {
  margin: 0 auto;
  padding: 24px 30px 22px;
  color: var(--wiki-text);
  background: var(--wiki-paper);
  border: 1px solid var(--wiki-line);
  border-top: 0;
  border-left: 1px solid var(--wiki-line);
  border-radius: 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero .container,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero .container {
  width: 100%;
  max-width: none;
  padding: 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero h1,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero h1 {
  margin: 4px 0 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--wiki-soft-line);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 500;
  line-height: 1.15;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero p,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero p,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-lead {
  max-width: 78ch;
  color: var(--wiki-muted) !important;
  font-size: 1rem;
  line-height: 1.65;
}
body.classic-site.hdv-wiki-tutorial .hdv-eyebrow,
body.classic-site.hdv-wiki-tutorial .hdv-guide-kicker {
  color: var(--wiki-muted);
  font: 700 .76rem/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: .03em;
  text-transform: uppercase;
}
body.classic-site.hdv-wiki-tutorial a {
  color: var(--wiki-link);
}
body.classic-site.hdv-wiki-tutorial a:hover {
  color: var(--wiki-link-hover);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search {
  max-width: 920px;
  margin-top: 16px;
  padding: 12px;
  background: #f8f9fa;
  border: 1px solid #c8ccd1;
  border-radius: 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(190px, 250px);
  gap: 10px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search-row > .material-symbols-outlined {
  display: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search input,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search select {
  min-height: 38px;
  color: var(--wiki-text);
  background: #fff;
  border: 1px solid #a2a9b1;
  border-radius: 2px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search p {
  margin: 8px 0 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-nav {
  position: sticky;
  top: 63px;
  z-index: 5;
  display: flex;
  gap: 0;
  margin: 0 auto;
  padding: 0;
  overflow-x: auto;
  background: #f8f9fa;
  border: 1px solid var(--wiki-line);
  border-top: 0;
  border-radius: 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-nav a {
  flex: 0 0 auto;
  padding: 10px 14px;
  color: var(--wiki-link);
  background: transparent;
  border: 0;
  border-right: 1px solid #c8ccd1;
  border-radius: 0;
  text-decoration: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-nav a[aria-current="page"] {
  color: var(--wiki-text);
  background: var(--wiki-paper);
  font-weight: 700;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-guide-layout,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 0;
  width: 100%;
  max-width: none;
  padding: 0 0 64px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc,
body.classic-site.hdv-wiki-tutorial .hdv-first-hour {
  position: sticky;
  top: 116px;
  align-self: start;
  max-height: calc(100vh - 132px);
  overflow: auto;
  color: var(--wiki-text);
  background: #f8f9fa;
  border: 1px solid var(--wiki-line);
  border-top: 0;
  border-right: 0;
  border-radius: 0;
  box-shadow: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc {
  display: grid;
  gap: 2px;
  padding: 14px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc > strong {
  margin: 0 0 8px;
  color: var(--wiki-text);
  font-size: .92rem;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc a {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  padding: 7px 8px;
  color: var(--wiki-link);
  border-radius: 2px;
  font-size: .9rem;
  line-height: 1.35;
  text-decoration: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc a:hover {
  background: #fff;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc a span {
  color: #72777d;
  font-variant-numeric: tabular-nums;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-guide-list,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell > section:not(.hdv-first-hour) {
  display: block;
  min-width: 0;
  padding: 28px 34px 44px;
  background: var(--wiki-paper);
  border: 1px solid var(--wiki-line);
  border-top: 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-card {
  display: block;
  margin: 0;
  padding: 30px 0 34px;
  color: var(--wiki-text);
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--wiki-soft-line);
  border-radius: 0;
  box-shadow: none;
  scroll-margin-top: 130px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-card:last-of-type {
  border-bottom: 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-header {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-number {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  color: var(--wiki-muted);
  background: #f8f9fa;
  border: 1px solid #c8ccd1;
  border-radius: 2px;
  font-weight: 800;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-header h2 {
  margin: 2px 0 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--wiki-soft-line);
  color: var(--wiki-text) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 2.6vw, 2.15rem);
  font-weight: 500;
  line-height: 1.2;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-header p:last-child,
body.classic-site.hdv-wiki-tutorial .hdv-guide-card p,
body.classic-site.hdv-wiki-tutorial .hdv-guide-card li {
  color: var(--wiki-muted) !important;
  line-height: 1.65;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0 18px 56px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-badges span {
  padding: 4px 8px;
  color: var(--wiki-muted);
  background: #f8f9fa;
  border: 1px solid #c8ccd1;
  border-radius: 2px;
  font-size: .78rem;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-prep,
body.classic-site.hdv-wiki-tutorial .hdv-guide-outcome,
body.classic-site.hdv-wiki-tutorial .hdv-guide-footnotes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-box,
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition-card {
  padding: 14px 16px;
  background: #f8f9fa;
  border: 1px solid #c8ccd1;
  border-radius: 2px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-box h3,
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition > h3,
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps > h3 {
  margin: 0 0 10px;
  color: var(--wiki-text) !important;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1.05rem;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition,
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps {
  margin: 22px 0;
  padding: 18px 0 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--wiki-soft-line);
  border-radius: 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps ol {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps li > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: var(--wiki-muted);
  background: #f8f9fa;
  border: 1px solid #c8ccd1;
  border-radius: 50%;
  font-size: .78rem;
  font-weight: 800;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--wiki-soft-line);
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-links a,
body.classic-site.hdv-wiki-tutorial .hdv-primary-action,
body.classic-site.hdv-wiki-tutorial .hdv-secondary-action {
  padding: 0;
  color: var(--wiki-link);
  background: transparent;
  border: 0;
  border-radius: 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--wiki-soft-line);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card {
  display: block;
  padding: 16px 18px;
  color: var(--wiki-text);
  background: transparent;
  border: 0;
  border-right: 1px solid var(--wiki-soft-line);
  border-bottom: 1px solid var(--wiki-soft-line);
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card:nth-child(2n),
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card:nth-child(2n) {
  border-right: 0;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--wiki-soft-line);
}
body.classic-site.hdv-wiki-tutorial .hdv-first-hour {
  padding: 16px;
}
body.classic-site.hdv-wiki-tutorial .hdv-first-hour ol {
  display: grid;
  gap: 0;
  margin: 14px -16px -16px;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--wiki-soft-line);
}
body.classic-site.hdv-wiki-tutorial .hdv-first-hour li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  padding: 12px 16px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--wiki-soft-line);
  border-radius: 0;
}

@media (max-width: 900px) {
  body.classic-site.hdv-wiki-tutorial .hdv-main {
    width: min(100% - 24px, 1280px);
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-guide-layout,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell {
    grid-template-columns: 1fr;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc,
  body.classic-site.hdv-wiki-tutorial .hdv-first-hour {
    position: static;
    max-height: none;
    border-right: 1px solid var(--wiki-line);
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-guide-list,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell > section:not(.hdv-first-hour) {
    border-top: 0;
  }
}

@media (max-width: 640px) {
  body.classic-site.hdv-wiki-tutorial .hdv-main {
    width: min(100% - 18px, 1280px);
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-guide-list,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell > section:not(.hdv-first-hour) {
    padding: 18px;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-search-row,
  body.classic-site.hdv-wiki-tutorial .hdv-guide-prep,
  body.classic-site.hdv-wiki-tutorial .hdv-guide-outcome,
  body.classic-site.hdv-wiki-tutorial .hdv-guide-footnotes,
  body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition > div,
  body.classic-site.hdv-wiki-tutorial .hdv-guide-links,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-grid,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-results {
    grid-template-columns: 1fr;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-guide-header {
    grid-template-columns: 1fr;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-guide-badges {
    margin-left: 0;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-guide-card {
    padding: 24px 0 28px;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card {
    border-right: 0;
  }
}

/* Wiki estándar oscuro: conserva lectura documental sin romper la atmósfera Hub De Vors. */
body.classic-site.hdv-wiki-tutorial {
  --wiki-bg: #060b14;
  --wiki-paper: #0d1826;
  --wiki-paper-2: #101d2d;
  --wiki-paper-3: #08111d;
  --wiki-text: #edf6ff;
  --wiki-muted: #b7c8d9;
  --wiki-line: rgba(94, 184, 239, .28);
  --wiki-soft-line: rgba(148, 181, 207, .16);
  --wiki-link: #8fd7ff;
  --wiki-link-hover: #ffd36c;
  color: var(--wiki-text);
  background:
    radial-gradient(circle at 12% 0%, rgba(94, 184, 239, .13), transparent 34rem),
    radial-gradient(circle at 90% 8%, rgba(230, 178, 79, .10), transparent 30rem),
    linear-gradient(180deg, #050912, #08111d 48%, #050912);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-guide-list,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell > section:not(.hdv-first-hour) {
  color: var(--wiki-text);
  background:
    linear-gradient(180deg, rgba(16, 29, 45, .98), rgba(9, 18, 31, .98));
  border-color: var(--wiki-line);
  box-shadow: 0 22px 46px rgba(0, 0, 0, .22);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero h1,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero h1,
body.classic-site.hdv-wiki-tutorial .hdv-guide-header h2,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-section-heading h2,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card h2,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card h3,
body.classic-site.hdv-wiki-tutorial .hdv-guide-box h3,
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition > h3,
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps > h3,
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition-card h4 {
  color: var(--wiki-text) !important;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero h1,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero h1,
body.classic-site.hdv-wiki-tutorial .hdv-guide-header h2 {
  border-bottom-color: var(--wiki-soft-line);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero p,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero p,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-lead,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-section-heading > p,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card p,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card p,
body.classic-site.hdv-wiki-tutorial .hdv-guide-card p,
body.classic-site.hdv-wiki-tutorial .hdv-guide-card li,
body.classic-site.hdv-wiki-tutorial .hdv-guide-header p:last-child {
  color: var(--wiki-muted) !important;
}
body.classic-site.hdv-wiki-tutorial .hdv-eyebrow,
body.classic-site.hdv-wiki-tutorial .hdv-guide-kicker,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card small,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card small,
body.classic-site.hdv-wiki-tutorial .hdv-guide-proof,
body.classic-site.hdv-wiki-tutorial .hdv-guide-links strong {
  color: #8da7bb !important;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-nav,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc,
body.classic-site.hdv-wiki-tutorial .hdv-first-hour,
body.classic-site.hdv-wiki-tutorial .hdv-guide-box,
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition-card,
body.classic-site.hdv-wiki-tutorial .hdv-guide-number,
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps li > span,
body.classic-site.hdv-wiki-tutorial .hdv-first-hour li > span,
body.classic-site.hdv-wiki-tutorial .hdv-guide-badges span {
  color: var(--wiki-text);
  background: rgba(255, 255, 255, .045);
  border-color: var(--wiki-soft-line);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-nav {
  background: rgba(6, 12, 22, .96);
  border-color: var(--wiki-line);
  box-shadow: 0 12px 26px rgba(0, 0, 0, .22);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-nav a {
  color: var(--wiki-link);
  border-right-color: var(--wiki-soft-line);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-nav a[aria-current="page"] {
  color: var(--wiki-text);
  background: rgba(94, 184, 239, .11);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search input,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search select {
  color: var(--wiki-text);
  background: rgba(2, 8, 16, .88);
  border-color: var(--wiki-line);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search input::placeholder {
  color: #7f98ac;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc {
  background: rgba(8, 17, 29, .96);
  border-color: var(--wiki-line);
  box-shadow: inset -1px 0 0 var(--wiki-soft-line);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc > strong,
body.classic-site.hdv-wiki-tutorial .hdv-first-hour strong {
  color: var(--wiki-text);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc a,
body.classic-site.hdv-wiki-tutorial .hdv-guide-links a,
body.classic-site.hdv-wiki-tutorial .hdv-primary-action,
body.classic-site.hdv-wiki-tutorial .hdv-secondary-action,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card strong,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-back {
  color: var(--wiki-link);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc a:hover,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card:hover,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card:hover {
  color: var(--wiki-link-hover);
  background: rgba(94, 184, 239, .08);
  text-decoration: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-toc a span {
  color: #8da7bb;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-card {
  background: transparent;
  border-bottom-color: var(--wiki-soft-line);
  box-shadow: none;
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition,
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps,
body.classic-site.hdv-wiki-tutorial .hdv-guide-links,
body.classic-site.hdv-wiki-tutorial .hdv-first-hour ol,
body.classic-site.hdv-wiki-tutorial .hdv-first-hour li,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-grid,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-results,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card {
  border-color: var(--wiki-soft-line);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-path-card,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-result-card {
  color: var(--wiki-text);
  background: rgba(255, 255, 255, .018);
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-box,
body.classic-site.hdv-wiki-tutorial .hdv-guide-acquisition-card {
  background: rgba(255, 255, 255, .035);
}
body.classic-site.hdv-wiki-tutorial {
  color-scheme: dark;
}
body.classic-site.hdv-wiki-tutorial .hdv-main,
body.classic-site.hdv-wiki-tutorial .site-main {
  background: transparent;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search label,
body.classic-site.hdv-wiki-tutorial .hdv-first-hour h2,
body.classic-site.hdv-wiki-tutorial .hdv-first-hour li > div > strong,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-section-heading h2 {
  color: var(--wiki-text) !important;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search p,
body.classic-site.hdv-wiki-tutorial .hdv-first-hour p,
body.classic-site.hdv-wiki-tutorial .hdv-first-hour li > div > p {
  color: var(--wiki-muted) !important;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-search select option {
  color: var(--wiki-text);
  background: var(--wiki-paper);
}
body.classic-site.hdv-wiki-tutorial .hdv-guide-number,
body.classic-site.hdv-wiki-tutorial .hdv-guide-steps li > span,
body.classic-site.hdv-wiki-tutorial .hdv-first-hour li > span {
  color: #ffd36c;
  background: rgba(230, 178, 79, .10);
  border-color: rgba(230, 178, 79, .28);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-hero,
body.classic-site.hdv-wiki-tutorial .hdv-wiki-category-hero {
  border-left-color: #ffd36c;
}

/* Portada de Wiki: la ruta orienta; el catálogo vive siempre en la columna principal. */
body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell {
  grid-template-columns: minmax(260px, 310px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  padding: 24px 0 72px;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell > .hdv-first-hour {
  grid-column: 1;
  grid-row: 1 / span 2;
  border: 1px solid var(--wiki-line);
  border-radius: .45rem;
  box-shadow: 0 18px 34px rgba(0, 0, 0, .18);
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell > section:not(.hdv-first-hour) {
  grid-column: 2;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--wiki-line);
  border-radius: .45rem;
  overflow: hidden;
}
body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell > section:not(.hdv-first-hour) + section:not(.hdv-first-hour) {
  margin-top: 0;
}

@media (max-width: 1020px) {
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell > .hdv-first-hour,
  body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell > section:not(.hdv-first-hour) {
    grid-column: 1;
    grid-row: auto;
  }
body.classic-site.hdv-wiki-tutorial .hdv-wiki-shell > .hdv-first-hour {
    position: static;
    max-height: none;
  }
}

.chronicle-season-links {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .75rem;
}

.chronicle-season-links a {
  font-weight: 700;
}