/* OIXEN V1.07c · Transparencia del esquema y de las tablas (petición de Ricardo, 07.10.2026).
   Sólo capa visual: misma forma, curvas, orden, textos y enlaces. El viaje se ve a través del cristal;
   el desenfoque local protege la lectura. */
.narrative .network-panel{
 background:radial-gradient(ellipse at 50% 43%,rgba(24,52,81,.46) 0%,rgba(13,29,48,.38) 45%,rgba(7,16,26,.32) 100%);
 border-color:rgba(200,232,255,.24);
 box-shadow:0 0 95px rgba(130,189,255,.10),inset 0 0 60px rgba(165,210,255,.05),inset 0 1px 0 rgba(255,255,255,.07);
 -webkit-backdrop-filter:blur(6px) saturate(1.15);backdrop-filter:blur(6px) saturate(1.15)}
.narrative .network-engines>a,.narrative .network-worlds>a{
 background:rgba(11,25,40,.42);border-color:rgba(200,232,255,.22);
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.narrative .network-engines>a:hover,.narrative .network-engines>a.lit,
.narrative .network-worlds>a:hover,.narrative .network-worlds>a[aria-current=true]{background:rgba(32,56,78,.62);border-color:#a6e8ff}
.narrative .engine-grid{background:transparent;border-color:transparent}
.narrative .engine{
 background:rgba(7,13,22,.44);border:1px solid rgba(200,232,255,.18);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
 -webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1)}
.narrative .engine:target{background:rgba(21,33,48,.66);box-shadow:inset 0 0 0 1px #c8e8ff}
.narrative .network-explanation,.narrative .network-caption{text-shadow:0 1px 12px rgba(2,6,11,.85)}
/* Sin desenfoque disponible o con preferencia de menos transparencia: cristal más denso para leer igual. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .narrative .network-panel{background:rgba(9,20,33,.82)}
 .narrative .network-engines>a,.narrative .network-worlds>a,.narrative .engine{background:rgba(9,18,30,.86)}}
@media (prefers-reduced-transparency:reduce){
 .narrative .network-panel{background:rgba(9,20,33,.9)}
 .narrative .network-engines>a,.narrative .network-worlds>a,.narrative .engine{background:rgba(9,18,30,.92)}}
