/* Road to la Serie · estilo común (barra de arriba y pie con el aviso). Mismo cielo nocturno y dorado que el calendario. */
:root{
  --night:#0b0d1a; --panel:#161a33; --fg:#f4ead2; --muted:#b8ad95; --line:#3d3a52;
  --gold:#e3b75a; --gold2:#a8802f; --glow:rgba(227,183,90,.35);
  --aitor:#79c77d; --alex:#76b3e3; --gala:#b07cff;
  --f-title:"Cinzel","Times New Roman",serif;
  --f-card:"IM Fell English",Georgia,serif;
  --f-body:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--night);color:var(--fg)}
body{font-family:var(--f-body);font-size:16px;line-height:1.45;min-height:100vh;display:flex;flex-direction:column;
  background:
   radial-gradient(1px 1px at 12% 18%,#fff8 50%,transparent 51%),
   radial-gradient(1px 1px at 72% 9%,#fff9 50%,transparent 51%),
   radial-gradient(1.5px 1.5px at 38% 32%,#fffc 50%,transparent 51%),
   radial-gradient(1px 1px at 88% 41%,#fff7 50%,transparent 51%),
   radial-gradient(1.5px 1.5px at 61% 74%,#fffb 50%,transparent 51%),
   radial-gradient(900px 500px at 80% -10%,#2b2a5c 0%,transparent 70%),
   radial-gradient(700px 500px at -10% 110%,#3a1f3f 0%,transparent 70%),
   var(--night)}
a{color:var(--gold)}
/* el body es columna flex: que cada bloque ocupe el ancho y no crezca con su contenido (las tablas anchas hacen scroll dentro) */
body>:not(script,style,link){width:100%;min-width:0;flex-shrink:0}
.rs-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 18px;
  background:rgba(11,13,26,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.rs-logo{font-family:var(--f-title);font-weight:800;font-size:19px;letter-spacing:.04em;text-decoration:none;
  background:linear-gradient(180deg,#fff4d6,var(--gold) 60%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.rs-logo small{display:block;font-size:10px;letter-spacing:.24em;color:var(--muted);-webkit-text-fill-color:var(--muted)}
.rs-nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.rs-nav a{color:var(--fg);text-decoration:none;font-weight:700;font-size:14px;padding:7px 12px;border-radius:999px;border:1px solid transparent}
.rs-nav a:hover,.rs-nav a[aria-current=page]{border-color:var(--gold2);background:rgba(227,183,90,.08)}
.rs-nav a:focus-visible{outline:3px solid #9fd4ff;outline-offset:2px}
.rs-foot{margin-top:auto;padding:22px 18px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center;line-height:1.6}
.rs-foot b{color:var(--fg)}
.rs-foot a{color:var(--muted)}
@media (max-width:640px){.rs-bar{padding:8px 12px 6px;gap:4px}.rs-logo{font-size:17px}.rs-nav{margin:0 -12px;padding:0 8px;width:calc(100% + 24px);overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.rs-nav a{white-space:nowrap;padding:6px 10px;font-size:13.5px}}

/* ---- piezas comunes de las páginas propias (inicio, juega, creadores, proyecto) ---- */
.rs-sub{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;padding:6px 12px;border-bottom:1px solid var(--line);background:rgba(22,26,51,.6)}
.rs-sub a{color:var(--muted);text-decoration:none;font-weight:700;font-size:13px;padding:5px 11px;border-radius:999px}
.rs-sub a[aria-current=page]{color:var(--gold);background:rgba(227,183,90,.1)}
.rs-live{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:12.5px;letter-spacing:.06em;color:#fff;background:#d4262c;border-radius:999px;padding:6px 12px;text-decoration:none;animation:rsPulse 2s infinite}
.rs-live[hidden]{display:none}
.rs-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
@keyframes rsPulse{50%{box-shadow:0 0 0 6px rgba(212,38,44,.25)}}
@media (prefers-reduced-motion:reduce){.rs-live{animation:none}}
.rs-sec{max-width:1160px;margin:0 auto;padding:26px 18px}
.rs-h2{font-family:var(--f-title);font-weight:600;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px;margin:0 0 16px}
.rs-h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold2),transparent)}
.rs-h2 a{font-family:var(--f-body);letter-spacing:0;text-transform:none;font-size:14px;font-weight:700;order:2}
.rs-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:inherit;font-weight:800;font-size:15px;border-radius:999px;padding:11px 20px;border:1px solid var(--gold2);color:var(--fg);background:rgba(22,26,51,.85);cursor:pointer}
.rs-btn.gold{background:linear-gradient(180deg,#f3d48a,var(--gold));color:#2a1b05;border-color:var(--gold)}
.rs-btn.red{background:#d4262c;border-color:#d4262c;color:#fff}
.rs-btn:hover{box-shadow:0 0 18px var(--glow)}
.rs-btn:focus-visible,.rs-card:focus-visible{outline:3px solid #9fd4ff;outline-offset:2px}
.rs-card{display:block;text-decoration:none;color:var(--fg);border-radius:16px;border:1px solid var(--line);background:rgba(22,26,51,.75)}
a.rs-card:hover{border-color:var(--gold2);box-shadow:0 0 18px var(--glow)}
.rs-muted{color:var(--muted)}
.rs-tipo{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gold)}
.t-episodio{--tc:#e3b75a}.t-especial{--tc:#f08bd0}.t-debate{--tc:#7fc4ff}.t-gala{--tc:#c99bff}.t-vispera{--tc:#9be3a6}.t-presentacion{--tc:#e3b75a}.t-hbo{--tc:#ffffff}