@charset "UTF-8";:root{--fondo: #0e0b09;--fondo-panel: #1a1410;--borde: #5a4526;--oro: #d4a94f;--oro-claro: #f3d58b;--texto: #ece3d2;--texto-suave: #b5a78e;--exito: #8fd17a;--error: #e0685a;--fuente-titulo: "Cinzel", "Times New Roman", serif;--fuente-texto: "EB Garamond", Georgia, serif;--alto-navegacion: 4.25rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(ellipse at 50% 0%,rgba(212,169,79,.1),transparent 60%),linear-gradient(#0a07069e,#0a0706cc),url(/fondo.jpg) center/cover no-repeat,var(--fondo);background-attachment:fixed;color:var(--texto);font-family:var(--fuente-texto);font-size:1.2rem;line-height:1.55}::selection{background:#d4a94f66;color:var(--oro-claro)}h1,h2{font-family:var(--fuente-titulo);color:var(--oro-claro);letter-spacing:.04em;line-height:1.2;margin:0}h1{font-size:clamp(1.8rem,6vw,2.8rem)}.pantalla{min-height:calc(100dvh - var(--alto-navegacion));max-width:40rem;margin:0 auto;padding:4.5rem 1rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;text-align:center}.antetitulo{font-family:var(--fuente-titulo);font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;color:var(--oro);margin:0}.pantalla.ancha{max-width:60rem}.completado{margin:0;font-family:var(--fuente-titulo);font-size:1.3rem;color:var(--exito)}.antetitulo.grande{font-size:clamp(1.25rem,5vw,1.6rem);letter-spacing:.22em}.acertijo{margin:0;font-size:clamp(1.3rem,4.5vw,1.6rem);font-style:italic;line-height:1.5;color:var(--texto)}.acertijo:before,.acertijo:after{font-family:var(--fuente-titulo);font-size:3rem;line-height:0;color:var(--oro);opacity:.6;position:relative;top:.45em}.acertijo:before{content:"\201c";margin-right:.15em}.acertijo:after{content:"\201d";margin-left:.1em}.instruccion{margin:0;color:var(--texto-suave)}.acciones{min-height:4rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.panel{width:100%;background:linear-gradient(180deg,#281e16e6,#16110de6);border:1px solid var(--borde);border-radius:6px;box-shadow:inset 0 0 0 4px #0e0b09cc,inset 0 0 0 5px #d4a94f40,0 20px 50px #00000080;padding:1.75rem 1.5rem}.boton{font-family:var(--fuente-titulo);font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fondo);background:linear-gradient(180deg,var(--oro-claro),var(--oro));border:1px solid #f6e3ad;border-radius:4px;padding:.8rem 1.8rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease}.boton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 20px #f3d58b73}.boton:focus-visible{outline:2px solid var(--oro-claro);outline-offset:3px}.boton:disabled{opacity:.5;cursor:default}.boton-secundario{color:var(--oro-claro);background:transparent;border-color:var(--oro)}.aparecer{animation:aparecer .5s ease both}@keyframes aparecer{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visualmente-oculto{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}