Money9

+ Mostra código do componente
+ Mostrar código do componente
+ Mostrar código de componente
:root {
    --timeScale: 1;
    --timeDelay: 0s;
}
 
/* Converting middle divider from box-shadow to ::before pseudo-element */
.anom-bar > .bottom-box { box-shadow: none!important; }
.anom-bar > .bottom-box::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 0.5rem;
    background-color: rgb(var(--black-monochrome, 12, 12, 12));
    transform: translateY(-0.74rem);
}
 
/* DIVIDER */
.anom-bar > .bottom-box::before {
    animation-name: divider;
    animation-duration: calc(0.74s * var(--timeScale));
    animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
}
 
/* CLASSIFIED LEVEL BARS */
div.top-center-box  > * {
    animation-name: bar;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
div.top-center-box > :nth-child(1) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(2) { animation-delay: calc(0.32s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(3) { animation-delay: calc(0.45s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(4) { animation-delay: calc(0.61s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(5) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.top-center-box > :nth-child(6) { animation-delay: calc(0.95s * var(--timeScale) + var(--timeDelay)); }
 
/* TOP TEXT */
div.top-left-box, div.top-right-box {
    clip-path: polygon( 0% -50%, 150% -50%, 150% 100%, 0% 100%);
}
 
div.top-left-box > *, div.top-right-box > * {
    position: relative;
    animation-name: bottomup;
    animation-duration: calc(0.65s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* CONTAINMENT, DISRUPTION, RISK CLASSES */
div.text-part > * {
    clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%);
    animation-name: expand2;
    animation-duration: calc(0.5s * var(--timeScale));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.text-part > :nth-child(1) {
    animation-name: expand1;
}
div.text-part > :nth-child(1) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(2) { animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay)); }
div.text-part > :nth-child(3) { animation-delay: calc(0.86s * var(--timeScale) + var(--timeDelay)); }
 
div.main-class::before, div.main-class::after {
    animation-name: iconslide;
    animation-duration: calc(0.45s * var(--timeScale));
    animation-delay: calc(0.8s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 /* BOTTOM TEXT */
div.main-class > *,  div.disrupt-class > *, div.risk-class > * {
    white-space: nowrap;
    animation-name: flowIn;
    animation-duration: calc(0.42s * var(--timeScale));
    animation-delay: calc(0.75s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: backwards;
}
 
/*-----------------------------------*/
/*-----------------------------------*/
 
/* DIAMOND */
div.arrows {
    animation-name: arrowspin;
    animation-duration: calc(0.7s * var(--timeScale));
    animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.quadrants > * {
    animation-name: fade;
    animation-duration: calc(0.3s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
 
div.top-icon, div.right-icon, div.left-icon, div.bottom-icon {
    animation-name: nodegrow;
    animation-duration: calc(0.4s * var(--timeScale));
    animation-delay: calc(1.4s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.12,.41,.27,.99);
    animation-fill-mode: backwards;
}
div.diamond-part {
    clip-path: polygon( -10% 0.37%, 120% 0.37%, 120% 100%, -10% 100%);
    animation-name: diamondBorder;
    animation-duration: calc(0.8s * var(--timeScale));
    animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay));
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(.32,.38,.39,.94);
    animation-fill-mode: backwards;
    will-change: box-shadow;
}
 
/* MOBILE QUERY */
@media (max-width: 480px ) {
    .anom-bar > .bottom-box::before {
        display:none;
    }
    .anom-bar > .bottom-box {
        box-shadow: 0 -0.5rem 0 0 rgb(var(--black-monochrome, 12, 12, 12))!important;
    }
    div.top-center-box  > * {
        animation-name: bar-mobile;
        animation-duration: calc(0.9s * var(--timeScale));
    }
    div.top-center-box > :nth-child(1) { animation-delay: calc(0.1s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(2) { animation-delay: calc(0.2s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(3) { animation-delay: calc(0.3s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(4) { animation-delay: calc(0.4s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(5) { animation-delay: calc(0.5s * var(--timeScale) + var(--timeDelay)); }
    div.top-center-box > :nth-child(6) { animation-delay: calc(0.6s * var(--timeScale) + var(--timeDelay)); }
 
}
 
/*--- Motion Accessibility ---*/
@media (prefers-reduced-motion) {
    div.anom-bar-container { --timeScale: 0!important; }
}
 
/*-------------------------*/
 
@keyframes divider {
    from { max-width: 0%;  }
    to { max-width: 100%; }
}
 
@keyframes bar {
    from { max-width: 0%; }
    to { max-width: 100%; }
}
@keyframes bar-mobile {
    from { max-height: 0%; }
    to { max-height: 100%; }
}
 
@keyframes bottomup {
    from { top: 100px; }
    to { top: 0; }
}
 
@keyframes expand1 {
    from { opacity: 0; clip-path: inset(0 calc(100% - 0.75rem) 0 0); }
    to { opacity: 1; clip-path: inset(0); }
}
@keyframes iconslide {
    from { opacity: 0; transform: translateX(-5rem); }
    to { opacity: 1; transform: translateX(0); }
}
 
@keyframes expand2 {
    from { opacity: 0; width: 1%; }
    to { opacity: 1; width: calc(100% - 0.25rem); }
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
 
@keyframes flowIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
 
@keyframes arrowspin {
    from { clip-path: circle(0%); transform: rotate(135deg); }
    to { clip-path: circle(75%); transform: rotate(0deg); }
}
@keyframes nodegrow {
    from { transform: scale(0);}
    to {  transform: scale(1);}
}
@keyframes diamondBorder {
    from { box-shadow: -0.5rem -20rem 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
    to { box-shadow: -0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12)); }
}
:root {
    --posX: calc(50% - 358px - 12rem);
}
 
/*--- Footnote Auto-counter --*/
#page-content {
    counter-reset: megacount;
}
 
/*--- Footnote Superscript Number --*/
.fnnum {
    display: inline-block;
    text-indent: calc(-1% - 0.1em);
    overflow: hidden;
    line-height: 83%;
    text-decoration: none;
    font-weight: bold;
    font-style: initial;
    color: transparent;
    position: relative; top: -0.25em; font-size: 82%;
    padding: .15em calc(.21em - 0.4px) .12em calc(.11em - 1px);
    margin-left: -0.06em;
    margin-right: -0.25em;
    counter-increment: megacount;
    user-select: none;
}
.fnnum::after {
    content: "" counter(megacount);
    color: var(--fnColor, #E6283C);
}
.fnnum:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: var(--fnColor, #E6283C);
}
.fnnum:hover::after { color: white; }
 
/*--- Footnote Content Wrapper --*/
.fncon {
    position: absolute;
    right: calc(var(--posX) + 80px);
    line-height: 1.2;
    padding: 0.82rem;
    width: 10.3rem;
    background: white;
    border: 2px solid black;
    font-weight: initial;
    font-style: initial;
    text-align: initial;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s linear, right 0.3s cubic-bezier(.08,.72,.5,.94);
    z-index: 9;
}
.fnnum:hover + .fncon {
    opacity: 1;
    right: var(--posX);
}
.fncon::before {
    position: absolute;
    top: 0; left: 0;
    transform: translateX(-52%) translateY(-55%) scale(1.15);
    background-color: var(--fnColor, #E6283C);
    color: white;
    content: counter(megacount);
    font-size: initial;
    font-weight: bold;
    font-style: initial;
    padding-left: 0.32em; padding-right: 0.32em;
    padding-top: 0.18rem; padding-bottom: 0.08rem;
}
 
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
    .fncon {
        position: fixed;
        bottom: 1.3rem;
        left: calc(11% - 50px);
        width: 70%;
        transition: opacity 0.15s linear, left 0.3s cubic-bezier(.08,.72,.5,.94);
    }
    .fnnum:hover + .fncon {
        left: 11%;
     }
}

Nada de normal vivia mais aqui. Uma metrópole em ruínas se estendia sobre a poeira macia e cinzenta do solo. As rochas que costumavam constituir a fundação da Terra erodidas com o passar das eras.

Aqui reside o destino de todos os universos. Sejam eles protegidos pela Fundação até o fim dos tempos ou tomados prematuramente por uma entidade do Destino.

Os únicos habitantes endêmicos eram os imortais. Todo o resto não pertencia. Eles eram aqueles viajantes e andarilhos que usavam essa realidade como depósito ou fuga dos olhos dos intrusos.

Em uma duna despretensiosa de fuligem grossa, Júnior apareceu. Seus pés entraram alguns centímetros na poeira. Uma camada de poeira flutuando se estabelecendo alguns centímetros acima de seu tornozelo.

"Certo! Fique parado por 10 segundos. Se aquele Vigia não aparecer, então estamos seguros. Eles só me causam problemas mesmo se começam a seguir." Após os 10 segundos designados, Duchamp soltou um suspiro relaxado.

"Graças a Cristo… Sabe, Júnior, esses esquisitões são algumas das coisas mais irritantes com as quais você terá que lidar quando começar a fazer mais missões."

"Mais missões?" pensou Júnior. Ele já estava há muito cansado da perseguição incômoda em que já estava envolvido.

"Mas não se preocupe. O ladrão com certeza está aqui. Olhe em volta." Disse Duchamp enquanto voltava à sua disposição relaxada.

Júnior discernia alguns objetos de interesse. A essa altura, nada de mais o surpreenderia ou chocaria. Ele parecia estar no meio de uma grande cratera no meio de uma cidade há muito esquecida.

Ele se virou e viu uma jovem fumando um cachimbo a algumas centenas de metros dele em cima de alguns contêineres.

A mulher olhou de volta enquanto fumava, mas não fez nenhum movimento. Era um pouco difícil olhar para ela, ela exalava uma luz quente que os olhos de Júnior evitavam.

Júnior começou a se arrastar pela fuligem. À sua esquerda, uma nuvem de sedimentos subiu do chão. Ele correu em direção a ela. Sua intuição estava correta quando viu o goblin ladrão deslizando pela poeira enquanto corria em direção aos contêineres.

"Pegue o revólver. Ele mira automaticamente no que quer que você pense. Então pense no rosto dessa coisa verde ou no saco dela, ou algo assim." As instruções de Duchamp eram um pouco confusas, mas Júnior as seguiu mesmo assim e tirou o revólver rosa choque do bolso do jaleco.

Com as duas mãos abraçando o cabo, ele apontou na direção-geral da criatura. Ele começou a pensar em todos os seus encontros com ela, desde aquele estranho mundo do Velho Oeste às ruas de uma Cidade de Nova York sem a Máscara. Ele ainda se perguntava por que ela o salvara da morte.

Mas contra o melhor julgamento, ele decidiu ignorar seus sentimentos amolecidos pelo goblin. O efeito da mera exposição certamente estava influenciando Júnior, mas ele afastou esses pensamentos. Sua mente vagou para o começo do dia.

"O que estou fazendo?" Júnior pensou a princípio. Sua mente trabalhava sozinha. Durante toda esta expedição ele agiu como um fantoche de Duchamp. Seguindo suas instruções, não exercendo sua própria vontade contra as forças do goblin, Duchamp, ou qualquer um dos personagens que ele conheceu durante sua jornada.

Poderia ser assumido que disparar o revólver seria um assunto simples. Pense no que você quer matar e aperte o gatilho. Mas um fator desse objeto anômalo que Duchamp não conhecia era que segurar a arma, ironicamente, fazia o portador pensar no que ele mais queria antes de atirar. Assim, ele mataria a coisa mais desejada do usuário. Esse objeto agia de acordo com a verdadeira vontade daquele que o segurava.

Júnior, pensando em relógios, carros e outros objetos vãos de prazer, disparou o revólver. A bala disparou com uma grande explosão empurrando Júnior para o chão. Mas em vez de seguir em frente, a bala virou de direção e subiu, a bala parecia incerta para onde ir.

"Sério? Hah… qual é cara. Leva tempo para essa arma recarregar. Argh… Bem, acho que vou ter que acabar com a diversão aqui. Castro parece que está tendo alguns problemas, entende?" Duchamp continuou a resmungar em voz baixa em uma expressão de seu aborrecimento por ter que se levantar.

Alguns segundos depois, uma garça de madeira apareceu na frente de Júnior. Ela começou a se desdobrar até haver um plano de madeira que manifestou uma maçaneta de porta.

Ele se abriu para revelar Duchamp com as mesmas roupas de seu primeiro encontro — um jaleco desabotoado com uma camisa havaiana por baixo. Atrás dele havia uma sala ornamentada coberta de ouro e ornamentos envernizados, com mais de uma dúzia de mordomos idênticos curvando-se atrás dele.

Ele saiu com facilidade e colocou a mão na cabeça de Júnior.

"Sério, eu não conseguiria encontrar um assistente pior do que você." Disse ele com uma risada.

A porta se fecha atrás dele e se dissipa em nada.

Duchamp se vira e estende a mão direita. Estalando os dedos, o goblin parou. A criatura se virou de volta e correu em direção a Duchamp e Júnior.

Júnior olhava com curiosidade, mas nada mais. Ele estava apenas feliz por não ter mais que perseguir a maldita coisa.

A criatura pulou em Duchamp, correndo por todo o seu torso antes de se acomodar em seu ombro direito.

"Peruca, por favor." Pediu Duchamp com um sorriso.

O goblin enfiou a mão na bolsa e tirou a peruca de Gallagher e a colocou na mão de Duchamp. Ela desapareceu assim que tocou sua mão.

"Bom garoto!" Duchamp fez uma careta. Com a outra mão, ele agarrou a garganta da criatura. Ela suspirou e balançou seus braços e pernas tentando escapar.

Não olhe para o meu rosto por um segundo, tá?" Júnior decidiu não ouvir. Ele fingiu fechar os olhos, espiando através de uma pálpebra cautelosamente levantada para ver o que aconteceria.

Quando Duchamp baixou os óculos, Júnior sentiu uma rajada de ar passar por ele. No lugar dos olhos havia duas bocas em miniatura. Línguas compridas surgiram e começaram a lamber o goblin. Ele começou a gritar quando as línguas flexíveis começaram a arrancar pedaços de carne verde.

O ladrão não escaparia novamente.

"Você pode olhar agora," Duchamp sorriu; óculos de sol ainda no rosto. As roupas da criatura caíram no chão ao lado de seu saco. Júnior chutou sua túnica e sentiu o ricochete de osso duro.

"Espera aí. Se você podia matar o goblin quando quisesse, por que não fez isso na hora?" Júnior estava exasperado. Ele sentia raiva de Duchamp por desperdiçar seu tempo.

"Hmm… Eu não sei. Veja, eu tinha todo esse plano para mexer contigo e tals, mas Castro ficou pedindo ajuda, e então teve aquela coisa do Vigia que, a propósito, realmente mexeu comigo, então pensei em encerrar o jogo aqui. Se lembra daquele novo mascote que mencionei anteriormente? Esse era ele, mas…" Duchamp continuou a falar sem rumo. Ele esfregou a parte de trás do pescoço agindo como uma criança na frente de um pai zangado.

Júnior fechou os olhos e exalou.

"Hah… Certo, certo, eu não me importo mesmo com tudo isso. Só, posso pegar minha recompensa agora?" Fiel ao seu personagem, Júnior só se importava com seus desejos e tinha pouco interesse em intrigas maiores e complicadas do vice-diretor.

"Claro, claro. O que você queria?" Declarou Duchamp.

"Dinheiro, muito dinheiro. Eu quero o suficiente para comprar todas as coisas que eu quero." Falou Júnior com confiança. Foi a primeira vez em todo o dia que ele tinha espírito em seus olhos e convicção em sua voz.

"Isso não é problema algum." Duchamp moveu os dedos em movimentos bizarros e erráticos. Ele colocou as mãos nas de Júnior e o virou.

"Ai está!" Júnior olhou e outra garça apareceu na frente dele. Ela se desdobrou e outra porta foi criada. Ele a abriu e diante dele estava uma visão desorientante. Um mar de dinheiro até onde o olho podia ver, brilhando sob a luz de um céu dourado.

"Só me chamar quando quiser voltar. Ah! Posso pegar a arma emprestada por um segundo? Tenho que voltar para ajudar o Castro." Júnior entregou o revólver a Duchamp e, com a mente cheia de pensamentos gananciosos, ele entrou no portal do mundo de dinheiro para nunca mais ser visto.

Não por maldade de Duchamp, foi simplesmente que os fones de ouvido de Júnior quebraram com o recuo da bala e nenhum dos dois percebeu. Ele nunca conseguiu chamar Duchamp.

A porta se fechou e a moldura desapareceu. Duchamp abriu outro portal. Sem passar por ele, ele disparou o revólver com uma mão. Ele gritou:

"Da próxima vez, pare de choramingar e dê um jeito você mesmo!"

Este portal se fechou e ele abriu mais um. A porta se abriu perto do escritório do Diretor de Sítio Gallagher no Sítio-99. A peruca se materializou novamente enquanto ele passava pela porta, com a moldura dela desaparecendo atrás dele.

Seguir a bala?

A mulher sentada em cima dos contêineres testemunhou tudo o que aconteceu. Ela deu outra tragada em seu cachimbo e pulou dos contêineres.

Ao atingir o chão, seu corpo passou por diferentes aparências de uma só vez. Ela passou de uma jovem a um homem atarracado, uma criança, uma senhora, passando inclusive pelas aparências de Júnior e Duchamp. Eventualmente, ele se estabeleceu em uma forma não muito diferente da do Vigia Max.

Uma antena parabólica emergiu de sua cabeça. Uma voz do além falou com ele através do vento do vale da cratera.

"Falhou de novo, Vigia Altieri?"

"Sim," respondeu o Vigia com franqueza inesperada.

"Bem, continue tentando. Qualquer coisa além do resultado determinado é anômala." A voz começou a diminuir conforme terminava.

Vigia Altieri deu outra tragada de seu cachimbo. Ele soprou a fumaça do tabaco em um anel. Quando o anel se expandiu e passou por ele, o círculo interno piscou e uma imagem de Duchamp bebendo um coquetel em uma praia surgiu.

Vigia Altieri arrancou seu braço direito com o esquerdo e o jogou no chão. Outro braço disparou do toco do ombro

O braço decepado convulsionou erraticamente e assumiu um tom verde doentio, antes de se comprimir em uma bola irregular e flutuar diante de seu criado. A esfera começou a assumir uma forma mais definida conforme um contorno humanoide emergia dos movimentos da carne.

A pequena criatura abriu os olhos e olhou para Altieri.

"Siga qualquer coisa que esse homem disser." Disse Altieri enquanto apontava seu cachimbo para um Duchamp paralelo. Um Duchamp de uma realidade que era uma cópia quase exata daquele que acabou de sair, a única diferença sendo que esta estava atrasada cinco horas.

A criatura pulou no portal.

Ela ainda estava procurando por uma realidade em que Júnior não morresse nesta missão. Altieri não sabia por que, mas se deu ao trabalho de questionar as diretrizes.

Ele apenas estava aqui para cumprir seu trabalho como Vigia da Fundação Multiversal.

fragmentootraduzido
revisão da página: 2, última edição: 27 May 2022 10:12
Editar Avalie (0) Etiquetas Discutir (0) Histórico Arquivos Impressão Ferramentas do site + Opções
Salvo indicação em contrário, o conteúdo desta página é licenciado sob Creative Commons Attribution-ShareAlike 3.0 License