/* The Vigil · la página (14-11-2026). La noche de Blackmoor: fondo de tinta, el oro del juego, la letra del juego en los
   títulos; del expediente de Scotland Yard, el cuaderno del inspector y el sello. Una sola apariencia, oscura, a propósito. */
:root{--tinta:#0E0C12;--banda:#17131C;--linea:#3A3426;--texto:#DCD4C4;--claro:#F4EEDF;--gris:#8E887C;--oro:#F2C772;--sello:#C2372B;--azul:#8FB3E8;
--titulo:'Pixelify Sans',monospace;--cuerpo:'Spectral',Georgia,serif;--dato:'IBM Plex Mono',monospace;--mano:'Caveat',cursive;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--tinta);color:var(--texto);font-family:var(--cuerpo);font-size:18px;line-height:1.6}
a{color:var(--oro)}a:hover{color:#FFE2A3}
a:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
.ancho{max-width:1120px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
header{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-block:24px}
.marca{font-family:var(--titulo);font-size:28px;letter-spacing:.08em;color:var(--oro);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:24px;font-family:var(--dato);font-size:14px;letter-spacing:.06em}
nav a{text-decoration:none}
.portada{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding-block:40px 24px}
.portada>div{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:20px}
.antetitulo{margin:0;font-family:var(--dato);font-size:13px;letter-spacing:.12em;color:var(--gris)}
h1{margin:0;font-family:var(--titulo);font-weight:600;font-size:clamp(40px,6vw,58px);line-height:1.05;color:var(--claro);text-wrap:balance}
h2{margin:0;font-family:var(--titulo);font-weight:600;font-size:34px;line-height:1.15;color:var(--claro);text-wrap:balance}
p{margin:0}
.botones{display:flex;flex-wrap:wrap;gap:12px;padding-top:6px}
.boton{display:inline-block;padding:14px 22px;background:var(--oro);color:#15110B;font-family:var(--dato);font-weight:500;font-size:15px;text-decoration:none;border-radius:2px}
.boton:hover{color:#15110B;background:#FFE2A3}
.boton.hueco{background:transparent;border:1px solid var(--oro);color:var(--oro);padding:13px 21px}
.nota{font-family:var(--dato);font-size:13px;color:var(--gris)}
figure{margin:0;display:flex;flex-direction:column;gap:10px}
figure img{width:100%;height:auto;image-rendering:pixelated;display:block}
figcaption{font-family:var(--dato);font-size:12px;color:var(--gris)}
.portada figure{flex:1 1 460px;min-width:0}
.sello{align-self:flex-start;transform:rotate(-4deg);border:3px solid var(--sello);color:var(--sello);padding:4px 14px;font-family:'Special Elite',monospace;font-size:22px;letter-spacing:.18em}
.cuaderno{padding-block:64px;display:flex;flex-direction:column;gap:28px}
.notas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.notas div{min-width:0;display:flex;flex-direction:column;gap:6px;border-left:2px solid var(--sello);padding-left:16px}
.mano{font-family:var(--mano);font-size:24px;line-height:1.2;color:var(--azul)}
.juego{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding-block:0 64px}
.juego figure{flex:1 1 520px;min-width:0}
.juego>div{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:14px}
ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.beta{background:var(--banda);border-block:1px solid var(--linea)}
.beta .ancho{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding-block:56px}
.beta .ancho>div:first-child{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:10px}
footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-block:32px;font-family:var(--dato);font-size:13px;color:var(--gris)}
footer span{display:flex;flex-wrap:wrap;gap:20px}
.texto{max-width:46em;padding-block:24px 64px;display:flex;flex-direction:column;gap:16px}
.texto h1{font-size:40px}
.texto h2{font-size:26px;padding-top:16px}
.tabla{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:16px}
th,td{border-bottom:1px solid var(--linea);padding:8px 10px;text-align:left;vertical-align:top}
th{font-family:var(--dato);font-size:13px;letter-spacing:.06em;color:var(--gris);font-weight:500}
@media (max-width:760px){.notas{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}