SCP-2933-1
アイテム番号: SCP-2933
オブジェクトクラス: Euclid
特別収容プロトコル: 如何なる状況でもSCP-2933-1への入場は許可されません。月1回、小型の自動化された監視ドローンをSCP-2933-1へ投入し、SCP-2933-Aの評価を行います。
説明: SCP-2933-1は巨大な塩水貯水池の内部にある、部分的に水没した鋼の建造物です。SCP-2933-1の外装および内装は非常に激しく錆び付いているか劣化しており、一部は完全に崩壊していると共に、構造的欠陥が広がっています。現在、SCP-2933-1はSCP-2933-Aを収容するために設計されたと考えられています。
SCP-2933-1の内部は迷路のように入り組み、矛盾した構造を見せています。通路の変化・移動・完全な消失が観察されています。SCP-2933-1の重度の不安定化や腐食が、この主要機能を妨げている様子は見られません。現在、SCP-2933-1の全ての通路はSCP-2933-Aに至る物であり、入り口に帰還する術は無いと考えられています。
SCP-2933-Aは、SCP-2933-1の最下層に居る正体不明のヒト型実体です。SCP-2933-Aの外観や性質については殆ど知られていません。
補遺2933.1: 転写ログ
以下の音声およびビデオログは、SCP-2933-1探査のため派遣されたD-13321により収集された。
D-13321: よっしゃ、聞こえるか?
司令部: ああ、聞こえるとも。入口が開いているから、そこへ進んでくれ。
D-13321: 油みてぇな匂いがするぞ。さては安全じゃねぇな?
司令部: 入口へ進んでくれ。
D-13321: 了解。
D-13321が、以前に現地の財団エンジニアが開いた第一アクセスポイントから、SCP-2933へ入場。
D-13321: ほとんど何も見えねぇ。暗い。
司令部: 必要なら、君のパックにライトが入っている。
D-13321: オーケイ。よし、今は見える。壁は金属だな、床が格子で、これも金属だ。見えるか?
司令部: 見える。物音は聞こえるかね?
D-13321: ああ、本当に微かにだがな。何処が音源だかはっきりしない。
司令部: D-13321、声に力が無いぞ。大丈夫かね?
D-13321: アンタは感じてないのか?
司令部: 何を感じるって?
D-13321: 何かヤバいもんが此処にはある。はっきりこれと言う事は出来ねぇんだが、間違いなくある。予感みてぇな感覚が、壁ん中に組み込まれてるような感じだよ。
司令部: 君は、以前の割当では何ら問題を表明しな-
D-13321: それは他の割当じゃ、俺はヤバい状況から抜け出せるといつも感じてたからだ。今回は何かが違うんだよ。
司令部: 承知した。先へ進んでくれ。
D-13321は主廊下を下っていく。通信はSCP-2933-1の構造に妨げられているが、D-13321は困窮する様子を見せない。
D-13321: さっき聞いた音の話をしたっけか? 俺は、あれは金属と金属が触れ合う音だと思う。何かを砥いでるのか、削ってるのかだ。
司令部: もっと具体的に説明してもらえるかね?
D-13321: うまく言えないんだよ、此処の反響音はマジで酷いんだ。でも、連続した音なんじゃないか? 単に俺がそう思ってるだけかもしれんがな。
司令部: 成程。D-13321、通信が途切れつつある。出来るだけ早く地上に帰還してくれ。
D-13321: 暫くそうしてる。此処から抜け出す方法は無いと思うぜ。スタートに向かって下ってきた廊下は行き止まりだったし、上の階に向かう階段もない。下っていく道しかない。肌も剥がれ始めてるんだ。触ると錆びてて、金属質で、はらはら零れてきやがる。
司令部: 大丈夫か?
D-13321: ああ。この仕事をしばらく続けてきたんだ、大将。これまで十分長い間、運に恵まれてきたが、とうとう俺の番が来たってだけさ。音声とカメラはオンラインで残しとく。
司令部: ありがとう。済まない。
D-13321: アンタが謝ることじゃない、こういう事になっただけだ。ただ伝えてくれないか、[余分な会話データは消去されました]
D-13321は下降し続けている。モニターは、気温の上昇と、空気中に高濃度のガス状汚染物質があることを示している。さらに1時間後、D-13321は息を吐くために立ち止まる。司令部は最早D-13321と通信できないが、音声を受信し続けている。
D-13321: クソッたれ、暑いぞ。何かを砥ぐ音も聞こえる、どこか俺の下の方だ。金属と金属。さっきも言ったが、この音は大きくなって来てる。俺の肌も今やボロボロだ。そこら中から錆が落ちてて、酷い火傷がある。顔にまで広がり始めてるんだ。
D-13321: あの音はもう、金属同士の音だとは思わない。何か他の物がそこにある。正しい響きじゃない。
D-13321: 今は、長い通路にいる。この部屋はデカいな。音はやっと聞こえる程度だ、かなりうるさい。例の同じ忌々しい音だ。
D-13321: マジかよ。
何かの動く音。
D-13321: 人がいるぞ。
別の音声がD-13321のマイクに拾われる。声は聞き取れるが、著しく歪み、金属質である。
SCP-2933-A: や-やぁ! 私は ― (SCP-2933-Aの叫び) ― いや、その、取り乱して済まないね。
D-13321: アンタ、何者だ?
SCP-2933-A: 私? 私の名はミスター・えがお ― (SCP-2933-Aの呻き声と、大きく金属質な音がマイクに拾われる) ― 失礼、ただ、ど-どこもかしこも痛むもんでね、酷いもんだ、ええ? そう、ミスター・えがおだよ。ほら、この、この私の足に書いてあるだろう?
D-13321: 書いて ― (D-13321の咳) ― 書いてあるな。“ザ・ファク-
SCP-2933-A: あ、ちょ-ちょっと待ってくれ。
SCP-2933-Aが自身の足から錆を削ぎ落とす。カメラは辛うじて、SCP-2933-Aが皮膚を露出させる前に、錆に「ザ・ファクトリーの資産、ミスター・おっかない」と記されているのを映し出す。
SCP-2933-A: ほら、えー、完了だ! こ-これで大分良くなった。そうだ、ミスター・えがお! 私のことだ!
カメラはSCP-2933-Aの足に「リトル・ミスターズ®の一員、ミスター・えがお by ワンダーテインメント博士」という言葉が入れ墨されているのを映し出す。
D-13321: アンタはこんな所で何をしてるんだ? 此処は一体何だ?
SCP-2933-A: 父が私のために此処を建ててくれたのだよ。彼はわ-私に ― (SCP-2933-Aは再び悲鳴を上げ、鈍い金属質の唸りがマイクに拾われる) ― 済まない、彼は私に、此処なら…私を安全に守れるだろうと言ってくれたんだ。それとも、私から皆を安全に守れるだろう、だったかな? 私には…今では思い出せない。何もかもがひ-酷く痛む。しかし大丈夫さ!
D-13321: 何だって?
SCP-2933-A: 父はね、私に言ったんだ、おっと、嗚呼、済まない、私 ― (金属を引き裂くような叫び) ― か-彼は、仕事を終えたら私の所に、も-戻ってきてくれると。父は何かのために私が必要で、私は…できる限り最高のむ-息子でありたかったんだ。
D-13321: 待て、ちょっと待ってくれ。何かのためにアンタが必要ってのはどういう意味だ? アンタは何のために必要だったんだ?
SCP-2933-A: (唸り声) ああ、実はね、父はひ-酷い病気だった。彼の中に錆が広がっていたんだ。それで父は私にや-約束してくれた、私がこの錆を彼から引き受けてくれたなら (数秒の沈黙) 彼は皆を笑顔にしてくれると! それが重要だったんだ、皆が…笑顔になるというのが!
D-13321: 待てよ、じゃあどうして、そいつはアンタをこんな所に放り込むんだ?
SCP-2933-A: わ-私に錆を移した後にね、父は…そう、父は恐ろしくなったんだろうね。本当に…彼が…彼を本当に怖がらせてしまう何かが錆にはあったんだ。父はもう私のこ-ことを見たくもなかった。でもそれで良いんだ! 私は完全に理解できているから。 (唸り声)
D-13321: どのぐらい前のことだ?
SCP-2933-A: ああ、ええと、しばらく前かな。正直なところ、これほど酷く痛むとはよ-予想していなかったよ。しかし…私の父は今まさに、外で人々を笑顔にしている、そしていつの日かすぐに私のために戻って来てくれる、私たちはまた一緒になれるんだ。ただ待てばいいんだ! (SCP-2933-Aは著しく顔を顰める)
D-13321: そうか。なぁ、アンタならこいつをどうできるか分かるんじゃねぇかな。
D-13321は腕をかざす。完全に鉄錆に覆われ、幾つかの大きな部位が欠落している。
SCP-2933-A: あぁ、ダメだよ、それに対してできることはな-何もないんだよ。痛みはそこからますますあ-悪化していくばかりだ。君の中に錆が入ってしまったが最後、そいつは広がって…広がっていく。後に何も残らなくなるまで。ただ油と、煙と、錆だけが残るまで。
D-13321: そうか、ありがとな。(溜息と咳) アンタ、煙草はやるかい?
SCP-2933-A: いや、私は吸わないよ。私のし-真珠のような白い歯に何かあってはい-いけないからね! なにしろ私はミスター・え ― (呻き声) ― えがおなんだから!
D-13321: やっぱりな。
SCP-2933-A: き-君は…体の中に錆を感じるかね?
D-13321: ああ、確かに感じるよ。
[記録終了 ― 通信途絶]
補遺2933.2: 回収された文書
以下の文書は自動化されたドローンによってSCP-2933-Aの近くで観察された。
ワーオ! ワンダーテインメント博士限定版コレクションのリトル・ミスターを見つけたね!
ぜんぶ見つけてミスター・コレクターになっちゃおう!
01. ミスター・カメレオン
02. ミスター・くびなし
03. ミスター・おわらい
04. ミスター・わすれっぽい
05. ミスター・シャピー
06. ミスター・せっけん
07. ミスター・はらぺこ
08. ミスター・しんちゅう
09. ミスター・あつあつ
10. ミズ・あまあま
11. ミスター・いのち と ミスター・し
12. ミスター・おさかな
13. ミスター・ムーン
14. ミスター・レッド (製造中止)
15. ミスター・おかね
16. ミスター・まいご
17. ミスター・うそっぱち
18. ミスター・いかれ
19. ミスター・おっかない ✔
20. ミスター・しましま
補遺2933.3: 遠隔観測
複数回の探査の試みが失敗した後、SCP-2933-Aを観察するために、遠隔操作ドローンがSCP-2933-1へ投入された。ドローンは喪失するまでの3時間、司令部との通信を維持した。以下は、明瞭さを最大限にするべく編集された集音音声からの抜粋である。
本ページを引用する際の表記:
「SCP-2933」著作権者: djkaktus 出典: SCP財団Wiki http://scp-jp.wikidot.com/scp-2933 ライセンス: CC BY-SA 3.0
このコンポーネントの使用方法については、ライセンスボックス を参照してください。ライセンスについては、ライセンスガイド を参照してください。
ファイル名: scary1.jpg
名前: abandoned-ocean-rusty-sea-ship-1844870
著作者: Pexels
ライセンス: CC0
ソース: Link
補足: pixabayに2018年12月以前に投稿されていた画像には、当時CC0ライセンスが付与されていました。CC0ライセンスが取消不可であるため、ここでは当該画像をCC0ライセンスとして扱っています。
:root { /* header measurements */ --header-height-on-desktop: 10rem; --header-height-on-mobile: 10rem; --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem); --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem); --logo-image: url("https://scp-jp.github.io/Black-Highlighter/img/logo.svg"); } #header { --search-textbox-text-color: var(--swatch-secondary-color); background: none; } #header::before { content: " "; position: absolute; width: 100%; height: 100%; left: 0; top: 0.75rem; background-image: var(--logo-image); background-repeat: no-repeat; background-position: center 0; background-size: auto calc(var(--header-height-on-desktop) - 1.5rem); opacity: 0.8; pointer-events: none; } #header h1, #header h2 { margin: 0; padding: 0; width: 100%; height: var(--header-height-on-desktop); display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } #header h1 a, #header h1 a::before, #header h2 span, #header h2 span::before { margin: 0; padding: 0; z-index: 0; display: block; text-align: center; } #header h1 { z-index: 1; } #header h1 a::before, #header h1 a::after { content: var(--header-title); } #header h1 a::before { color: rgb(var(--swatch-text-tertiary-color)); z-index: -1; -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark)); } #header h1 a::after { color: rgb(var(--swatch-headerh1-color)); z-index: 1; } #header h2 { z-index: 0; text-transform: uppercase; pointer-events: none; } #header h2 span { margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/1.6 - 2em); } #header h2 span::before, #header h2 span::after { --wght: 600; content: var(--header-subtitle); position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; text-align: center; } #header h2 span::before { -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark)); } #header h2 span::after { color: rgb(var(--swatch-headerh2-color)); z-index: 1; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { color: rgba(0, 0, 0, 0); } @media (min-width: 36rem) { #login-status { flex-grow: 1; left: 3%; right: initial; } #login-status::before { --mask-image: none; background-color: transparent; } #login-status:not(:focus-within) { color: rgb(var(--login-line-divider-color)); -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } #login-status #account-topbutton, #login-status:not(:focus-within) #account-topbutton { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--login-arrow-color), 0); } #login-status #account-topbutton::before{ --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--login-arrow-color), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton::before, #login-status:not(:focus-within) #account-topbutton:hover::before { --clip-path: polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% ); --mask-image: initial; } #login-status:not(:focus-within) #account-topbutton::after { display: none; } #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); pointer-events: all; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) { opacity: 1; } #login-status #my-account { --wght: 300; } #account-options { background: var(--gradient-header); } #search-top-box { top: 1.5em; right: 3%; background: rgba(var(--search-focus-textbox-bg-color), 0.4); } #search-top-box:focus-within ~ #login-status { opacity: 1; } #search-top-box::after { transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } #search-top-box:not(:focus-within)::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0% 100% ); background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } #search-top-box:not(:focus-within):hover::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgb(var(--search-icon-hover-bg-color)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) { max-width: var(--search-width); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { max-width: var(--search-width); padding: 0 var(--search-height) 0 1em; outline-width: 0; background-color: rgb(var(--search-focus-textbox-bg-color), 0.35); color: rgba(var(--search-textbox-text-color), 0.4); cursor: pointer; } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"], #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] { pointer-events: all; border: none; } } #page-title::after, .meta-title::after, #page-title::before, .meta-title::before { content: ""; flex-grow: 1; height: 0.0625rem; background: rgb(var(--swatch-primary)); } #page-title::before, .meta-title::before { margin: auto 1.25rem auto auto; }
@supports(display: grid) { :root { --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19); --body-width-on-desktop: 45.75rem; } @media only screen and (min-width: 769px) { #side-bar .close-menu { display: block; position: fixed; top: unset; bottom: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; background: unset; opacity: 1; pointer-events: all; z-index: -1; } #side-bar .close-menu img { color: transparent; } #side-bar .close-menu::before, #side-bar .close-menu::after { content: ""; box-sizing: border-box; position: fixed; display: block; top: unset; bottom: 0.5rem; left: 0.5rem; width: 3rem; height: 3rem; padding: 0; margin: 0; text-align: center; pointer-events: all; cursor: pointer; transition: opacity var(--sidebar-transition-timing); } #side-bar .close-menu::before { --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E"); z-index: -1; background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 60%; mask-size: 60%; } #side-bar .close-menu::after { z-index: -2; background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important; border-radius: var(--toggle-roundness, 50%); border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid; } #side-bar:focus-within .close-menu, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu { pointer-events: none; } #side-bar:focus-within .close-menu::before, #side-bar:focus-within .close-menu::after { opacity: 0; pointer-events: none; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before, #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after { opacity: 0; pointer-events: none; } #side-bar { display: block; position: fixed; top: 0; left: calc(var(--sidebar-width-on-desktop)*-1); z-index: 10; transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; height: 100%; overflow-y: auto; overflow-x: hidden; margin-top: 0; } #side-bar:focus-within { left: 0; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover { left: 0; } #side-bar .side-block { margin-top: 1rem; background-color: rgb(0, 0, 0, 0); border-radius: 0; border-left-width: 0px; border-right-width: 0px; } #main-content::before { content: ""; display: block; position: fixed; top: 0; right: 0; z-index: -1; opacity: 0; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; margin-left: var(--sidebar-width-on-desktop); background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat; padding-right: 0; width: 100%; height: 100vh; pointer-events: none; z-index: 99; } #side-bar:focus-within ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar { padding: inherit; } } #content-wrap { display: flex; flex-direction: row; width: calc(100vw - (100vw - 100%)); min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem))); flex-grow: 2; height: auto; position: relative; margin: 0 auto; max-width: inherit; } #main-content { width: 100%; position: initial; max-height: 100%; padding: 2rem 1rem; max-width: var(--body-width-on-desktop, 45.75rem); margin: 0 auto; } #page-content { max-width: min(90vw, var(--body-width-on-desktop, 45.75rem)); } @supports (-webkit-hyphens:none) { #side-bar { transition: left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; padding-right: 0; background-color: rgb(0, 0, 0, 0); pointer-events: all; overflow-x: visible; overflow-y: visible; z-index: 999; } #side-bar::-webkit-scrollbar { opacity: 0; -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms; } #side-bar .close-menu::before { z-index: 999; } #side-bar .close-menu::after { z-index: 998; } #side-bar:hover .close-menu::before, #side-bar:hover .close-menu::after { opacity: 0; } #side-bar:hover { left: 0; background-color: rgba(var(--swatch-menubg-color), 1); padding-right: 0; } #side-bar:hover::-webkit-scrollbar { opacity: 1; } #side-bar:hover~#main-content::before { width: calc(100% - var(--sidebar-width-on-desktop)); opacity: 1; pointer-events: all; } } } } }
: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)); } }






