:root{--pergamino:#efe4cf;--tinta:#2b2118;--marco:#6b4f33;--acento:#8c3b2e;--apagado:#7a6a58;--mancha:#8b6a3e38;--mancha-suave:#8b6a3e2e;--mancha-baja:#78583233;--velo:#5a422633}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--pergamino);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' opacity='0.09'/%3E%3C/svg%3E"), radial-gradient(ellipse at 12% 8%, var(--mancha), transparent 45%), radial-gradient(ellipse at 88% 22%, var(--mancha-suave), transparent 40%), radial-gradient(ellipse at 70% 92%, var(--mancha-baja), transparent 48%), radial-gradient(ellipse at 50% 45%, transparent 48%, var(--velo));color:var(--tinta);min-height:100vh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background-attachment:fixed;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.55}#app{max-width:640px;margin:0 auto;padding:1rem}h1{margin-bottom:.5rem;font-size:2rem}h2{margin:1rem 0 .5rem;font-size:1.3rem}.escena-imagen{aspect-ratio:16/9;object-fit:cover;border:3px solid var(--marco);border-radius:2px;width:100%}.medias{font-variant-numeric:tabular-nums;color:var(--apagado);flex-wrap:wrap;gap:.5rem;margin:.75rem 0;font-size:.9rem;display:flex}.medias .separador{opacity:.45}.texto-escena{margin:1rem 0 1.5rem}.portada{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 2rem);padding:1rem 0;display:flex}.emblema{width:min(38vw,150px);height:auto;color:var(--marco);margin-bottom:.75rem}.emblema .anillo-externo,.emblema .anillo-interno,.emblema .dado,.emblema .arista{fill:none;stroke:currentColor}.emblema .anillo-externo{stroke-width:2.5px}.emblema .anillo-interno{stroke-width:1px;opacity:.55}.emblema .dado{stroke-width:3px;stroke-linejoin:round}.emblema .cara{fill:currentColor;opacity:.12}.emblema .arista{stroke-width:1.4px;opacity:.65}.emblema .veinte{fill:var(--acento);text-anchor:middle;font-family:Georgia,serif;font-size:20px;font-weight:700}.titulo-juego{letter-spacing:.14em;text-indent:.14em;margin-bottom:.4rem;font-size:clamp(2.6rem,13vw,4rem);line-height:1.1}.filete{width:min(72%,280px);height:auto;color:var(--marco);opacity:.75;margin-bottom:.9rem}.filete line{stroke:currentColor;stroke-width:1px}.filete polygon{fill:currentColor}.lema{margin-bottom:.15rem}.lema-pregunta{color:var(--acento);font-size:1.05rem}.menu{width:100%;margin-top:1.75rem}.menu .opcion{text-align:center}.menu .opcion.principal{background:#6b4f3314;border-width:3px;font-weight:700}.opcion{text-align:left;border:2px solid var(--marco);width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border-radius:2px;margin-bottom:.6rem;padding:.85rem 1rem;display:block}.opcion:active{background:#6b4f331f}.opcion[disabled]{opacity:.4;cursor:not-allowed}.fuente-narracion{color:var(--apagado);text-align:right;margin:-.2rem 0 1.4rem;font-size:.75rem}.fuente-narracion.con-fallo{color:var(--acento)}.opcion.secundaria{opacity:.75;border-style:dashed;border-width:1px;font-size:.95rem}.encabezado-resultado{text-transform:uppercase;letter-spacing:.08em;margin:1rem 0 .5rem;font-size:1rem}.encabezado-resultado.exito{color:#3f6b3a}.encabezado-resultado.fallo,.encabezado-resultado.muerte{color:var(--acento)}.rotulo-mundo{letter-spacing:.05em;text-transform:uppercase;color:var(--acento);border-left:3px solid var(--acento);margin:-.4rem 0 .75rem;padding-left:.5rem;font-size:.8rem}.aviso-mundo{color:var(--apagado);margin-bottom:.75rem;font-size:.9rem;font-style:italic}.antetitulo{letter-spacing:.12em;text-transform:uppercase;color:var(--apagado);margin-top:1rem;font-size:.75rem}.titulo-suceso{color:var(--acento);margin:0 0 .5rem}.titulo-final-vida{color:var(--tinta);border-bottom:2px solid var(--marco);margin-bottom:.8rem;padding-bottom:.4rem;font-size:1.5rem}.motivo{margin-bottom:1rem}.rotura{border:2px solid var(--acento);color:var(--acento);margin:0 0 1rem;padding:.6rem .8rem;font-weight:700}.animo-amigo{color:var(--apagado);border-left:3px solid var(--marco);margin:-.5rem 0 1.2rem;padding-left:.6rem;font-size:.95rem;font-style:italic}.cambios{margin-bottom:1.5rem;list-style:none}.cambios li{border-left:3px solid var(--marco);margin-bottom:.3rem;padding:.3rem 0 .3rem 1rem}.campo{margin-bottom:.9rem;display:block}.campo span{color:var(--apagado);font-size:.85rem;display:block}.campo input,.campo select{width:100%;font:inherit;color:inherit;border:2px solid var(--marco);background:0 0;border-radius:2px;padding:.6rem}.titulo-final{text-align:center;margin:.5rem 0 0;font-size:1.6rem}.puntuacion-final{text-align:center;color:var(--acento);font-variant-numeric:tabular-nums;font-size:2.4rem}.epitafio{border-top:1px solid var(--marco);padding-top:.8rem;font-style:italic}.lista{list-style:none}.lista li{border-bottom:1px solid #6b4f3340;padding:.35rem 0}.puntos{float:right;color:var(--apagado);font-variant-numeric:tabular-nums}.aviso{color:var(--acento);min-height:1.2rem;font-size:.85rem}.marca{text-align:center;color:var(--acento);font-variant-numeric:tabular-nums}.firma{text-align:center;letter-spacing:.08em;color:var(--apagado);border-top:1px solid #6b4f3340;margin-top:2rem;padding-top:.8rem;font-size:.85rem}@media (prefers-color-scheme:dark){.encabezado-resultado.exito{color:#8fbf7f}:root{--pergamino:#1d1712;--tinta:#e8dcc6;--marco:#8a6a45;--acento:#d1795f;--apagado:#a3907a;--mancha:#9674461a;--mancha-suave:#96744614;--mancha-baja:#82623a17;--velo:#0000004d}}@media (prefers-reduced-motion:no-preference){.texto-escena{animation:.4s ease-out aparecer}@keyframes aparecer{0%{opacity:0}to{opacity:1}}}.ranking{counter-reset:none;list-style:none}.entrada-ranking{border-bottom:1px solid #6b4f3340;grid-template-columns:2.2rem 1fr auto;align-items:baseline;gap:.5rem;padding:.55rem .4rem .7rem;display:grid;position:relative;overflow:hidden}.puesto{font-variant-numeric:tabular-nums;color:var(--apagado)}.cuerpo-ranking{flex-direction:column;display:flex}.quien{font-weight:700}.detalle-ranking{color:var(--apagado);font-size:.8rem}.puntos-ranking{font-variant-numeric:tabular-nums;color:var(--acento);font-size:1.2rem}.barra-ranking{background:var(--marco);opacity:.5;height:3px;position:absolute;bottom:0;left:0}.entrada-ranking.primero .puesto,.entrada-ranking.primero .quien{color:var(--acento)}.entrada-ranking.primero .barra-ranking{opacity:.9;height:4px}