時計はとうの昔に針を止め
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        bottom: 0.5em;
        left: 0.5em;
        z-index: 15;
        font-family: san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888 !important;
        background-color: #fff !important;
        border-radius: 3em;
        color: #888 !important;
        text-decoration: none!important;
}
 
@media (min-width: 768px) {
 
    .mobile-top-bar {
        display: block;
    }
 
    .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -25em;
        width: 17em;
        height: 100%;
        background-color: rgb(184, 134, 134);
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        -webkit-transition: left 0.5s ease-in-out 0.1s;
        -moz-transition: left 0.5s ease-in-out 0.1s;
        -ms-transition: left 0.5s ease-in-out 0.1s;
        -o-transition: left 0.5s ease-in-out 0.1s;
        transition: left 0.5s ease-in-out 0.1s;
    }
 
    #side-bar:after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
 
    }
 
    #side-bar:target {
        display: block;
        left: 0;
        width: 17em;
        margin: 0;
        border: 1px solid #dedede;
        z-index: 10;
    }
 
    #side-bar:target + #main-content {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.3) 1px 1px repeat;
        z-index: -1;
    }
}
: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 screen and (prefers-reduced-motion: reduce) {
    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)); }
}

評価: +5+x
blank.png

The Clock Stopped Ticking Forever Ago

時計はとうの昔に針を止め

6:22。

窓が曇りはじめるのを見れば、その前兆がわかる。わずかな兆候だが、劇的な変化の訪れる初めての兆候。8日の起床から24時間、ベルの鳴る時間。

外の廊下は温度調節されているし、窓ガラスもよく掃除される。曇るようなことがあれば、何かがおかしい。システムに故障や欠陥があるのだろうし、それが始まってしまった。始まってしまった。"幽霊"を見ずとも、始まったのだとわかる。

イルゼ・レインデルスは心臓の鼓動が喉まで高まるのを、そしてここに足を踏み入れた日のそれと同じ速さまで落ちるのを感じる。上昇、落下、上昇、落下、上昇、落下——急な開始と停止に、胸が動悸を起こすように感じる。不規則な息切れに、もはや酸素を消費しすらしない肺から呼気がぎこちなく漏れる。

彼女には、自分がふらふらと歩いて自らを焼却炉の配管と壁との間に押し込んでしまいたいのか、それともまるでそうすれば不愉快な曇りが、嵐の前の静けさが晴れるかというように、ガラス窓に身体を押し当ててしまいたいのか分からない。

6:23。

レインデルスは息を切らし、倒れそうになりながら、なめらかな壁に手を当ててもたれかかると、そのまま地面までずり落ちる。彼女は壁にもたれて横になり、目をぎゅっと閉じる。心臓の鼓動は上昇と落下を繰り返す。他には何も聞こえず、時間を失った焼却炉からは音すら出てくることを許されなかった。彼女の耳には不快な虚無の脈動しか残らない。存在しない空気を求める喘ぎと、おそろしく耳障りな鼓動を除けば。

そしてその両方が、どんな沈黙よりも耳をつんざくのだ。

彼女は腕に爪を食い込ませ、爪の下で肌が痛々しく裂けるのと、血の温かさが指先でかすかに感じられる。数分もすれば塞がるだろう。血は腕を遡って血管に、鼓動の乱高下へと戻る。上昇、落下、上昇、落下。

「どうして早くお終いにできないの?」彼女はひび割れた声で叫ぶ。「こんな……こんな、ずっと待ってるなんて。焦らされるだけなんて、無理よ……」返答はない。四方の壁は、古い石膏と配管に反響する歎願には耳を貸さず、いつも通り無関心を決め込んでいる。虚空に向かって話しかけるのにもすっかり慣れてしまったが、他にすることでもあるというのだろうか?

時計は内側にはないし、もしあったとして意味なんかない。レインデルスは腕から顔をあげ、窓の方を見る。まだ曇っている。始まろうとしている。

6:24。

レインデルスはぎこちなく立ち上がり、窓へ足を引きずって歩く。廊下は空っぽで、"幽霊"もなく、人もなく、獣もいない。彼女はガラス窓に寄りかかる。部屋内の狂気的なまでの適温と比べると、冷たく感じられる。

6:25。

少しの間、彼女はガラス窓に体を押し当てて立っている。永遠の生命線に。曇った窓越しに、備え付けられた時計が見える。レインデルスの目は針を追い、赤い秒針が古めかしいローマ数字の上を動く。

6:26。

ああ。

近い。恐ろしく、じれったい程に近い。

レインデルスは、ふと気が付くとただ秒針をその目で追っていた。今、他に見つめるべき物もない。廊下も、集まり始めた"幽霊"たちも、曇った窓も、ガラス窓に反射するやつれた顔も、違う。

6:27。

本当は彼女の声を拾うためのスピーカーが、静かにブウンと低く雑音を立てるのがかすかに聞こえる。彼女はその音に集中し、意識は周波数のどんな小さな下落の違和感をも見逃すまいとしている。短調なトーンの微細な変化のひとつひとつに、レインデルスの神経は張りつめる。まるで来るはずのない一撃に備えるかのように。

6:28。

息はしていない。それは問題にはならない。それでも肺は窮屈になる。あの細く赤い線が時計の面をなぞり、彼女は目をそらす。レインデルスは額を窓に押し当てる。目を閉じるべきだろうか?それで何かが起こるのか?そんなことがあり得るのだろうか?

廊下の先から、音がした。

6:29。

頭を上げる。

靴が落ちる。

この世界が、何度も、何度も、何度も——弾け、崩れ、再構築されるように感じる。世界線が分岐する感覚に身構えることも、その衝撃に慣れることもできない。彼女の足はその場に崩れ落ち、ガラス窓に押し当てた手と頭で何とか立っている。

吐き気が波のように押し寄せる。瞳の奥で脈打ち、悶え、蠢くような感覚。何かが暴れ、叫んでいるような。レインデルスは思い切って目を開けると、さらに吐き気が悪化する――廊下の壁は万華鏡のような極彩色と無数の模様、頭をつんざくフラクタルに覆われ、それらは一瞬現れてはまた消えていく。ごく普通のコンクリートと、散らかった落書きのような何かの間を行き来する。

ガラス窓にも散らかっている。廊下には誰かいる。どちらの廊下にいるのかは分からない。いや。違う。模様のある方の廊下に。壁に塗っている。狂人のように、ひび割れた笑い声を上げている。ガラス窓にも落書きはある。いや、違う、そこに落書きなんか、違う綺麗だ曇ってる模様に覆われて壁が光の錯覚で壁にクソ認識災害が――

バキッ。


自分でもどうしてそんな事をしたのかは分からない。彼女はそんな癖がつきつつあるのが気に入らなかった。レインデルスは鼻から血が滴り落ちるのを感じ、それが自然に消えやしないかのように手を伸ばして拭おうとする。血はどこに行ったの?ここ?そこ?ここが何処でそこが何処?両方?どれだけ?いちに、いちに、いちに、、いち、に。2。二か所。ガラス窓に小さな赤いしみがある。ガラス窓に小さな血のしみがある。彼女のだ。彼女の血だ。彼女はガラス窓に頭を打ち付けたのだ。そんな癖がつきつつあるのが気に入らなかった。

レインデルスは苦しそうに息を吐き、痛々しく、狂気じみた感じの音が鳴る。落書きの廊下にいる人物は動きを止めるが、塗るのを止めはしない。今は灰色の廊下にも人がいる。彼女を見ている。彼女は見ない。彼女は"幽霊"を見て見ぬふりをし、壁の模様を見る。痛々しい。気分が悪くなる。もし嘔吐してしまえばどうなるのだろうと思った。そうなれば逆流するのだろうか?本当に首を登り、喉を戻っていくのだろうか?

イルゼ・レインデルスはガラス窓から身を引く。再び頭蓋を叩きつけそうになるも、思いとどまる。まだ血が顔を滴るのが分かる。焼却炉のよどんだ空気が一瞬、湿った鉄の臭いに濁る。

"幽霊"はまだそこにいる。落書きの幽霊と灰色の幽霊。落書きの幽霊は彼女の存在に気づきもせず、気にも留めてない。なぜ気にしようというのか?彼らにしてみれば、彼女は何時間、何日、何週間も悲痛の叫びを上げ続けているように見えるはずだ。彼らは壁を何度も何度も塗りたくり続けていて、模様や色彩、パターンを何重にも重ねている。彼女にはどこに落書きがあるのかも分からない。

灰色の幽霊。灰色の廊下の幽霊。彼女を見つめている。いち――に?さん?ご?違う、2。二人だ。落書きの幽霊が3人目だけど灰色の廊下にいるわけじゃない落書きの廊下にいるだから2人、二人いる

レインデルスは話しかけられているのがわかる。彼女の感情の爆発が二人を呼び寄せたのだ。顔は認識できないが、視界は様々なものの間で揺れ回り、顔があるのかすらわからない。ガラス窓を通じて彼らの声の振動を感じるが、言葉はまるで排水溝を流れる水のように彼女の耳をすべり落ちていく。

「ごめんなさい、」 彼女はガラス窓に囁く。「今は無理よ。どうしようもないの、」焼却炉の女は言葉がつかえる。ガラスの奥の灰色の幽霊が何かを返す。心配げに?悲しげに?困って?何かが違う。彼女は何が違うか知っている。彼らには分からず――でも、ほとんどの人には分からない。

彼女はただ、ガラス窓の向こうに手を伸ばし、そこの誰かにしがみ付いて、地に足を付けたいだけなのだ。人の温もりを感じたいのにここには空虚があるだけでガラスと落書きと幽霊と焼却炉の私だけ。外の人々に彼女を助け出すことはできない、そうしたくとも。

彼女がいるだけ。狂気に抗う彼女がいるだけ。彼女と狂気とが、見当もつかない長きにわたって。いや、違う、彼女はその期間を知っている。一年、一年後には時間は崩壊し、凝縮され、視界は一つに戻る。一年。彼女は耐え抜ける。耐え抜くしかない。

現実が端からほつれていくように思え、散り散りの中残るのは彼女だけ。これが何回目?いち、いちに。いち、に。さん。ご。よん。これは四回目。五回目はあるの?六回目は?そんなの私にどうにかできるの?現実が耐え切れるの?

一年。あと一年。過去数十年間のどれよりも長く感じられる一年。

「どうか治して、」 レインデルスはしわがれた声で囁く。もしかすると他のことも口にしていたかもしれない――意識が時間からも空間からも飛んで。灰色の幽霊は困惑する、彼女はそれらに話しかけたのではなく、落書きの幽霊は見向きもしない、彼女はそれらに話しかけたのでもない。

「これ以上どれだけ耐えられるか分からないの。」

特に指定がない限り、このサイトのすべてのコンテンツはクリエイティブ・コモンズ 表示 - 継承3.0ライセンス の元で利用可能です。