: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;--salud: #e0828a;--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-sub{display:block;font-size:.72rem;font-weight:500;opacity:.78;margin-top:2px}.boton-nueva{margin-top:.6rem}.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{position:relative;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}.territorio-cuerpo{display:grid;grid-template-columns:1fr;gap:1rem}.tablero3d{width:100%;height:clamp(420px,60vh,720px)}@media(min-width:1180px){.app:has(.territorio){max-width:1380px}.territorio-cuerpo{grid-template-columns:1fr 250px}.diario-entradas{max-height:calc(clamp(420px,60vh,720px) - 2.2rem)}}.barra-construccion{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-top:1rem;background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:.6rem .75rem}.chip-construir{display:flex;align-items:center;gap:.4rem;background:var(--fondo-elevado);border:1px solid var(--borde);border-radius:999px;color:var(--tinta);padding:.42rem .8rem;font-size:.88rem;transition:border-color .15s ease,background .15s ease}.chip-construir:hover{border-color:var(--acento)}.chip-construir.activa{border-color:var(--acento);background:#ecb24f1f;box-shadow:var(--halo-opcion)}.chip-construir.sin-fondos{opacity:.45}.chip-nombre{font-weight:500}.barra-sep{width:1px;align-self:stretch;background:var(--borde);margin:0 .3rem}.boton-mes-barra{margin:0 0 0 auto;padding:.55rem 1.4rem;font-size:.95rem}.tutorial-barra{display:flex;gap:.75rem;align-items:center;background:#ecb24f14;border:1px solid rgba(236,178,79,.35);border-radius:var(--radio);padding:.55rem .9rem;margin:0 0 .9rem;font-size:.92rem;animation:aparecer .3s ease-out}.tutorial-saltar{background:none;border:none;color:var(--tinta-suave);text-decoration:underline;font-size:.8rem;margin-left:auto;white-space:nowrap}@media(max-width:700px){.boton-mes-barra{width:100%;margin:.4rem 0 0}}.gancho{text-align:center;font-size:1.15rem;max-width:580px;margin:0 auto .5rem}.como-jugar{max-width:640px;margin:1.25rem auto;background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:.9rem 1.25rem}.como-jugar summary{cursor:pointer;color:var(--acento);font-size:.92rem;text-transform:uppercase;letter-spacing:.1em}.como-jugar summary:hover{color:var(--tinta)}.como-jugar p{color:var(--tinta-suave);font-size:.95rem;margin:.75rem 0 0}.como-jugar strong{color:var(--tinta)}.boton-reporte{position:fixed;right:1rem;bottom:1rem;z-index:50;background:var(--fondo-elevado);color:var(--tinta-suave);border:1px solid var(--borde);border-radius:999px;padding:.5rem 1rem;font-size:.85rem;box-shadow:0 2px 12px #0006}.boton-reporte:hover{border-color:var(--acento);color:var(--tinta)}.reporte-panel{max-width:520px}.reporte-texto{width:100%;background:var(--fondo-elevado);border:1px solid var(--borde);border-radius:var(--radio);color:var(--tinta);font-family:var(--font-lectura);font-size:.95rem;padding:.75rem .9rem;resize:vertical;margin:.5rem 0 1rem}.reporte-texto:focus{outline:none;border-color:var(--acento)}.reporte-acciones .boton-principal,.reporte-acciones .boton-secundario{font-size:.92rem;padding:.6rem 1.2rem}.boton-musica{position:fixed;left:1rem;bottom:1rem;z-index:50;background:var(--fondo-elevado);border:1px solid var(--borde);border-radius:50%;width:2.6rem;height:2.6rem;font-size:1.1rem;box-shadow:0 2px 12px #0006}.boton-musica:hover{border-color:var(--acento)}.app{padding-bottom:5rem}.pie{margin-bottom:2.5rem}.menu-celda{max-width:560px}.menu-grid{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0}.menu-celda .chip-construir{cursor:pointer}.menu-desc{color:var(--tinta-suave);font-size:.9rem;background:var(--fondo-elevado);border-radius:var(--radio);padding:.6rem .85rem;margin:.6rem 0 0}.menu-acciones{margin-top:1rem}.menu-acciones .boton-principal:disabled{opacity:.5;cursor:not-allowed}.menu-acciones .boton-principal,.menu-acciones .boton-secundario{margin:0}.cockpit{position:fixed;top:0;left:0;right:0;height:100dvh;z-index:40;display:flex;flex-direction:column;gap:.5rem;padding:.6rem .75rem;background:var(--fondo);background-image:radial-gradient(ellipse at 50% -10%,var(--fondo-brillo) 0%,var(--fondo) 60%);overflow:hidden}.cockpit-top{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.cockpit-volver,.cockpit-codex{background:var(--fondo-elevado);color:var(--tinta);border:1px solid var(--borde);border-radius:var(--radio);padding:.4rem .7rem;font-size:1rem;line-height:1}.cockpit-volver:hover,.cockpit-codex:hover{border-color:var(--acento)}.cockpit-recursos{flex:1;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.recurso{display:inline-flex;align-items:center;gap:.3rem;background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:999px;padding:.3rem .8rem;font-size:.95rem}.recurso-ico{font-size:1rem}.recurso strong{font-family:var(--font-display);font-weight:700}.recurso small{color:var(--tinta-suave);font-size:.78rem}.recurso small.ingreso-neg{color:var(--peligro)}.recurso-meta strong+strong{margin-left:.35rem;padding-left:.35rem;border-left:1px solid var(--borde)}.meta-ok{color:var(--paz)}.cockpit-fase{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.4rem .6rem;margin-bottom:.5rem;background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);flex-wrap:wrap}.cockpit-fase.etapa-retirada{border-color:var(--acento);box-shadow:var(--halo-opcion)}.fase-camino{display:flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em}.fase-paso{color:var(--tinta-suave);opacity:.45}.fase-paso:after{content:"▸";margin-left:.35rem;color:var(--borde)}.fase-paso:last-child:after{content:""}.fase-paso.hecha{opacity:.85;color:var(--paz)}.fase-paso.activa{opacity:1;color:var(--acento);font-weight:700}.fase-hitos{display:flex;gap:.35rem}.fase-hitos .hito{font-size:1.05rem;line-height:1;filter:grayscale(1);opacity:.4;transition:filter .3s ease,opacity .3s ease,transform .3s ease}.fase-hitos .hito.logrado{filter:none;opacity:1;transform:scale(1.12);text-shadow:0 0 10px rgba(236,178,79,.6)}.chip-construir.chip-retirar{background:var(--acento);color:var(--fondo);border-color:var(--acento-suave);font-weight:700}.cockpit-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;flex-shrink:0}.stat-pod{position:relative;display:flex;align-items:center;gap:.55rem;background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:.45rem .7rem .55rem;overflow:hidden}.stat-pod.confianza{box-shadow:inset 3px 0 0 var(--confianza)}.stat-pod.seguridad{box-shadow:inset 3px 0 0 var(--seguridad)}.stat-pod.justicia{box-shadow:inset 3px 0 0 var(--justicia)}.stat-pod.legitimidad{box-shadow:inset 3px 0 0 var(--legitimidad)}.stat-pod.salud{box-shadow:inset 3px 0 0 var(--salud)}.stat-emoji{font-size:1.4rem;line-height:1}.stat-info{display:flex;flex-direction:column;line-height:1.1}.stat-nombre{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave)}.stat-valor{font-family:var(--font-display);font-weight:700;font-size:1.35rem}.stat-barra{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--fondo)}.stat-relleno{height:100%;transition:width .6s ease}.stat-pod.confianza .stat-relleno{background:var(--confianza)}.stat-pod.seguridad .stat-relleno{background:var(--seguridad)}.stat-pod.justicia .stat-relleno{background:var(--justicia)}.stat-pod.legitimidad .stat-relleno{background:var(--legitimidad)}.stat-pod.salud .stat-relleno{background:var(--salud)}.stat-pod.critico{border-color:var(--peligro)}.stat-pod.critico .stat-valor{color:var(--peligro);animation:pulso 1.4s infinite}.cockpit-medio{flex:1;min-height:0;display:flex;gap:.5rem}.cockpit-mapa{flex:1;min-width:0;position:relative;border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden}.cockpit-mapa .tablero3d{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;border-radius:0}.overlay-top{position:absolute;top:.5rem;left:.5rem;right:.5rem;display:flex;flex-direction:column;gap:.4rem;pointer-events:none;z-index:2}.overlay-tutorial{display:flex;align-items:center;gap:.6rem;background:#1c2030eb;border:1px solid rgba(236,178,79,.4);border-radius:var(--radio);padding:.5rem .8rem;font-size:.86rem;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay-tutorial .tutorial-saltar{margin-left:auto}.overlay-alertas{display:flex;flex-wrap:wrap;gap:.4rem;pointer-events:none}.overlay-hint{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);max-width:92%;text-align:center;background:#11141dd1;border:1px solid var(--borde);border-radius:999px;padding:.3rem .9rem;font-size:.82rem;color:var(--tinta-suave);pointer-events:none;z-index:2}.overlay-hint.visible{color:var(--acento);border-color:var(--acento-suave)}.cockpit-diario{width:230px;flex-shrink:0;display:flex;flex-direction:column;background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:.6rem .75rem;overflow:hidden}.diario-titulo{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--tinta-suave);margin:0 0 .5rem}.cockpit-diario .diario-entradas{flex:1;overflow-y:auto;max-height:none;background:none;border:none;padding:0}.cockpit-footer{flex-shrink:0;display:flex;gap:.5rem;align-items:stretch}.cockpit-chips{flex:1;min-width:0;display:flex;gap:.4rem;align-items:center;overflow-x:auto;overflow-y:hidden;padding:.5rem .6rem;background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent 100%)}.cockpit-chips .chip-construir{flex-shrink:0;scroll-snap-align:start}.boton-mes-cockpit{flex-shrink:0;background:var(--acento);color:var(--fondo);border:none;border-radius:var(--radio);padding:.5rem 1.4rem;font-family:var(--font-display);font-weight:700;font-size:.92rem;line-height:1.15;box-shadow:var(--halo-boton);transition:transform .1s ease}.boton-mes-cockpit:hover{background:var(--acento-suave);transform:translateY(-1px)}body:has(.cockpit) .boton-musica,body:has(.cockpit) .boton-reporte{bottom:5.2rem}@media(max-width:760px){.cockpit-stats{grid-template-columns:repeat(2,1fr)}.stat-nombre,.cockpit-diario{display:none}.boton-mes-cockpit{padding:.5rem .75rem;font-size:.82rem}.cockpit-chips{gap:.5rem;padding:.5rem}.cockpit-chips .chip-construir{padding:.45rem .6rem}}@media(max-width:480px){.cabecera{padding:.7rem 0}.logo{white-space:nowrap;font-size:.92rem}.cabecera-acciones{gap:.35rem}.boton-codex{padding:.4rem .6rem;font-size:.88rem}.opcion-idioma{padding:.4rem .55rem;font-size:.78rem}}.tooltip-edificio{position:fixed;left:50%;bottom:5.2rem;transform:translate(-50%);z-index:45;width:min(92vw,420px);background:#1b1f2af7;border:1px solid var(--acento-suave);border-radius:var(--radio);padding:.7rem .9rem;box-shadow:0 6px 24px #00000080;pointer-events:none;animation:aparecer .15s ease-out}.tip-cab{display:flex;align-items:center;gap:.5rem}.tip-emoji{font-size:1.2rem}.tip-cab strong{font-family:var(--font-display);font-weight:600;font-size:.95rem}.tip-costo{margin-left:auto;color:var(--acento);font-weight:700;font-size:.85rem}.tip-efectos{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.tip-efecto{font-size:.74rem;font-weight:700;border-radius:999px;padding:.12rem .55rem;background:var(--fondo-elevado);border:1px solid var(--borde)}.tip-efecto.confianza{color:var(--confianza);border-color:var(--confianza)}.tip-efecto.seguridad{color:var(--seguridad);border-color:var(--seguridad)}.tip-efecto.justicia{color:var(--justicia);border-color:var(--justicia)}.tip-efecto.legitimidad{color:var(--legitimidad);border-color:var(--legitimidad)}.tip-efecto.ingreso{color:var(--acento);border-color:var(--acento-suave)}.tip-porque{margin:0;font-size:.86rem;line-height:1.5;color:var(--tinta-suave)}.mesa-escenario{position:relative;isolation:isolate}.mesa-escenario:before{content:"";position:absolute;left:50%;top:34%;width:120vmax;height:120vmax;transform:translate(-50%,-50%);background:radial-gradient(circle at center,#ecb24f1a,#ecb24f0a 22%,#11141d00 52%);z-index:-1;pointer-events:none;animation:respira 9s ease-in-out infinite}@keyframes respira{0%,to{opacity:.85;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.7rem;font-weight:600;color:var(--acento)}.display{font-family:var(--font-display);font-weight:600;line-height:1.08;letter-spacing:-.01em}.camino{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:0;margin-bottom:1.5rem}.camino-paso{display:flex;align-items:center}.camino-nodo{display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:default}.camino-punto{width:13px;height:13px;border-radius:50%;background:var(--fondo-elevado);border:1.5px solid var(--borde);transition:all .5s ease}.camino-nodo.completada .camino-punto{background:var(--acento);border-color:var(--acento);box-shadow:0 0 8px #ecb24f80}.camino-nodo.activa .camino-punto{background:var(--acento);border-color:var(--acento-suave);box-shadow:0 0 12px var(--acento),0 0 26px #ecb24f8c;transform:scale(1.25)}.camino-label{font-size:.7rem;font-weight:600;color:var(--tinta-suave);transition:color .4s;text-align:center}.camino-nodo.activa .camino-label{color:var(--acento)}.camino-nodo.completada .camino-label{color:var(--tinta)}.camino-linea{width:clamp(20px,4vw,52px);height:1.5px;margin:6px 4px 0;background:var(--borde);position:relative;overflow:hidden}.camino-linea.hecha:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--acento),rgba(236,178,79,.4))}.escena{text-align:center;animation:aparecer .6s cubic-bezier(.2,.7,.2,1) both}.escena-fase{margin-bottom:.9rem}.escena-titulo{font-size:clamp(1.7rem,4vw,2.6rem);color:var(--tinta);text-shadow:0 0 30px rgba(236,178,79,.16);max-width:20ch;margin:0 auto 1rem;text-wrap:balance}.escena-imagen{margin:0 auto 1.5rem;max-width:560px;border-radius:var(--radio);overflow:hidden;border:1px solid var(--borde);box-shadow:0 10px 34px #00000073,var(--halo-opcion);-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}.escena-imagen img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.escena-texto{font-size:1.05rem;line-height:1.62;color:var(--tinta-suave);max-width:60ch;margin:0 auto;text-wrap:pretty}.escena .opciones{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;max-width:820px;margin:2rem auto 0}.escena .opcion{position:relative;display:block;text-align:left;padding:1.3rem 1.3rem 1.15rem;background:linear-gradient(180deg,var(--fondo-tarjeta),#171b25);border:1px solid var(--borde);border-radius:13px;font-size:.98rem;line-height:1.5;color:var(--tinta-suave);transition:all .26s cubic-bezier(.2,.7,.2,1);overflow:hidden}.escena .opcion:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acento);opacity:0;transition:opacity .26s}.opcion-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--borde);font-family:var(--font-display);font-weight:600;font-size:.82rem;color:var(--acento);margin-bottom:.8rem;transition:all .26s}.opcion-txt{display:block}.escena .opcion:hover{transform:translateY(-3px);border-color:#ecb24f80;color:var(--tinta);box-shadow:0 18px 44px -22px #000c,0 0 40px -14px #ecb24f80}.escena .opcion:hover:before{opacity:1}.escena .opcion:hover .opcion-num{background:var(--acento);color:var(--fondo);border-color:var(--acento)}.mesa-escenario .retro{max-width:720px;margin:0 auto}.retro-marca{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.3rem}.retro-em{width:8px;height:8px;border-radius:50%;background:var(--acento);box-shadow:0 0 14px var(--acento),0 0 30px #ecb24f99}.mesa-escenario .retro-decision{font-family:var(--font-display);font-style:italic;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.32;color:var(--tinta);margin:0 auto 1.3rem;max-width:36ch;text-wrap:balance}.retro-tu{font-style:normal;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-suave);display:block;margin-bottom:.6rem}.mesa-escenario .retro-texto{font-size:1rem;line-height:1.66;color:var(--tinta-suave);max-width:56ch;margin:0 auto;border-top:1px solid var(--borde);padding-top:1.3rem}.mesa-escenario .codex-desbloqueado{justify-content:center;margin-top:1.6rem}.mesa-escenario .codex-desbloqueado .etq{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acento)}.mesa-escenario .chip-codex:before{content:"🕊 "}.panel-indicadores{background:transparent;border:none;padding:.5rem 0 1rem;gap:.5rem 0}.indicador{padding:0 1.1rem;position:relative}.indicador+.indicador:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--borde)}.indicador-valor{font-family:var(--font-display);font-weight:600;font-size:1.35rem}.barra{height:5px}.barra-relleno.confianza{box-shadow:0 0 10px #6ba3c780}.barra-relleno.seguridad{box-shadow:0 0 10px #7fb58580}.barra-relleno.justicia{box-shadow:0 0 10px #b48ec980}.barra-relleno.legitimidad{box-shadow:0 0 10px #ecb24f80}@media(max-width:620px){.escena .opciones{grid-template-columns:1fr}}.vela-grande{width:24px;height:42px;margin:0 auto 1.6rem;border-radius:50% 50% 48% 48%/62% 62% 40% 40%;background:radial-gradient(circle at 50% 70%,#fff2c4,#ffc46b 38%,#ff9d3c 72%,#ff78281a);box-shadow:0 0 50px 14px #ff963c66,0 0 130px 40px #ff963c29;animation:flamea 2.4s ease-in-out infinite}@keyframes flamea{0%,to{transform:scale(1) translateY(0);opacity:1}50%{transform:scale(.92,1.05) translateY(-1px);opacity:.92}}.pantalla-inicio.mesa-escenario .titulo-juego{text-shadow:0 0 60px rgba(236,178,79,.25)}.pantalla-final.mesa-escenario .titulo-final{font-size:clamp(2rem,5vw,3.2rem)}.pop-efecto{display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap;pointer-events:none;font-family:var(--font-display);font-weight:700;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.9);animation:pop-sube 1.7s ease-out forwards}@keyframes pop-sube{0%{opacity:0;transform:translateY(6px) scale(.85)}18%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-22px)}}.reloj-valle{position:absolute;top:.7rem;right:.7rem;display:flex;align-items:center;gap:.35rem;padding:.28rem .6rem;background:#11141d8c;border:1px solid var(--borde);border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:4;font-family:var(--font-display);box-shadow:var(--halo-opcion)}.reloj-glifo{font-size:.95rem;line-height:1}.reloj-hora{font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--tinta);font-variant-numeric:tabular-nums}.chispa{max-width:860px;margin:0 auto}.chispa .titulo-juego{margin-bottom:.75rem}.chispa-intro{font-size:.98rem;color:var(--tinta-suave);max-width:62ch;margin:0 auto 1.1rem;text-align:center}.chispa-lienzo-marco{border:1px solid var(--borde);border-radius:var(--radio);overflow:hidden;background:#0e1017;box-shadow:0 8px 30px #0006}.chispa-lienzo{display:block;width:100%;height:auto;image-rendering:pixelated}.chispa-controles{display:flex;align-items:center;gap:1rem;margin-top:.9rem;flex-wrap:wrap}.chispa-slider{flex:1;min-width:240px;display:flex;flex-direction:column;gap:.25rem}.chispa-slider-nombre{font-family:var(--font-display);font-size:.9rem}.chispa-slider-nombre strong{color:var(--acento)}.chispa-slider input[type=range]{width:100%;accent-color:var(--acento)}.chispa-slider-extremos{display:flex;justify-content:space-between;font-size:.68rem;color:var(--tinta-suave);letter-spacing:.03em}.chispa-botones{display:flex;gap:.4rem}.chispa-moraleja{margin:.9rem auto 0;max-width:58ch;text-align:center;font-style:italic;color:var(--acento);font-size:.95rem;min-height:2.6em}.chispa-abajo{display:flex;gap:1.25rem;align-items:flex-end;justify-content:space-between;margin-top:.8rem;flex-wrap:wrap}.chispa-stats{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem;color:var(--tinta-suave)}.chispa-stats strong{color:var(--tinta)}.chispa-histograma{flex:1;min-width:250px;max-width:380px}.chispa-hist-titulo{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-suave);margin-bottom:.4rem}.chispa-hist-barras{display:flex;align-items:flex-end;gap:.45rem;height:72px}.chispa-hist-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;justify-content:flex-end}.chispa-hist-barra{width:100%;background:linear-gradient(to top,var(--acento-suave),var(--acento));border-radius:3px 3px 0 0;transition:height .3s ease}.chispa-hist-etq{font-size:.62rem;color:var(--tinta-suave)}.chispa-pie{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.4rem;flex-wrap:wrap}.chispa-pie .boton-secundario{margin:0}