:root{--fondo: #11141d;--fondo-tarjeta: #1b1f2a;--fondo-elevado: #252a38;--fondo-brillo: #1c2030;--tinta: #ece7d8;--tinta-suave: #aaa493;--acento: #ecb24f;--acento-suave: #d9a13f;--paz: #7fb585;--peligro: #d4756b;--confianza: #6ba3c7;--seguridad: #7fb585;--justicia: #b48ec9;--legitimidad: #ecb24f;--borde: #363c4d;--radio: 10px;--font-display: "Poppins", system-ui, sans-serif;--font-lectura: "Roboto", system-ui, sans-serif;--halo-boton: 0 0 22px rgba(236, 178, 79, .3);--halo-opcion: 0 0 14px rgba(236, 178, 79, .12);--halo-titulo: 0 0 28px rgba(236, 178, 79, .35);--halo-barra: 0 0 8px rgba(236, 178, 79, .5);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--fondo);background-image:radial-gradient(ellipse at 50% -10%,var(--fondo-brillo) 0%,var(--fondo) 60%);color:var(--tinta);font-family:var(--font-lectura);line-height:1.6;min-height:100vh}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font-family:inherit;cursor:pointer}.app{max-width:820px;margin:0 auto;padding:0 1.25rem 3rem;display:flex;flex-direction:column;min-height:100vh}.cabecera{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--borde)}.logo{font-weight:700;letter-spacing:.05em;cursor:pointer;color:var(--acento)}.cabecera-acciones{display:flex;align-items:center;gap:.6rem}.selector-idioma{display:inline-flex;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}.opcion-idioma{background:var(--fondo-elevado);color:var(--tinta-suave);border:none;padding:.45rem .7rem;font-size:.85rem;font-weight:700;letter-spacing:.05em}.opcion-idioma:not(:last-child){border-right:1px solid var(--borde)}.opcion-idioma:hover{color:var(--tinta)}.opcion-idioma.activo{background:var(--acento);color:var(--fondo)}.boton-codex{background:var(--fondo-elevado);color:var(--tinta);border:1px solid var(--borde);border-radius:var(--radio);padding:.45rem .9rem;font-size:.95rem}.boton-codex:hover{border-color:var(--acento)}.contador-codex{background:var(--acento);color:var(--fondo);border-radius:999px;padding:0 .45rem;margin-left:.4rem;font-size:.8rem;font-weight:700}.pantalla{flex:1;padding:2rem 0;animation:aparecer .4s ease-out}@keyframes aparecer{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sobretitulo{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--tinta-suave);text-align:center}.titulo-juego{font-size:2.6rem;text-align:center;margin:.5rem 0 1.5rem;color:var(--acento);font-weight:400}.resumen{font-size:1.05rem;color:var(--tinta)}.caja-rol{background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:1.25rem 1.5rem;margin:1.5rem 0}.caja-rol h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--acento);margin:.75rem 0 .25rem}.caja-rol h2:first-child{margin-top:0}.caja-rol p{margin:.25rem 0 .5rem;color:var(--tinta-suave)}.caja-rol strong{color:var(--tinta)}.boton-principal{display:block;margin:1.5rem auto 0;background:var(--acento);color:var(--fondo);border:none;border-radius:var(--radio);padding:.8rem 2rem;font-size:1.05rem;font-weight:700;transition:transform .1s ease}.boton-principal:hover{background:var(--acento-suave);transform:translateY(-1px)}.boton-secundario{display:block;margin:0 auto;background:transparent;color:var(--tinta);border:1px solid var(--borde);border-radius:var(--radio);padding:.8rem 2rem;font-size:1rem}.boton-secundario:hover{border-color:var(--acento)}.linea-fases{display:flex;gap:.4rem;margin-bottom:1.25rem;flex-wrap:wrap}.fase{flex:1;min-width:90px;text-align:center;padding:.4rem .3rem;border-radius:var(--radio);border:1px solid var(--borde);color:var(--tinta-suave);font-size:.72rem;display:flex;flex-direction:column;gap:.1rem}.fase-numero{font-weight:700;font-size:.9rem}.fase.activa{border-color:var(--acento);color:var(--acento);background:#ecb24f14}.fase.completada{color:var(--paz);border-color:#7fb58566}.panel-indicadores{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem 1.25rem;background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:1rem 1.25rem;margin-bottom:1.25rem}.indicador-cabecera{display:flex;justify-content:space-between;font-size:.85rem}.indicador-nombre{color:var(--tinta-suave);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.indicador-valor{font-weight:700}.delta{font-size:.8rem;margin-left:.2rem}.delta.positivo{color:var(--paz)}.delta.negativo{color:var(--peligro)}.barra{height:7px;background:var(--fondo);border-radius:999px;overflow:hidden;margin-top:.3rem}.barra-relleno{height:100%;border-radius:999px;transition:width .6s ease}.barra-relleno.confianza{background:var(--confianza)}.barra-relleno.seguridad{background:var(--seguridad)}.barra-relleno.justicia{background:var(--justicia)}.barra-relleno.legitimidad{background:var(--legitimidad)}.barra-relleno.critico{background:var(--peligro);animation:pulso 1.2s infinite}@keyframes pulso{50%{opacity:.55}}.tarjeta{background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:1.5rem 1.75rem;margin-bottom:1.25rem}.tarjeta hr{border:none;border-top:1px solid var(--borde);margin:1.25rem 0}.etiqueta-fase,.etiqueta-retro{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--acento);margin:0 0 .25rem}.nodo h2{margin:.25rem 0 .75rem;font-weight:400;font-size:1.6rem}.nodo-texto{color:var(--tinta);margin-bottom:1.25rem}.opciones{display:flex;flex-direction:column;gap:.6rem}.opcion{text-align:left;background:var(--fondo-elevado);color:var(--tinta);border:1px solid var(--borde);border-radius:var(--radio);padding:.85rem 1.1rem;font-size:.98rem;line-height:1.5;transition:border-color .15s ease,background .15s ease}.opcion:hover{border-color:var(--acento);background:#ecb24f12}.retro{border-left:3px solid var(--acento)}.retro-decision{color:var(--tinta-suave);font-size:.95rem}.retro-texto{font-size:1.02rem}.codex-desbloqueado{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;color:var(--tinta-suave)}.chip-codex{background:#ecb24f1f;border:1px solid var(--acento-suave);color:var(--acento);border-radius:999px;padding:.2rem .8rem;font-size:.85rem}.titulo-final{text-align:center;font-weight:400;font-size:2.2rem;margin:.5rem 0 1.5rem}.titulo-final.paz-sostenible{color:var(--paz)}.titulo-final.paz-fragil{color:var(--acento)}.titulo-final.acuerdo-en-riesgo{color:#d4a76b}.titulo-final.recaida{color:var(--peligro)}.final-descripcion{font-size:1.05rem}.estadisticas{text-align:center;color:var(--tinta-suave);font-size:.92rem;margin:.75rem 0 0}.acciones-finales{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.acciones-finales .boton-principal,.acciones-finales .boton-secundario{margin:0}.nota-final{text-align:center;color:var(--tinta-suave);font-size:.9rem;margin-top:1.5rem}.codex-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c12cc;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;z-index:10;overflow-y:auto}.codex-panel{background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);max-width:680px;width:100%;padding:1.5rem 1.75rem;animation:aparecer .25s ease-out}.codex-cabecera{display:flex;justify-content:space-between;align-items:center;gap:1rem}.codex-cabecera h2{font-size:1.2rem;font-weight:400;color:var(--acento);margin:0}.boton-cerrar{background:transparent;border:1px solid var(--borde);color:var(--tinta);border-radius:50%;width:2rem;height:2rem;flex-shrink:0}.codex-intro{color:var(--tinta-suave);font-size:.92rem}.codex-categoria h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--tinta-suave);margin:1.25rem 0 .5rem}.codex-item{display:block;width:100%;text-align:left;background:var(--fondo-elevado);border:1px solid var(--borde);color:var(--tinta-suave);border-radius:var(--radio);padding:.55rem .9rem;margin-bottom:.4rem;font-size:.95rem}.codex-item.descubierto{color:var(--tinta);border-color:#ecb24f73}.codex-item:hover{border-color:var(--acento)}.boton-volver{background:transparent;border:none;color:var(--acento);padding:0;font-size:.9rem;margin-bottom:.75rem}.codex-detalle-categoria{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--tinta-suave);margin:0}.codex-detalle h3{font-size:1.5rem;font-weight:400;color:var(--acento);margin:.25rem 0 1rem}.codex-detalle h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--tinta-suave);margin:1.1rem 0 .25rem}.codex-detalle p{margin:.25rem 0}.caja-reflexion{background:#ecb24f12;border:1px solid rgba(236,178,79,.3);border-radius:var(--radio);padding:.9rem 1.1rem;margin-top:1.25rem}.caja-reflexion h4{margin-top:0;color:var(--acento)}.menu-resumen{text-align:center}.menu-modos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.5rem}.modo-tarjeta{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left;cursor:pointer;color:var(--tinta);font-size:1rem;transition:border-color .15s ease,transform .1s ease}.modo-tarjeta:hover{border-color:var(--acento);transform:translateY(-2px)}.modo-emoji{font-size:2rem}.modo-nombre{font-size:1.4rem;color:var(--acento)}.modo-descripcion{color:var(--tinta-suave);font-size:.92rem;line-height:1.5}.modo-etiqueta{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--tinta-suave);border:1px solid var(--borde);border-radius:999px;padding:.15rem .7rem;margin-top:.25rem}.territorio-cabecera{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.territorio-hud{display:flex;gap:1.25rem;flex-wrap:wrap}.hud-dato{font-size:.95rem;color:var(--tinta-suave)}.hud-dato strong{color:var(--tinta)}.territorio-cuerpo{display:flex;gap:1rem;margin-top:1rem;align-items:flex-start}.territorio-grid{display:grid;gap:3px;flex:1;background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:.6rem}.tablero3d{flex:1;height:480px;min-width:0;background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}.tablero3d canvas{touch-action:none}.tablero3d-cargando{display:flex;align-items:center;justify-content:center;color:var(--tinta-suave)}.historias{padding-top:1rem}.jardin3d{height:520px}.historias-titulo{text-align:center}.historias-titulo h1{font-size:1.5rem;font-weight:400;color:var(--acento);margin:0}.sobretitulo-jardin{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:var(--tinta-suave)}.historias-contador{color:var(--tinta-suave);font-size:.95rem}.historia-panel{max-width:640px}.historia-titulo{font-size:1.6rem;font-weight:400;color:var(--acento);margin:.2rem 0 0}.historia-nombre{color:var(--tinta-suave);font-style:italic;margin:.15rem 0 0}.historia-parrafo{font-size:1rem;line-height:1.7}.historia-cita{margin:1.25rem 0;padding:.9rem 1.2rem;border-left:3px solid var(--acento);background:#ecb24f0f;font-size:1.05rem;font-style:italic}.historia-figura{float:right;width:150px;margin:0 0 .75rem 1rem}.historia-figura img{width:100%;border-radius:var(--radio);border:1px solid var(--borde);display:block}.historia-figura figcaption{font-size:.68rem;color:var(--tinta-suave);margin-top:.3rem;line-height:1.3}.historia-enlaces{margin:1.1rem 0;clear:both}.historia-enlace{display:block;color:var(--acento);text-decoration:none;font-size:.92rem;padding:.35rem 0;border-bottom:1px solid var(--borde)}.historia-enlace:hover{color:var(--tinta)}.selector-dificultad{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin:0 0 1.25rem}.dificultad-tarjeta{display:flex;flex-direction:column;gap:.35rem;text-align:left;cursor:pointer;color:var(--tinta);padding:.9rem 1.1rem}.dificultad-tarjeta:hover{border-color:var(--acento-suave)}.dificultad-tarjeta.activa{border-color:var(--acento);background:#ecb24f12;box-shadow:var(--halo-opcion)}.dificultad-nombre{font-family:var(--font-display);font-weight:600;font-size:.98rem}.dificultad-descripcion{font-size:.8rem;color:var(--tinta-suave);line-height:1.4}.historia-cita footer{margin-top:.4rem;font-size:.85rem;font-style:normal;color:var(--tinta-suave)}@media(max-width:700px){.jardin3d{height:380px}}.celda{aspect-ratio:1;border:1px solid transparent;border-radius:6px;font-size:1.15rem;display:flex;align-items:center;justify-content:center;padding:0;background:color-mix(in srgb,#4a7d52 calc(var(--vit, 0) * 55%),var(--fondo-elevado));transition:background .5s ease}.celda:hover{border-color:var(--acento)}.celda-rio{background:#2b4561;cursor:default}.celda-minado{background:#4d3038}.celda-escombros{background:#3a3630}.celda-casa.poblada{box-shadow:0 0 10px #ecb24f73}.paleta{width:230px;flex-shrink:0;display:flex;flex-direction:column;gap:.35rem}.paleta-titulo{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--tinta-suave);margin:.4rem 0 .1rem}.paleta-item{display:flex;align-items:center;gap:.5rem;background:var(--fondo-elevado);border:1px solid var(--borde);border-radius:var(--radio);color:var(--tinta);padding:.4rem .6rem;font-size:.85rem;text-align:left}.paleta-item:hover{border-color:var(--acento)}.paleta-item.activa{border-color:var(--acento);background:#ecb24f1f}.paleta-item.sin-fondos{opacity:.45}.paleta-nombre{flex:1;line-height:1.2}.paleta-costo{color:var(--acento);font-weight:700}.boton-mes{margin:.6rem 0 0;width:100%}.diario{width:230px;flex-shrink:0;display:none}.diario-entradas{background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:.75rem .9rem;max-height:460px;overflow-y:auto}.diario-entrada{font-size:.8rem;line-height:1.45;color:var(--tinta-suave);margin:0 0 .55rem;padding-bottom:.55rem;border-bottom:1px solid var(--borde)}.diario-entrada:first-child{color:var(--tinta)}.diario-entrada:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}@media(min-width:1180px){.app:has(.territorio){max-width:1280px}.diario{display:block}}.territorio-mensaje{text-align:center;color:var(--tinta-suave);font-size:.9rem;min-height:1.4em;margin:.9rem 0 0}.territorio-mensaje.visible{color:var(--acento)}.evento-titulo{font-weight:400;font-size:1.5rem;margin:.25rem 0 .75rem;color:var(--tinta)}.alertas{display:flex;flex-wrap:wrap;gap:.5rem;margin:-.5rem 0 .75rem}.alerta{font-size:.8rem;color:#e8a06b;background:#d4756b1a;border:1px solid rgba(212,117,107,.4);border-radius:999px;padding:.2rem .75rem;animation:pulso 2s infinite}.mensaje-consecuencia{color:var(--peligro);font-size:.98rem;border-left:3px solid var(--peligro);padding-left:.75rem}.eco-historico{margin-top:1.1rem;padding:.9rem 1.1rem;background:#ecb24f0d;border:1px solid rgba(236,178,79,.25);border-radius:var(--radio)}.eco-etiqueta{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--acento);margin:0 0 .35rem}.eco-texto{font-style:italic;color:var(--tinta-suave);font-size:.95rem;margin:0 0 .6rem}@media(max-width:700px){.territorio-cuerpo{flex-direction:column}.tablero3d{width:100%;height:340px}.paleta{width:100%;display:grid;grid-template-columns:1fr 1fr}.paleta-titulo,.boton-mes{grid-column:1 / -1}.celda{font-size:.9rem}}.pie{text-align:center;color:var(--tinta-suave);font-size:.78rem;border-top:1px solid var(--borde);padding-top:1rem}@media(max-width:540px){.titulo-juego{font-size:1.9rem}.fase-nombre{display:none}.tarjeta{padding:1.1rem 1.2rem}}.titulo-juego,.titulo-final,.nodo h2,.evento-titulo,.modo-nombre,.historia-titulo,.historias-titulo h1,.codex-detalle h3,.codex-cabecera h2{font-family:var(--font-display);font-weight:600}.titulo-juego,.historias-titulo h1{text-shadow:var(--halo-titulo)}.boton-principal{box-shadow:var(--halo-boton)}.opcion:hover{box-shadow:var(--halo-opcion)}.barra-relleno.legitimidad{box-shadow:var(--halo-barra)}.expediente-lugar{text-align:center;margin-bottom:1rem}.expediente-progreso{display:flex;gap:.45rem;justify-content:center;margin-bottom:1.25rem}.expediente-punto{width:10px;height:10px;border-radius:50%;background:var(--fondo-elevado);border:1px solid var(--borde)}.expediente-punto.pasado{background:var(--acento-suave);border-color:var(--acento-suave)}.expediente-punto.actual{background:var(--acento);border-color:var(--acento);box-shadow:var(--halo-barra)}.expediente-pregunta{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--acento);margin:0 0 .9rem}.expediente-veredicto{font-weight:700;margin:.75rem 0}.expediente-veredicto.coincide{color:var(--paz)}.expediente-veredicto.difiere{color:#d4a76b}.expediente-subtitulo{font-family:var(--font-display);font-weight:600;font-size:1.1rem;margin:1.1rem 0 .35rem}