OCT All Stars to the Rescure!
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .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: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
 
     #top-bar .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
}
 
@supports selector(:focus-within) {
 
@media (min-width: 768px) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
        z-index: -1;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
}
 
}
: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)); }
}
: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%;
     }
}

rating: +21+x
IMG%201

Part 1
Epilogue1

Darkness…
All I see is endless darkness…

My mind holds no thought. They all flutter around me like butterflies, if said butterflies were on fire and screeching for help. Darn do I hate butterflies.
The one thought that sticks on my mind is-

Am I blind? Or are my eyes merely closed?
Have I forever lost the joy of watching those fucking butterflies go up in flames?

I try to open my eyes but I feel…. nothing. No change. No entropy.
Am I still a living being, or am I a fading memory of a long lost time.2

Then I see it, the one exception.

It's bright.
And I see it.
And I remember.

Through the white hole in the dark endless void shines a dim light. It illuminates my limp body.
The hole is small.
Then even smaller.
Am I falling?

I am falling.
If there's wind caressing my skin I do not feel it, but I'm falling.
Twisting and turning through the air like a ragdoll in a hurricane. For moments I see the celestial rays of light drawing farther. For moments I see void.
For moments I see my goddam massive scythe twirling besides me.3

I am dead.
If my stone solid lips could crack, I'd smile.

This is the end of my existence, my edgy edgy existence.
A part of me fills with unbridled vitriolic anger, which I'm no stranger to.

I lost.
Me, Willow Deadwood Moriarty, Lost.
And to a fucking pastel fantasy cat girl.
4

But for the most part I feel joy. More joy than I have ever felt.

It's over, and I accept that.
I’m ready to be forgotten.

The dark hair waving violently in front of my eyes reminds me that I, in fact, have eyes. And hair.
Swirls of colorful streaks churn and meld into a tie die lunacy. And my eyes, one yellow one purple, can only watch. It matters not to me. Not anymore.

My broken wings, which I also have, offer no resistance. Neither do my ragged clothes, or the chains adorning my body all over.
I always found all these things to be an odd design choice, but was my word ever of value anyways?

And then the light reveals my final destination.

Floor…
People…

Floor made of people?

Yes.

IMG%202

5

Hundreds. Thousands. Millions. Stacked on top of each other like dunes of the great sahara.
The spinning of my perception blurs everything into a single mess of cat ears, robotic limbs , crystal swords and many, many more features. All of man’s delirium and madness mixed in a single location of pure sin.
Truly some… questionable choices.

But now I am to join them, the forgotten. And I am to rest.
Finally rest. Finally, no more suffering.

A familiar voice echoes through every corner of the endless desert. Or so I think. If it's inside or outside my head I'm not sure.

“My poor bean noooooo T-T. They didn't deserve this. Your entry was so good tho SweetMoonKid44. You totally deserve the win. Can't wait to see what you do next round. GG.”

I am too tired to feel anger. I'm almost there.
A pair of horns stabs me in the kidney as I join the pile.
And I feel nothing.


Part 2
Heaven6

Has it been decades? centuries?
Eons?7

For some reason it bothers me not.

I’ve been at peace for so long, and I'm happy.
My colors vanished long ago, and I am one with the endless gray. The contrast of dim lights and shadows allows some features to peek through in the distance. Nose? Hand? Beak?
Ask not for it matters no more. We're all just geometry now. Lying limp one on top of the other. Lines, shapes. Strokes of ink on some old sketchbook.

And I’m happy.

I’m happy that I don't have to think anymore. Time washes over me without leaving any marks, not anymore. The only moments of consciousness I have to endure are when yet another hole rips the fabric of the endless void. The one I stare at for eternity.

For a moment I am me, I am back. And I feel anger. The spotlight on my expression wont let me lie.

That’s when someone else drops through the sky until they meet the stone cold floor. The hole then heals itself, and back to happiness it is.

I see them, sometimes they come alone, sometimes in waves.
Robed mages with scarfs of green, blue, yellow and red.
Skinny boys in suits with handsome smiles, always similar but not quite the same.
A green pony with a weed leaf sticker on its ass.
8

Down here they are all the same.
God bless this heaven we reside in.

I stare at my new neighbor approaching from above, his single glowing blue eye burning against the dark like a flare of some poor soul asking for rescue. It's dimmer, dimmer, gone.
The spotlight is also dimming once again, slumber time it is.

IMG%203

Part 3
Change9

Back at it we are. Light reflects off my eyes as I stare towards the end of the universe. But they are not my eyes, at least not how I remember them. A pair of modest blue irises locked towards the sky.

I am no longer the one I used to be.
My name, I swear it was different.
My wings, I cannot see them.
My heart, it softens.

And I don't feel anger. Nostalgia at best, about who I used to be. About who I needed to first be in order to become who I now am.

The lights, they keep coming. But they’re not always the same. Sometimes no body drops in. Sometimes they just shine on us, and we change. We are remembered, even if it's for only a second, and we change.

Sometimes someone is sucked back into the sky like a wet paper ball off a bully’s blowgun.10
And back they go, into the world of the living. Their fate not yet fulfilled, their purpose still to be known.

I’ve been lifted by the light a couple of times, as if about to be remembered by my cruel god. I suppose I'm not worth the effort as it drops me before I am brought back to that old world. And I’m okay with that.

It's not only us who change. The old world, their world, is too.
The voices, the whispers, they keep coming. I Hadn't cared to perceive them before, until now that my soul has turned sweeter.

They speak about changes.
About boats or… ships?
About morality and punishment.
About wars and migrations in the land of… something with T.

I hear, but not listen to their black and black and white words. I am one with the grey.
I bet there's some value in their dissertations, but at the end of the day I’m still who I was. I've changed, but I'm still me.

I still dont really give a fuck.

They can change the skin I wear, and they can change the mind that inhabits said skin. They can give me the life I always wanted, the one I deserved.

But I still won't be grateful, as they cannot change my soul.
Deep deep deep inside my soul
I still like to watch the butterflies burn.11

IMG%205

Part 4
Awakening12

The last few days have been different in this, my personal oasis. The lights, they keep shining. The whispers, they keep vibrating.
But above all, a voice.
The voice.
I hear it.13

It says it misses me, that I deserved better.
It chirps and chats with its fellow voices, many agree.
They agree.

They are bringing us back, one last time.
That's what they say, that’s what they claim.
“OCT all stars” they exclaim in excitement.14
Their words make my soul rott.

The light shines, and I am ready.
As my fingers start twitching and my blood starts pumping, I make sure to grab my trusty old friend.
I shall rescue them from their own wickedness.

IMG%206

Part 5
GG Motheruckers15

Miranda was a nice kid. She studied. She grew. And she created.

Her passion was with the colors, the brushes, and the empty canvases. Always offering endless possibilities. And she loved it.

From white void sprung life. People.
Each with their own thoughts, feelings and aspirations.
Like puppets she guided them, gave them purpose, gave them love.

And sometimes she made them suffer.

Yet one held a special place in her heart. Willow Deadwood Moriarty. Her first child.

How could she ever forget her first child.
She never did, she always kept Willow within her thoughts. Miranda was too ashamed to bring her back, but she loved her. Loved her enough to keep her around even if it was for short moments.

Miranda updated her, made her better. At least thats how Miranda felt.
Several times she almost brought her back for a full story, a new one more fitting for her first child. Dying to a catgirl was still kind of embarrassing.16

Her friends felt the same way. Miranda had met many wonderful people back all those years. And they all felt the same way. They all missed us.
One day one of them had an idea.

They were all almost off to college, it was their last chance to do something like this.
OCT All Stars to the rescure. They found the typo funni. Some of them did.

And Miranda, she knew exactly who she would bring back.

Blood stains the floor, the bed, the window. Outside, a single17 butterfly looks at the abstract red blobs on the glass as it drinks the nectar from the flowers in the garden. It does not think.

Inside, Miranda was only able to lay a couple strokes in her drawing tablet.
Before they took life of their own.
Before they danced like leaves on the wind.
Before they jumped from the screen.

Maybe there was a lesson to be learned, maybe not.18

Miranda looks upwards towards the sky. A single light illuminates her room. Her very, very red room.
Upon the chair in her desk she sees it. A broken screen, and springing from it, the goddam massive scythe. Its blade rests upon the stump of her neck.
And Miranda slumbers.19

IMG%207
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License