Echoes of the Flesh - User contributions [en]

Echoes of the Flesh:Access levels

2026-05-27T19:23:30Z

DivošiRunner: Document HR delegation to Solomonari and CotRH groups

This page summarizes how access works on the [https://sarkic-cults.group Sarkic Cults Wiki]. For the exact live rights list, see [[Special:ListGroupRights]].

== Access model ==
The wiki is publicly readable, but editing is split by role, by namespace protection, and in some cases by page-level protection.

=== Public reading ===
Everyone, including visitors who are not logged in, can read the wiki and [[Special:CreateAccount|create an account]].

=== Discussion and personal space ===
Logged-in users can edit talk pages, manage their account settings, maintain watchlists, and edit their own user CSS/JS/JSON pages.

=== Content namespaces ===
The main content areas of the wiki require the <code>content-edit</code> right. In practice, this means [[#Verified members|verified members]] and above can edit most wiki content, while ordinary registered accounts cannot.

Protected content areas currently include:
* Main namespace
* Project namespace
* File namespace
* Help namespace
* Category namespace

=== Special protected areas ===
Some parts of the wiki use higher trust levels:
* Template and Form pages require the <code>template-edit</code> right.
* MediaWiki interface pages and site/user CSS, JS, and JSON require <code>editinterface</code>.
* The custom Solomonari namespace requires the <code>solomonari</code> right.
* The custom CotRH namespace requires the <code>cotrh</code> right.
* Some individually protected pages may also require the <code>solomonari_hr</code> or <code>cotrh_hr</code> rights.

== Group summary ==
=== Unregistered members ===
Unregistered visitors can read the wiki and create an account. They cannot edit pages or upload files.

=== Registered members ===
Registered members can:
* Edit talk pages and other non-protected discussion/personal-space pages
* Mark minor edits
* Manage preferences, private account information, and watchlists
* Edit their own user CSS, JS, and JSON pages
* Send email through the wiki when enabled

Registered members cannot:
* Edit protected content namespaces
* Create regular content pages
* Upload or reupload files
* Move pages or files

=== Verified members ===
Verified members are trusted contributors who have been approved by staff. They can:
* Edit the wiki's protected content namespaces
* Create content pages
* Upload and reupload local files
* Move pages and files
* Edit semiprotected pages
* Purge pages

This is the normal contributor role for members who are actively helping with the wiki.

=== Solomonari ===
Solomonari is a separate access flag for the custom Solomonari namespace. It is assigned where needed and does not replace the normal contributor/staff ladder by itself.

=== CotRH ===
CotRH is a separate access flag for the custom CotRH namespace. It is assigned where needed and does not replace the normal contributor/staff ladder by itself.

=== Solomonari_HR ===
Solomonari_HR is a separate page-protection access flag. It is intended for individually protected high-restriction pages and does not, by itself, grant the normal contributor or staff permissions ladder. It can, however, grant and remove the <code>solomonari</code> group.

=== CotRH_HR ===
CotRH_HR is a separate page-protection access flag. It is intended for individually protected high-restriction pages and does not, by itself, grant the normal contributor or staff permissions ladder. It can, however, grant and remove the <code>cotrh</code> group.

=== Moderators ===
Moderators have all verified member permissions, plus day-to-day workflow and trust-management tools. They can:
* Patrol and autopatrol edits
* Roll back vandalism or bad edits
* Suppress redirects when moving pages
* Bypass CAPTCHA where needed
* Manage certain user group assignments
* Grant and remove the <code>verified</code>, <code>solomonari</code>, <code>solomonari_hr</code>, <code>cotrh</code>, and <code>cotrh_hr</code> groups
* Use Flow moderation tools available on this wiki

Moderators are intended to handle routine content review and contributor verification, not heavy administrative maintenance.

=== Maintainers ===
Maintainers have all moderator permissions, plus broader maintenance and administrative tooling. They can:
* Protect pages and edit protected pages
* Edit templates and forms
* Edit restricted fields and selected advanced content models
* Block users
* Upload by URL and reupload shared files
* Run Cargo queries and rebuild Cargo data
* View AbuseFilter logs available to this role
* Use selected advanced extension maintenance tools
* Grant and remove the <code>moderator</code> group in addition to <code>verified</code>, <code>solomonari</code>, <code>solomonari_hr</code>, <code>cotrh</code>, and <code>cotrh_hr</code>

Maintainers are the main high-trust content and operations role on this wiki.

=== Interface administrators ===
Interface administrators can edit site interface content, including MediaWiki pages and site/user CSS, JS, and JSON. This role is restricted because interface pages can affect the whole wiki.

=== Administrators (sysop) ===
Administrators have full site administration permissions, including the custom protection rights used on this wiki. This is the highest general administration role.

=== Bureaucrats ===
Bureaucrats handle assignment of the highest-trust operational roles. On this wiki, bureaucrats can grant and remove:
* verified
* solomonari
* solomonari_hr
* cotrh
* cotrh_hr
* moderator
* maintainer
* interface-admin
* sysop

=== Bots ===
Bots are automated or semi-automated accounts with raised limits for bulk editing and maintenance work. Bot access is granted manually when appropriate.

== Practical summary ==
* Want to read the wiki: no account needed.
* Want to discuss or maintain your own account/user pages: a normal registered account is enough.
* Want to edit articles, files, and core content: you need the verified group.
* Want access to the Solomonari namespace: you need the <code>solomonari</code> group.
* Want access to the CotRH namespace: you need the <code>cotrh</code> group.
* Want access to specially page-locked high-restriction pages: you need the matching <code>solomonari_hr</code> or <code>cotrh_hr</code> group.
* Want to moderate contributors and review content workflow: moderator.
* Want to maintain templates, forms, and higher-trust wiki operations: maintainer.
* Want to edit sitewide interface code: interface administrator.

[[Category:Policies]]

CotRH:Prayers

2026-05-27T19:18:13Z

DivošiRunner: Update CotRH namespace references after page move

[[CotRH:Home|← Back to CotRH page]]

Parent page for all prayers.

== See them all below ==
{{Special:PrefixIndex/CotRH:Prayers/|stripprefix=yes|hideredirects=no}}

CotRH:Home

2026-05-27T19:18:13Z

DivošiRunner: Update CotRH namespace references after page move

The Church of the Red Harvest within Ikuunan canon are the main preachers of the Sarkic faith, acting akin to the clergy in most other faiths. This page holds their sermons, Sarkic beliefs, and prayers dedicated to Ion and the Klavigar.

----

=== '''Sermons''' ===
{{Special:PrefixIndex/CotRH:Sermons/|stripprefix=yes|hideredirects=no}}

=== '''Prayers''' ===
{{Special:PrefixIndex/CotRH:Prayers/|stripprefix=yes|hideredirects=no}}

CotRH:Sermons/Will

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Sermons/Will to CotRH:Sermons/Will without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

CotRH:Sermons/Union

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Sermons/Union to CotRH:Sermons/Union without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

= Union sermon =
A sermon based on the concept of '''Union.'''

=== Union ===
Brothers, Sisters, and visitors, let us sit today and speak of Union —
specifically the union we’ve achieved today, through the Nälkä.

In the beginning, we were split from our true nature.
We were flesh — unawakened and unaware of our place.

But now, we have become whole. United.
For our great Ozirmok, Grand Karcist Ion, has mended us together.

The Great Sorcerer-King took what was left of us
and sewed us back into one body.

Now we are one —
Mended by flesh and bone.
Bound by purpose and power.

So today, Nälkä, look to your left, your right —
we are all brothers, sisters, followers of the Grand Karcist.

We have been joined —
from scattered, unknowing pieces of a puzzle
into one great image.
From unawakened flesh to followers of truth.

But today, we speak not of the history of Union,
but of today’s unity.

The meaning of our union today is to pray.
We pray to the Klavigars, to our Ozirmok —
for many things.

But today, we pray in thanks —
for our Union.

''Written by: Korkea Shamaani, Kenan (Tommyhalm)''

CotRH:Sermons/Theophagy

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Sermons/Theophagy to CotRH:Sermons/Theophagy without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

CotRH:Sermons/Sacrifice

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Sermons/Sacrifice to CotRH:Sermons/Sacrifice without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

= Sacrifice sermon =
A sermon dedicated to how '''sacrifices''' are regarded within the Sarkic Cults

=== Sacrificie ===
Hear me, children of the flesh.

We are not bound by the chains of weakness
or the laws of a world built by cowards.

We are followers of the Nälka.
And thus, we have been born out of will,
shaped by blood and pain, and destined to rise and ascend.

Sacrifice is not loss.
Sacrifice is the price for power and greatness.

The world fears pain. It fears blood.
It worships stillness and death.
It follows the laws of the unholy.

But we know the truth.

Pain is the way.
Through suffering and loss, we become more.
Through offering, we reshape what we are and what we will be.

Our body is a blank canvas,
ready to become the masterpiece it was always meant to be.

So give. Offer. Let your flesh speak your devotion.
Carve your faith into your skin.
Tear away what is weakness,
and replace it with pure and fleshy strength.

Let your sacrifice feed your future.

Those who hold back will rot.
Those who offer and suffer will rise.

Glory to our flesh.
Glory to Ion.

''Written by: Korkea Shamaani, Magictoilet1''

CotRH:Sermons/Love

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Sermons/Love to CotRH:Sermons/Love without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

= Love sermon =
A sermon regarding '''love''' within the Sarkic Cults.

=== Love ===
In our caring cults,
it is through love that we experience our connection with our brethren at its fullest.

By loving our brothers and neighbors,
we achieve true understanding of our nature —
becoming more than just a being.

The way shown by the Grand Karcist Ion
demonstrates how we can eternally love and care for one another.

Even our Neo-unorthodox brethren would agree:
through love, we reach the fullest knowledge and understanding of life.

Let us pray, then, that we continue to nurture and build upon the foundations granted unto us.

''Written by: Joseoh''

CotRH:Sermons/Battle

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Sermons/Battle to CotRH:Sermons/Battle without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

= Battle Sermon =
A sermon meant to be recited previous to a '''battle.'''

=== Battle ===
Brothers, Sisters.

The hour of rebirth is upon us.
The profane worshipers of order stand firmly against us.

Their gods are deaf.
Their walls, brittle.
Their flesh, untouched by the gift of change.

But we are the children of Ion.
We bear his mark in flesh and bone.

We have cast off our weakness,
Destroyed the machine,
And embraced the sacred corruption that binds us to Life.

Today, we reclaim what's ours —
To destroy the tyranny of the non-believers.
To breathe again.

Brothers, feel this divine purpose in your veins, in your blood.
Show the strength of our sacred bodies.
And leave no one standing if they choose to try and stop us.

From the meat we have risen,
And our flesh we will retake.

May the blessing of Ion fall upon us all.

Now, brothers — go.

Spill.
Devour.
Ascend.

Make Ion proud.

''Written by: Korkea Shamaani, Magictoilet1''

CotRH:Sermons/Apotheosis

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Sermons/Apotheosis to CotRH:Sermons/Apotheosis without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

= Apotheosis Sermons =

Two sermons regarding '''Apotheosis''', both following the different conceptions for Neo and Proto Sarkites.

=== ''' Apotheosis (Neo)''' ===
We are not bound by the form we were born in.
We are not slaves to death, to rot, to stillness.
We are the shepherds of flesh.
Sculptors of the self, devourers of limits.

Apotheosis is not given —
It is taken, earned through growth, pain, purpose, and consumption.

Each scar is sacred.
Each mutation, a blessing.
Each theophagy, a step closer to godhood.

The world fears change. Let it cower.
We will not fear, we will become.

Not in death,
Not in prayer,
Not in devotion —
But instead out of will, the will to take.

In flesh, we rise.
In unity, we ascend.
In will, we become divine.

Lihallisesti me nousemme.
Ykseydessä me nousemme.
Tahdossa meistä tulee jumalallisia.

''Vita Aeternum. Godhood awaits.''

''Written by: Korkea Shamaani, Magictoilet1''

=== Apotheosis (Proto) ===
Brothers, Sisters, and visitors, let us sit today and talk of becoming — specifically the becoming of a god, the reaching of Ikuun, Apotheosis.

Before our Ozirmok, or the Klavigars, or what we are today, we were simple, unawakened — flesh and bone.
We wandered, aimlessly, searching for purpose — anything to find on this planet — but we had no idea of the truth.

Until the Sorcerer-King freed our minds, unleashed our cages, and showed us what was possible within us all.
We could all ascend, become greater, stronger, powerful, and much more. We could all become gods.

But we needed to follow him — the true Ozirmok, the only Ozirmok.

And now we stand here, underneath his gaze, on the strenuous path of Apotheosis — but in the end, it shall all be worth it.

For today, we take another step in the Grand Karcist’s red, rampant, fleshy path laid out for us —
Guided by the Lord of Mysteries' truth (Nadox), created and unionized by our Mother of the Hive (Lovataar).

We pray, for this is just another step in our becoming, our transformation, our shepherding — into something greater.

''Written by: Korkea Shamaani, Kenan (Tommyhalm)''

CotRH:Sermons

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Sermons to CotRH:Sermons without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

This page is dedicated to reuniting all the Sermons that have been written by Hi-comm, Solomonari and CRH. Below you can find all the themes.

(More themes may be added, and the current ones are '''NOT''' finished yet){{User:XPDG/newpage}}

* [[Solomonari:Sermons/Apotheosis|Apotheosis]]
* [[Solomonari:Sermons/Battle|Battle]]
* [[Solomonari:Sermons/Love|Love]]
* [[Solomonari:Sermons/Sacrifice|Sacrifice]]
* [[Solomonari:Sermons/Theophagy|Theophagy]]
* [[Solomonari:Sermons/Union|Union]]
* [[Solomonari:Sermons/Will|Will]]

CotRH:Prayers/Prayers For Saarn

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Prayers/Prayers For Saarn to CotRH:Prayers/Prayers For Saarn without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

{{Template:Solomonari/Prayers/introduction}}
* [https://docs.google.com/document/d/1I3_T46Mk1qcT-rqfYwjd5RnftE1z_aY97K8yMrkkn30/edit?usp=sharing Saarn's Prayer Vol.1]
* [https://docs.google.com/document/d/1NQSDzE263Um0ifxdYQoxnjz_ABUDadRE9CkIrQh3dQ0/edit?usp=sharing Saarn's Prayer Vol.2]

CotRH:Prayers/Prayers For Orok

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Prayers/Prayers For Orok to CotRH:Prayers/Prayers For Orok without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

{{Template:Solomonari/Prayers/introduction}}
* [https://docs.google.com/document/d/1RjZBzS7HggazJnHp77uayXLjTT2W5EAe9jQO80PtMUQ/edit?usp=sharing Prayer for Orok]

CotRH:Prayers/Prayers For Nadox

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Prayers/Prayers For Nadox to CotRH:Prayers/Prayers For Nadox without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

{{Template:Solomonari/Prayers/introduction}}
* [https://docs.google.com/document/d/1poBdoI_yfrXbE7gtoq6MK1JsIlzurNTh_QwpXDINDn0/edit?usp=sharing Nadox's Prayer Vol.1]
* [https://docs.google.com/document/d/1YE6oCJprgEAyG7VUMGo3xN0tB2DFjPPKb3GAzNsG6cI/edit?usp=sharing Nadox's Prayer Vol.2]

CotRH:Prayers/Prayers For Lovataar

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Prayers/Prayers For Lovataar to CotRH:Prayers/Prayers For Lovataar without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

{{Template:Solomonari/Prayers/introduction}}
Empty.

CotRH:Prayers/Prayers For Ion

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Prayers/Prayers For Ion to CotRH:Prayers/Prayers For Ion without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

{{Template:Solomonari/Prayers/introduction}}
[https://docs.google.com/document/d/1qcVY-LLAC9g4cz2U0M-RAZ_3Dbu2hOMIq96yrwPIf0Y/edit?usp=drivesdk Ion's Prayer (1)]

CotRH:Prayers

2026-05-27T19:15:22Z

DivošiRunner: DivošiRunner moved page The Red Harvest/Prayers to CotRH:Prayers without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

[[Solomonari|← Back to Solomonari page]]

Parent page for all prayers.

== See them all below ==
{{Special:PrefixIndex/The_Red_Harvest/Prayers/|stripprefix=yes|hideredirects=no}}

CotRH:Home

2026-05-27T19:15:21Z

DivošiRunner: DivošiRunner moved page The Red Harvest to CotRH:Home without leaving a redirect: Move The Red Harvest collection into the CotRH namespace

The Church of the Red Harvest within Ikuunan canon are the main preachers of the Sarkic faith, acting akin to the clergy in most other faiths. This page holds their sermons, Sarkic beliefs, and prayers dedicated to Ion and the Klavigar.

----

=== '''Sermons''' ===
{{Special:PrefixIndex/The_Red_Harvest/Sermons/|stripprefix=yes|hideredirects=no}}

=== '''Prayers''' ===
{{Special:PrefixIndex/Solomonari/Prayers/|stripprefix=yes|hideredirects=no}}

Echoes of the Flesh:Access levels

2026-05-27T19:10:47Z

DivošiRunner: Document CotRH and HR access roles on access levels page

This page summarizes how access works on the [https://sarkic-cults.group Sarkic Cults Wiki]. For the exact live rights list, see [[Special:ListGroupRights]].

== Access model ==
The wiki is publicly readable, but editing is split by role, by namespace protection, and in some cases by page-level protection.

=== Public reading ===
Everyone, including visitors who are not logged in, can read the wiki and [[Special:CreateAccount|create an account]].

=== Discussion and personal space ===
Logged-in users can edit talk pages, manage their account settings, maintain watchlists, and edit their own user CSS/JS/JSON pages.

=== Content namespaces ===
The main content areas of the wiki require the <code>content-edit</code> right. In practice, this means [[#Verified members|verified members]] and above can edit most wiki content, while ordinary registered accounts cannot.

Protected content areas currently include:
* Main namespace
* Project namespace
* File namespace
* Help namespace
* Category namespace

=== Special protected areas ===
Some parts of the wiki use higher trust levels:
* Template and Form pages require the <code>template-edit</code> right.
* MediaWiki interface pages and site/user CSS, JS, and JSON require <code>editinterface</code>.
* The custom Solomonari namespace requires the <code>solomonari</code> right.
* The custom CotRH namespace requires the <code>cotrh</code> right.
* Some individually protected pages may also require the <code>solomonari_hr</code> or <code>cotrh_hr</code> rights.

== Group summary ==
=== Unregistered members ===
Unregistered visitors can read the wiki and create an account. They cannot edit pages or upload files.

=== Registered members ===
Registered members can:
* Edit talk pages and other non-protected discussion/personal-space pages
* Mark minor edits
* Manage preferences, private account information, and watchlists
* Edit their own user CSS, JS, and JSON pages
* Send email through the wiki when enabled

Registered members cannot:
* Edit protected content namespaces
* Create regular content pages
* Upload or reupload files
* Move pages or files

=== Verified members ===
Verified members are trusted contributors who have been approved by staff. They can:
* Edit the wiki's protected content namespaces
* Create content pages
* Upload and reupload local files
* Move pages and files
* Edit semiprotected pages
* Purge pages

This is the normal contributor role for members who are actively helping with the wiki.

=== Solomonari ===
Solomonari is a separate access flag for the custom Solomonari namespace. It is assigned where needed and does not replace the normal contributor/staff ladder by itself.

=== CotRH ===
CotRH is a separate access flag for the custom CotRH namespace. It is assigned where needed and does not replace the normal contributor/staff ladder by itself.

=== Solomonari_HR ===
Solomonari_HR is a separate page-protection access flag. It is intended for individually protected high-restriction pages and does not, by itself, grant the normal contributor or staff permissions ladder.

=== CotRH_HR ===
CotRH_HR is a separate page-protection access flag. It is intended for individually protected high-restriction pages and does not, by itself, grant the normal contributor or staff permissions ladder.

=== Moderators ===
Moderators have all verified member permissions, plus day-to-day workflow and trust-management tools. They can:
* Patrol and autopatrol edits
* Roll back vandalism or bad edits
* Suppress redirects when moving pages
* Bypass CAPTCHA where needed
* Manage certain user group assignments
* Grant and remove the <code>verified</code>, <code>solomonari</code>, <code>solomonari_hr</code>, <code>cotrh</code>, and <code>cotrh_hr</code> groups
* Use Flow moderation tools available on this wiki

Moderators are intended to handle routine content review and contributor verification, not heavy administrative maintenance.

=== Maintainers ===
Maintainers have all moderator permissions, plus broader maintenance and administrative tooling. They can:
* Protect pages and edit protected pages
* Edit templates and forms
* Edit restricted fields and selected advanced content models
* Block users
* Upload by URL and reupload shared files
* Run Cargo queries and rebuild Cargo data
* View AbuseFilter logs available to this role
* Use selected advanced extension maintenance tools
* Grant and remove the <code>moderator</code> group in addition to <code>verified</code>, <code>solomonari</code>, <code>solomonari_hr</code>, <code>cotrh</code>, and <code>cotrh_hr</code>

Maintainers are the main high-trust content and operations role on this wiki.

=== Interface administrators ===
Interface administrators can edit site interface content, including MediaWiki pages and site/user CSS, JS, and JSON. This role is restricted because interface pages can affect the whole wiki.

=== Administrators (sysop) ===
Administrators have full site administration permissions, including the custom protection rights used on this wiki. This is the highest general administration role.

=== Bureaucrats ===
Bureaucrats handle assignment of the highest-trust operational roles. On this wiki, bureaucrats can grant and remove:
* verified
* solomonari
* solomonari_hr
* cotrh
* cotrh_hr
* moderator
* maintainer
* interface-admin
* sysop

=== Bots ===
Bots are automated or semi-automated accounts with raised limits for bulk editing and maintenance work. Bot access is granted manually when appropriate.

== Practical summary ==
* Want to read the wiki: no account needed.
* Want to discuss or maintain your own account/user pages: a normal registered account is enough.
* Want to edit articles, files, and core content: you need the verified group.
* Want access to the Solomonari namespace: you need the <code>solomonari</code> group.
* Want access to the CotRH namespace: you need the <code>cotrh</code> group.
* Want access to specially page-locked high-restriction pages: you need the matching <code>solomonari_hr</code> or <code>cotrh_hr</code> group.
* Want to moderate contributors and review content workflow: moderator.
* Want to maintain templates, forms, and higher-trust wiki operations: maintainer.
* Want to edit sitewide interface code: interface administrator.

[[Category:Policies]]

Main Page

2026-04-19T17:58:59Z

DivošiRunner: Point Solomonari main page shortcut to Solomonari:Home

{{Main_page/header}}
<templatestyles src="Template:Main_Page/shared/styles.css" />
__NOTOC__
<div id="home-content" class="main-home-grid">

<div class="article">

<div class="home-card">
<div class="home-card__label">Welcome</div>
<h3 class="home-card__header">Sarkic Cults Wiki</h3>
<p>The central documentation hub for Sarkic Cults lore, systems, projects, and community resources.</p>
<div class="home-link">
<div class="home-link__button">[[Stories]]</div>
<div class="home-link__button">[[The Red Harvest]]</div>
<div class="home-link__button">[[Solomonari:Home|Solomonari]]</div>
</div>
<div class="home-link">
<div class="home-link__button">[[Special:AllPages|Browse all pages]]</div>
<div class="home-link__button">[[Special:RecentChanges|Recent changes]]</div>
<div class="home-link__button">[[Special:Random|Random page]]</div>
</div>
</div>

<div class="sub-home-grid">

<div class="split-left">
<div class="home-card">
<div class="home-card__label">Contribute</div>
<h3 class="home-card__header">Get Involved</h3>
<div class="home-link">
<div class="home-link__button">[[Special:CreateAccount|Create account]]</div>
<div class="home-link__button">[[Special:UserLogin|Log in]]</div>
<div class="home-link__button">[[Echoes_of_the_Flesh:Access_levels|Access levels]]</div>
<div class="home-link__button">[[Special:WantedPages|Wanted pages]]</div>
</div>
</div>
</div>

<div class="split-right">
<div class="home-card">
<div class="home-card__label">Site Tools</div>
<h3 class="home-card__header">Quick Actions</h3>
<div class="home-link">
<div class="home-link__button">[[Special:Categories|Categories]]</div>
<div class="home-link__button">[[Special:Log|Logs]]</div>
<div class="home-link__button">[[Special:ListUsers|User list]]</div>
<div class="home-link__button">[[Special:Version|Version]]</div>
</div>
</div>
</div>

</div>
</div>

<div class="widgets">
{{Main_page/ActivityWidget}}
{{Main_page/DiscordWidget}}
</div>

</div>

<div class="home-meta">
<div class="home-meta__item">
<div class="home-meta__label">{{Main page/settings|footerlabel}}</div>
<div class="home-meta__text">{{Main page/settings|footertext}}</div>
</div>
<div class="home-meta__item">
<div class="home-meta__label">Last updated</div>
<div class="home-meta__text">{{#time:j F Y|{{REVISIONTIMESTAMP}}}} at {{#time:H:i|{{REVISIONTIMESTAMP}}}}</div>
</div>
<div class="home-meta__item">
<div class="home-meta__label">Maintain</div>
<div class="home-meta__actions">[{{fullurl:{{FULLPAGENAME}}|action=edit}} Edit page] [{{fullurl:Template:Main_page/settings|action=edit}} Header settings]</div>
</div>
</div>

{{#seo:
| type = website
| title = Sarkic Cults Wiki
| title_mode = replace
| description = The information hub for the Sarkic Cults Roblox group.
| keywords = sarkic, scp, roblox, sarkic cult, discord, wiki
| locale = {{PAGELANGUAGE}}
| og:url = https://sarkic-cults.group/
}}

Main Page

2026-04-19T17:57:57Z

DivošiRunner: Add Stories, The Red Harvest, and Solomonari shortcuts to the main page

{{Main_page/header}}
<templatestyles src="Template:Main_Page/shared/styles.css" />
__NOTOC__
<div id="home-content" class="main-home-grid">

<div class="article">

<div class="home-card">
<div class="home-card__label">Welcome</div>
<h3 class="home-card__header">Sarkic Cults Wiki</h3>
<p>The central documentation hub for Sarkic Cults lore, systems, projects, and community resources.</p>
<div class="home-link">
<div class="home-link__button">[[Stories]]</div>
<div class="home-link__button">[[The Red Harvest]]</div>
<div class="home-link__button">[[Solomonari]]</div>
</div>
<div class="home-link">
<div class="home-link__button">[[Special:AllPages|Browse all pages]]</div>
<div class="home-link__button">[[Special:RecentChanges|Recent changes]]</div>
<div class="home-link__button">[[Special:Random|Random page]]</div>
</div>
</div>

<div class="sub-home-grid">

<div class="split-left">
<div class="home-card">
<div class="home-card__label">Contribute</div>
<h3 class="home-card__header">Get Involved</h3>
<div class="home-link">
<div class="home-link__button">[[Special:CreateAccount|Create account]]</div>
<div class="home-link__button">[[Special:UserLogin|Log in]]</div>
<div class="home-link__button">[[Echoes_of_the_Flesh:Access_levels|Access levels]]</div>
<div class="home-link__button">[[Special:WantedPages|Wanted pages]]</div>
</div>
</div>
</div>

<div class="split-right">
<div class="home-card">
<div class="home-card__label">Site Tools</div>
<h3 class="home-card__header">Quick Actions</h3>
<div class="home-link">
<div class="home-link__button">[[Special:Categories|Categories]]</div>
<div class="home-link__button">[[Special:Log|Logs]]</div>
<div class="home-link__button">[[Special:ListUsers|User list]]</div>
<div class="home-link__button">[[Special:Version|Version]]</div>
</div>
</div>
</div>

</div>
</div>

<div class="widgets">
{{Main_page/ActivityWidget}}
{{Main_page/DiscordWidget}}
</div>

</div>

<div class="home-meta">
<div class="home-meta__item">
<div class="home-meta__label">{{Main page/settings|footerlabel}}</div>
<div class="home-meta__text">{{Main page/settings|footertext}}</div>
</div>
<div class="home-meta__item">
<div class="home-meta__label">Last updated</div>
<div class="home-meta__text">{{#time:j F Y|{{REVISIONTIMESTAMP}}}} at {{#time:H:i|{{REVISIONTIMESTAMP}}}}</div>
</div>
<div class="home-meta__item">
<div class="home-meta__label">Maintain</div>
<div class="home-meta__actions">[{{fullurl:{{FULLPAGENAME}}|action=edit}} Edit page] [{{fullurl:Template:Main_page/settings|action=edit}} Header settings]</div>
</div>
</div>

{{#seo:
| type = website
| title = Sarkic Cults Wiki
| title_mode = replace
| description = The information hub for the Sarkic Cults Roblox group.
| keywords = sarkic, scp, roblox, sarkic cult, discord, wiki
| locale = {{PAGELANGUAGE}}
| og:url = https://sarkic-cults.group/
}}

MediaWiki:Citizen.css

2026-04-11T19:35:15Z

DivošiRunner: Use robust Discord and Roblox icon fallback for Citizen external links

/* All CSS here will be loaded for users of the Citizen skin */
/* Attribution: portions of this stylesheet were informed by PrismParty,
starcitizen.tools, SCP Wiki/Wikidot resources, and Citizen documentation,
then adapted for Echoes of the Flesh. */

/* Imports
============================================================================================ */
/* Custom Pilesaran font adapted from SCP Wiki/Wikidot resources */
@font-face {
font-family: 'Pilesaran';
src: url('/resources/assets/fonts/Pilesaran.woff2') format('woff2'),
url('/resources/assets/fonts/Pilesaran.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* latin-ext */
@font-face {
font-family: 'Kreon';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/resources/assets/fonts/t5t9IRIUKY-TFF_LW5lnMR3v2DnvPNiWcz8el2c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kreon';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/resources/assets/fonts/t5t9IRIUKY-TFF_LW5lnMR3v2DnvPNiWfT8e.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/resources/assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58i-wi40.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/resources/assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-wg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Rokkitt';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DCGb-3vA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Rokkitt';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DMGb8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/w8gdH283Tvk__Lua32TysjIfqcuPP9g.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* minecraft */
@font-face {
font-family: 'Minecraft';
src: url('/resources/assets/fonts/Minecraft.woff2') format('woff2'),
url('/resources/assets/fonts/Minecraft.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* PrismParty display font */
@font-face {
font-family: 'PrismParty';
src: url('/resources/assets/fonts/PrismParty-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* ROOT VARIABLES
[ These are variables explicitly supported by the theme.
[ https://github.com/StarCitizenTools/mediawiki-skins-Citizen/wiki/Customizing-Citizen-styles
============================================================================================ */

/* Font replacements */
:root {
--font-family-base: 'Quicksand', sans-serif;
--font-family-alternate: 'Varela Round', monospace;
--font-family-serif: 'Kreon', serif;
}

/* Color replacements */
:root.skin-citizen-light {
--color-surface-0: #f2f4f7;
--color-surface-1: #f3f6fa;
--color-surface-2: #eaeef4;
--color-surface-3: #e3e7ed;
--color-surface-4: #c3c7cf;
--color-surface-5: #eaeef5;
/*--color-base: #f2f4f7;
--color-base--emphasized: #f2f4f7;
--color-base--subtle: #f2f4f7;*/
--prism-blue-0: #7bc1f8;
--prism-blue-1: #59a2eb;
--prism-blue-2: #2e79d6;
--prism-lime-1: #c0ee6f;
--background-color-warning: #f0e7d3;
}
:root.skin-citizen-dark, :root.skin-citizen-auto {
/*--color-surface-0: #f2f4f7;
--color-surface-1: #f3f6fa;
--color-surface-2: #eff2f6;
--color-surface-3: #e3e7ed;
--color-surface-4: #c3c7cf;*/
--color-surface-5: #181c21;
/*--color-base: #f2f4f7;
--color-base--emphasized: #f2f4f7;
--color-base--subtle: #f2f4f7;*/
--prism-blue-0: #7bc1f8;
--prism-blue-1: #59a2eb;
--prism-blue-2: #2e79d6;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
}

/* FONT OVERRIDES
[ These selectors are used to replace some font elements.
============================================================================================ */
/*p {font-family: var(--font-family-alternate);}*/

/* Logotype font */
.citizen-drawer__siteinfo, .mw-logo-wordmark {
font-family: PrismParty;
}

/* JAVASCRIPT MODS
[ These selectors are required for JavaScript modifications to function.
============================================================================================ */

/* Discord icon in header with hover effect */
.disc-icon {
background-image: url(/resources/assets/discord.svg);
background-repeat: no-repeat;
background-position: center;
opacity: var(--opacity-icon-base);
width: 40px;
height: 40px;
}
.disc-icon:hover {
transform: rotate3d(0,0,1,360deg);
transition: all .25s;
}
.skin-citizen-dark .disc-icon {
filter: var(--filter-invert);
}
#citizen-discord__buttonCheckbox > span:nth-child(1) {
visibility: hidden;
}
.citizen-header__buttonCheckbox {
cursor: pointer;
}

/* Remove duplicate logo icon*/
/*a.citizen-header__button > img:nth-child(1) {*/
/* display: none;*/
/*}*/

/* TEMPLATE MODS
[ These selectors adjust templates based heavily on the Citizen skin.
============================================================================================ */
/* Transition effect for prevblogs and prevupdate */
.mw-parser-output #home-card-prevblogs .wikitable tr > td:last-child,
.mw-parser-output #home-card-prevupdate .wikitable tr > td:last-child {
transition: var(--transition-menu);
transition-property: opacity,transform;
opacity: 0;
}
/*.mw-parser-output #home-card-prevblogs .wikitable tr > td:first-child:hover ~ td,
.mw-parser-output #home-card-prevupdate .wikitable tr > td:first-child:hover ~ td {
transform: translateY(-16px);
opacity: 1;
}

/* Do not transform date widget */
.mw-parser-output #home-card-prevupdate .wikitable tr > td:first-child:hover ~ td.prevupdate-date {
transform: translateY(0);
}

/* Homepage previous blogs widget - truncates titles */
#home-card-prevblogs .wikitable a {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

@media (max-width: 500px) {
#home-card-prevblogs h3.home-card__header a {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

#home-card-prevblogs h3.home-card__header a::after {
display: none;
}

.mw-parser-output #home-card-prevblogs .wikitable {
max-height: 14.68rem;
overflow: hidden scroll !important;
}
#home-card-prevblogs .wikitable a {
-webkit-line-clamp: 3 !important;
}
/* Remove hover on small size (glitched anyway due to overflow) */
.mw-parser-output #home-card-prevblogs .wikitable tr > td:first-child:hover ~ td {
display: none;
}
}

/* Fix darkskin icon for componentlink template */
.component-link__button a img {
filter: invert(1);
}

.template__bubble {
padding: 0.1rem 0.6rem;
margin-left: 0.4rem;
background: var(--color-surface-3);
border-radius: 100px;
font-size: 0.7125rem;
font-weight: 500;
text-transform: uppercase;
}

/* Logo Dark/Light switcher */

.skin-citizen-light .dark-logo {
display: none;
}

.skin-citizen-dark .light-logo, :root.skin-citizen-auto .light-logo {
display: none;
}

/* Homescreen only cubeol recolors */
.skin-citizen-dark .page-Home .mw-parser-output .default,
.skin-citizen-dark .page-Home .mw-parser-output .pink,
.skin-citizen-dark .page-Home .mw-parser-output .orange,
.skin-citizen-dark .page-Home .mw-parser-output .lime {
background-image: linear-gradient(to right,#6d281e 0%,#e0503d 51%,#6d281e 100%);
text-decoration: none;
text-shadow: none;
}

/* SIDEBAR MODS
[ These selectors modify sidebar elements of the Citizen theme.
============================================================================================ */

.citizen-header {
background-color: var(--color-surface-1);
}

.mw-echo-notifications-badge.mw-echo-notification-badge-nojs.oo-ui-icon-bell.mw-echo-notifications-badge-all-read {
transition: all 0.1s;
}

/* Drawer navigation polish
Attribution: sectioned drawer patterns here were informed by Citizen-based
wikis including starcitizen.tools and prismparty.net, then adapted locally. */
.citizen-drawer__menu .citizen-menu {
margin-bottom: 0.7rem;
padding: 0.2rem 0;
border: 1px solid rgba( 255, 255, 255, 0.03 );
border-radius: 1rem;
background: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
}

.citizen-drawer__menu .citizen-menu__heading {
padding: 0 0.95rem 0.35rem;
margin-bottom: 0.2rem;
color: #c48a8f;
font-size: 0.72rem;
font-weight: var( --font-weight-medium );
letter-spacing: 0.08em;
text-decoration: none;
text-transform: uppercase;
}

.citizen-drawer__menu .citizen-menu__content-list {
gap: 0.15rem;
}

.citizen-drawer__menu .mw-list-item a {
margin: 0 0.45rem;
padding: 0.6rem 0.75rem;
border-radius: 0.8rem;
display: flex;
align-items: center;
gap: 0.7rem;
transition: background 180ms ease, transform 180ms ease;
}

.citizen-drawer__menu .mw-list-item a:hover {
background: rgba( 92, 24, 31, 0.14 );
transform: translateX( 2px );
}

.citizen-drawer__menu {
--icon-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 10.5 12 4l7.5 6.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 9.5V20h10V9.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12a8 8 0 1 0 2.4-5.7' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M4 4v5h5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8v4l3 2' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-dice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='5' width='14' height='14' rx='2.8' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Ccircle cx='9' cy='9' r='1.2' fill='%23000'/%3E%3Ccircle cx='15' cy='15' r='1.2' fill='%23000'/%3E%3Ccircle cx='9' cy='15' r='1.2' fill='%23000'/%3E%3Ccircle cx='15' cy='9' r='1.2' fill='%23000'/%3E%3C/svg%3E");
--icon-article: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='4.5' width='14' height='15' rx='2' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M8.5 9h7M8.5 12h7M8.5 15h4.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-post-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='4.5' width='14' height='15' rx='2' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M8.5 10h5M8.5 13h5M16.5 9v6M13.5 12h6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4.5' y='6' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Crect x='13' y='6' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Crect x='8.75' y='13.5' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E");
--icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5.2 20 19H4z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M12 9.5v4.5M12 17h.01' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-verified-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5 18 7v4.8c0 3.4-2.2 6.5-6 7.7-3.8-1.2-6-4.3-6-7.7V7z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m9.3 12.1 1.8 1.8 3.6-3.8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7.5' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M12 10.2v5M12 8h.01' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-group: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='10' r='3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Ccircle cx='16' cy='9' r='2.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M4.5 18c.9-2.3 2.8-3.5 5.5-3.5s4.6 1.2 5.5 3.5M14.3 15.1c1.7.2 3 .9 4 2.3' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-tune: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6h12M6 12h12M6 18h12' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='6' r='1.8' fill='%23000'/%3E%3Ccircle cx='15' cy='12' r='1.8' fill='%23000'/%3E%3Ccircle cx='11' cy='18' r='1.8' fill='%23000'/%3E%3C/svg%3E");
--icon-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15V6M8.5 9.5 12 6l3.5 3.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 18.5h14' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-policy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4.5h6l4 4v9a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5V9h4M9 13h6M9 16h4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-gavel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.5 6 4.5 4.5M11 8.5l4.5 4.5M4.5 19.5l8-8M12.3 5.3l2.4-2.3 5.3 5.3-2.3 2.4M9.8 7.8l2.4-2.3 5.3 5.3-2.3 2.4M3.8 20.2h8.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-discord: url("/resources/assets/discord.svg");
--icon-roblox: url("/resources/assets/roblox.svg");
}

.citizen-drawer__menu .mw-list-item a .citizen-ui-icon {
display: none;
}

.citizen-drawer__menu .mw-list-item a::before {
content: "";
display: inline-block;
flex: 0 0 1.1rem;
width: 1.1rem;
height: 1.1rem;
background-color: currentColor;
mask-image: var( --drawer-icon );
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
-webkit-mask-image: var( --drawer-icon );
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
opacity: 0.84;
}

#n-mainpage-description,
#n-Home {
--drawer-icon: var( --icon-home );
}

#n-recentchanges,
#n-Recent-changes {
--drawer-icon: var( --icon-history );
}

#n-randompage,
#n-Random-page {
--drawer-icon: var( --icon-dice );
}

#n-All-pages {
--drawer-icon: var( --icon-article );
}

#n-New-pages {
--drawer-icon: var( --icon-post-add );
}

#n-Categories {
--drawer-icon: var( --icon-category );
}

#n-Wanted-pages {
--drawer-icon: var( --icon-warning );
}

#n-Access-levels {
--drawer-icon: var( --icon-verified-user );
}

#n-About-the-wiki {
--drawer-icon: var( --icon-info );
}

#n-User-list {
--drawer-icon: var( --icon-group );
}

#n-Roblox-groups {
--drawer-icon: var( --icon-group );
}

#n-Roblox {
--drawer-icon: var( --icon-roblox );
}

#t-specialpages {
--drawer-icon: var( --icon-tune );
}

#t-upload {
--drawer-icon: var( --icon-upload );
}

#n-Special-pages {
--drawer-icon: var( --icon-tune );
}

#n-Upload-file {
--drawer-icon: var( --icon-upload );
}

#n-Privacy-policy {
--drawer-icon: var( --icon-policy );
}

#n-Disclaimers {
--drawer-icon: var( --icon-gavel );
}

#n-Discord {
--drawer-icon: var( --icon-discord );
}

/* External icon fallback
Use direct background-image icons for the External drawer row as a fallback
when mask-based icons are skipped by the browser. */

#n-Discord a::before,
#n-Roblox a::before {
background-color: transparent;
background-image: var( --drawer-icon );
background-repeat: no-repeat;
background-position: center;
background-size: contain;
mask-image: none;
-webkit-mask-image: none;
opacity: 0.84;
}

/* Adds bottom row to menu */
.mw-portlet-External {
margin-top: 0.9rem;
padding: 0.65rem 0 0;
border-top: 1px solid var( --border-color-base );
font-size: 0.8125rem;
grid-column: 1 / -1;
white-space: nowrap;
position: sticky;
bottom: -0.55rem;
background: var( --color-surface-5 );
}

@media only screen and (max-width: 553px) {
.mw-portlet-External {
padding-bottom: 0.56rem;
}
}
/* Stop weird scrolling behavior */
.mw-portlet-External {
margin-bottom: -2rem;
padding-bottom: 0.5rem;
}

.mw-portlet-External .citizen-menu__heading {
display: none;
}
.mw-portlet-External ul {
display: flex;
gap: 0.45rem;
overflow: auto;
padding-inline: 0.35rem;
}
.mw-portlet-External .mw-list-item a {
gap: 0.45rem;
padding: 0.5rem 0.75rem;
border: 1px solid rgba( 255, 255, 255, 0.06 );
border-radius: 999px;
background: rgba( 255, 255, 255, 0.03 );
}

/* Small size external full width */
@media only screen and (max-width: 553px) {
.citizen-drawer__menu {
display: initial;
}
.citizen-drawer__menu .citizen-menu {
width: 100%;
margin: 0 0 var(--space-sm);
}
.mw-portlet-External {
margin-bottom: -2.5rem;
}
}

/* Label */
.citizen-drawer__menu [id^="n-sidebar-label-"] a {
pointer-events: none;
margin-left: var( --space-xs );
padding-left: var( --space-md );
padding-right: var( --space-xs );
border-left: 1px solid var( --border-color-base );
border-radius: 0;
letter-spacing: 0.05em;
font-weight: var( --font-weight-normal );
color: var( --color-base--subtle ) !important;
}

/* Icons */
.citizen-drawer__menu [id^="n-sidebar-icon-"] a {
font-size: 0;
}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
display: block;
content: "";
width: var( --size-icon );
height: var( --size-icon );
background: transparent center/contain no-repeat;
opacity: var( --opacity-icon-base );
}

.citizen-ui-icon.mw-ui-icon-discord {
background-image: url(/resources/assets/discord.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.6;
}

.skin-citizen-dark .citizen-ui-icon.mw-ui-icon-discord, .skin-citizen-auto .citizen-ui-icon.mw-ui-icon-discord {
filter: invert( 1 );
}

.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
.skin-citizen-auto .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
filter: invert( 1 );
}

.skin-citizen-dark #n-Discord a::before,
.skin-citizen-dark #n-Roblox a::before,
.skin-citizen-auto #n-Discord a::before,
.skin-citizen-auto #n-Roblox a::before {
filter: invert( 1 );
}

/* Bottom menu icons */
#n-sidebar-icon-discord a:before {background-image: url('/resources/assets/discord.svg')}

/* Redundant alert/breaks sidebar*/
.mw-echo-alert {
display: none;
}

/* HEADER/FOOTER MODS
[ These selectors modify header elements of the Citizen theme, normal and sticky.
============================================================================================ */

/* Backdrop filter on sticky header */
.citizen-page-header::before {
backdrop-filter: saturate(50%) blur(16px);
border-radius: 0 0 var(--border-radius--large) var(--border-radius--large);
}
/* Margin to move down the list */
.citizen-footer ul {
margin-top: 1rem;
}
.page-Home .mw-body-footer {
display: none;
}

.page-Home .firstHeading {
font-family: 'PrismParty' !important;
}

/* New colors */
.citizen-header, #citizen-pref-panel, .citizen-userMenu .citizen-menu__card, .citizen-menu__card, .mw-portlet-External {
background-color: var(--color-surface-5);
}

/* Pure black */
.citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-header, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark #citizen-pref-panel, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-userMenu .citizen-menu__card, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-menu__card, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .mw-portlet-External {
background-color: #08090a;
}

/* FIXES
[ These selectors "fix" buggy or unusable elements.
============================================================================================ */

/* Hide in-article toc */
#toc {
display: none;
}

/* Fix prevblogs side overflow bug */
#home-card-prevblogs .citizen-overflow--right, #home-card-prevupdate .citizen-overflow--right {
-webkit-mask-image: initial;
mask-image: initial;
}

/* Make TemplateData editor popup above all else on page */
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
z-index: 999;
}

/* Missing category colors */
.catlinks li > a.new:hover {
color: #fff;
}

/* Fixes forum search bar in FireFox*/
#mw-wikiforum-searchbox-border {
display: inline-flex;
}

/* Visual Editor template show more button fix */
.skin-citizen .ve-ui-expandableContent-toggle {
background-color: var(--color-surface-1);
}

/* Make inactive vote more readable */
.ajaxpoll .ajaxpoll-answer-vote div {
background: var(--border-color-base);
}
.ajaxpoll .ajaxpoll-our-vote div {
background: var(--background-color-primary--active);
}
.page-Home .ajaxpoll {
margin: 0 -1.5rem -2rem -1.5rem;
}

/* Overflow visible on preview elements */
#home-card-prevblogs .citizen-table-wrapper,
#home-card-prevupdate .citizen-table-wrapper {
overflow-x: visible;
}

/* Darkmode for structured discussions */
.flow-topic-titlebar {
background-color: var(--color-surface-3);
border-radius: var(--border-radius--medium);
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
}

.flow-post .flow-post-content {
word-break: break-word;
color: var(--color-base);
}

div > .flow-menu ul {
border: none;
background-color: var(--color-surface-1);
box-shadow: var(--box-shadow-dialog);
border-radius: var(--border-radius--medium);
}

.flow-post .flow-author .mw-usertoollinks {
opacity: 0;
transition: opacity 0.25s ease;
color: var(--color-base);
}

div.mw-gallery-slideshow-img-container a.image {
height: auto;
max-width: 100%;
}

/*Source editor drop down selections*/
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--background-color-primary--hover);
}

/* Source editor upload form */
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-top: none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: inherit !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: inherit !important;
}
.mw-upload-bookletLayout-filePreview {
background-color: var(--color-surface-2--hover);
}

/* FORUMS
[ These selectors restyle the forums interface
============================================================================================ */
/* Main display */

table.mw-wikiforum-frame {
padding: 15px 15px 0 15px;
background: var(--color-surface-1);
border-radius: 8px;
border: none;
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
}

td.mw-wikiforum-innerframe, th.mw-wikiforum-title, th.mw-wikiforum-admin, th.mw-wikiforum-value, th.mw-wikiforum-lastpost {
border-bottom: unset;
border-top: unset;
border: unset;
}
/* Forum title radius background */
tr.mw-wikiforum-title {
background: none;
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-title {
background: var(--color-surface-2);
border-top-left-radius: var(--border-radius--large);
border-bottom-left-radius: var(--border-radius--large);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-admin, table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-value, table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-value {
background: var(--color-surface-2);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-lastpost {
background: var(--color-surface-2);
border-top-right-radius: var(--border-radius--large);
border-bottom-right-radius: var(--border-radius--large);
}

td.mw-wikiforum-title, td.mw-wikiforum-admin, td.mw-wikiforum-value, td.mw-wikiforum-lastpost {
border-bottom: 1px solid var(--border-color-base);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-title, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-admin, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-value, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-lastpost {
border-bottom: none;
}

/* Icons from icons8.com*/
p.mw-wikiforum-valuetitle a img, td.mw-wikiforum-rightside img, p.mw-wikiforum-issue img, tr.mw-wikiforum-marked td.mw-wikiforum-admin a img, div#mw-wikiforum-searchbox-border img#mw-wikiforum-searchbox-picture, th.mw-wikiforum-title a img, td.mw-wikiforum-title p.mw-wikiforum-thread img {
width: 1.3rem;
}
/* Locked thread icon*/
table.mw-wikiforum-frame:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > img:nth-child(1) {
width: 1.5rem;
}
/* Social Icon */
td.mw-wikiforum-thread-main div.wikiforum-avatar-image img.mw-socialprofile-avatar {
width: 5.5rem;
border-radius: 8px;
}
/* main thread edits */
td.mw-wikiforum-thread-main {
padding: unset;
border: unset;
background: unset;
}
table.mw-wikiforum-posted {
color: var(--color-base--subtle);
font-family: var(--font-family-base)
font-size: 0.6rem;
border-top: 1px solid var(--border-color-base);
margin-bottom: unset;
}
th.mw-wikiforum-thread-top {
font-weight: normal;
background: var(--color-surface-2);
border-radius: var(--border-radius--medium);
border: 1px solid var(--border-color-base);
margin-bottom: 15px;
display: block;
}
tr.mw-wikiforum-sticky {
background: unset;
}
tr.mw-wikiforum-normal {
background: none;
}
td.mw-wikiforum-thread-main, td.mw-wikiforum-thread-sub {
word-break: unset;
}

td.mw-wikiforum-thread-sub {
padding: 0px 10px;
border: 1px solid var(--border-color-base);
background: var(--color-surface-2);
border-radius: var(--border-radius--small);
}

#mw-wikiforum-searchbox-border {
border: 1px solid var(--border-color-base);
background: var(--color-surface-2);
border-radius: var(--border-radius--small);
}

/* 'Invalid 'property from: Template:Scrollbox/styles.css */
.mw-parser-output .scrollbox__container::before {
box-shadow: inset 8px 0 12px -4px var(--color-surface-0), inset -8px 0 6px -4px var(--color-surface-0);
}

/* Template:SymbolicIcon */
.skin-citizen-dark .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert(1);
}

.page-Guide_Getting_Started .card-button a.external.text {
color: white;
}

/* Remove auto color mode */
#skin-client-prefs-skin-theme > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) > form:nth-child(1) {
grid-template-columns: repeat(2,1fr);
}
#skin-client-prefs-skin-theme > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) > form:nth-child(1) > div:nth-child(1) {
display: none;
}

/* Editor text selection */
.ve-ce-attachedRootNode::selection, .ve-ce-attachedRootNode ::selection {
background: rgba(109,169,247,0.5) !important;
}

/* Cookie window size*/
.mw-cookiewarning-container {
background-color: var(--color-surface-5);
max-width: 30rem;
}

/* Drawer popup sizing
Keep the desktop navigation card sized to its actual menu content instead
of forcing a wide, tall panel. */
@media screen and (min-width: 1120px) {
#citizen-drawer__card {
width: fit-content;
max-width: min( calc( 100vw - 1rem ), 68rem );
height: auto;
min-height: 0;
}

#citizen-drawer__card .citizen-menu__card-content,
#citizen-drawer__card #citizen-main-menu {
width: fit-content;
min-width: 0;
}
}

/* Template styles override for wide layout homepage */
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 15.375rem, 1fr ) )!important;
}
@media (max-width:1644px) and (min-width:1405px) {
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 18.375rem, 1fr ) )!important;
}
}
@media (max-width:1660px) and (min-width:1645px) {
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 21.375rem, 1fr ) )!important;
}
}

/* Citizen polish
Attribution: the preferences menu, page-info card, and footer control treatments
below were informed by Citizen implementations on starcitizen.tools and refined
to fit Echoes of the Flesh. */
.citizen-preferences .citizen-dropdown-summary,
.citizen-preferences-dropdown .citizen-dropdown-summary {
border: 1px solid transparent;
border-radius: 999px;
transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.citizen-preferences .citizen-dropdown-summary:hover,
.citizen-preferences-dropdown .citizen-dropdown-summary:hover {
border-color: rgba( 137, 42, 48, 0.3 );
background: rgba( 62, 17, 23, 0.16 );
box-shadow: 0 10px 30px rgba( 38, 8, 13, 0.18 );
}

#citizen-preferences__card,
#citizen-preferences-dropdown__card {
border: 1px solid var( --border-color-base );
border-radius: 1.25rem;
background: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
box-shadow: 0 20px 50px rgba( 5, 7, 10, 0.3 );
}

.citizen-page-footer .page-info {
display: grid;
gap: 0.75rem;
}

@media (min-width: 860px) {
.citizen-page-footer .page-info {
grid-template-columns: repeat( auto-fit, minmax( 15rem, 1fr ) );
}
}

.citizen-page-footer .page-info__item {
padding: 0.95rem 1rem;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-medium );
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.92 ), rgba( 12, 13, 18, 0.98 ) );
}

.citizen-page-footer .page-info__label {
margin-bottom: 0.3rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}

#footer-places ul {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 0.9rem;
padding: 0;
}

#footer-places li {
list-style: none;
}

#footer-places a {
display: inline-flex;
padding: 0.45rem 0.8rem;
border: 1px solid var( --border-color-base );
border-radius: 999px;
background: var( --color-surface-2 );
text-decoration: none;
}

#footer-icons .cdx-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.35rem 0.45rem;
border-radius: 0.75rem;
background: transparent;
transition: background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

#footer-icons .cdx-button:hover {
background: rgba( 255, 255, 255, 0.04 );
box-shadow: 0 0 0 1px rgba( 255, 255, 255, 0.08 );
transform: translateY( -1px );
}

/* Theme compatibility patch
Align custom Citizen overrides with the current client preference classes
so light, dark, and AMOLED all receive the intended palette. */

:root,
:root.skin-theme-clientpref-day,
:root.skin-citizen-light,
:root.skin-theme-clientpref-os {
--color-surface-5: #eaeef5;
--prism-lime-1: #c0ee6f;
--background-color-warning: #f0e7d3;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 255, 255, 255, 0.96 ), rgba( 241, 244, 249, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 255, 255, 255, 0.92 ), rgba( 243, 246, 250, 0.98 ) );
--scw-chip-border: rgba( 21, 26, 33, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.78 );
--scw-footer-hover: rgba( 92, 24, 31, 0.08 );
--scw-footer-hover-ring: rgba( 92, 24, 31, 0.12 );
}

:root.skin-theme-clientpref-night,
:root.skin-citizen-dark {
--color-surface-5: #181c21;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.06 );
--scw-chip-bg: rgba( 255, 255, 255, 0.03 );
--scw-footer-hover: rgba( 255, 255, 255, 0.04 );
--scw-footer-hover-ring: rgba( 255, 255, 255, 0.08 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os {
--color-surface-5: #181c21;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.06 );
--scw-chip-bg: rgba( 255, 255, 255, 0.03 );
--scw-footer-hover: rgba( 255, 255, 255, 0.04 );
--scw-footer-hover-ring: rgba( 255, 255, 255, 0.08 );
}
}

:root.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1,
:root.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 {
--scw-panel-gradient: linear-gradient( 180deg, rgba( 8, 9, 10, 0.99 ), rgba( 0, 0, 0, 0.99 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 11, 12, 14, 0.94 ), rgba( 0, 0, 0, 0.99 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.02 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 {
--scw-panel-gradient: linear-gradient( 180deg, rgba( 8, 9, 10, 0.99 ), rgba( 0, 0, 0, 0.99 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 11, 12, 14, 0.94 ), rgba( 0, 0, 0, 0.99 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.02 );
}
}

.citizen-drawer__menu .citizen-menu {
border-color: var( --border-color-base );
background: var( --scw-panel-gradient-soft );
box-shadow: var( --box-shadow-dialog );
}

.mw-portlet-External .mw-list-item a {
border-color: var( --scw-chip-border );
background: var( --scw-chip-bg );
}

#citizen-preferences__card,
#citizen-preferences-dropdown__card {
background: var( --scw-panel-gradient );
}

.citizen-page-footer .page-info__item {
background: var( --scw-panel-gradient );
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.08 );
}

#footer-icons .cdx-button:hover {
background: var( --scw-footer-hover );
box-shadow: 0 0 0 1px var( --scw-footer-hover-ring );
}

:root.skin-theme-clientpref-night .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-citizen-dark .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-night .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-night .infobox-player__commenticon div.infobox-player__commenticon-inner a img,
:root.skin-citizen-dark .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert( 1 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-os .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-os .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert( 1 );
}
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-os .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-os .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: none;
}
}

:root.skin-theme-clientpref-day .dark-logo,
:root.skin-citizen-light .dark-logo {
display: none;
}

:root.skin-theme-clientpref-night .light-logo,
:root.skin-citizen-dark .light-logo {
display: none;
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .dark-logo {
display: none;
}

:root.skin-theme-clientpref-os .light-logo {
display: initial;
}
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os .light-logo {
display: none;
}

:root.skin-theme-clientpref-os .dark-logo {
display: initial;
}
}

/* Global button contrast patch for light mode. */

:root.skin-theme-clientpref-day .mw-portlet-External .mw-list-item a,
:root.skin-citizen-light .mw-portlet-External .mw-list-item a,
:root.skin-theme-clientpref-day #footer-icons .cdx-button,
:root.skin-citizen-light #footer-icons .cdx-button,
:root.skin-theme-clientpref-day .citizen-preferences .citizen-dropdown-summary,
:root.skin-theme-clientpref-day .citizen-preferences-dropdown .citizen-dropdown-summary,
:root.skin-citizen-light .citizen-preferences .citizen-dropdown-summary,
:root.skin-citizen-light .citizen-preferences-dropdown .citizen-dropdown-summary {
border-color: rgba( 92, 24, 31, 0.14 );
background: rgba( 255, 255, 255, 0.9 );
color: var( --color-emphasized );
box-shadow: 0 8px 22px rgba( 20, 23, 28, 0.06 );
}

:root.skin-theme-clientpref-day .mw-portlet-External .mw-list-item a:hover,
:root.skin-citizen-light .mw-portlet-External .mw-list-item a:hover,
:root.skin-theme-clientpref-day #footer-icons .cdx-button:hover,
:root.skin-citizen-light #footer-icons .cdx-button:hover {
border-color: rgba( 92, 24, 31, 0.2 );
background: rgba( 255, 255, 255, 0.98 );
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .mw-portlet-External .mw-list-item a,
:root.skin-theme-clientpref-os #footer-icons .cdx-button,
:root.skin-theme-clientpref-os .citizen-preferences .citizen-dropdown-summary,
:root.skin-theme-clientpref-os .citizen-preferences-dropdown .citizen-dropdown-summary {
border-color: rgba( 92, 24, 31, 0.14 );
background: rgba( 255, 255, 255, 0.9 );
color: var( --color-emphasized );
box-shadow: 0 8px 22px rgba( 20, 23, 28, 0.06 );
}

:root.skin-theme-clientpref-os .mw-portlet-External .mw-list-item a:hover,
:root.skin-theme-clientpref-os #footer-icons .cdx-button:hover {
border-color: rgba( 92, 24, 31, 0.2 );
background: rgba( 255, 255, 255, 0.98 );
}
}

/* Light surface recovery patch
Force the footer, navigation drawer, and preferences panel to use
light surfaces with readable text in day mode and auto-light mode. */

:root.skin-theme-clientpref-day,
:root.skin-citizen-light {
--scw-light-panel-gradient: linear-gradient( 180deg, rgba( 255, 255, 255, 0.97 ), rgba( 241, 244, 249, 0.99 ) );
--scw-light-panel-gradient-soft: linear-gradient( 180deg, rgba( 255, 255, 255, 0.94 ), rgba( 245, 247, 251, 0.99 ) );
--scw-light-chip-bg: rgba( 255, 255, 255, 0.88 );
--scw-light-chip-border: rgba( 92, 24, 31, 0.14 );
--scw-light-hover: rgba( 92, 24, 31, 0.08 );
--scw-light-shadow: 0 12px 28px rgba( 20, 23, 28, 0.08 );
--scw-light-heading: #9b4d55;
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os {
--scw-light-panel-gradient: linear-gradient( 180deg, rgba( 255, 255, 255, 0.97 ), rgba( 241, 244, 249, 0.99 ) );
--scw-light-panel-gradient-soft: linear-gradient( 180deg, rgba( 255, 255, 255, 0.94 ), rgba( 245, 247, 251, 0.99 ) );
--scw-light-chip-bg: rgba( 255, 255, 255, 0.88 );
--scw-light-chip-border: rgba( 92, 24, 31, 0.14 );
--scw-light-hover: rgba( 92, 24, 31, 0.08 );
--scw-light-shadow: 0 12px 28px rgba( 20, 23, 28, 0.08 );
--scw-light-heading: #9b4d55;
}
}

:root.skin-theme-clientpref-day .citizen-drawer__menu .citizen-menu,
:root.skin-citizen-light .citizen-drawer__menu .citizen-menu,
:root.skin-theme-clientpref-day #citizen-preferences__card,
:root.skin-citizen-light #citizen-preferences__card,
:root.skin-theme-clientpref-day #citizen-preferences-dropdown__card,
:root.skin-citizen-light #citizen-preferences-dropdown__card,
:root.skin-theme-clientpref-day .citizen-page-footer .page-info__item,
:root.skin-citizen-light .citizen-page-footer .page-info__item,
:root.skin-theme-clientpref-day .mw-portlet-External,
:root.skin-citizen-light .mw-portlet-External {
border-color: rgba( 92, 24, 31, 0.1 );
background: var( --scw-light-panel-gradient-soft );
box-shadow: var( --scw-light-shadow );
}

:root.skin-theme-clientpref-day .citizen-page-footer .page-info__item,
:root.skin-citizen-light .citizen-page-footer .page-info__item {
background: var( --scw-light-panel-gradient );
}

:root.skin-theme-clientpref-day .citizen-drawer__menu .citizen-menu__heading,
:root.skin-citizen-light .citizen-drawer__menu .citizen-menu__heading,
:root.skin-theme-clientpref-day .citizen-page-footer .page-info__label,
:root.skin-citizen-light .citizen-page-footer .page-info__label,
:root.skin-theme-clientpref-day .citizen-preferences-section__heading,
:root.skin-citizen-light .citizen-preferences-section__heading {
color: var( --scw-light-heading );
}

:root.skin-theme-clientpref-day .citizen-drawer__menu .mw-list-item a,
:root.skin-citizen-light .citizen-drawer__menu .mw-list-item a,
:root.skin-theme-clientpref-day .citizen-page-footer .page-info__item,
:root.skin-citizen-light .citizen-page-footer .page-info__item,
:root.skin-theme-clientpref-day .citizen-page-footer .page-info__item a,
:root.skin-citizen-light .citizen-page-footer .page-info__item a,
:root.skin-theme-clientpref-day #footer-desc,
:root.skin-citizen-light #footer-desc,
:root.skin-theme-clientpref-day #footer-tagline,
:root.skin-citizen-light #footer-tagline,
:root.skin-theme-clientpref-day .citizen-preferences,
:root.skin-citizen-light .citizen-preferences,
:root.skin-theme-clientpref-day .citizen-preferences .cdx-label__label__text,
:root.skin-citizen-light .citizen-preferences .cdx-label__label__text,
:root.skin-theme-clientpref-day .citizen-preferences .cdx-label__description,
:root.skin-citizen-light .citizen-preferences .cdx-label__description {
color: var( --color-base );
}

:root.skin-theme-clientpref-day .citizen-drawer__menu .mw-list-item a:hover,
:root.skin-citizen-light .citizen-drawer__menu .mw-list-item a:hover,
:root.skin-theme-clientpref-day .mw-portlet-External .mw-list-item a:hover,
:root.skin-citizen-light .mw-portlet-External .mw-list-item a:hover,
:root.skin-theme-clientpref-day #footer-places a:hover,
:root.skin-citizen-light #footer-places a:hover,
:root.skin-theme-clientpref-day .citizen-preferences .citizen-dropdown-summary:hover,
:root.skin-citizen-light .citizen-preferences .citizen-dropdown-summary:hover,
:root.skin-theme-clientpref-day .citizen-preferences-dropdown .citizen-dropdown-summary:hover,
:root.skin-citizen-light .citizen-preferences-dropdown .citizen-dropdown-summary:hover {
background: rgba( 92, 24, 31, 0.08 );
}

:root.skin-theme-clientpref-day .mw-portlet-External .mw-list-item a,
:root.skin-citizen-light .mw-portlet-External .mw-list-item a,
:root.skin-theme-clientpref-day #footer-places a,
:root.skin-citizen-light #footer-places a,
:root.skin-theme-clientpref-day .citizen-preferences-card,
:root.skin-citizen-light .citizen-preferences-card,
:root.skin-theme-clientpref-day .citizen-preferences .citizen-dropdown-summary,
:root.skin-citizen-light .citizen-preferences .citizen-dropdown-summary,
:root.skin-theme-clientpref-day .citizen-preferences-dropdown .citizen-dropdown-summary,
:root.skin-citizen-light .citizen-preferences-dropdown .citizen-dropdown-summary {
border-color: var( --scw-light-chip-border );
background: var( --scw-light-chip-bg );
color: var( --color-emphasized );
box-shadow: 0 8px 22px rgba( 20, 23, 28, 0.06 );
}

:root.skin-theme-clientpref-day .citizen-preferences-card__label,
:root.skin-citizen-light .citizen-preferences-card__label {
color: var( --color-base--subtle );
}

:root.skin-theme-clientpref-day .citizen-preferences .cdx-select-vue__handle,
:root.skin-citizen-light .citizen-preferences .cdx-select-vue__handle,
:root.skin-theme-clientpref-day .citizen-preferences .cdx-text-input__input,
:root.skin-citizen-light .citizen-preferences .cdx-text-input__input {
border-color: rgba( 92, 24, 31, 0.14 );
background: #fff;
color: var( --color-emphasized );
}

:root.skin-theme-clientpref-day .citizen-preferences .cdx-toggle-switch,
:root.skin-citizen-light .citizen-preferences .cdx-toggle-switch {
background-color: rgba( 21, 26, 33, 0.14 );
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .citizen-drawer__menu .citizen-menu,
:root.skin-theme-clientpref-os #citizen-preferences__card,
:root.skin-theme-clientpref-os #citizen-preferences-dropdown__card,
:root.skin-theme-clientpref-os .citizen-page-footer .page-info__item,
:root.skin-theme-clientpref-os .mw-portlet-External {
border-color: rgba( 92, 24, 31, 0.1 );
background: var( --scw-light-panel-gradient-soft );
box-shadow: var( --scw-light-shadow );
}

:root.skin-theme-clientpref-os .citizen-page-footer .page-info__item {
background: var( --scw-light-panel-gradient );
}

:root.skin-theme-clientpref-os .citizen-drawer__menu .citizen-menu__heading,
:root.skin-theme-clientpref-os .citizen-page-footer .page-info__label,
:root.skin-theme-clientpref-os .citizen-preferences-section__heading {
color: var( --scw-light-heading );
}

:root.skin-theme-clientpref-os .citizen-drawer__menu .mw-list-item a,
:root.skin-theme-clientpref-os .citizen-page-footer .page-info__item,
:root.skin-theme-clientpref-os .citizen-page-footer .page-info__item a,
:root.skin-theme-clientpref-os #footer-desc,
:root.skin-theme-clientpref-os #footer-tagline,
:root.skin-theme-clientpref-os .citizen-preferences,
:root.skin-theme-clientpref-os .citizen-preferences .cdx-label__label__text,
:root.skin-theme-clientpref-os .citizen-preferences .cdx-label__description {
color: var( --color-base );
}

:root.skin-theme-clientpref-os .citizen-drawer__menu .mw-list-item a:hover,
:root.skin-theme-clientpref-os .mw-portlet-External .mw-list-item a:hover,
:root.skin-theme-clientpref-os #footer-places a:hover,
:root.skin-theme-clientpref-os .citizen-preferences .citizen-dropdown-summary:hover,
:root.skin-theme-clientpref-os .citizen-preferences-dropdown .citizen-dropdown-summary:hover {
background: rgba( 92, 24, 31, 0.08 );
}

:root.skin-theme-clientpref-os .mw-portlet-External .mw-list-item a,
:root.skin-theme-clientpref-os #footer-places a,
:root.skin-theme-clientpref-os .citizen-preferences-card,
:root.skin-theme-clientpref-os .citizen-preferences .citizen-dropdown-summary,
:root.skin-theme-clientpref-os .citizen-preferences-dropdown .citizen-dropdown-summary {
border-color: var( --scw-light-chip-border );
background: var( --scw-light-chip-bg );
color: var( --color-emphasized );
box-shadow: 0 8px 22px rgba( 20, 23, 28, 0.06 );
}

:root.skin-theme-clientpref-os .citizen-preferences-card__label {
color: var( --color-base--subtle );
}

:root.skin-theme-clientpref-os .citizen-preferences .cdx-select-vue__handle,
:root.skin-theme-clientpref-os .citizen-preferences .cdx-text-input__input {
border-color: rgba( 92, 24, 31, 0.14 );
background: #fff;
color: var( --color-emphasized );
}

:root.skin-theme-clientpref-os .citizen-preferences .cdx-toggle-switch {
background-color: rgba( 21, 26, 33, 0.14 );
}
}

Echoes of the Flesh:Access levels

2026-04-11T18:42:59Z

DivošiRunner: Overhaul access-levels page to match current permissions policy

This page summarizes how access works on the [https://sarkic-cults.group Sarkic Cults Wiki]. For the exact live rights list, see [[Special:ListGroupRights]].

== Access model ==
The wiki is publicly readable, but editing is split by role and by namespace protection.

=== Public reading ===
Everyone, including visitors who are not logged in, can read the wiki and [[Special:CreateAccount|create an account]].

=== Discussion and personal space ===
Logged-in users can edit talk pages, manage their account settings, maintain watchlists, and edit their own user CSS/JS/JSON pages.

=== Content namespaces ===
The main content areas of the wiki require the <code>content-edit</code> right. In practice, this means [[#Verified members|verified members]] and above can edit most wiki content, while ordinary registered accounts cannot.

Protected content areas currently include:
* Main namespace
* Project namespace
* File namespace
* Help namespace
* Category namespace

=== Special protected areas ===
Some parts of the wiki use higher trust levels:
* Template and Form pages require the <code>template-edit</code> right.
* MediaWiki interface pages and site/user CSS, JS, and JSON require <code>editinterface</code>.
* The custom Solomonari namespace requires the <code>solomonari</code> right.

== Group summary ==
=== Unregistered members ===
Unregistered visitors can read the wiki and create an account. They cannot edit pages or upload files.

=== Registered members ===
Registered members can:
* Edit talk pages and other non-protected discussion/personal-space pages
* Mark minor edits
* Manage preferences, private account information, and watchlists
* Edit their own user CSS, JS, and JSON pages
* Send email through the wiki when enabled

Registered members cannot:
* Edit protected content namespaces
* Create regular content pages
* Upload or reupload files
* Move pages or files

=== Verified members ===
Verified members are trusted contributors who have been approved by staff. They can:
* Edit the wiki's protected content namespaces
* Create content pages
* Upload and reupload local files
* Move pages and files
* Edit semiprotected pages
* Purge pages

This is the normal contributor role for members who are actively helping with the wiki.

=== Solomonari ===
Solomonari is a separate access flag for the custom Solomonari namespace. It is assigned where needed and does not replace the normal contributor/staff ladder by itself.

=== Moderators ===
Moderators have all verified member permissions, plus day-to-day workflow and trust-management tools. They can:
* Patrol and autopatrol edits
* Roll back vandalism or bad edits
* Suppress redirects when moving pages
* Bypass CAPTCHA where needed
* Manage certain user group assignments
* Grant and remove the <code>verified</code> and <code>solomonari</code> groups
* Use Flow moderation tools available on this wiki

Moderators are intended to handle routine content review and contributor verification, not heavy administrative maintenance.

=== Maintainers ===
Maintainers have all moderator permissions, plus broader maintenance and administrative tooling. They can:
* Protect pages and edit protected pages
* Edit templates and forms
* Edit restricted fields and selected advanced content models
* Block users
* Upload by URL and reupload shared files
* Run Cargo queries and rebuild Cargo data
* View AbuseFilter logs available to this role
* Use selected advanced extension maintenance tools
* Grant and remove the <code>moderator</code> group in addition to <code>verified</code> and <code>solomonari</code>

Maintainers are the main high-trust content and operations role on this wiki.

=== Interface administrators ===
Interface administrators can edit site interface content, including MediaWiki pages and site/user CSS, JS, and JSON. This role is restricted because interface pages can affect the whole wiki.

=== Administrators (sysop) ===
Administrators have full site administration permissions, including the custom protection rights used on this wiki. This is the highest general administration role.

=== Bureaucrats ===
Bureaucrats handle assignment of the highest-trust operational roles. On this wiki, bureaucrats can grant and remove:
* verified
* solomonari
* moderator
* maintainer
* interface-admin
* sysop

=== Bots ===
Bots are automated or semi-automated accounts with raised limits for bulk editing and maintenance work. Bot access is granted manually when appropriate.

== Practical summary ==
* Want to read the wiki: no account needed.
* Want to discuss or maintain your own account/user pages: a normal registered account is enough.
* Want to edit articles, files, and core content: you need the verified group.
* Want to moderate contributors and review content workflow: moderator.
* Want to maintain templates, forms, and higher-trust wiki operations: maintainer.
* Want to edit sitewide interface code: interface administrator.

[[Category:Policies]]

User:XPDG/styles.css

2026-04-11T18:39:16Z

DivošiRunner: Make user page cards and ritual layout Citizen theme-aware

.xpdg-page {
display: grid;
gap: 1rem;
--xpdg-portrait-border: rgba( 140, 52, 64, 0.28 );
--xpdg-portrait-bg: rgba( 255, 255, 255, 0.76 );
--xpdg-portrait-shadow: 0 12px 30px rgba( 20, 23, 28, 0.12 );
--xpdg-badge-bg: rgba( 255, 255, 255, 0.74 );
--xpdg-badge-border: rgba( 140, 52, 64, 0.18 );
--xpdg-badge-text: var( --color-emphasized );
--xpdg-panel-bg: var( --color-surface-1 );
--xpdg-panel-border: rgba( 140, 52, 64, 0.12 );
--xpdg-panel-shadow: 0 12px 28px rgba( 20, 23, 28, 0.08 );
--xpdg-label-color: #93444d;
--xpdg-link-bg: rgba( 140, 52, 64, 0.08 );
--xpdg-link-border: rgba( 140, 52, 64, 0.14 );
--xpdg-link-hover: rgba( 140, 52, 64, 0.14 );
--xpdg-ritual-panel-bg:
radial-gradient( circle at top, rgba( 140, 52, 64, 0.08 ), transparent 60% ),
linear-gradient( 180deg, rgba( 255, 255, 255, 0.96 ), rgba( 243, 245, 249, 0.98 ) );
--xpdg-ritual-panel-border: rgba( 140, 52, 64, 0.14 );
--xpdg-ritual-block-bg: rgba( 255, 255, 255, 0.72 );
--xpdg-ritual-block-border: rgba( 140, 52, 64, 0.14 );
--xpdg-ritual-block-shadow: 0 0 14px rgba( 140, 52, 64, 0.08 );
--xpdg-ritual-text: var( --color-emphasized );
}

.xpdg-hero__portrait {
position: absolute;
top: 1.5rem;
right: 1.5rem;
z-index: 1;
width: 13rem;
height: 13rem;
overflow: hidden;
border: 1px solid var( --xpdg-portrait-border );
border-radius: 1rem;
background: var( --xpdg-portrait-bg );
box-shadow: var( --xpdg-portrait-shadow );
}

.xpdg-hero__portrait .mw-file-element,
.xpdg-hero__portrait img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}

.xpdg-hero__portrait a {
display: block;
width: 100%;
height: 100%;
}

.xpdg-hero__content {
padding-right: 16rem;
}

@media ( max-width: 980px ) {
.xpdg-hero__portrait {
width: 10rem;
height: 10rem;
top: 1.25rem;
right: 1.25rem;
}

.xpdg-hero__content {
padding-right: 12.5rem;
}
}

@media ( max-width: 820px ) {
.xpdg-hero__portrait {
position: static;
width: 8rem;
height: 8rem;
margin: 0 0 1rem;
}

.xpdg-hero__content {
padding-right: 1.5rem;
}
}

.xpdg-hero {
position: relative;
overflow: hidden;
min-height: 22rem;
border: 1px solid rgba( 137, 42, 48, 0.28 );
border-radius: 1.25rem;
background:
radial-gradient( circle at top, rgba( 122, 18, 28, 0.22 ), transparent 52% ),
linear-gradient( 180deg, rgba( 19, 10, 13, 0.98 ), rgba( 10, 11, 16, 0.98 ) );
box-shadow: 0 18px 50px rgba( 5, 5, 8, 0.28 );
}

.xpdg-hero::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient( 180deg, rgba( 10, 8, 12, 0.12 ), rgba( 10, 8, 12, 0.82 ) ),
linear-gradient( 90deg, rgba( 14, 8, 11, 0.88 ), rgba( 14, 8, 11, 0.24 ) 55%, rgba( 14, 8, 11, 0.72 ) );
pointer-events: none;
}

.xpdg-hero__media {
position: absolute;
inset: 0;
}

.xpdg-hero__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 32%;
opacity: 0.36;
filter: saturate( 0.82 ) contrast( 1.08 ) brightness( 0.78 );
}

.xpdg-hero__content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 22rem;
padding: 2rem;
}

.xpdg-kicker {
color: #d79599;
font-size: var( --font-size-x-small );
font-weight: var( --font-weight-medium );
letter-spacing: 0.12em;
text-transform: uppercase;
}

.xpdg-title {
margin-top: 0.45rem;
color: #f6eaec;
font-size: 4rem;
font-weight: var( --font-weight-semi-bold );
letter-spacing: 0.05em;
line-height: 0.92;
text-transform: uppercase;
text-shadow: 0 12px 30px rgba( 0, 0, 0, 0.35 );
}

.xpdg-alias {
margin-top: 0.55rem;
color: #d5a3a8;
font-size: var( --font-size-small );
letter-spacing: 0.08em;
text-transform: uppercase;
}

.xpdg-lede {
max-width: 42rem;
margin-top: 0.85rem;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.7;
color: rgba( 246, 238, 240, 0.92 );
}

.xpdg-badges {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 1rem;
}

.xpdg-badge {
display: inline-flex;
padding: 0.38rem 0.72rem;
border: 1px solid var( --xpdg-badge-border );
border-radius: 999px;
background: var( --xpdg-badge-bg );
color: var( --xpdg-badge-text );
font-size: var( --font-size-x-small );
letter-spacing: 0.04em;
}

.xpdg-grid {
display: grid;
grid-template-columns: repeat( 12, minmax( 0, 1fr ) );
gap: 1rem;
}

.xpdg-card {
grid-column: span 6;
padding: 1.1rem 1.15rem;
border: 1px solid var( --xpdg-panel-border );
border-radius: 1rem;
background: var( --xpdg-panel-bg );
box-shadow: var( --xpdg-panel-shadow );
}

.xpdg-card--wide {
grid-column: 1 / -1;
}

.xpdg-card--ritual {
border-color: var( --xpdg-ritual-panel-border );
background: var( --xpdg-ritual-panel-bg );
}

.xpdg-card__label {
margin-bottom: 0.35rem;
color: var( --xpdg-label-color );
font-size: var( --font-size-x-small );
letter-spacing: 0.08em;
text-transform: uppercase;
}

.xpdg-card__header {
color: var( --color-emphasized );
font-size: 1rem;
font-weight: var( --font-weight-semi-bold );
line-height: 1.35;
}

.xpdg-list {
margin: 0.85rem 0 0;
padding-left: 1.15rem;
}

.xpdg-list li + li {
margin-top: 0.45rem;
}

.xpdg-note {
margin: 0.75rem 0 0;
line-height: 1.7;
}

.xpdg-links {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin-top: 0.8rem;
}

.xpdg-links a {
display: inline-flex;
padding: 0.5rem 0.82rem;
border: 1px solid var( --xpdg-link-border );
border-radius: 999px;
background: var( --xpdg-link-bg );
text-decoration: none;
background-image: none;
}

.xpdg-links a:hover {
background: var( --xpdg-link-hover );
}

.xpdg-links a.external::after {
display: none;
}

.xpdg-ritual-poem {
margin-top: 1rem;
}

.ritual-columns {
display: grid;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
gap: 1rem;
align-items: stretch;
}

.ritual-block {
min-height: 0;
padding: 1rem;
border: 1px solid var( --xpdg-ritual-block-border );
border-radius: 0.9rem;
background: var( --xpdg-ritual-block-bg );
box-shadow: var( --xpdg-ritual-block-shadow );
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.ritual-block pre,
.ritual-block code,
.ritual-block .mw-code {
all: unset;
display: block;
font-family: "Courier New", monospace;
white-space: pre-wrap;
line-height: 1.7;
color: var( --xpdg-ritual-text );
text-transform: uppercase;
}

html.skin-theme-clientpref-night .xpdg-page,
html.skin-citizen-dark .xpdg-page {
--xpdg-portrait-border: rgba( 137, 42, 48, 0.42 );
--xpdg-portrait-bg: rgba( 14, 8, 11, 0.72 );
--xpdg-portrait-shadow: 0 12px 30px rgba( 0, 0, 0, 0.28 );
--xpdg-badge-bg: rgba( 44, 16, 20, 0.42 );
--xpdg-badge-border: rgba( 160, 56, 64, 0.28 );
--xpdg-badge-text: #efd9dc;
--xpdg-panel-bg: linear-gradient( 180deg, rgba( 20, 21, 28, 0.96 ), rgba( 11, 12, 17, 0.98 ) );
--xpdg-panel-border: var( --border-color-base );
--xpdg-panel-shadow: 0 12px 32px rgba( 5, 5, 8, 0.2 );
--xpdg-label-color: #c48a8f;
--xpdg-link-bg: rgba( 54, 15, 21, 0.18 );
--xpdg-link-border: rgba( 137, 42, 48, 0.24 );
--xpdg-link-hover: rgba( 82, 22, 28, 0.28 );
--xpdg-ritual-panel-bg:
radial-gradient( circle at top, rgba( 122, 18, 28, 0.12 ), transparent 60% ),
linear-gradient( 180deg, rgba( 20, 14, 18, 0.98 ), rgba( 12, 11, 16, 0.98 ) );
--xpdg-ritual-panel-border: rgba( 137, 42, 48, 0.22 );
--xpdg-ritual-block-bg: rgba( 25, 15, 19, 0.55 );
--xpdg-ritual-block-border: rgba( 137, 42, 48, 0.18 );
--xpdg-ritual-block-shadow: 0 0 14px rgba( 110, 16, 31, 0.16 );
--xpdg-ritual-text: #f0d9dd;
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .xpdg-page,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .xpdg-page {
--xpdg-panel-bg: linear-gradient( 180deg, rgba( 10, 10, 10, 0.97 ), rgba( 0, 0, 0, 0.99 ) );
--xpdg-panel-shadow: 0 12px 32px rgba( 0, 0, 0, 0.32 );
--xpdg-ritual-panel-bg:
radial-gradient( circle at top, rgba( 122, 18, 28, 0.08 ), transparent 60% ),
linear-gradient( 180deg, rgba( 10, 10, 10, 0.98 ), rgba( 0, 0, 0, 0.99 ) );
--xpdg-ritual-block-bg: rgba( 8, 8, 8, 0.76 );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .xpdg-page {
--xpdg-portrait-border: rgba( 137, 42, 48, 0.42 );
--xpdg-portrait-bg: rgba( 14, 8, 11, 0.72 );
--xpdg-portrait-shadow: 0 12px 30px rgba( 0, 0, 0, 0.28 );
--xpdg-badge-bg: rgba( 44, 16, 20, 0.42 );
--xpdg-badge-border: rgba( 160, 56, 64, 0.28 );
--xpdg-badge-text: #efd9dc;
--xpdg-panel-bg: linear-gradient( 180deg, rgba( 20, 21, 28, 0.96 ), rgba( 11, 12, 17, 0.98 ) );
--xpdg-panel-border: var( --border-color-base );
--xpdg-panel-shadow: 0 12px 32px rgba( 5, 5, 8, 0.2 );
--xpdg-label-color: #c48a8f;
--xpdg-link-bg: rgba( 54, 15, 21, 0.18 );
--xpdg-link-border: rgba( 137, 42, 48, 0.24 );
--xpdg-link-hover: rgba( 82, 22, 28, 0.28 );
--xpdg-ritual-panel-bg:
radial-gradient( circle at top, rgba( 122, 18, 28, 0.12 ), transparent 60% ),
linear-gradient( 180deg, rgba( 20, 14, 18, 0.98 ), rgba( 12, 11, 16, 0.98 ) );
--xpdg-ritual-panel-border: rgba( 137, 42, 48, 0.22 );
--xpdg-ritual-block-bg: rgba( 25, 15, 19, 0.55 );
--xpdg-ritual-block-border: rgba( 137, 42, 48, 0.18 );
--xpdg-ritual-block-shadow: 0 0 14px rgba( 110, 16, 31, 0.16 );
--xpdg-ritual-text: #f0d9dd;
}

html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .xpdg-page {
--xpdg-panel-bg: linear-gradient( 180deg, rgba( 10, 10, 10, 0.97 ), rgba( 0, 0, 0, 0.99 ) );
--xpdg-panel-shadow: 0 12px 32px rgba( 0, 0, 0, 0.32 );
--xpdg-ritual-panel-bg:
radial-gradient( circle at top, rgba( 122, 18, 28, 0.08 ), transparent 60% ),
linear-gradient( 180deg, rgba( 10, 10, 10, 0.98 ), rgba( 0, 0, 0, 0.99 ) );
--xpdg-ritual-block-bg: rgba( 8, 8, 8, 0.76 );
}
}

@media ( max-width: 980px ) {
.xpdg-hero__content {
padding: 1.5rem;
}

.xpdg-title {
font-size: 3rem;
}
}

@media ( max-width: 820px ) {
.xpdg-card {
grid-column: 1 / -1;
}

.xpdg-hero,
.xpdg-hero__content {
min-height: 18rem;
}

.xpdg-title {
font-size: 2.35rem;
}

.ritual-columns {
grid-template-columns: 1fr;
}
}

User:XPDG

2026-04-11T18:39:15Z

DivošiRunner: Wrap user page content for theme-aware layout styles

<templatestyles src="User:XPDG/styles.css" />
{{User:XPDG/template/SEO}}
__NOTOC__

<div class="xpdg-page">
<div class="xpdg-hero">
<div class="xpdg-hero__media">[[File:XPDG banner.gif|link=]]</div>

<div class="xpdg-hero__portrait">[[File:Xpdg_profile_discord.webp|link=]]</div>

<div class="xpdg-hero__content">
<div class="xpdg-kicker">Archivist Of The Flesh</div>
<div class="xpdg-title">Xiathier Pendragon</div>
<div class="xpdg-alias">XPDG • Nadox</div>
<p class="xpdg-lede">I keep the Discord orderly, the wiki current, and The Divoši moving while pretending my timezone is not an eldritch punishment.</p>
<div class="xpdg-badges">
<span class="xpdg-badge">Discord Handler</span>
<span class="xpdg-badge">Wiki Maintainer</span>
<span class="xpdg-badge">Divoši Keeper</span>
<span class="xpdg-badge">Chronically UTC-Cursed</span>
</div>
</div>
</div>

<div class="xpdg-grid">
<div class="xpdg-card xpdg-card--wide">
<div class="xpdg-card__label">Functions</div>
<div class="xpdg-card__header">What I actually do around here</div>
<ul class="xpdg-list">
<li>Maintain the Discord and keep it readable.</li>
<li>Maintain the wiki, its structure, and the reusable bits behind it.</li>
<li>Maintain The Divoši.</li>
<li>Spend irresponsible amounts of money on details most people will never consciously notice.</li>
</ul>
</div>

<div class="xpdg-card">
<div class="xpdg-card__label">Constraint</div>
<div class="xpdg-card__header">Primary operational weakness</div>
<p class="xpdg-note">I live in a timezone where nearly every event happens at spiritually hostile hours.</p>
</div>

<div class="xpdg-card">
<div class="xpdg-card__label">Reliquary</div>
<div class="xpdg-card__header">Useful scraps</div>
<div class="xpdg-links">
[[User:XPDG/sandbox|Sandbox]]
[[User:XPDG/template|Templates]]
</div>
</div>

<div class="xpdg-card xpdg-card--wide">
<div class="xpdg-card__label">Contact</div>
<div class="xpdg-card__header">Reach me through civilized means</div>
<div class="xpdg-links">
[https://discord.com/users/413222101135261728 Discord]
[mailto:xpdg@xydra.dev xpdg@xydra.dev]
</div>
</div>

<div class="xpdg-card xpdg-card--wide xpdg-card--ritual">
<div class="xpdg-card__label">Signal</div>
<div class="xpdg-card__header">Residual text recovered from the chamber wall</div>
<div class="xpdg-ritual-poem">
{{User:XPDG/template/signalis}}
</div>
</div>
</div>
</div>

Template:Main Page/shared/styles-themefix.css

2026-04-11T18:34:01Z

DivošiRunner: Keep legacy main-page themefix stylesheet aligned with canonical styles.css

/* Main page shared styles
Attribution: some structural and motion ideas in this stylesheet were adapted from
Citizen-based homepage implementations on starcitizen.tools and prismparty.net,
then rewritten and adjusted for Echoes of the Flesh. */

/* Main page header */
.home-header {
position: relative;
overflow: hidden;
padding: 3.75rem 1.5rem 3.1rem;
margin-bottom: 0.9rem;
line-height: var( --line-height-xx-small );
text-align: center;
}

/* Attribution: the layered hero treatment below borrows the general "artwork under
atmospheric overlay" idea seen on several Citizen-theme homepages, rebuilt here
around the local Divosi banner asset. */
.home-header::before {
content: "";
position: absolute;
inset: 0;
border-radius: 1.25rem;
background:
linear-gradient( 180deg, rgba( 6, 7, 10, 0.12 ), rgba( 6, 7, 10, 0.48 ) ),
url( "/images/b/be/DivosiBanner.png" ) center 32% / cover no-repeat;
opacity: 0.5;
filter: saturate( 0.96 ) contrast( 1.08 );
transform: scale( 1.02 );
pointer-events: none;
}

.home-header::after {
content: "";
position: absolute;
inset: 0;
border: 1px solid rgba( 128, 42, 48, 0.22 );
border-radius: 1.25rem;
background:
radial-gradient( circle at top, rgba( 128, 18, 28, 0.24 ), transparent 55% ),
linear-gradient( 180deg, rgba( 18, 7, 10, 0.72 ), rgba( 10, 12, 18, 0.78 ) );
box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.03 );
pointer-events: none;
}

.home-header > * {
position: relative;
z-index: 1;
}

.home-header__pretitle {
margin-bottom: var( --space-xxs );
color: var( --color-subtle );
font-size: var( --font-size-small );
letter-spacing: 0.05em;
}

.home-header__title {
--display-font-size: min( calc( 2.5rem + 3.9vw ), 4.5rem );
margin: 0;
font-size: var( --display-font-size );
text-transform: uppercase;
line-height: 0.9;
font-weight: var( --font-weight-semi-bold );
text-shadow: 0 10px 30px rgba( 0, 0, 0, 0.32 );
}

.home-header__subtitle {
margin-top: 0.35rem;
color: var( --color-subtle );
font-size: var( --font-size-small );
}

.home-header__status {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1.05rem;
padding: 0.55rem 0.95rem;
border: 1px solid rgba( 137, 42, 48, 0.24 );
border-radius: 1rem;
background: rgba( 18, 13, 18, 0.78 );
backdrop-filter: blur( 8px );
}

.home-header__status p {
display: inline-flex;
flex-wrap: wrap;
gap: 0.65rem;
align-items: center;
justify-content: center;
margin: 0;
}

.home-header__statusLabel {
color: #d79599;
font-size: var( --font-size-x-small );
letter-spacing: 0.04em;
font-weight: var( --font-weight-medium );
}

.home-header__statusText {
color: var( --color-base );
font-size: var( --font-size-small );
opacity: 0.92;
}

.home-header__search {
position: relative;
isolation: isolate;
padding: var( --space-md );
margin-top: 1.2rem;
margin-left: auto;
margin-right: auto;
max-width: 600px;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-pill );
background-color: rgba( 17, 19, 25, 0.82 );
cursor: pointer;
font-size: var( --font-size-small );
font-weight: var( --font-weight-medium );
text-align: center;
backdrop-filter: blur( 10px );
transition: background 180ms ease, border-color 180ms ease;
}

/* Attribution: the animated hover-glow treatment here was inspired by the
Citizen homepage search affordance on starcitizen.tools, with a custom red palette. */
.home-header__search::before {
content: "";
position: absolute;
inset: -1px;
z-index: -1;
border-radius: inherit;
background: linear-gradient(
120deg,
#16090a 0%,
#3a1113 20%,
#6a1719 38%,
#9a2020 50%,
#6a1719 62%,
#3a1113 80%,
#16090a 100%
);
background-size: 200% 200%;
filter: blur( 8px );
opacity: 0;
transition: opacity 200ms ease, filter 200ms ease;
}

.home-header__search .desktoponly {
margin-left: var( --space-xs );
}

.home-header__search:hover {
background: rgba( 12, 13, 17, 0.92 );
}

.home-header__search:hover::before {
opacity: 0.9;
filter: blur( 10px );
animation: home-search-red-glow 4.5s linear infinite;
}

@keyframes home-search-red-glow {
0% {
background-position: 0% 50%;
}
100% {
background-position: 200% 50%;
}
}

.home-header__searchIcon img {
margin-right: var( --space-md );
opacity: var( --opacity-icon-base );
}

.home-header__search .keyboard-key {
display: inline;
padding-top: 0.1em;
padding-bottom: 0.1em;
}

html.skin-citizen-dark .home-header__searchIcon img {
filter: invert( 1 );
}

@media ( hover: none ) {
.home-header__search .desktoponly {
display: none;
}
}

/* Main page 2-column layout */
.main-home-grid {
display: grid;
grid-template-areas:
"article"
"widgets";
gap: 0.625rem;
margin-top: 0.1rem;
}

@media ( min-width: 760px ) {
.main-home-grid {
grid-template-columns: minmax( 0, 1.45fr ) minmax( 320px, 0.95fr );
grid-template-areas: "article widgets";
align-items: start;
}
}

.article {
grid-area: article;
min-width: 0;
}

.widgets {
grid-area: widgets;
min-width: 0;
}

.widgets > .home-card + .home-card {
margin-top: 0.625rem;
}

.split-left {
grid-area: split-left;
}

.split-right {
grid-area: split-right;
}

.sub-home-grid {
display: grid;
margin-top: 0.625rem;
gap: 0.625rem;
grid-template-areas:
"split-left"
"split-right";
}

@media ( min-width: 700px ) {
.sub-home-grid {
grid-template-columns: 1fr 1fr;
grid-template-areas: "split-left split-right";
}
}

.home-grid {
display: grid;
grid: auto-flow dense / repeat( auto-fit, minmax( 9.375rem, 1fr ) );
grid-auto-rows: minmax( 3rem, auto );
grid-gap: var( --space-xs );
}

.home-grid--col2 {
grid-template-columns: 1fr 1fr;
}

.home-grid a.external {
background-image: none;
}

.home-badge {
display: flex;
gap: var( --space-xxs );
font-size: var( --font-size-x-small );
padding: var( --space-xxs ) var( --space-xs );
background: var( --color-surface-2 );
color: var( --color-base );
border-radius: var( --border-radius-base );
font-weight: var( --font-weight-normal );
letter-spacing: 0.025em;
line-height: var( --line-height-xxx-small );
}

.home-card,
.home-meta__item {
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
}

.home-card {
position: relative;
padding: var( --space-md );
border: 1px solid var( --border-color-base );
background: var( --color-surface-1 );
border-radius: var( --border-radius-medium );
font-size: var( --font-size-small );
}

.home-card table.timeline {
margin-top: var( --space-xs );
}

.home-card--col2 {
grid-column: span 2;
}

.home-card--row3 {
grid-row: span 3;
}

.home-card--row4 {
grid-row: span 4;
}

.home-card--row8 {
grid-row: span 8 / auto;
}

.home-card__badge,
.home-card__label {
color: var( --color-subtle );
font-size: var( --font-size-x-small );
letter-spacing: 0.05em;
}

.home-card__badge {
padding: var( --space-xxs ) var( --space-xs );
border-radius: var( --border-radius-base );
background: var( --color-surface-2 );
}

.home-card__header {
color: var( --color-emphasized );
font-size: 1rem;
font-weight: var( --font-weight-semi-bold );
line-height: var( --line-height-xxx-small );
}

.home-card__header a {
display: flex;
align-items: center;
justify-content: space-between;
}

.home-card__header a:after {
content: "▶";
font-size: var( --font-size-x-small );
}

.home-card__background {
position: absolute;
inset: 0;
}

.home-card__background:after {
position: absolute;
pointer-events: none;
inset: 0;
display: block;
background: linear-gradient( to right, #000, transparent );
content: "";
transition: transform 250ms ease;
}

.home-card__background picture,
.home-card__background img {
width: 100%;
height: 100%;
}

.home-card__background img {
object-fit: cover;
object-position: center;
}

.home-card__foreground {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: var( --space-md );
display: flex;
flex-direction: column;
justify-content: center;
gap: var( --space-xxs );
color: #fff;
line-height: var( --line-height-xxx-small );
pointer-events: none;
}

.home-card__foreground .home-card__badge {
position: absolute;
top: 0;
right: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
}

.home-card__foreground .home-card__header {
color: #fff;
}

.home-card__foreground .home-card__label {
color: #bababa;
}

.home-card p {
margin-top: var( --space-xs );
font-size: var( --font-size-small );
}

.home-card.home-card--button {
overflow: hidden;
padding: 0;
border: 0;
}

.home-card--button a {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
padding: 0 var( --space-md );
background: transparent;
color: #fff;
font-weight: var( --font-weight-medium );
}

.home-card--button .home-card__background a {
padding: 0;
}

.home-card--button img {
transition: transform 250ms ease;
}

.home-card--button:hover img {
transform: scale( 1.1 );
}

.home-link {
display: grid;
margin-top: var( --space-xs );
font-size: var( --font-size-small );
font-weight: var( --font-weight-medium );
grid-gap: var( --space-xs );
text-align: center;
}

.home-link__button {
display: flex;
}

.home-link__button a {
flex-grow: 1;
padding: var( --space-xs );
border: 1px solid var( --border-color-base );
background: var( --color-surface-2 );
border-radius: var( --border-radius-medium );
color: var( --color-emphasized ) !important;
line-height: var( --line-height-xxx-small );
text-decoration: none !important;
}

.home-link__button a:hover {
background: var( --color-surface-2--hover );
}

.home-link__button a:active {
background: var( --color-surface-2--active );
}

#home-content {
margin-top: 0;
}

.home-card .template-statsbar {
margin: 0;
}

/* Discord widget polish + spacing */
#home-discordwidget {
padding-top: 1rem;
}

.discord-widget-wrap {
display: flex;
justify-content: center;
margin-top: 0.95rem;
margin-bottom: 1rem;
padding-inline: 0.05rem;
}

#home-discordwidget #discord-widget {
width: 100%;
max-width: none;
}

#home-discordwidget iframe.responsive-iframe {
width: 100%;
border-radius: 8px;
overflow: hidden;
display: block;
min-height: 500px;
background: transparent;
}

#home-discordwidget .home-card__label {
margin-bottom: 1rem !important;
padding-left: 0.05rem;
}

#home-discordwidget .home-link__button-discord,
#home-discordwidget .home-link__button {
margin-top: 0.95rem !important;
}

.home-link__button-discord {
margin-top: 0.75rem;
}

#home-discordwidget a.external.text::after {
display: none;
}

/* Attribution: the footer utility rail borrows the "compact maintenance links"
idea from Citizen-theme main pages like starcitizen.tools, but uses original copy and styling. */
.home-meta {
display: grid;
gap: 0.75rem;
margin-top: 1.25rem;
}

@media ( min-width: 860px ) {
.home-meta {
grid-template-columns: 1.2fr 0.8fr 0.9fr;
}
}

.home-meta__item {
padding: 0.95rem 1rem;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-medium );
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
}

.home-meta__label {
margin-bottom: 0.35rem;
color: #c48a8f;
font-size: var( --font-size-x-small );
letter-spacing: 0.08em;
text-transform: uppercase;
}

.home-meta__text,
.home-meta__actions {
font-size: var( --font-size-small );
line-height: 1.5;
}

.home-meta__actions p {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0;
}

.home-meta__actions a {
display: inline-flex;
padding: 0.45rem 0.75rem;
border: 1px solid rgba( 137, 42, 48, 0.25 );
border-radius: 999px;
background: rgba( 54, 15, 21, 0.18 );
text-decoration: none;
background-image: none;
}

.home-meta__actions a:hover {
background: rgba( 82, 22, 28, 0.28 );
}

.home-meta__actions a.external::after {
display: none;
}

/* Citizen theme bridge
Keep the custom hero treatment, but let Citizen's own surface and text
tokens drive light, dark, and pure-black presentation. */

.home-header,
.home-meta,
#home-content {
--home-panel-shadow: 0 12px 28px rgba( 20, 23, 28, 0.08 );
--home-status-bg: rgba( 255, 255, 255, 0.74 );
--home-status-border: rgba( 140, 52, 64, 0.16 );
--home-status-label: #93444d;
--home-status-text: var( --color-emphasized );
--home-search-bg: rgba( 255, 255, 255, 0.84 );
--home-search-hover-bg: rgba( 255, 255, 255, 0.96 );
--home-search-border: rgba( 140, 52, 64, 0.12 );
--home-search-shadow: 0 18px 40px rgba( 34, 24, 28, 0.12 );
--home-search-icon-filter: none;
--home-meta-bg: var( --color-surface-1 );
--home-meta-border: rgba( 140, 52, 64, 0.12 );
--home-meta-label: #93444d;
--home-meta-text: var( --color-base );
--home-action-bg: rgba( 140, 52, 64, 0.08 );
--home-action-border: rgba( 140, 52, 64, 0.14 );
--home-action-hover: rgba( 140, 52, 64, 0.14 );
}

.home-card,
.home-meta__item {
box-shadow: var( --home-panel-shadow );
}

.home-header::after {
border-color: rgba( 140, 52, 64, 0.2 );
background:
radial-gradient( circle at top, rgba( 128, 18, 28, 0.24 ), transparent 55% ),
linear-gradient( 180deg, rgba( 22, 10, 15, 0.56 ), rgba( 10, 12, 18, 0.82 ) );
}

.home-header__pretitle {
color: #f1c4a6;
}

.home-header__title {
color: #fff;
text-shadow: 0 12px 34px rgba( 0, 0, 0, 0.48 );
}

.home-header__subtitle {
color: rgba( 245, 232, 236, 0.88 );
}

.home-header__status {
border-color: var( --home-status-border );
background: var( --home-status-bg );
box-shadow: var( --home-search-shadow );
}

.home-header__statusLabel {
color: var( --home-status-label );
}

.home-header__statusText {
color: var( --home-status-text );
}

.home-header__search {
border-color: var( --home-search-border );
background-color: var( --home-search-bg );
box-shadow: var( --home-search-shadow );
color: var( --color-emphasized );
}

.home-header__search:hover {
background: var( --home-search-hover-bg );
}

.home-header__searchText,
.home-header__search .desktoponly {
color: inherit;
}

.home-header__searchIcon img {
filter: var( --home-search-icon-filter );
opacity: 0.92;
}

.home-meta__item {
border-color: var( --home-meta-border );
background: var( --home-meta-bg );
color: var( --home-meta-text );
}

.home-meta__label {
color: var( --home-meta-label );
}

.home-meta__text,
.home-meta__actions {
color: var( --home-meta-text );
}

.home-meta__actions a {
border-color: var( --home-action-border );
background: var( --home-action-bg );
color: var( --color-emphasized );
}

.home-meta__actions a:hover {
background: var( --home-action-hover );
}

html.skin-theme-clientpref-night .home-header,
html.skin-theme-clientpref-night .home-meta,
html.skin-theme-clientpref-night #home-content,
html.skin-citizen-dark .home-header,
html.skin-citizen-dark .home-meta,
html.skin-citizen-dark #home-content {
--home-panel-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
--home-status-bg: rgba( 36, 15, 20, 0.8 );
--home-status-border: rgba( 201, 114, 123, 0.25 );
--home-status-label: #f1b8bd;
--home-status-text: #fff;
--home-search-bg: rgba( 14, 16, 22, 0.88 );
--home-search-hover-bg: rgba( 9, 10, 14, 0.94 );
--home-search-border: rgba( 255, 255, 255, 0.1 );
--home-search-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
--home-search-icon-filter: invert( 1 );
--home-meta-bg: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
--home-meta-border: rgba( 201, 114, 123, 0.14 );
--home-meta-label: #d6a0a4;
--home-meta-text: #eef2f6;
--home-action-bg: rgba( 88, 27, 34, 0.22 );
--home-action-border: rgba( 201, 114, 123, 0.26 );
--home-action-hover: rgba( 118, 35, 45, 0.34 );
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .home-header,
html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .home-meta,
html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 #home-content,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .home-header,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .home-meta,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 #home-content {
--home-status-bg: rgba( 7, 7, 8, 0.84 );
--home-search-bg: rgba( 6, 6, 7, 0.9 );
--home-search-hover-bg: rgba( 2, 2, 2, 0.96 );
--home-meta-bg: linear-gradient( 180deg, rgba( 10, 10, 10, 0.96 ), rgba( 0, 0, 0, 0.99 ) );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .home-header,
html.skin-theme-clientpref-os .home-meta,
html.skin-theme-clientpref-os #home-content {
--home-panel-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
--home-status-bg: rgba( 36, 15, 20, 0.8 );
--home-status-border: rgba( 201, 114, 123, 0.25 );
--home-status-label: #f1b8bd;
--home-status-text: #fff;
--home-search-bg: rgba( 14, 16, 22, 0.88 );
--home-search-hover-bg: rgba( 9, 10, 14, 0.94 );
--home-search-border: rgba( 255, 255, 255, 0.1 );
--home-search-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
--home-search-icon-filter: invert( 1 );
--home-meta-bg: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
--home-meta-border: rgba( 201, 114, 123, 0.14 );
--home-meta-label: #d6a0a4;
--home-meta-text: #eef2f6;
--home-action-bg: rgba( 88, 27, 34, 0.22 );
--home-action-border: rgba( 201, 114, 123, 0.26 );
--home-action-hover: rgba( 118, 35, 45, 0.34 );
}

html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .home-header,
html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .home-meta,
html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 #home-content {
--home-status-bg: rgba( 7, 7, 8, 0.84 );
--home-search-bg: rgba( 6, 6, 7, 0.9 );
--home-search-hover-bg: rgba( 2, 2, 2, 0.96 );
--home-meta-bg: linear-gradient( 180deg, rgba( 10, 10, 10, 0.96 ), rgba( 0, 0, 0, 0.99 ) );
}
}

Main Page

2026-04-11T18:33:57Z

DivošiRunner: Point main page to canonical shared stylesheet

{{Main_page/header}}
<templatestyles src="Template:Main_Page/shared/styles.css" />
__NOTOC__
<div id="home-content" class="main-home-grid">

<div class="article">

<div class="home-card">
<div class="home-card__label">Welcome</div>
<h3 class="home-card__header">Sarkic Cults Wiki</h3>
<p>The central documentation hub for Sarkic Cults lore, systems, projects, and community resources.</p>
<div class="home-link">
<div class="home-link__button">[[Special:AllPages|Browse all pages]]</div>
<div class="home-link__button">[[Special:RecentChanges|Recent changes]]</div>
<div class="home-link__button">[[Special:Random|Random page]]</div>
</div>
</div>

<div class="sub-home-grid">

<div class="split-left">
<div class="home-card">
<div class="home-card__label">Contribute</div>
<h3 class="home-card__header">Get Involved</h3>
<div class="home-link">
<div class="home-link__button">[[Special:CreateAccount|Create account]]</div>
<div class="home-link__button">[[Special:UserLogin|Log in]]</div>
<div class="home-link__button">[[Echoes_of_the_Flesh:Access_levels|Access levels]]</div>
<div class="home-link__button">[[Special:WantedPages|Wanted pages]]</div>
</div>
</div>
</div>

<div class="split-right">
<div class="home-card">
<div class="home-card__label">Site Tools</div>
<h3 class="home-card__header">Quick Actions</h3>
<div class="home-link">
<div class="home-link__button">[[Special:Categories|Categories]]</div>
<div class="home-link__button">[[Special:Log|Logs]]</div>
<div class="home-link__button">[[Special:ListUsers|User list]]</div>
<div class="home-link__button">[[Special:Version|Version]]</div>
</div>
</div>
</div>

</div>
</div>

<div class="widgets">
{{Main_page/ActivityWidget}}
{{Main_page/DiscordWidget}}
</div>

</div>

<div class="home-meta">
<div class="home-meta__item">
<div class="home-meta__label">{{Main page/settings|footerlabel}}</div>
<div class="home-meta__text">{{Main page/settings|footertext}}</div>
</div>
<div class="home-meta__item">
<div class="home-meta__label">Last updated</div>
<div class="home-meta__text">{{#time:j F Y|{{REVISIONTIMESTAMP}}}} at {{#time:H:i|{{REVISIONTIMESTAMP}}}}</div>
</div>
<div class="home-meta__item">
<div class="home-meta__label">Maintain</div>
<div class="home-meta__actions">[{{fullurl:{{FULLPAGENAME}}|action=edit}} Edit page] [{{fullurl:Template:Main_page/settings|action=edit}} Header settings]</div>
</div>
</div>

{{#seo:
| type = website
| title = Sarkic Cults Wiki
| title_mode = replace
| description = The information hub for the Sarkic Cults Roblox group.
| keywords = sarkic, scp, roblox, sarkic cult, discord, wiki
| locale = {{PAGELANGUAGE}}
| og:url = https://sarkic-cults.group/
}}

Template:Main page/header

2026-04-11T18:33:54Z

DivošiRunner: Point main page header to canonical shared stylesheet

<noinclude><templatestyles src="Template:Main Page/shared/styles.css" /></noinclude>
<div class="home-header">
<div class="home-header__pretitle">👋 {{Main page/settings|eyebrow}}</div>
<h1 class="home-header__title">Sarkic Cults Wiki</h1>
<div class="home-header__subtitle">{{Main page/settings|subtitle}}</div>
<div class="home-header__status">
<span class="home-header__statusLabel">{{Main page/settings|statuslabel}}</span>
<span class="home-header__statusText">{{Main page/settings|statustext}}</span>
</div>
<div class="home-header__search scw-gradient-glow citizen-search-trigger" role="button"><span class="home-header__searchIcon">[[File:WikimediaUI-Search.svg|16px|link=]]</span><span class="home-header__searchText">{{Main page/settings|searchtext}} <span class="desktoponly"><b>/</b></span></span></div>
</div>

Template:Main Page/shared/styles.css

2026-04-11T18:33:34Z

DivošiRunner: Replace stacked main-page theme patches with Citizen-aware stylesheet

MediaWiki:Citizen.css

2026-04-11T14:40:35Z

DivošiRunner: Fix light-mode footer, navigation, and settings panel surfaces

/* All CSS here will be loaded for users of the Citizen skin */
/* Attribution: portions of this stylesheet were informed by PrismParty,
starcitizen.tools, SCP Wiki/Wikidot resources, and Citizen documentation,
then adapted for Echoes of the Flesh. */

/* Imports
============================================================================================ */
/* Custom Pilesaran font adapted from SCP Wiki/Wikidot resources */
@font-face {
font-family: 'Pilesaran';
src: url('/resources/assets/fonts/Pilesaran.woff2') format('woff2'),
url('/resources/assets/fonts/Pilesaran.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* latin-ext */
@font-face {
font-family: 'Kreon';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/resources/assets/fonts/t5t9IRIUKY-TFF_LW5lnMR3v2DnvPNiWcz8el2c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kreon';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/resources/assets/fonts/t5t9IRIUKY-TFF_LW5lnMR3v2DnvPNiWfT8e.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/resources/assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58i-wi40.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/resources/assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-wg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Rokkitt';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DCGb-3vA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Rokkitt';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DMGb8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/w8gdH283Tvk__Lua32TysjIfqcuPP9g.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* minecraft */
@font-face {
font-family: 'Minecraft';
src: url('/resources/assets/fonts/Minecraft.woff2') format('woff2'),
url('/resources/assets/fonts/Minecraft.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* PrismParty display font */
@font-face {
font-family: 'PrismParty';
src: url('/resources/assets/fonts/PrismParty-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* ROOT VARIABLES
[ These are variables explicitly supported by the theme.
[ https://github.com/StarCitizenTools/mediawiki-skins-Citizen/wiki/Customizing-Citizen-styles
============================================================================================ */

/* Font replacements */
:root {
--font-family-base: 'Quicksand', sans-serif;
--font-family-alternate: 'Varela Round', monospace;
--font-family-serif: 'Kreon', serif;
}

/* Color replacements */
:root.skin-citizen-light {
--color-surface-0: #f2f4f7;
--color-surface-1: #f3f6fa;
--color-surface-2: #eaeef4;
--color-surface-3: #e3e7ed;
--color-surface-4: #c3c7cf;
--color-surface-5: #eaeef5;
/*--color-base: #f2f4f7;
--color-base--emphasized: #f2f4f7;
--color-base--subtle: #f2f4f7;*/
--prism-blue-0: #7bc1f8;
--prism-blue-1: #59a2eb;
--prism-blue-2: #2e79d6;
--prism-lime-1: #c0ee6f;
--background-color-warning: #f0e7d3;
}
:root.skin-citizen-dark, :root.skin-citizen-auto {
/*--color-surface-0: #f2f4f7;
--color-surface-1: #f3f6fa;
--color-surface-2: #eff2f6;
--color-surface-3: #e3e7ed;
--color-surface-4: #c3c7cf;*/
--color-surface-5: #181c21;
/*--color-base: #f2f4f7;
--color-base--emphasized: #f2f4f7;
--color-base--subtle: #f2f4f7;*/
--prism-blue-0: #7bc1f8;
--prism-blue-1: #59a2eb;
--prism-blue-2: #2e79d6;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
}

/* FONT OVERRIDES
[ These selectors are used to replace some font elements.
============================================================================================ */
/*p {font-family: var(--font-family-alternate);}*/

/* Logotype font */
.citizen-drawer__siteinfo, .mw-logo-wordmark {
font-family: PrismParty;
}

/* JAVASCRIPT MODS
[ These selectors are required for JavaScript modifications to function.
============================================================================================ */

/* Discord icon in header with hover effect */
.disc-icon {
background-image: url(/resources/assets/discord.svg);
background-repeat: no-repeat;
background-position: center;
opacity: var(--opacity-icon-base);
width: 40px;
height: 40px;
}
.disc-icon:hover {
transform: rotate3d(0,0,1,360deg);
transition: all .25s;
}
.skin-citizen-dark .disc-icon {
filter: var(--filter-invert);
}
#citizen-discord__buttonCheckbox > span:nth-child(1) {
visibility: hidden;
}
.citizen-header__buttonCheckbox {
cursor: pointer;
}

/* Remove duplicate logo icon*/
/*a.citizen-header__button > img:nth-child(1) {*/
/* display: none;*/
/*}*/

/* TEMPLATE MODS
[ These selectors adjust templates based heavily on the Citizen skin.
============================================================================================ */
/* Transition effect for prevblogs and prevupdate */
.mw-parser-output #home-card-prevblogs .wikitable tr > td:last-child,
.mw-parser-output #home-card-prevupdate .wikitable tr > td:last-child {
transition: var(--transition-menu);
transition-property: opacity,transform;
opacity: 0;
}
/*.mw-parser-output #home-card-prevblogs .wikitable tr > td:first-child:hover ~ td,
.mw-parser-output #home-card-prevupdate .wikitable tr > td:first-child:hover ~ td {
transform: translateY(-16px);
opacity: 1;
}

/* Do not transform date widget */
.mw-parser-output #home-card-prevupdate .wikitable tr > td:first-child:hover ~ td.prevupdate-date {
transform: translateY(0);
}

/* Homepage previous blogs widget - truncates titles */
#home-card-prevblogs .wikitable a {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

@media (max-width: 500px) {
#home-card-prevblogs h3.home-card__header a {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

#home-card-prevblogs h3.home-card__header a::after {
display: none;
}

.mw-parser-output #home-card-prevblogs .wikitable {
max-height: 14.68rem;
overflow: hidden scroll !important;
}
#home-card-prevblogs .wikitable a {
-webkit-line-clamp: 3 !important;
}
/* Remove hover on small size (glitched anyway due to overflow) */
.mw-parser-output #home-card-prevblogs .wikitable tr > td:first-child:hover ~ td {
display: none;
}
}

/* Fix darkskin icon for componentlink template */
.component-link__button a img {
filter: invert(1);
}

.template__bubble {
padding: 0.1rem 0.6rem;
margin-left: 0.4rem;
background: var(--color-surface-3);
border-radius: 100px;
font-size: 0.7125rem;
font-weight: 500;
text-transform: uppercase;
}

/* Logo Dark/Light switcher */

.skin-citizen-light .dark-logo {
display: none;
}

.skin-citizen-dark .light-logo, :root.skin-citizen-auto .light-logo {
display: none;
}

/* Homescreen only cubeol recolors */
.skin-citizen-dark .page-Home .mw-parser-output .default,
.skin-citizen-dark .page-Home .mw-parser-output .pink,
.skin-citizen-dark .page-Home .mw-parser-output .orange,
.skin-citizen-dark .page-Home .mw-parser-output .lime {
background-image: linear-gradient(to right,#6d281e 0%,#e0503d 51%,#6d281e 100%);
text-decoration: none;
text-shadow: none;
}

/* SIDEBAR MODS
[ These selectors modify sidebar elements of the Citizen theme.
============================================================================================ */

.citizen-header {
background-color: var(--color-surface-1);
}

.mw-echo-notifications-badge.mw-echo-notification-badge-nojs.oo-ui-icon-bell.mw-echo-notifications-badge-all-read {
transition: all 0.1s;
}

/* Drawer navigation polish
Attribution: sectioned drawer patterns here were informed by Citizen-based
wikis including starcitizen.tools and prismparty.net, then adapted locally. */
.citizen-drawer__menu .citizen-menu {
margin-bottom: 0.7rem;
padding: 0.2rem 0;
border: 1px solid rgba( 255, 255, 255, 0.03 );
border-radius: 1rem;
background: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
}

.citizen-drawer__menu .citizen-menu__heading {
padding: 0 0.95rem 0.35rem;
margin-bottom: 0.2rem;
color: #c48a8f;
font-size: 0.72rem;
font-weight: var( --font-weight-medium );
letter-spacing: 0.08em;
text-decoration: none;
text-transform: uppercase;
}

.citizen-drawer__menu .citizen-menu__content-list {
gap: 0.15rem;
}

.citizen-drawer__menu .mw-list-item a {
margin: 0 0.45rem;
padding: 0.6rem 0.75rem;
border-radius: 0.8rem;
display: flex;
align-items: center;
gap: 0.7rem;
transition: background 180ms ease, transform 180ms ease;
}

.citizen-drawer__menu .mw-list-item a:hover {
background: rgba( 92, 24, 31, 0.14 );
transform: translateX( 2px );
}

.citizen-drawer__menu {
--icon-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 10.5 12 4l7.5 6.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 9.5V20h10V9.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12a8 8 0 1 0 2.4-5.7' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M4 4v5h5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8v4l3 2' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-dice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='5' width='14' height='14' rx='2.8' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Ccircle cx='9' cy='9' r='1.2' fill='%23000'/%3E%3Ccircle cx='15' cy='15' r='1.2' fill='%23000'/%3E%3Ccircle cx='9' cy='15' r='1.2' fill='%23000'/%3E%3Ccircle cx='15' cy='9' r='1.2' fill='%23000'/%3E%3C/svg%3E");
--icon-article: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='4.5' width='14' height='15' rx='2' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M8.5 9h7M8.5 12h7M8.5 15h4.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-post-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='4.5' width='14' height='15' rx='2' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M8.5 10h5M8.5 13h5M16.5 9v6M13.5 12h6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4.5' y='6' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Crect x='13' y='6' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Crect x='8.75' y='13.5' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E");
--icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5.2 20 19H4z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M12 9.5v4.5M12 17h.01' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-verified-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5 18 7v4.8c0 3.4-2.2 6.5-6 7.7-3.8-1.2-6-4.3-6-7.7V7z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m9.3 12.1 1.8 1.8 3.6-3.8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7.5' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M12 10.2v5M12 8h.01' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-group: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='10' r='3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Ccircle cx='16' cy='9' r='2.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M4.5 18c.9-2.3 2.8-3.5 5.5-3.5s4.6 1.2 5.5 3.5M14.3 15.1c1.7.2 3 .9 4 2.3' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-tune: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6h12M6 12h12M6 18h12' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='6' r='1.8' fill='%23000'/%3E%3Ccircle cx='15' cy='12' r='1.8' fill='%23000'/%3E%3Ccircle cx='11' cy='18' r='1.8' fill='%23000'/%3E%3C/svg%3E");
--icon-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15V6M8.5 9.5 12 6l3.5 3.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 18.5h14' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-policy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4.5h6l4 4v9a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5V9h4M9 13h6M9 16h4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-gavel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.5 6 4.5 4.5M11 8.5l4.5 4.5M4.5 19.5l8-8M12.3 5.3l2.4-2.3 5.3 5.3-2.3 2.4M9.8 7.8l2.4-2.3 5.3 5.3-2.3 2.4M3.8 20.2h8.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-discord: url("/resources/assets/discord.svg");
--icon-roblox: url("/resources/assets/roblox.svg");
}

.citizen-drawer__menu .mw-list-item a .citizen-ui-icon {
display: none;
}

.citizen-drawer__menu .mw-list-item a::before {
content: "";
display: inline-block;
flex: 0 0 1.1rem;
width: 1.1rem;
height: 1.1rem;
background-color: currentColor;
mask-image: var( --drawer-icon );
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
-webkit-mask-image: var( --drawer-icon );
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
opacity: 0.84;
}

#n-mainpage-description,
#n-Home {
--drawer-icon: var( --icon-home );
}

#n-recentchanges,
#n-Recent-changes {
--drawer-icon: var( --icon-history );
}

#n-randompage,
#n-Random-page {
--drawer-icon: var( --icon-dice );
}

#n-All-pages {
--drawer-icon: var( --icon-article );
}

#n-New-pages {
--drawer-icon: var( --icon-post-add );
}

#n-Categories {
--drawer-icon: var( --icon-category );
}

#n-Wanted-pages {
--drawer-icon: var( --icon-warning );
}

#n-Access-levels {
--drawer-icon: var( --icon-verified-user );
}

#n-About-the-wiki {
--drawer-icon: var( --icon-info );
}

#n-User-list {
--drawer-icon: var( --icon-group );
}

#n-Roblox-groups {
--drawer-icon: var( --icon-group );
}

#n-Roblox {
--drawer-icon: var( --icon-roblox );
}

#t-specialpages {
--drawer-icon: var( --icon-tune );
}

#t-upload {
--drawer-icon: var( --icon-upload );
}

#n-Special-pages {
--drawer-icon: var( --icon-tune );
}

#n-Upload-file {
--drawer-icon: var( --icon-upload );
}

#n-Privacy-policy {
--drawer-icon: var( --icon-policy );
}

#n-Disclaimers {
--drawer-icon: var( --icon-gavel );
}

#n-Discord {
--drawer-icon: var( --icon-discord );
}

/* Adds bottom row to menu */
.mw-portlet-External {
margin-top: 0.9rem;
padding: 0.65rem 0 0;
border-top: 1px solid var( --border-color-base );
font-size: 0.8125rem;
grid-column: 1 / -1;
white-space: nowrap;
position: sticky;
bottom: -0.55rem;
background: var( --color-surface-5 );
}

@media only screen and (max-width: 553px) {
.mw-portlet-External {
padding-bottom: 0.56rem;
}
}
/* Stop weird scrolling behavior */
.mw-portlet-External {
margin-bottom: -2rem;
padding-bottom: 0.5rem;
}

.mw-portlet-External .citizen-menu__heading {
display: none;
}
.mw-portlet-External ul {
display: flex;
gap: 0.45rem;
overflow: auto;
padding-inline: 0.35rem;
}
.mw-portlet-External .mw-list-item a {
gap: 0.45rem;
padding: 0.5rem 0.75rem;
border: 1px solid rgba( 255, 255, 255, 0.06 );
border-radius: 999px;
background: rgba( 255, 255, 255, 0.03 );
}

/* Small size external full width */
@media only screen and (max-width: 553px) {
.citizen-drawer__menu {
display: initial;
}
.citizen-drawer__menu .citizen-menu {
width: 100%;
margin: 0 0 var(--space-sm);
}
.mw-portlet-External {
margin-bottom: -2.5rem;
}
}

/* Label */
.citizen-drawer__menu [id^="n-sidebar-label-"] a {
pointer-events: none;
margin-left: var( --space-xs );
padding-left: var( --space-md );
padding-right: var( --space-xs );
border-left: 1px solid var( --border-color-base );
border-radius: 0;
letter-spacing: 0.05em;
font-weight: var( --font-weight-normal );
color: var( --color-base--subtle ) !important;
}

/* Icons */
.citizen-drawer__menu [id^="n-sidebar-icon-"] a {
font-size: 0;
}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
display: block;
content: "";
width: var( --size-icon );
height: var( --size-icon );
background: transparent center/contain no-repeat;
opacity: var( --opacity-icon-base );
}

.citizen-ui-icon.mw-ui-icon-discord {
background-image: url(/resources/assets/discord.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.6;
}

.skin-citizen-dark .citizen-ui-icon.mw-ui-icon-discord, .skin-citizen-auto .citizen-ui-icon.mw-ui-icon-discord {
filter: invert( 1 );
}

.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
.skin-citizen-auto .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
filter: invert( 1 );
}

/* Bottom menu icons */
#n-sidebar-icon-discord a:before {background-image: url('/resources/assets/discord.svg')}

/* Redundant alert/breaks sidebar*/
.mw-echo-alert {
display: none;
}

/* HEADER/FOOTER MODS
[ These selectors modify header elements of the Citizen theme, normal and sticky.
============================================================================================ */

/* Backdrop filter on sticky header */
.citizen-page-header::before {
backdrop-filter: saturate(50%) blur(16px);
border-radius: 0 0 var(--border-radius--large) var(--border-radius--large);
}
/* Margin to move down the list */
.citizen-footer ul {
margin-top: 1rem;
}
.page-Home .mw-body-footer {
display: none;
}

.page-Home .firstHeading {
font-family: 'PrismParty' !important;
}

/* New colors */
.citizen-header, #citizen-pref-panel, .citizen-userMenu .citizen-menu__card, .citizen-menu__card, .mw-portlet-External {
background-color: var(--color-surface-5);
}

/* Pure black */
.citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-header, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark #citizen-pref-panel, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-userMenu .citizen-menu__card, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-menu__card, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .mw-portlet-External {
background-color: #08090a;
}

/* FIXES
[ These selectors "fix" buggy or unusable elements.
============================================================================================ */

/* Hide in-article toc */
#toc {
display: none;
}

/* Fix prevblogs side overflow bug */
#home-card-prevblogs .citizen-overflow--right, #home-card-prevupdate .citizen-overflow--right {
-webkit-mask-image: initial;
mask-image: initial;
}

/* Make TemplateData editor popup above all else on page */
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
z-index: 999;
}

/* Missing category colors */
.catlinks li > a.new:hover {
color: #fff;
}

/* Fixes forum search bar in FireFox*/
#mw-wikiforum-searchbox-border {
display: inline-flex;
}

/* Visual Editor template show more button fix */
.skin-citizen .ve-ui-expandableContent-toggle {
background-color: var(--color-surface-1);
}

/* Make inactive vote more readable */
.ajaxpoll .ajaxpoll-answer-vote div {
background: var(--border-color-base);
}
.ajaxpoll .ajaxpoll-our-vote div {
background: var(--background-color-primary--active);
}
.page-Home .ajaxpoll {
margin: 0 -1.5rem -2rem -1.5rem;
}

/* Overflow visible on preview elements */
#home-card-prevblogs .citizen-table-wrapper,
#home-card-prevupdate .citizen-table-wrapper {
overflow-x: visible;
}

/* Darkmode for structured discussions */
.flow-topic-titlebar {
background-color: var(--color-surface-3);
border-radius: var(--border-radius--medium);
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
}

.flow-post .flow-post-content {
word-break: break-word;
color: var(--color-base);
}

div > .flow-menu ul {
border: none;
background-color: var(--color-surface-1);
box-shadow: var(--box-shadow-dialog);
border-radius: var(--border-radius--medium);
}

.flow-post .flow-author .mw-usertoollinks {
opacity: 0;
transition: opacity 0.25s ease;
color: var(--color-base);
}

div.mw-gallery-slideshow-img-container a.image {
height: auto;
max-width: 100%;
}

/*Source editor drop down selections*/
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--background-color-primary--hover);
}

/* Source editor upload form */
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-top: none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: inherit !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: inherit !important;
}
.mw-upload-bookletLayout-filePreview {
background-color: var(--color-surface-2--hover);
}

/* FORUMS
[ These selectors restyle the forums interface
============================================================================================ */
/* Main display */

table.mw-wikiforum-frame {
padding: 15px 15px 0 15px;
background: var(--color-surface-1);
border-radius: 8px;
border: none;
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
}

td.mw-wikiforum-innerframe, th.mw-wikiforum-title, th.mw-wikiforum-admin, th.mw-wikiforum-value, th.mw-wikiforum-lastpost {
border-bottom: unset;
border-top: unset;
border: unset;
}
/* Forum title radius background */
tr.mw-wikiforum-title {
background: none;
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-title {
background: var(--color-surface-2);
border-top-left-radius: var(--border-radius--large);
border-bottom-left-radius: var(--border-radius--large);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-admin, table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-value, table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-value {
background: var(--color-surface-2);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-lastpost {
background: var(--color-surface-2);
border-top-right-radius: var(--border-radius--large);
border-bottom-right-radius: var(--border-radius--large);
}

td.mw-wikiforum-title, td.mw-wikiforum-admin, td.mw-wikiforum-value, td.mw-wikiforum-lastpost {
border-bottom: 1px solid var(--border-color-base);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-title, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-admin, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-value, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-lastpost {
border-bottom: none;
}

/* Icons from icons8.com*/
p.mw-wikiforum-valuetitle a img, td.mw-wikiforum-rightside img, p.mw-wikiforum-issue img, tr.mw-wikiforum-marked td.mw-wikiforum-admin a img, div#mw-wikiforum-searchbox-border img#mw-wikiforum-searchbox-picture, th.mw-wikiforum-title a img, td.mw-wikiforum-title p.mw-wikiforum-thread img {
width: 1.3rem;
}
/* Locked thread icon*/
table.mw-wikiforum-frame:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > img:nth-child(1) {
width: 1.5rem;
}
/* Social Icon */
td.mw-wikiforum-thread-main div.wikiforum-avatar-image img.mw-socialprofile-avatar {
width: 5.5rem;
border-radius: 8px;
}
/* main thread edits */
td.mw-wikiforum-thread-main {
padding: unset;
border: unset;
background: unset;
}
table.mw-wikiforum-posted {
color: var(--color-base--subtle);
font-family: var(--font-family-base)
font-size: 0.6rem;
border-top: 1px solid var(--border-color-base);
margin-bottom: unset;
}
th.mw-wikiforum-thread-top {
font-weight: normal;
background: var(--color-surface-2);
border-radius: var(--border-radius--medium);
border: 1px solid var(--border-color-base);
margin-bottom: 15px;
display: block;
}
tr.mw-wikiforum-sticky {
background: unset;
}
tr.mw-wikiforum-normal {
background: none;
}
td.mw-wikiforum-thread-main, td.mw-wikiforum-thread-sub {
word-break: unset;
}

td.mw-wikiforum-thread-sub {
padding: 0px 10px;
border: 1px solid var(--border-color-base);
background: var(--color-surface-2);
border-radius: var(--border-radius--small);
}

#mw-wikiforum-searchbox-border {
border: 1px solid var(--border-color-base);
background: var(--color-surface-2);
border-radius: var(--border-radius--small);
}

/* 'Invalid 'property from: Template:Scrollbox/styles.css */
.mw-parser-output .scrollbox__container::before {
box-shadow: inset 8px 0 12px -4px var(--color-surface-0), inset -8px 0 6px -4px var(--color-surface-0);
}

/* Template:SymbolicIcon */
.skin-citizen-dark .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert(1);
}

.page-Guide_Getting_Started .card-button a.external.text {
color: white;
}

/* Remove auto color mode */
#skin-client-prefs-skin-theme > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) > form:nth-child(1) {
grid-template-columns: repeat(2,1fr);
}
#skin-client-prefs-skin-theme > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) > form:nth-child(1) > div:nth-child(1) {
display: none;
}

/* Editor text selection */
.ve-ce-attachedRootNode::selection, .ve-ce-attachedRootNode ::selection {
background: rgba(109,169,247,0.5) !important;
}

/* Cookie window size*/
.mw-cookiewarning-container {
background-color: var(--color-surface-5);
max-width: 30rem;
}

/* Drawer popup sizing
Keep the desktop navigation card sized to its actual menu content instead
of forcing a wide, tall panel. */
@media screen and (min-width: 1120px) {
#citizen-drawer__card {
width: fit-content;
max-width: min( calc( 100vw - 1rem ), 68rem );
height: auto;
min-height: 0;
}

#citizen-drawer__card .citizen-menu__card-content,
#citizen-drawer__card #citizen-main-menu {
width: fit-content;
min-width: 0;
}
}

/* Template styles override for wide layout homepage */
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 15.375rem, 1fr ) )!important;
}
@media (max-width:1644px) and (min-width:1405px) {
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 18.375rem, 1fr ) )!important;
}
}
@media (max-width:1660px) and (min-width:1645px) {
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 21.375rem, 1fr ) )!important;
}
}

/* Citizen polish
Attribution: the preferences menu, page-info card, and footer control treatments
below were informed by Citizen implementations on starcitizen.tools and refined
to fit Echoes of the Flesh. */
.citizen-preferences .citizen-dropdown-summary,
.citizen-preferences-dropdown .citizen-dropdown-summary {
border: 1px solid transparent;
border-radius: 999px;
transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.citizen-preferences .citizen-dropdown-summary:hover,
.citizen-preferences-dropdown .citizen-dropdown-summary:hover {
border-color: rgba( 137, 42, 48, 0.3 );
background: rgba( 62, 17, 23, 0.16 );
box-shadow: 0 10px 30px rgba( 38, 8, 13, 0.18 );
}

#citizen-preferences__card,
#citizen-preferences-dropdown__card {
border: 1px solid var( --border-color-base );
border-radius: 1.25rem;
background: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
box-shadow: 0 20px 50px rgba( 5, 7, 10, 0.3 );
}

.citizen-page-footer .page-info {
display: grid;
gap: 0.75rem;
}

@media (min-width: 860px) {
.citizen-page-footer .page-info {
grid-template-columns: repeat( auto-fit, minmax( 15rem, 1fr ) );
}
}

.citizen-page-footer .page-info__item {
padding: 0.95rem 1rem;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-medium );
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.92 ), rgba( 12, 13, 18, 0.98 ) );
}

.citizen-page-footer .page-info__label {
margin-bottom: 0.3rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}

#footer-places ul {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 0.9rem;
padding: 0;
}

#footer-places li {
list-style: none;
}

#footer-places a {
display: inline-flex;
padding: 0.45rem 0.8rem;
border: 1px solid var( --border-color-base );
border-radius: 999px;
background: var( --color-surface-2 );
text-decoration: none;
}

#footer-icons .cdx-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.35rem 0.45rem;
border-radius: 0.75rem;
background: transparent;
transition: background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

#footer-icons .cdx-button:hover {
background: rgba( 255, 255, 255, 0.04 );
box-shadow: 0 0 0 1px rgba( 255, 255, 255, 0.08 );
transform: translateY( -1px );
}

/* Theme compatibility patch
Align custom Citizen overrides with the current client preference classes
so light, dark, and AMOLED all receive the intended palette. */

:root,
:root.skin-theme-clientpref-day,
:root.skin-citizen-light,
:root.skin-theme-clientpref-os {
--color-surface-5: #eaeef5;
--prism-lime-1: #c0ee6f;
--background-color-warning: #f0e7d3;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 255, 255, 255, 0.96 ), rgba( 241, 244, 249, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 255, 255, 255, 0.92 ), rgba( 243, 246, 250, 0.98 ) );
--scw-chip-border: rgba( 21, 26, 33, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.78 );
--scw-footer-hover: rgba( 92, 24, 31, 0.08 );
--scw-footer-hover-ring: rgba( 92, 24, 31, 0.12 );
}

:root.skin-theme-clientpref-night,
:root.skin-citizen-dark {
--color-surface-5: #181c21;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.06 );
--scw-chip-bg: rgba( 255, 255, 255, 0.03 );
--scw-footer-hover: rgba( 255, 255, 255, 0.04 );
--scw-footer-hover-ring: rgba( 255, 255, 255, 0.08 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os {
--color-surface-5: #181c21;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.06 );
--scw-chip-bg: rgba( 255, 255, 255, 0.03 );
--scw-footer-hover: rgba( 255, 255, 255, 0.04 );
--scw-footer-hover-ring: rgba( 255, 255, 255, 0.08 );
}
}

:root.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1,
:root.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 {
--scw-panel-gradient: linear-gradient( 180deg, rgba( 8, 9, 10, 0.99 ), rgba( 0, 0, 0, 0.99 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 11, 12, 14, 0.94 ), rgba( 0, 0, 0, 0.99 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.02 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 {
--scw-panel-gradient: linear-gradient( 180deg, rgba( 8, 9, 10, 0.99 ), rgba( 0, 0, 0, 0.99 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 11, 12, 14, 0.94 ), rgba( 0, 0, 0, 0.99 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.02 );
}
}

.citizen-drawer__menu .citizen-menu {
border-color: var( --border-color-base );
background: var( --scw-panel-gradient-soft );
box-shadow: var( --box-shadow-dialog );
}

.mw-portlet-External .mw-list-item a {
border-color: var( --scw-chip-border );
background: var( --scw-chip-bg );
}

#citizen-preferences__card,
#citizen-preferences-dropdown__card {
background: var( --scw-panel-gradient );
}

.citizen-page-footer .page-info__item {
background: var( --scw-panel-gradient );
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.08 );
}

#footer-icons .cdx-button:hover {
background: var( --scw-footer-hover );
box-shadow: 0 0 0 1px var( --scw-footer-hover-ring );
}

:root.skin-theme-clientpref-night .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-citizen-dark .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-night .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-night .infobox-player__commenticon div.infobox-player__commenticon-inner a img,
:root.skin-citizen-dark .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert( 1 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-os .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-os .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert( 1 );
}
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-os .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-os .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: none;
}
}

:root.skin-theme-clientpref-day .dark-logo,
:root.skin-citizen-light .dark-logo {
display: none;
}

:root.skin-theme-clientpref-night .light-logo,
:root.skin-citizen-dark .light-logo {
display: none;
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .dark-logo {
display: none;
}

:root.skin-theme-clientpref-os .light-logo {
display: initial;
}
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os .light-logo {
display: none;
}

:root.skin-theme-clientpref-os .dark-logo {
display: initial;
}
}

/* Global button contrast patch for light mode. */

:root.skin-theme-clientpref-day .mw-portlet-External .mw-list-item a,
:root.skin-citizen-light .mw-portlet-External .mw-list-item a,
:root.skin-theme-clientpref-day #footer-icons .cdx-button,
:root.skin-citizen-light #footer-icons .cdx-button,
:root.skin-theme-clientpref-day .citizen-preferences .citizen-dropdown-summary,
:root.skin-theme-clientpref-day .citizen-preferences-dropdown .citizen-dropdown-summary,
:root.skin-citizen-light .citizen-preferences .citizen-dropdown-summary,
:root.skin-citizen-light .citizen-preferences-dropdown .citizen-dropdown-summary {
border-color: rgba( 92, 24, 31, 0.14 );
background: rgba( 255, 255, 255, 0.9 );
color: var( --color-emphasized );
box-shadow: 0 8px 22px rgba( 20, 23, 28, 0.06 );
}

:root.skin-theme-clientpref-day .mw-portlet-External .mw-list-item a:hover,
:root.skin-citizen-light .mw-portlet-External .mw-list-item a:hover,
:root.skin-theme-clientpref-day #footer-icons .cdx-button:hover,
:root.skin-citizen-light #footer-icons .cdx-button:hover {
border-color: rgba( 92, 24, 31, 0.2 );
background: rgba( 255, 255, 255, 0.98 );
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .mw-portlet-External .mw-list-item a,
:root.skin-theme-clientpref-os #footer-icons .cdx-button,
:root.skin-theme-clientpref-os .citizen-preferences .citizen-dropdown-summary,
:root.skin-theme-clientpref-os .citizen-preferences-dropdown .citizen-dropdown-summary {
border-color: rgba( 92, 24, 31, 0.14 );
background: rgba( 255, 255, 255, 0.9 );
color: var( --color-emphasized );
box-shadow: 0 8px 22px rgba( 20, 23, 28, 0.06 );
}

:root.skin-theme-clientpref-os .mw-portlet-External .mw-list-item a:hover,
:root.skin-theme-clientpref-os #footer-icons .cdx-button:hover {
border-color: rgba( 92, 24, 31, 0.2 );
background: rgba( 255, 255, 255, 0.98 );
}
}

/* Light surface recovery patch
Force the footer, navigation drawer, and preferences panel to use
light surfaces with readable text in day mode and auto-light mode. */

:root.skin-theme-clientpref-day,
:root.skin-citizen-light {
--scw-light-panel-gradient: linear-gradient( 180deg, rgba( 255, 255, 255, 0.97 ), rgba( 241, 244, 249, 0.99 ) );
--scw-light-panel-gradient-soft: linear-gradient( 180deg, rgba( 255, 255, 255, 0.94 ), rgba( 245, 247, 251, 0.99 ) );
--scw-light-chip-bg: rgba( 255, 255, 255, 0.88 );
--scw-light-chip-border: rgba( 92, 24, 31, 0.14 );
--scw-light-hover: rgba( 92, 24, 31, 0.08 );
--scw-light-shadow: 0 12px 28px rgba( 20, 23, 28, 0.08 );
--scw-light-heading: #9b4d55;
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os {
--scw-light-panel-gradient: linear-gradient( 180deg, rgba( 255, 255, 255, 0.97 ), rgba( 241, 244, 249, 0.99 ) );
--scw-light-panel-gradient-soft: linear-gradient( 180deg, rgba( 255, 255, 255, 0.94 ), rgba( 245, 247, 251, 0.99 ) );
--scw-light-chip-bg: rgba( 255, 255, 255, 0.88 );
--scw-light-chip-border: rgba( 92, 24, 31, 0.14 );
--scw-light-hover: rgba( 92, 24, 31, 0.08 );
--scw-light-shadow: 0 12px 28px rgba( 20, 23, 28, 0.08 );
--scw-light-heading: #9b4d55;
}
}

:root.skin-theme-clientpref-day .citizen-drawer__menu .citizen-menu,
:root.skin-citizen-light .citizen-drawer__menu .citizen-menu,
:root.skin-theme-clientpref-day #citizen-preferences__card,
:root.skin-citizen-light #citizen-preferences__card,
:root.skin-theme-clientpref-day #citizen-preferences-dropdown__card,
:root.skin-citizen-light #citizen-preferences-dropdown__card,
:root.skin-theme-clientpref-day .citizen-page-footer .page-info__item,
:root.skin-citizen-light .citizen-page-footer .page-info__item,
:root.skin-theme-clientpref-day .mw-portlet-External,
:root.skin-citizen-light .mw-portlet-External {
border-color: rgba( 92, 24, 31, 0.1 );
background: var( --scw-light-panel-gradient-soft );
box-shadow: var( --scw-light-shadow );
}

:root.skin-theme-clientpref-day .citizen-page-footer .page-info__item,
:root.skin-citizen-light .citizen-page-footer .page-info__item {
background: var( --scw-light-panel-gradient );
}

:root.skin-theme-clientpref-day .citizen-drawer__menu .citizen-menu__heading,
:root.skin-citizen-light .citizen-drawer__menu .citizen-menu__heading,
:root.skin-theme-clientpref-day .citizen-page-footer .page-info__label,
:root.skin-citizen-light .citizen-page-footer .page-info__label,
:root.skin-theme-clientpref-day .citizen-preferences-section__heading,
:root.skin-citizen-light .citizen-preferences-section__heading {
color: var( --scw-light-heading );
}

:root.skin-theme-clientpref-day .citizen-drawer__menu .mw-list-item a,
:root.skin-citizen-light .citizen-drawer__menu .mw-list-item a,
:root.skin-theme-clientpref-day .citizen-page-footer .page-info__item,
:root.skin-citizen-light .citizen-page-footer .page-info__item,
:root.skin-theme-clientpref-day .citizen-page-footer .page-info__item a,
:root.skin-citizen-light .citizen-page-footer .page-info__item a,
:root.skin-theme-clientpref-day #footer-desc,
:root.skin-citizen-light #footer-desc,
:root.skin-theme-clientpref-day #footer-tagline,
:root.skin-citizen-light #footer-tagline,
:root.skin-theme-clientpref-day .citizen-preferences,
:root.skin-citizen-light .citizen-preferences,
:root.skin-theme-clientpref-day .citizen-preferences .cdx-label__label__text,
:root.skin-citizen-light .citizen-preferences .cdx-label__label__text,
:root.skin-theme-clientpref-day .citizen-preferences .cdx-label__description,
:root.skin-citizen-light .citizen-preferences .cdx-label__description {
color: var( --color-base );
}

:root.skin-theme-clientpref-day .citizen-drawer__menu .mw-list-item a:hover,
:root.skin-citizen-light .citizen-drawer__menu .mw-list-item a:hover,
:root.skin-theme-clientpref-day .mw-portlet-External .mw-list-item a:hover,
:root.skin-citizen-light .mw-portlet-External .mw-list-item a:hover,
:root.skin-theme-clientpref-day #footer-places a:hover,
:root.skin-citizen-light #footer-places a:hover,
:root.skin-theme-clientpref-day .citizen-preferences .citizen-dropdown-summary:hover,
:root.skin-citizen-light .citizen-preferences .citizen-dropdown-summary:hover,
:root.skin-theme-clientpref-day .citizen-preferences-dropdown .citizen-dropdown-summary:hover,
:root.skin-citizen-light .citizen-preferences-dropdown .citizen-dropdown-summary:hover {
background: rgba( 92, 24, 31, 0.08 );
}

:root.skin-theme-clientpref-day .mw-portlet-External .mw-list-item a,
:root.skin-citizen-light .mw-portlet-External .mw-list-item a,
:root.skin-theme-clientpref-day #footer-places a,
:root.skin-citizen-light #footer-places a,
:root.skin-theme-clientpref-day .citizen-preferences-card,
:root.skin-citizen-light .citizen-preferences-card,
:root.skin-theme-clientpref-day .citizen-preferences .citizen-dropdown-summary,
:root.skin-citizen-light .citizen-preferences .citizen-dropdown-summary,
:root.skin-theme-clientpref-day .citizen-preferences-dropdown .citizen-dropdown-summary,
:root.skin-citizen-light .citizen-preferences-dropdown .citizen-dropdown-summary {
border-color: var( --scw-light-chip-border );
background: var( --scw-light-chip-bg );
color: var( --color-emphasized );
box-shadow: 0 8px 22px rgba( 20, 23, 28, 0.06 );
}

:root.skin-theme-clientpref-day .citizen-preferences-card__label,
:root.skin-citizen-light .citizen-preferences-card__label {
color: var( --color-base--subtle );
}

:root.skin-theme-clientpref-day .citizen-preferences .cdx-select-vue__handle,
:root.skin-citizen-light .citizen-preferences .cdx-select-vue__handle,
:root.skin-theme-clientpref-day .citizen-preferences .cdx-text-input__input,
:root.skin-citizen-light .citizen-preferences .cdx-text-input__input {
border-color: rgba( 92, 24, 31, 0.14 );
background: #fff;
color: var( --color-emphasized );
}

:root.skin-theme-clientpref-day .citizen-preferences .cdx-toggle-switch,
:root.skin-citizen-light .citizen-preferences .cdx-toggle-switch {
background-color: rgba( 21, 26, 33, 0.14 );
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .citizen-drawer__menu .citizen-menu,
:root.skin-theme-clientpref-os #citizen-preferences__card,
:root.skin-theme-clientpref-os #citizen-preferences-dropdown__card,
:root.skin-theme-clientpref-os .citizen-page-footer .page-info__item,
:root.skin-theme-clientpref-os .mw-portlet-External {
border-color: rgba( 92, 24, 31, 0.1 );
background: var( --scw-light-panel-gradient-soft );
box-shadow: var( --scw-light-shadow );
}

:root.skin-theme-clientpref-os .citizen-page-footer .page-info__item {
background: var( --scw-light-panel-gradient );
}

:root.skin-theme-clientpref-os .citizen-drawer__menu .citizen-menu__heading,
:root.skin-theme-clientpref-os .citizen-page-footer .page-info__label,
:root.skin-theme-clientpref-os .citizen-preferences-section__heading {
color: var( --scw-light-heading );
}

:root.skin-theme-clientpref-os .citizen-drawer__menu .mw-list-item a,
:root.skin-theme-clientpref-os .citizen-page-footer .page-info__item,
:root.skin-theme-clientpref-os .citizen-page-footer .page-info__item a,
:root.skin-theme-clientpref-os #footer-desc,
:root.skin-theme-clientpref-os #footer-tagline,
:root.skin-theme-clientpref-os .citizen-preferences,
:root.skin-theme-clientpref-os .citizen-preferences .cdx-label__label__text,
:root.skin-theme-clientpref-os .citizen-preferences .cdx-label__description {
color: var( --color-base );
}

:root.skin-theme-clientpref-os .citizen-drawer__menu .mw-list-item a:hover,
:root.skin-theme-clientpref-os .mw-portlet-External .mw-list-item a:hover,
:root.skin-theme-clientpref-os #footer-places a:hover,
:root.skin-theme-clientpref-os .citizen-preferences .citizen-dropdown-summary:hover,
:root.skin-theme-clientpref-os .citizen-preferences-dropdown .citizen-dropdown-summary:hover {
background: rgba( 92, 24, 31, 0.08 );
}

:root.skin-theme-clientpref-os .mw-portlet-External .mw-list-item a,
:root.skin-theme-clientpref-os #footer-places a,
:root.skin-theme-clientpref-os .citizen-preferences-card,
:root.skin-theme-clientpref-os .citizen-preferences .citizen-dropdown-summary,
:root.skin-theme-clientpref-os .citizen-preferences-dropdown .citizen-dropdown-summary {
border-color: var( --scw-light-chip-border );
background: var( --scw-light-chip-bg );
color: var( --color-emphasized );
box-shadow: 0 8px 22px rgba( 20, 23, 28, 0.06 );
}

:root.skin-theme-clientpref-os .citizen-preferences-card__label {
color: var( --color-base--subtle );
}

:root.skin-theme-clientpref-os .citizen-preferences .cdx-select-vue__handle,
:root.skin-theme-clientpref-os .citizen-preferences .cdx-text-input__input {
border-color: rgba( 92, 24, 31, 0.14 );
background: #fff;
color: var( --color-emphasized );
}

:root.skin-theme-clientpref-os .citizen-preferences .cdx-toggle-switch {
background-color: rgba( 21, 26, 33, 0.14 );
}
}

Main Page

2026-04-11T14:35:44Z

DivošiRunner: Switch main page to the refreshed themefix stylesheet

{{Main_page/header}}
<templatestyles src="Template:Main_Page/shared/styles-themefix.css" />
__NOTOC__
<div id="home-content" class="main-home-grid">

<div class="article">

<div class="home-card">
<div class="home-card__label">Welcome</div>
<h3 class="home-card__header">Sarkic Cults Wiki</h3>
<p>The central documentation hub for Sarkic Cults lore, systems, projects, and community resources.</p>
<div class="home-link">
<div class="home-link__button">[[Special:AllPages|Browse all pages]]</div>
<div class="home-link__button">[[Special:RecentChanges|Recent changes]]</div>
<div class="home-link__button">[[Special:Random|Random page]]</div>
</div>
</div>

<div class="sub-home-grid">

<div class="split-left">
<div class="home-card">
<div class="home-card__label">Contribute</div>
<h3 class="home-card__header">Get Involved</h3>
<div class="home-link">
<div class="home-link__button">[[Special:CreateAccount|Create account]]</div>
<div class="home-link__button">[[Special:UserLogin|Log in]]</div>
<div class="home-link__button">[[Echoes_of_the_Flesh:Access_levels|Access levels]]</div>
<div class="home-link__button">[[Special:WantedPages|Wanted pages]]</div>
</div>
</div>
</div>

<div class="split-right">
<div class="home-card">
<div class="home-card__label">Site Tools</div>
<h3 class="home-card__header">Quick Actions</h3>
<div class="home-link">
<div class="home-link__button">[[Special:Categories|Categories]]</div>
<div class="home-link__button">[[Special:Log|Logs]]</div>
<div class="home-link__button">[[Special:ListUsers|User list]]</div>
<div class="home-link__button">[[Special:Version|Version]]</div>
</div>
</div>
</div>

</div>
</div>

<div class="widgets">
{{Main_page/ActivityWidget}}
{{Main_page/DiscordWidget}}
</div>

</div>

<div class="home-meta">
<div class="home-meta__item">
<div class="home-meta__label">{{Main page/settings|footerlabel}}</div>
<div class="home-meta__text">{{Main page/settings|footertext}}</div>
</div>
<div class="home-meta__item">
<div class="home-meta__label">Last updated</div>
<div class="home-meta__text">{{#time:j F Y|{{REVISIONTIMESTAMP}}}} at {{#time:H:i|{{REVISIONTIMESTAMP}}}}</div>
</div>
<div class="home-meta__item">
<div class="home-meta__label">Maintain</div>
<div class="home-meta__actions">[{{fullurl:{{FULLPAGENAME}}|action=edit}} Edit page] [{{fullurl:Template:Main_page/settings|action=edit}} Header settings]</div>
</div>
</div>

{{#seo:
| type = website
| title = Sarkic Cults Wiki
| title_mode = replace
| description = The information hub for the Sarkic Cults Roblox group.
| keywords = sarkic, scp, roblox, sarkic cult, discord, wiki
| locale = {{PAGELANGUAGE}}
| og:url = https://sarkic-cults.group/
}}

Template:Main page/header

2026-04-11T14:35:41Z

DivošiRunner: Keep header documentation aligned with the refreshed main page stylesheet

<noinclude><templatestyles src="Template:Main Page/shared/styles-themefix.css" /></noinclude>
<div class="home-header">
<div class="home-header__pretitle">👋 {{Main page/settings|eyebrow}}</div>
<h1 class="home-header__title">Sarkic Cults Wiki</h1>
<div class="home-header__subtitle">{{Main page/settings|subtitle}}</div>
<div class="home-header__status">
<span class="home-header__statusLabel">{{Main page/settings|statuslabel}}</span>
<span class="home-header__statusText">{{Main page/settings|statustext}}</span>
</div>
<div class="home-header__search scw-gradient-glow citizen-search-trigger" role="button"><span class="home-header__searchIcon">[[File:WikimediaUI-Search.svg|16px|link=]]</span><span class="home-header__searchText">{{Main page/settings|searchtext}} <span class="desktoponly"><b>/</b></span></span></div>
</div>

Template:Main Page/shared/styles-themefix.css

2026-04-11T14:35:12Z

DivošiRunner: Add explicit hero and footer contrast fixes for light, dark, and AMOLED modes

/* Main page shared styles
Attribution: some structural and motion ideas in this stylesheet were adapted from
Citizen-based homepage implementations on starcitizen.tools and prismparty.net,
then rewritten and adjusted for Echoes of the Flesh. */

/* Main page header */
.home-header {
position: relative;
overflow: hidden;
padding: 3.75rem 1.5rem 3.1rem;
margin-bottom: 0.9rem;
line-height: var( --line-height-xx-small );
text-align: center;
}

/* Attribution: the layered hero treatment below borrows the general "artwork under
atmospheric overlay" idea seen on several Citizen-theme homepages, rebuilt here
around the local Divosi banner asset. */
.home-header::before {
content: "";
position: absolute;
inset: 0;
border-radius: 1.25rem;
background:
linear-gradient( 180deg, rgba( 6, 7, 10, 0.12 ), rgba( 6, 7, 10, 0.48 ) ),
url( "/images/b/be/DivosiBanner.png" ) center 32% / cover no-repeat;
opacity: 0.5;
filter: saturate( 0.96 ) contrast( 1.08 );
transform: scale( 1.02 );
pointer-events: none;
}

.home-header::after {
content: "";
position: absolute;
inset: 0;
border: 1px solid rgba( 128, 42, 48, 0.22 );
border-radius: 1.25rem;
background:
radial-gradient( circle at top, rgba( 128, 18, 28, 0.24 ), transparent 55% ),
linear-gradient( 180deg, rgba( 18, 7, 10, 0.72 ), rgba( 10, 12, 18, 0.78 ) );
box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.03 );
pointer-events: none;
}

.home-header > * {
position: relative;
z-index: 1;
}

.home-header__pretitle {
margin-bottom: var( --space-xxs );
color: var( --color-subtle );
font-size: var( --font-size-small );
letter-spacing: 0.05em;
}

.home-header__title {
--display-font-size: min( calc( 2.5rem + 3.9vw ), 4.5rem );
margin: 0;
font-size: var( --display-font-size );
text-transform: uppercase;
line-height: 0.9;
font-weight: var( --font-weight-semi-bold );
text-shadow: 0 10px 30px rgba( 0, 0, 0, 0.32 );
}

.home-header__subtitle {
margin-top: 0.35rem;
color: var( --color-subtle );
font-size: var( --font-size-small );
}

.home-header__status {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1.05rem;
padding: 0.55rem 0.95rem;
border: 1px solid rgba( 137, 42, 48, 0.24 );
border-radius: 1rem;
background: rgba( 18, 13, 18, 0.78 );
backdrop-filter: blur( 8px );
}

.home-header__status p {
display: inline-flex;
flex-wrap: wrap;
gap: 0.65rem;
align-items: center;
justify-content: center;
margin: 0;
}

.home-header__statusLabel {
color: #d79599;
font-size: var( --font-size-x-small );
letter-spacing: 0.04em;
font-weight: var( --font-weight-medium );
}

.home-header__statusText {
color: var( --color-base );
font-size: var( --font-size-small );
opacity: 0.92;
}

.home-header__search {
position: relative;
isolation: isolate;
padding: var( --space-md );
margin-top: 1.2rem;
margin-left: auto;
margin-right: auto;
max-width: 600px;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-pill );
background-color: rgba( 17, 19, 25, 0.82 );
cursor: pointer;
font-size: var( --font-size-small );
font-weight: var( --font-weight-medium );
text-align: center;
backdrop-filter: blur( 10px );
transition: background 180ms ease, border-color 180ms ease;
}

/* Attribution: the animated hover-glow treatment here was inspired by the
Citizen homepage search affordance on starcitizen.tools, with a custom red palette. */
.home-header__search::before {
content: "";
position: absolute;
inset: -1px;
z-index: -1;
border-radius: inherit;
background: linear-gradient(
120deg,
#16090a 0%,
#3a1113 20%,
#6a1719 38%,
#9a2020 50%,
#6a1719 62%,
#3a1113 80%,
#16090a 100%
);
background-size: 200% 200%;
filter: blur( 8px );
opacity: 0;
transition: opacity 200ms ease, filter 200ms ease;
}

.home-header__search .desktoponly {
margin-left: var( --space-xs );
}

.home-header__search:hover {
background: rgba( 12, 13, 17, 0.92 );
}

.home-header__search:hover::before {
opacity: 0.9;
filter: blur( 10px );
animation: home-search-red-glow 4.5s linear infinite;
}

@keyframes home-search-red-glow {
0% {
background-position: 0% 50%;
}
100% {
background-position: 200% 50%;
}
}

.home-header__searchIcon img {
margin-right: var( --space-md );
opacity: var( --opacity-icon-base );
}

.home-header__search .keyboard-key {
display: inline;
padding-top: 0.1em;
padding-bottom: 0.1em;
}

html.skin-citizen-dark .home-header__searchIcon img {
filter: invert( 1 );
}

@media ( hover: none ) {
.home-header__search .desktoponly {
display: none;
}
}

/* Main page 2-column layout */
.main-home-grid {
display: grid;
grid-template-areas:
"article"
"widgets";
gap: 0.625rem;
margin-top: 0.1rem;
}

@media ( min-width: 760px ) {
.main-home-grid {
grid-template-columns: minmax( 0, 1.45fr ) minmax( 320px, 0.95fr );
grid-template-areas: "article widgets";
align-items: start;
}
}

.article {
grid-area: article;
min-width: 0;
}

.widgets {
grid-area: widgets;
min-width: 0;
}

.widgets > .home-card + .home-card {
margin-top: 0.625rem;
}

.split-left {
grid-area: split-left;
}

.split-right {
grid-area: split-right;
}

.sub-home-grid {
display: grid;
margin-top: 0.625rem;
gap: 0.625rem;
grid-template-areas:
"split-left"
"split-right";
}

@media ( min-width: 700px ) {
.sub-home-grid {
grid-template-columns: 1fr 1fr;
grid-template-areas: "split-left split-right";
}
}

.home-grid {
display: grid;
grid: auto-flow dense / repeat( auto-fit, minmax( 9.375rem, 1fr ) );
grid-auto-rows: minmax( 3rem, auto );
grid-gap: var( --space-xs );
}

.home-grid--col2 {
grid-template-columns: 1fr 1fr;
}

.home-grid a.external {
background-image: none;
}

.home-badge {
display: flex;
gap: var( --space-xxs );
font-size: var( --font-size-x-small );
padding: var( --space-xxs ) var( --space-xs );
background: var( --color-surface-2 );
color: var( --color-base );
border-radius: var( --border-radius-base );
font-weight: var( --font-weight-normal );
letter-spacing: 0.025em;
line-height: var( --line-height-xxx-small );
}

.home-card,
.home-meta__item {
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
}

.home-card {
position: relative;
padding: var( --space-md );
border: 1px solid var( --border-color-base );
background: var( --color-surface-1 );
border-radius: var( --border-radius-medium );
font-size: var( --font-size-small );
}

.home-card table.timeline {
margin-top: var( --space-xs );
}

.home-card--col2 {
grid-column: span 2;
}

.home-card--row3 {
grid-row: span 3;
}

.home-card--row4 {
grid-row: span 4;
}

.home-card--row8 {
grid-row: span 8 / auto;
}

.home-card__badge,
.home-card__label {
color: var( --color-subtle );
font-size: var( --font-size-x-small );
letter-spacing: 0.05em;
}

.home-card__badge {
padding: var( --space-xxs ) var( --space-xs );
border-radius: var( --border-radius-base );
background: var( --color-surface-2 );
}

.home-card__header {
color: var( --color-emphasized );
font-size: 1rem;
font-weight: var( --font-weight-semi-bold );
line-height: var( --line-height-xxx-small );
}

.home-card__header a {
display: flex;
align-items: center;
justify-content: space-between;
}

.home-card__header a:after {
content: "▶";
font-size: var( --font-size-x-small );
}

.home-card__background {
position: absolute;
inset: 0;
}

.home-card__background:after {
position: absolute;
pointer-events: none;
inset: 0;
display: block;
background: linear-gradient( to right, #000, transparent );
content: "";
transition: transform 250ms ease;
}

.home-card__background picture,
.home-card__background img {
width: 100%;
height: 100%;
}

.home-card__background img {
object-fit: cover;
object-position: center;
}

.home-card__foreground {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: var( --space-md );
display: flex;
flex-direction: column;
justify-content: center;
gap: var( --space-xxs );
color: #fff;
line-height: var( --line-height-xxx-small );
pointer-events: none;
}

.home-card__foreground .home-card__badge {
position: absolute;
top: 0;
right: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
}

.home-card__foreground .home-card__header {
color: #fff;
}

.home-card__foreground .home-card__label {
color: #bababa;
}

.home-card p {
margin-top: var( --space-xs );
font-size: var( --font-size-small );
}

.home-card.home-card--button {
overflow: hidden;
padding: 0;
border: 0;
}

.home-card--button a {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
padding: 0 var( --space-md );
background: transparent;
color: #fff;
font-weight: var( --font-weight-medium );
}

.home-card--button .home-card__background a {
padding: 0;
}

.home-card--button img {
transition: transform 250ms ease;
}

.home-card--button:hover img {
transform: scale( 1.1 );
}

.home-link {
display: grid;
margin-top: var( --space-xs );
font-size: var( --font-size-small );
font-weight: var( --font-weight-medium );
grid-gap: var( --space-xs );
text-align: center;
}

.home-link__button {
display: flex;
}

.home-link__button a {
flex-grow: 1;
padding: var( --space-xs );
border: 1px solid var( --border-color-base );
background: var( --color-surface-2 );
border-radius: var( --border-radius-medium );
color: var( --color-emphasized ) !important;
line-height: var( --line-height-xxx-small );
text-decoration: none !important;
}

.home-link__button a:hover {
background: var( --color-surface-2--hover );
}

.home-link__button a:active {
background: var( --color-surface-2--active );
}

#home-content {
margin-top: 0;
}

.home-card .template-statsbar {
margin: 0;
}

/* Discord widget polish + spacing */
#home-discordwidget {
padding-top: 1rem;
}

.discord-widget-wrap {
display: flex;
justify-content: center;
margin-top: 0.95rem;
margin-bottom: 1rem;
padding-inline: 0.05rem;
}

#home-discordwidget #discord-widget {
width: 100%;
max-width: none;
}

#home-discordwidget iframe.responsive-iframe {
width: 100%;
border-radius: 8px;
overflow: hidden;
display: block;
min-height: 500px;
background: transparent;
}

#home-discordwidget .home-card__label {
margin-bottom: 1rem !important;
padding-left: 0.05rem;
}

#home-discordwidget .home-link__button-discord,
#home-discordwidget .home-link__button {
margin-top: 0.95rem !important;
}

.home-link__button-discord {
margin-top: 0.75rem;
}

#home-discordwidget a.external.text::after {
display: none;
}

/* Attribution: the footer utility rail borrows the "compact maintenance links"
idea from Citizen-theme main pages like starcitizen.tools, but uses original copy and styling. */
.home-meta {
display: grid;
gap: 0.75rem;
margin-top: 1.25rem;
}

@media ( min-width: 860px ) {
.home-meta {
grid-template-columns: 1.2fr 0.8fr 0.9fr;
}
}

.home-meta__item {
padding: 0.95rem 1rem;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-medium );
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
}

.home-meta__label {
margin-bottom: 0.35rem;
color: #c48a8f;
font-size: var( --font-size-x-small );
letter-spacing: 0.08em;
text-transform: uppercase;
}

.home-meta__text,
.home-meta__actions {
font-size: var( --font-size-small );
line-height: 1.5;
}

.home-meta__actions p {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0;
}

.home-meta__actions a {
display: inline-flex;
padding: 0.45rem 0.75rem;
border: 1px solid rgba( 137, 42, 48, 0.25 );
border-radius: 999px;
background: rgba( 54, 15, 21, 0.18 );
text-decoration: none;
background-image: none;
}

.home-meta__actions a:hover {
background: rgba( 82, 22, 28, 0.28 );
}

.home-meta__actions a.external::after {
display: none;
}

/* Theme compatibility patch
Keep the main page atmospheric while adapting its panels to light, dark,
and AMOLED variants of the Citizen skin. */

.mw-parser-output {
--home-status-bg: rgba( 255, 255, 255, 0.76 );
--home-status-border: rgba( 137, 42, 48, 0.18 );
--home-status-label: #9b4d55;
--home-search-bg: rgba( 255, 255, 255, 0.82 );
--home-search-hover-bg: rgba( 255, 255, 255, 0.94 );
--home-search-shadow: 0 18px 40px rgba( 34, 24, 28, 0.12 );
--home-meta-bg: linear-gradient( 180deg, rgba( 255, 255, 255, 0.96 ), rgba( 241, 244, 249, 0.98 ) );
--home-meta-label: #9b4d55;
--home-action-bg: rgba( 54, 15, 21, 0.08 );
--home-action-hover: rgba( 82, 22, 28, 0.14 );
--home-meta-shadow: 0 12px 28px rgba( 20, 23, 28, 0.08 );
}

.home-header__status {
border-color: var( --home-status-border );
background: var( --home-status-bg );
box-shadow: var( --home-search-shadow );
}

.home-header__statusLabel {
color: var( --home-status-label );
}

.home-header__search {
background-color: var( --home-search-bg );
box-shadow: var( --home-search-shadow );
}

.home-header__search:hover {
background: var( --home-search-hover-bg );
}

.home-meta__item {
background: var( --home-meta-bg );
box-shadow: var( --home-meta-shadow );
}

.home-meta__label {
color: var( --home-meta-label );
}

.home-meta__actions a {
background: var( --home-action-bg );
color: var( --color-emphasized );
}

.home-meta__actions a:hover {
background: var( --home-action-hover );
}

html.skin-theme-clientpref-night .mw-parser-output,
html.skin-citizen-dark .mw-parser-output {
--home-status-bg: rgba( 18, 13, 18, 0.78 );
--home-status-border: rgba( 137, 42, 48, 0.24 );
--home-status-label: #d79599;
--home-search-bg: rgba( 17, 19, 25, 0.82 );
--home-search-hover-bg: rgba( 12, 13, 17, 0.92 );
--home-search-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
--home-meta-bg: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
--home-meta-label: #c48a8f;
--home-action-bg: rgba( 54, 15, 21, 0.18 );
--home-action-hover: rgba( 82, 22, 28, 0.28 );
--home-meta-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .mw-parser-output {
--home-status-bg: rgba( 18, 13, 18, 0.78 );
--home-status-border: rgba( 137, 42, 48, 0.24 );
--home-status-label: #d79599;
--home-search-bg: rgba( 17, 19, 25, 0.82 );
--home-search-hover-bg: rgba( 12, 13, 17, 0.92 );
--home-search-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
--home-meta-bg: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
--home-meta-label: #c48a8f;
--home-action-bg: rgba( 54, 15, 21, 0.18 );
--home-action-hover: rgba( 82, 22, 28, 0.28 );
--home-meta-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
}
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .mw-parser-output,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .mw-parser-output {
--home-status-bg: rgba( 7, 7, 8, 0.84 );
--home-search-bg: rgba( 6, 6, 7, 0.9 );
--home-search-hover-bg: rgba( 2, 2, 2, 0.96 );
--home-meta-bg: linear-gradient( 180deg, rgba( 10, 10, 10, 0.96 ), rgba( 0, 0, 0, 0.99 ) );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .mw-parser-output {
--home-status-bg: rgba( 7, 7, 8, 0.84 );
--home-search-bg: rgba( 6, 6, 7, 0.9 );
--home-search-hover-bg: rgba( 2, 2, 2, 0.96 );
--home-meta-bg: linear-gradient( 180deg, rgba( 10, 10, 10, 0.96 ), rgba( 0, 0, 0, 0.99 ) );
}
}

html.skin-theme-clientpref-night .mw-parser-output .home-header__searchIcon img,
html.skin-citizen-dark .mw-parser-output .home-header__searchIcon img {
filter: invert( 1 );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .mw-parser-output .home-header__searchIcon img {
filter: invert( 1 );
}
}

@media ( prefers-color-scheme: light ) {
html.skin-theme-clientpref-os .mw-parser-output .home-header__searchIcon img {
filter: none;
}
}

/* Follow-up theme compatibility fix
Use direct selectors so TemplateStyles scoping does not duplicate
`.mw-parser-output` and drop the intended light-mode overrides. */

.home-header__status {
border-color: rgba( 137, 42, 48, 0.18 );
background: rgba( 255, 255, 255, 0.76 );
box-shadow: 0 18px 40px rgba( 34, 24, 28, 0.12 );
}

.home-header__statusLabel {
color: #9b4d55;
}

.home-header__search {
background-color: rgba( 255, 255, 255, 0.82 );
box-shadow: 0 18px 40px rgba( 34, 24, 28, 0.12 );
}

.home-header__search:hover {
background: rgba( 255, 255, 255, 0.94 );
}

.home-meta__item {
background: linear-gradient( 180deg, rgba( 255, 255, 255, 0.96 ), rgba( 241, 244, 249, 0.98 ) );
box-shadow: 0 12px 28px rgba( 20, 23, 28, 0.08 );
}

.home-meta__label {
color: #9b4d55;
}

.home-meta__actions a {
background: rgba( 54, 15, 21, 0.08 );
color: var( --color-emphasized );
}

.home-meta__actions a:hover {
background: rgba( 82, 22, 28, 0.14 );
}

html.skin-theme-clientpref-night .home-header__status,
html.skin-citizen-dark .home-header__status {
border-color: rgba( 137, 42, 48, 0.24 );
background: rgba( 18, 13, 18, 0.78 );
box-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
}

html.skin-theme-clientpref-night .home-header__statusLabel,
html.skin-citizen-dark .home-header__statusLabel {
color: #d79599;
}

html.skin-theme-clientpref-night .home-header__search,
html.skin-citizen-dark .home-header__search {
background-color: rgba( 17, 19, 25, 0.82 );
box-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
}

html.skin-theme-clientpref-night .home-header__search:hover,
html.skin-citizen-dark .home-header__search:hover {
background: rgba( 12, 13, 17, 0.92 );
}

html.skin-theme-clientpref-night .home-meta__item,
html.skin-citizen-dark .home-meta__item {
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
}

html.skin-theme-clientpref-night .home-meta__label,
html.skin-citizen-dark .home-meta__label {
color: #c48a8f;
}

html.skin-theme-clientpref-night .home-meta__actions a,
html.skin-citizen-dark .home-meta__actions a {
background: rgba( 54, 15, 21, 0.18 );
}

html.skin-theme-clientpref-night .home-meta__actions a:hover,
html.skin-citizen-dark .home-meta__actions a:hover {
background: rgba( 82, 22, 28, 0.28 );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .home-header__status {
border-color: rgba( 137, 42, 48, 0.24 );
background: rgba( 18, 13, 18, 0.78 );
box-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
}

html.skin-theme-clientpref-os .home-header__statusLabel {
color: #d79599;
}

html.skin-theme-clientpref-os .home-header__search {
background-color: rgba( 17, 19, 25, 0.82 );
box-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
}

html.skin-theme-clientpref-os .home-header__search:hover {
background: rgba( 12, 13, 17, 0.92 );
}

html.skin-theme-clientpref-os .home-meta__item {
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
}

html.skin-theme-clientpref-os .home-meta__label {
color: #c48a8f;
}

html.skin-theme-clientpref-os .home-meta__actions a {
background: rgba( 54, 15, 21, 0.18 );
}

html.skin-theme-clientpref-os .home-meta__actions a:hover {
background: rgba( 82, 22, 28, 0.28 );
}
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .home-header__status,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .home-header__status {
background: rgba( 7, 7, 8, 0.84 );
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .home-header__search,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .home-header__search {
background-color: rgba( 6, 6, 7, 0.9 );
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .home-header__search:hover,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .home-header__search:hover {
background: rgba( 2, 2, 2, 0.96 );
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .home-meta__item,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .home-meta__item {
background: linear-gradient( 180deg, rgba( 10, 10, 10, 0.96 ), rgba( 0, 0, 0, 0.99 ) );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .home-header__status {
background: rgba( 7, 7, 8, 0.84 );
}

html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .home-header__search {
background-color: rgba( 6, 6, 7, 0.9 );
}

html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .home-header__search:hover {
background: rgba( 2, 2, 2, 0.96 );
}

html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .home-meta__item {
background: linear-gradient( 180deg, rgba( 10, 10, 10, 0.96 ), rgba( 0, 0, 0, 0.99 ) );
}
}

html.skin-theme-clientpref-night .home-header__searchIcon img,
html.skin-citizen-dark .home-header__searchIcon img {
filter: invert( 1 );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .home-header__searchIcon img {
filter: invert( 1 );
}
}

@media ( prefers-color-scheme: light ) {
html.skin-theme-clientpref-os .home-header__searchIcon img {
filter: none;
}
}

/* Main-page contrast patch
Keep the hero and footer cards readable in light mode while preserving
the dark and AMOLED presentation. */

.home-header::after {
background:
radial-gradient( circle at top, rgba( 128, 18, 28, 0.28 ), transparent 55% ),
linear-gradient( 180deg, rgba( 24, 11, 16, 0.44 ), rgba( 10, 12, 18, 0.78 ) );
}

.home-header__pretitle {
color: #f1c4a6;
}

.home-header__title {
color: #fff;
text-shadow: 0 12px 34px rgba( 0, 0, 0, 0.48 );
}

.home-header__subtitle {
color: rgba( 245, 232, 236, 0.88 );
}

.home-header__status {
border-color: rgba( 201, 114, 123, 0.25 );
background: rgba( 36, 15, 20, 0.8 );
}

.home-header__statusLabel {
color: #f1b8bd;
}

.home-header__statusText {
color: #fff;
}

.home-header__search {
border-color: rgba( 255, 255, 255, 0.1 );
background-color: rgba( 14, 16, 22, 0.88 );
color: #fff;
}

.home-header__search:hover {
background: rgba( 9, 10, 14, 0.94 );
}

.home-header__searchText,
.home-header__search .desktoponly {
color: inherit;
}

.home-header__searchIcon img {
filter: invert( 1 );
opacity: 0.92;
}

.home-meta__item {
border-color: rgba( 201, 114, 123, 0.14 );
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
color: #eef2f6;
}

.home-meta__label {
color: #d6a0a4;
}

.home-meta__text,
.home-meta__actions {
color: #eef2f6;
}

.home-meta__actions a {
border-color: rgba( 201, 114, 123, 0.26 );
background: rgba( 88, 27, 34, 0.22 );
color: #fff;
}

.home-meta__actions a:hover {
background: rgba( 118, 35, 45, 0.34 );
}

:root.skin-theme-clientpref-day .mw-parser-output .home-header__searchIcon img,
:root.skin-citizen-light .mw-parser-output .home-header__searchIcon img {
filter: invert( 1 );
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .mw-parser-output .home-header__searchIcon img {
filter: invert( 1 );
}
}

MediaWiki:Citizen.css

2026-04-11T14:35:08Z

DivošiRunner: Fix light-mode contrast for global button and chip surfaces

/* All CSS here will be loaded for users of the Citizen skin */
/* Attribution: portions of this stylesheet were informed by PrismParty,
starcitizen.tools, SCP Wiki/Wikidot resources, and Citizen documentation,
then adapted for Echoes of the Flesh. */

/* Imports
============================================================================================ */
/* Custom Pilesaran font adapted from SCP Wiki/Wikidot resources */
@font-face {
font-family: 'Pilesaran';
src: url('/resources/assets/fonts/Pilesaran.woff2') format('woff2'),
url('/resources/assets/fonts/Pilesaran.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* latin-ext */
@font-face {
font-family: 'Kreon';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/resources/assets/fonts/t5t9IRIUKY-TFF_LW5lnMR3v2DnvPNiWcz8el2c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kreon';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/resources/assets/fonts/t5t9IRIUKY-TFF_LW5lnMR3v2DnvPNiWfT8e.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/resources/assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58i-wi40.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/resources/assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-wg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Rokkitt';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DCGb-3vA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Rokkitt';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DMGb8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/w8gdH283Tvk__Lua32TysjIfqcuPP9g.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* minecraft */
@font-face {
font-family: 'Minecraft';
src: url('/resources/assets/fonts/Minecraft.woff2') format('woff2'),
url('/resources/assets/fonts/Minecraft.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* PrismParty display font */
@font-face {
font-family: 'PrismParty';
src: url('/resources/assets/fonts/PrismParty-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* ROOT VARIABLES
[ These are variables explicitly supported by the theme.
[ https://github.com/StarCitizenTools/mediawiki-skins-Citizen/wiki/Customizing-Citizen-styles
============================================================================================ */

/* Font replacements */
:root {
--font-family-base: 'Quicksand', sans-serif;
--font-family-alternate: 'Varela Round', monospace;
--font-family-serif: 'Kreon', serif;
}

/* Color replacements */
:root.skin-citizen-light {
--color-surface-0: #f2f4f7;
--color-surface-1: #f3f6fa;
--color-surface-2: #eaeef4;
--color-surface-3: #e3e7ed;
--color-surface-4: #c3c7cf;
--color-surface-5: #eaeef5;
/*--color-base: #f2f4f7;
--color-base--emphasized: #f2f4f7;
--color-base--subtle: #f2f4f7;*/
--prism-blue-0: #7bc1f8;
--prism-blue-1: #59a2eb;
--prism-blue-2: #2e79d6;
--prism-lime-1: #c0ee6f;
--background-color-warning: #f0e7d3;
}
:root.skin-citizen-dark, :root.skin-citizen-auto {
/*--color-surface-0: #f2f4f7;
--color-surface-1: #f3f6fa;
--color-surface-2: #eff2f6;
--color-surface-3: #e3e7ed;
--color-surface-4: #c3c7cf;*/
--color-surface-5: #181c21;
/*--color-base: #f2f4f7;
--color-base--emphasized: #f2f4f7;
--color-base--subtle: #f2f4f7;*/
--prism-blue-0: #7bc1f8;
--prism-blue-1: #59a2eb;
--prism-blue-2: #2e79d6;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
}

/* FONT OVERRIDES
[ These selectors are used to replace some font elements.
============================================================================================ */
/*p {font-family: var(--font-family-alternate);}*/

/* Logotype font */
.citizen-drawer__siteinfo, .mw-logo-wordmark {
font-family: PrismParty;
}

/* JAVASCRIPT MODS
[ These selectors are required for JavaScript modifications to function.
============================================================================================ */

/* Discord icon in header with hover effect */
.disc-icon {
background-image: url(/resources/assets/discord.svg);
background-repeat: no-repeat;
background-position: center;
opacity: var(--opacity-icon-base);
width: 40px;
height: 40px;
}
.disc-icon:hover {
transform: rotate3d(0,0,1,360deg);
transition: all .25s;
}
.skin-citizen-dark .disc-icon {
filter: var(--filter-invert);
}
#citizen-discord__buttonCheckbox > span:nth-child(1) {
visibility: hidden;
}
.citizen-header__buttonCheckbox {
cursor: pointer;
}

/* Remove duplicate logo icon*/
/*a.citizen-header__button > img:nth-child(1) {*/
/* display: none;*/
/*}*/

/* TEMPLATE MODS
[ These selectors adjust templates based heavily on the Citizen skin.
============================================================================================ */
/* Transition effect for prevblogs and prevupdate */
.mw-parser-output #home-card-prevblogs .wikitable tr > td:last-child,
.mw-parser-output #home-card-prevupdate .wikitable tr > td:last-child {
transition: var(--transition-menu);
transition-property: opacity,transform;
opacity: 0;
}
/*.mw-parser-output #home-card-prevblogs .wikitable tr > td:first-child:hover ~ td,
.mw-parser-output #home-card-prevupdate .wikitable tr > td:first-child:hover ~ td {
transform: translateY(-16px);
opacity: 1;
}

/* Do not transform date widget */
.mw-parser-output #home-card-prevupdate .wikitable tr > td:first-child:hover ~ td.prevupdate-date {
transform: translateY(0);
}

/* Homepage previous blogs widget - truncates titles */
#home-card-prevblogs .wikitable a {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

@media (max-width: 500px) {
#home-card-prevblogs h3.home-card__header a {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

#home-card-prevblogs h3.home-card__header a::after {
display: none;
}

.mw-parser-output #home-card-prevblogs .wikitable {
max-height: 14.68rem;
overflow: hidden scroll !important;
}
#home-card-prevblogs .wikitable a {
-webkit-line-clamp: 3 !important;
}
/* Remove hover on small size (glitched anyway due to overflow) */
.mw-parser-output #home-card-prevblogs .wikitable tr > td:first-child:hover ~ td {
display: none;
}
}

/* Fix darkskin icon for componentlink template */
.component-link__button a img {
filter: invert(1);
}

.template__bubble {
padding: 0.1rem 0.6rem;
margin-left: 0.4rem;
background: var(--color-surface-3);
border-radius: 100px;
font-size: 0.7125rem;
font-weight: 500;
text-transform: uppercase;
}

/* Logo Dark/Light switcher */

.skin-citizen-light .dark-logo {
display: none;
}

.skin-citizen-dark .light-logo, :root.skin-citizen-auto .light-logo {
display: none;
}

/* Homescreen only cubeol recolors */
.skin-citizen-dark .page-Home .mw-parser-output .default,
.skin-citizen-dark .page-Home .mw-parser-output .pink,
.skin-citizen-dark .page-Home .mw-parser-output .orange,
.skin-citizen-dark .page-Home .mw-parser-output .lime {
background-image: linear-gradient(to right,#6d281e 0%,#e0503d 51%,#6d281e 100%);
text-decoration: none;
text-shadow: none;
}

/* SIDEBAR MODS
[ These selectors modify sidebar elements of the Citizen theme.
============================================================================================ */

.citizen-header {
background-color: var(--color-surface-1);
}

.mw-echo-notifications-badge.mw-echo-notification-badge-nojs.oo-ui-icon-bell.mw-echo-notifications-badge-all-read {
transition: all 0.1s;
}

/* Drawer navigation polish
Attribution: sectioned drawer patterns here were informed by Citizen-based
wikis including starcitizen.tools and prismparty.net, then adapted locally. */
.citizen-drawer__menu .citizen-menu {
margin-bottom: 0.7rem;
padding: 0.2rem 0;
border: 1px solid rgba( 255, 255, 255, 0.03 );
border-radius: 1rem;
background: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
}

.citizen-drawer__menu .citizen-menu__heading {
padding: 0 0.95rem 0.35rem;
margin-bottom: 0.2rem;
color: #c48a8f;
font-size: 0.72rem;
font-weight: var( --font-weight-medium );
letter-spacing: 0.08em;
text-decoration: none;
text-transform: uppercase;
}

.citizen-drawer__menu .citizen-menu__content-list {
gap: 0.15rem;
}

.citizen-drawer__menu .mw-list-item a {
margin: 0 0.45rem;
padding: 0.6rem 0.75rem;
border-radius: 0.8rem;
display: flex;
align-items: center;
gap: 0.7rem;
transition: background 180ms ease, transform 180ms ease;
}

.citizen-drawer__menu .mw-list-item a:hover {
background: rgba( 92, 24, 31, 0.14 );
transform: translateX( 2px );
}

.citizen-drawer__menu {
--icon-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 10.5 12 4l7.5 6.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 9.5V20h10V9.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12a8 8 0 1 0 2.4-5.7' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M4 4v5h5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8v4l3 2' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-dice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='5' width='14' height='14' rx='2.8' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Ccircle cx='9' cy='9' r='1.2' fill='%23000'/%3E%3Ccircle cx='15' cy='15' r='1.2' fill='%23000'/%3E%3Ccircle cx='9' cy='15' r='1.2' fill='%23000'/%3E%3Ccircle cx='15' cy='9' r='1.2' fill='%23000'/%3E%3C/svg%3E");
--icon-article: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='4.5' width='14' height='15' rx='2' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M8.5 9h7M8.5 12h7M8.5 15h4.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-post-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='4.5' width='14' height='15' rx='2' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M8.5 10h5M8.5 13h5M16.5 9v6M13.5 12h6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4.5' y='6' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Crect x='13' y='6' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Crect x='8.75' y='13.5' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E");
--icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5.2 20 19H4z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M12 9.5v4.5M12 17h.01' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-verified-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5 18 7v4.8c0 3.4-2.2 6.5-6 7.7-3.8-1.2-6-4.3-6-7.7V7z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m9.3 12.1 1.8 1.8 3.6-3.8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7.5' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M12 10.2v5M12 8h.01' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-group: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='10' r='3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Ccircle cx='16' cy='9' r='2.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M4.5 18c.9-2.3 2.8-3.5 5.5-3.5s4.6 1.2 5.5 3.5M14.3 15.1c1.7.2 3 .9 4 2.3' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-tune: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6h12M6 12h12M6 18h12' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='6' r='1.8' fill='%23000'/%3E%3Ccircle cx='15' cy='12' r='1.8' fill='%23000'/%3E%3Ccircle cx='11' cy='18' r='1.8' fill='%23000'/%3E%3C/svg%3E");
--icon-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15V6M8.5 9.5 12 6l3.5 3.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 18.5h14' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-policy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4.5h6l4 4v9a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5V9h4M9 13h6M9 16h4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-gavel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.5 6 4.5 4.5M11 8.5l4.5 4.5M4.5 19.5l8-8M12.3 5.3l2.4-2.3 5.3 5.3-2.3 2.4M9.8 7.8l2.4-2.3 5.3 5.3-2.3 2.4M3.8 20.2h8.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-discord: url("/resources/assets/discord.svg");
--icon-roblox: url("/resources/assets/roblox.svg");
}

.citizen-drawer__menu .mw-list-item a .citizen-ui-icon {
display: none;
}

.citizen-drawer__menu .mw-list-item a::before {
content: "";
display: inline-block;
flex: 0 0 1.1rem;
width: 1.1rem;
height: 1.1rem;
background-color: currentColor;
mask-image: var( --drawer-icon );
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
-webkit-mask-image: var( --drawer-icon );
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
opacity: 0.84;
}

#n-mainpage-description,
#n-Home {
--drawer-icon: var( --icon-home );
}

#n-recentchanges,
#n-Recent-changes {
--drawer-icon: var( --icon-history );
}

#n-randompage,
#n-Random-page {
--drawer-icon: var( --icon-dice );
}

#n-All-pages {
--drawer-icon: var( --icon-article );
}

#n-New-pages {
--drawer-icon: var( --icon-post-add );
}

#n-Categories {
--drawer-icon: var( --icon-category );
}

#n-Wanted-pages {
--drawer-icon: var( --icon-warning );
}

#n-Access-levels {
--drawer-icon: var( --icon-verified-user );
}

#n-About-the-wiki {
--drawer-icon: var( --icon-info );
}

#n-User-list {
--drawer-icon: var( --icon-group );
}

#n-Roblox-groups {
--drawer-icon: var( --icon-group );
}

#n-Roblox {
--drawer-icon: var( --icon-roblox );
}

#t-specialpages {
--drawer-icon: var( --icon-tune );
}

#t-upload {
--drawer-icon: var( --icon-upload );
}

#n-Special-pages {
--drawer-icon: var( --icon-tune );
}

#n-Upload-file {
--drawer-icon: var( --icon-upload );
}

#n-Privacy-policy {
--drawer-icon: var( --icon-policy );
}

#n-Disclaimers {
--drawer-icon: var( --icon-gavel );
}

#n-Discord {
--drawer-icon: var( --icon-discord );
}

/* Adds bottom row to menu */
.mw-portlet-External {
margin-top: 0.9rem;
padding: 0.65rem 0 0;
border-top: 1px solid var( --border-color-base );
font-size: 0.8125rem;
grid-column: 1 / -1;
white-space: nowrap;
position: sticky;
bottom: -0.55rem;
background: var( --color-surface-5 );
}

@media only screen and (max-width: 553px) {
.mw-portlet-External {
padding-bottom: 0.56rem;
}
}
/* Stop weird scrolling behavior */
.mw-portlet-External {
margin-bottom: -2rem;
padding-bottom: 0.5rem;
}

.mw-portlet-External .citizen-menu__heading {
display: none;
}
.mw-portlet-External ul {
display: flex;
gap: 0.45rem;
overflow: auto;
padding-inline: 0.35rem;
}
.mw-portlet-External .mw-list-item a {
gap: 0.45rem;
padding: 0.5rem 0.75rem;
border: 1px solid rgba( 255, 255, 255, 0.06 );
border-radius: 999px;
background: rgba( 255, 255, 255, 0.03 );
}

/* Small size external full width */
@media only screen and (max-width: 553px) {
.citizen-drawer__menu {
display: initial;
}
.citizen-drawer__menu .citizen-menu {
width: 100%;
margin: 0 0 var(--space-sm);
}
.mw-portlet-External {
margin-bottom: -2.5rem;
}
}

/* Label */
.citizen-drawer__menu [id^="n-sidebar-label-"] a {
pointer-events: none;
margin-left: var( --space-xs );
padding-left: var( --space-md );
padding-right: var( --space-xs );
border-left: 1px solid var( --border-color-base );
border-radius: 0;
letter-spacing: 0.05em;
font-weight: var( --font-weight-normal );
color: var( --color-base--subtle ) !important;
}

/* Icons */
.citizen-drawer__menu [id^="n-sidebar-icon-"] a {
font-size: 0;
}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
display: block;
content: "";
width: var( --size-icon );
height: var( --size-icon );
background: transparent center/contain no-repeat;
opacity: var( --opacity-icon-base );
}

.citizen-ui-icon.mw-ui-icon-discord {
background-image: url(/resources/assets/discord.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.6;
}

.skin-citizen-dark .citizen-ui-icon.mw-ui-icon-discord, .skin-citizen-auto .citizen-ui-icon.mw-ui-icon-discord {
filter: invert( 1 );
}

.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
.skin-citizen-auto .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
filter: invert( 1 );
}

/* Bottom menu icons */
#n-sidebar-icon-discord a:before {background-image: url('/resources/assets/discord.svg')}

/* Redundant alert/breaks sidebar*/
.mw-echo-alert {
display: none;
}

/* HEADER/FOOTER MODS
[ These selectors modify header elements of the Citizen theme, normal and sticky.
============================================================================================ */

/* Backdrop filter on sticky header */
.citizen-page-header::before {
backdrop-filter: saturate(50%) blur(16px);
border-radius: 0 0 var(--border-radius--large) var(--border-radius--large);
}
/* Margin to move down the list */
.citizen-footer ul {
margin-top: 1rem;
}
.page-Home .mw-body-footer {
display: none;
}

.page-Home .firstHeading {
font-family: 'PrismParty' !important;
}

/* New colors */
.citizen-header, #citizen-pref-panel, .citizen-userMenu .citizen-menu__card, .citizen-menu__card, .mw-portlet-External {
background-color: var(--color-surface-5);
}

/* Pure black */
.citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-header, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark #citizen-pref-panel, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-userMenu .citizen-menu__card, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-menu__card, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .mw-portlet-External {
background-color: #08090a;
}

/* FIXES
[ These selectors "fix" buggy or unusable elements.
============================================================================================ */

/* Hide in-article toc */
#toc {
display: none;
}

/* Fix prevblogs side overflow bug */
#home-card-prevblogs .citizen-overflow--right, #home-card-prevupdate .citizen-overflow--right {
-webkit-mask-image: initial;
mask-image: initial;
}

/* Make TemplateData editor popup above all else on page */
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
z-index: 999;
}

/* Missing category colors */
.catlinks li > a.new:hover {
color: #fff;
}

/* Fixes forum search bar in FireFox*/
#mw-wikiforum-searchbox-border {
display: inline-flex;
}

/* Visual Editor template show more button fix */
.skin-citizen .ve-ui-expandableContent-toggle {
background-color: var(--color-surface-1);
}

/* Make inactive vote more readable */
.ajaxpoll .ajaxpoll-answer-vote div {
background: var(--border-color-base);
}
.ajaxpoll .ajaxpoll-our-vote div {
background: var(--background-color-primary--active);
}
.page-Home .ajaxpoll {
margin: 0 -1.5rem -2rem -1.5rem;
}

/* Overflow visible on preview elements */
#home-card-prevblogs .citizen-table-wrapper,
#home-card-prevupdate .citizen-table-wrapper {
overflow-x: visible;
}

/* Darkmode for structured discussions */
.flow-topic-titlebar {
background-color: var(--color-surface-3);
border-radius: var(--border-radius--medium);
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
}

.flow-post .flow-post-content {
word-break: break-word;
color: var(--color-base);
}

div > .flow-menu ul {
border: none;
background-color: var(--color-surface-1);
box-shadow: var(--box-shadow-dialog);
border-radius: var(--border-radius--medium);
}

.flow-post .flow-author .mw-usertoollinks {
opacity: 0;
transition: opacity 0.25s ease;
color: var(--color-base);
}

div.mw-gallery-slideshow-img-container a.image {
height: auto;
max-width: 100%;
}

/*Source editor drop down selections*/
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--background-color-primary--hover);
}

/* Source editor upload form */
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-top: none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: inherit !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: inherit !important;
}
.mw-upload-bookletLayout-filePreview {
background-color: var(--color-surface-2--hover);
}

/* FORUMS
[ These selectors restyle the forums interface
============================================================================================ */
/* Main display */

table.mw-wikiforum-frame {
padding: 15px 15px 0 15px;
background: var(--color-surface-1);
border-radius: 8px;
border: none;
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
}

td.mw-wikiforum-innerframe, th.mw-wikiforum-title, th.mw-wikiforum-admin, th.mw-wikiforum-value, th.mw-wikiforum-lastpost {
border-bottom: unset;
border-top: unset;
border: unset;
}
/* Forum title radius background */
tr.mw-wikiforum-title {
background: none;
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-title {
background: var(--color-surface-2);
border-top-left-radius: var(--border-radius--large);
border-bottom-left-radius: var(--border-radius--large);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-admin, table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-value, table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-value {
background: var(--color-surface-2);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-lastpost {
background: var(--color-surface-2);
border-top-right-radius: var(--border-radius--large);
border-bottom-right-radius: var(--border-radius--large);
}

td.mw-wikiforum-title, td.mw-wikiforum-admin, td.mw-wikiforum-value, td.mw-wikiforum-lastpost {
border-bottom: 1px solid var(--border-color-base);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-title, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-admin, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-value, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-lastpost {
border-bottom: none;
}

/* Icons from icons8.com*/
p.mw-wikiforum-valuetitle a img, td.mw-wikiforum-rightside img, p.mw-wikiforum-issue img, tr.mw-wikiforum-marked td.mw-wikiforum-admin a img, div#mw-wikiforum-searchbox-border img#mw-wikiforum-searchbox-picture, th.mw-wikiforum-title a img, td.mw-wikiforum-title p.mw-wikiforum-thread img {
width: 1.3rem;
}
/* Locked thread icon*/
table.mw-wikiforum-frame:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > img:nth-child(1) {
width: 1.5rem;
}
/* Social Icon */
td.mw-wikiforum-thread-main div.wikiforum-avatar-image img.mw-socialprofile-avatar {
width: 5.5rem;
border-radius: 8px;
}
/* main thread edits */
td.mw-wikiforum-thread-main {
padding: unset;
border: unset;
background: unset;
}
table.mw-wikiforum-posted {
color: var(--color-base--subtle);
font-family: var(--font-family-base)
font-size: 0.6rem;
border-top: 1px solid var(--border-color-base);
margin-bottom: unset;
}
th.mw-wikiforum-thread-top {
font-weight: normal;
background: var(--color-surface-2);
border-radius: var(--border-radius--medium);
border: 1px solid var(--border-color-base);
margin-bottom: 15px;
display: block;
}
tr.mw-wikiforum-sticky {
background: unset;
}
tr.mw-wikiforum-normal {
background: none;
}
td.mw-wikiforum-thread-main, td.mw-wikiforum-thread-sub {
word-break: unset;
}

td.mw-wikiforum-thread-sub {
padding: 0px 10px;
border: 1px solid var(--border-color-base);
background: var(--color-surface-2);
border-radius: var(--border-radius--small);
}

#mw-wikiforum-searchbox-border {
border: 1px solid var(--border-color-base);
background: var(--color-surface-2);
border-radius: var(--border-radius--small);
}

/* 'Invalid 'property from: Template:Scrollbox/styles.css */
.mw-parser-output .scrollbox__container::before {
box-shadow: inset 8px 0 12px -4px var(--color-surface-0), inset -8px 0 6px -4px var(--color-surface-0);
}

/* Template:SymbolicIcon */
.skin-citizen-dark .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert(1);
}

.page-Guide_Getting_Started .card-button a.external.text {
color: white;
}

/* Remove auto color mode */
#skin-client-prefs-skin-theme > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) > form:nth-child(1) {
grid-template-columns: repeat(2,1fr);
}
#skin-client-prefs-skin-theme > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) > form:nth-child(1) > div:nth-child(1) {
display: none;
}

/* Editor text selection */
.ve-ce-attachedRootNode::selection, .ve-ce-attachedRootNode ::selection {
background: rgba(109,169,247,0.5) !important;
}

/* Cookie window size*/
.mw-cookiewarning-container {
background-color: var(--color-surface-5);
max-width: 30rem;
}

/* Drawer popup sizing
Keep the desktop navigation card sized to its actual menu content instead
of forcing a wide, tall panel. */
@media screen and (min-width: 1120px) {
#citizen-drawer__card {
width: fit-content;
max-width: min( calc( 100vw - 1rem ), 68rem );
height: auto;
min-height: 0;
}

#citizen-drawer__card .citizen-menu__card-content,
#citizen-drawer__card #citizen-main-menu {
width: fit-content;
min-width: 0;
}
}

/* Template styles override for wide layout homepage */
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 15.375rem, 1fr ) )!important;
}
@media (max-width:1644px) and (min-width:1405px) {
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 18.375rem, 1fr ) )!important;
}
}
@media (max-width:1660px) and (min-width:1645px) {
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 21.375rem, 1fr ) )!important;
}
}

/* Citizen polish
Attribution: the preferences menu, page-info card, and footer control treatments
below were informed by Citizen implementations on starcitizen.tools and refined
to fit Echoes of the Flesh. */
.citizen-preferences .citizen-dropdown-summary,
.citizen-preferences-dropdown .citizen-dropdown-summary {
border: 1px solid transparent;
border-radius: 999px;
transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.citizen-preferences .citizen-dropdown-summary:hover,
.citizen-preferences-dropdown .citizen-dropdown-summary:hover {
border-color: rgba( 137, 42, 48, 0.3 );
background: rgba( 62, 17, 23, 0.16 );
box-shadow: 0 10px 30px rgba( 38, 8, 13, 0.18 );
}

#citizen-preferences__card,
#citizen-preferences-dropdown__card {
border: 1px solid var( --border-color-base );
border-radius: 1.25rem;
background: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
box-shadow: 0 20px 50px rgba( 5, 7, 10, 0.3 );
}

.citizen-page-footer .page-info {
display: grid;
gap: 0.75rem;
}

@media (min-width: 860px) {
.citizen-page-footer .page-info {
grid-template-columns: repeat( auto-fit, minmax( 15rem, 1fr ) );
}
}

.citizen-page-footer .page-info__item {
padding: 0.95rem 1rem;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-medium );
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.92 ), rgba( 12, 13, 18, 0.98 ) );
}

.citizen-page-footer .page-info__label {
margin-bottom: 0.3rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}

#footer-places ul {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 0.9rem;
padding: 0;
}

#footer-places li {
list-style: none;
}

#footer-places a {
display: inline-flex;
padding: 0.45rem 0.8rem;
border: 1px solid var( --border-color-base );
border-radius: 999px;
background: var( --color-surface-2 );
text-decoration: none;
}

#footer-icons .cdx-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.35rem 0.45rem;
border-radius: 0.75rem;
background: transparent;
transition: background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

#footer-icons .cdx-button:hover {
background: rgba( 255, 255, 255, 0.04 );
box-shadow: 0 0 0 1px rgba( 255, 255, 255, 0.08 );
transform: translateY( -1px );
}

/* Theme compatibility patch
Align custom Citizen overrides with the current client preference classes
so light, dark, and AMOLED all receive the intended palette. */

:root,
:root.skin-theme-clientpref-day,
:root.skin-citizen-light,
:root.skin-theme-clientpref-os {
--color-surface-5: #eaeef5;
--prism-lime-1: #c0ee6f;
--background-color-warning: #f0e7d3;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 255, 255, 255, 0.96 ), rgba( 241, 244, 249, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 255, 255, 255, 0.92 ), rgba( 243, 246, 250, 0.98 ) );
--scw-chip-border: rgba( 21, 26, 33, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.78 );
--scw-footer-hover: rgba( 92, 24, 31, 0.08 );
--scw-footer-hover-ring: rgba( 92, 24, 31, 0.12 );
}

:root.skin-theme-clientpref-night,
:root.skin-citizen-dark {
--color-surface-5: #181c21;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.06 );
--scw-chip-bg: rgba( 255, 255, 255, 0.03 );
--scw-footer-hover: rgba( 255, 255, 255, 0.04 );
--scw-footer-hover-ring: rgba( 255, 255, 255, 0.08 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os {
--color-surface-5: #181c21;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.06 );
--scw-chip-bg: rgba( 255, 255, 255, 0.03 );
--scw-footer-hover: rgba( 255, 255, 255, 0.04 );
--scw-footer-hover-ring: rgba( 255, 255, 255, 0.08 );
}
}

:root.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1,
:root.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 {
--scw-panel-gradient: linear-gradient( 180deg, rgba( 8, 9, 10, 0.99 ), rgba( 0, 0, 0, 0.99 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 11, 12, 14, 0.94 ), rgba( 0, 0, 0, 0.99 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.02 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 {
--scw-panel-gradient: linear-gradient( 180deg, rgba( 8, 9, 10, 0.99 ), rgba( 0, 0, 0, 0.99 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 11, 12, 14, 0.94 ), rgba( 0, 0, 0, 0.99 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.02 );
}
}

.citizen-drawer__menu .citizen-menu {
border-color: var( --border-color-base );
background: var( --scw-panel-gradient-soft );
box-shadow: var( --box-shadow-dialog );
}

.mw-portlet-External .mw-list-item a {
border-color: var( --scw-chip-border );
background: var( --scw-chip-bg );
}

#citizen-preferences__card,
#citizen-preferences-dropdown__card {
background: var( --scw-panel-gradient );
}

.citizen-page-footer .page-info__item {
background: var( --scw-panel-gradient );
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.08 );
}

#footer-icons .cdx-button:hover {
background: var( --scw-footer-hover );
box-shadow: 0 0 0 1px var( --scw-footer-hover-ring );
}

:root.skin-theme-clientpref-night .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-citizen-dark .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-night .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-night .infobox-player__commenticon div.infobox-player__commenticon-inner a img,
:root.skin-citizen-dark .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert( 1 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-os .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-os .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert( 1 );
}
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-os .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-os .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: none;
}
}

:root.skin-theme-clientpref-day .dark-logo,
:root.skin-citizen-light .dark-logo {
display: none;
}

:root.skin-theme-clientpref-night .light-logo,
:root.skin-citizen-dark .light-logo {
display: none;
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .dark-logo {
display: none;
}

:root.skin-theme-clientpref-os .light-logo {
display: initial;
}
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os .light-logo {
display: none;
}

:root.skin-theme-clientpref-os .dark-logo {
display: initial;
}
}

/* Global button contrast patch for light mode. */

:root.skin-theme-clientpref-day .mw-portlet-External .mw-list-item a,
:root.skin-citizen-light .mw-portlet-External .mw-list-item a,
:root.skin-theme-clientpref-day #footer-icons .cdx-button,
:root.skin-citizen-light #footer-icons .cdx-button,
:root.skin-theme-clientpref-day .citizen-preferences .citizen-dropdown-summary,
:root.skin-theme-clientpref-day .citizen-preferences-dropdown .citizen-dropdown-summary,
:root.skin-citizen-light .citizen-preferences .citizen-dropdown-summary,
:root.skin-citizen-light .citizen-preferences-dropdown .citizen-dropdown-summary {
border-color: rgba( 92, 24, 31, 0.14 );
background: rgba( 255, 255, 255, 0.9 );
color: var( --color-emphasized );
box-shadow: 0 8px 22px rgba( 20, 23, 28, 0.06 );
}

:root.skin-theme-clientpref-day .mw-portlet-External .mw-list-item a:hover,
:root.skin-citizen-light .mw-portlet-External .mw-list-item a:hover,
:root.skin-theme-clientpref-day #footer-icons .cdx-button:hover,
:root.skin-citizen-light #footer-icons .cdx-button:hover {
border-color: rgba( 92, 24, 31, 0.2 );
background: rgba( 255, 255, 255, 0.98 );
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .mw-portlet-External .mw-list-item a,
:root.skin-theme-clientpref-os #footer-icons .cdx-button,
:root.skin-theme-clientpref-os .citizen-preferences .citizen-dropdown-summary,
:root.skin-theme-clientpref-os .citizen-preferences-dropdown .citizen-dropdown-summary {
border-color: rgba( 92, 24, 31, 0.14 );
background: rgba( 255, 255, 255, 0.9 );
color: var( --color-emphasized );
box-shadow: 0 8px 22px rgba( 20, 23, 28, 0.06 );
}

:root.skin-theme-clientpref-os .mw-portlet-External .mw-list-item a:hover,
:root.skin-theme-clientpref-os #footer-icons .cdx-button:hover {
border-color: rgba( 92, 24, 31, 0.2 );
background: rgba( 255, 255, 255, 0.98 );
}
}

Template:Main Page/shared/styles.css

2026-04-11T14:21:38Z

DivošiRunner: Fix TemplateStyles scoping for light, dark, and AMOLED main page overrides

/* Main page shared styles
Attribution: some structural and motion ideas in this stylesheet were adapted from
Citizen-based homepage implementations on starcitizen.tools and prismparty.net,
then rewritten and adjusted for Echoes of the Flesh. */

/* Main page header */
.home-header {
position: relative;
overflow: hidden;
padding: 3.75rem 1.5rem 3.1rem;
margin-bottom: 0.9rem;
line-height: var( --line-height-xx-small );
text-align: center;
}

/* Attribution: the layered hero treatment below borrows the general "artwork under
atmospheric overlay" idea seen on several Citizen-theme homepages, rebuilt here
around the local Divosi banner asset. */
.home-header::before {
content: "";
position: absolute;
inset: 0;
border-radius: 1.25rem;
background:
linear-gradient( 180deg, rgba( 6, 7, 10, 0.12 ), rgba( 6, 7, 10, 0.48 ) ),
url( "/images/b/be/DivosiBanner.png" ) center 32% / cover no-repeat;
opacity: 0.5;
filter: saturate( 0.96 ) contrast( 1.08 );
transform: scale( 1.02 );
pointer-events: none;
}

.home-header::after {
content: "";
position: absolute;
inset: 0;
border: 1px solid rgba( 128, 42, 48, 0.22 );
border-radius: 1.25rem;
background:
radial-gradient( circle at top, rgba( 128, 18, 28, 0.24 ), transparent 55% ),
linear-gradient( 180deg, rgba( 18, 7, 10, 0.72 ), rgba( 10, 12, 18, 0.78 ) );
box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.03 );
pointer-events: none;
}

.home-header > * {
position: relative;
z-index: 1;
}

.home-header__pretitle {
margin-bottom: var( --space-xxs );
color: var( --color-subtle );
font-size: var( --font-size-small );
letter-spacing: 0.05em;
}

.home-header__title {
--display-font-size: min( calc( 2.5rem + 3.9vw ), 4.5rem );
margin: 0;
font-size: var( --display-font-size );
text-transform: uppercase;
line-height: 0.9;
font-weight: var( --font-weight-semi-bold );
text-shadow: 0 10px 30px rgba( 0, 0, 0, 0.32 );
}

.home-header__subtitle {
margin-top: 0.35rem;
color: var( --color-subtle );
font-size: var( --font-size-small );
}

.home-header__status {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1.05rem;
padding: 0.55rem 0.95rem;
border: 1px solid rgba( 137, 42, 48, 0.24 );
border-radius: 1rem;
background: rgba( 18, 13, 18, 0.78 );
backdrop-filter: blur( 8px );
}

.home-header__status p {
display: inline-flex;
flex-wrap: wrap;
gap: 0.65rem;
align-items: center;
justify-content: center;
margin: 0;
}

.home-header__statusLabel {
color: #d79599;
font-size: var( --font-size-x-small );
letter-spacing: 0.04em;
font-weight: var( --font-weight-medium );
}

.home-header__statusText {
color: var( --color-base );
font-size: var( --font-size-small );
opacity: 0.92;
}

.home-header__search {
position: relative;
isolation: isolate;
padding: var( --space-md );
margin-top: 1.2rem;
margin-left: auto;
margin-right: auto;
max-width: 600px;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-pill );
background-color: rgba( 17, 19, 25, 0.82 );
cursor: pointer;
font-size: var( --font-size-small );
font-weight: var( --font-weight-medium );
text-align: center;
backdrop-filter: blur( 10px );
transition: background 180ms ease, border-color 180ms ease;
}

/* Attribution: the animated hover-glow treatment here was inspired by the
Citizen homepage search affordance on starcitizen.tools, with a custom red palette. */
.home-header__search::before {
content: "";
position: absolute;
inset: -1px;
z-index: -1;
border-radius: inherit;
background: linear-gradient(
120deg,
#16090a 0%,
#3a1113 20%,
#6a1719 38%,
#9a2020 50%,
#6a1719 62%,
#3a1113 80%,
#16090a 100%
);
background-size: 200% 200%;
filter: blur( 8px );
opacity: 0;
transition: opacity 200ms ease, filter 200ms ease;
}

.home-header__search .desktoponly {
margin-left: var( --space-xs );
}

.home-header__search:hover {
background: rgba( 12, 13, 17, 0.92 );
}

.home-header__search:hover::before {
opacity: 0.9;
filter: blur( 10px );
animation: home-search-red-glow 4.5s linear infinite;
}

@keyframes home-search-red-glow {
0% {
background-position: 0% 50%;
}
100% {
background-position: 200% 50%;
}
}

.home-header__searchIcon img {
margin-right: var( --space-md );
opacity: var( --opacity-icon-base );
}

.home-header__search .keyboard-key {
display: inline;
padding-top: 0.1em;
padding-bottom: 0.1em;
}

html.skin-citizen-dark .home-header__searchIcon img {
filter: invert( 1 );
}

@media ( hover: none ) {
.home-header__search .desktoponly {
display: none;
}
}

/* Main page 2-column layout */
.main-home-grid {
display: grid;
grid-template-areas:
"article"
"widgets";
gap: 0.625rem;
margin-top: 0.1rem;
}

@media ( min-width: 760px ) {
.main-home-grid {
grid-template-columns: minmax( 0, 1.45fr ) minmax( 320px, 0.95fr );
grid-template-areas: "article widgets";
align-items: start;
}
}

.article {
grid-area: article;
min-width: 0;
}

.widgets {
grid-area: widgets;
min-width: 0;
}

.widgets > .home-card + .home-card {
margin-top: 0.625rem;
}

.split-left {
grid-area: split-left;
}

.split-right {
grid-area: split-right;
}

.sub-home-grid {
display: grid;
margin-top: 0.625rem;
gap: 0.625rem;
grid-template-areas:
"split-left"
"split-right";
}

@media ( min-width: 700px ) {
.sub-home-grid {
grid-template-columns: 1fr 1fr;
grid-template-areas: "split-left split-right";
}
}

.home-grid {
display: grid;
grid: auto-flow dense / repeat( auto-fit, minmax( 9.375rem, 1fr ) );
grid-auto-rows: minmax( 3rem, auto );
grid-gap: var( --space-xs );
}

.home-grid--col2 {
grid-template-columns: 1fr 1fr;
}

.home-grid a.external {
background-image: none;
}

.home-badge {
display: flex;
gap: var( --space-xxs );
font-size: var( --font-size-x-small );
padding: var( --space-xxs ) var( --space-xs );
background: var( --color-surface-2 );
color: var( --color-base );
border-radius: var( --border-radius-base );
font-weight: var( --font-weight-normal );
letter-spacing: 0.025em;
line-height: var( --line-height-xxx-small );
}

.home-card,
.home-meta__item {
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
}

.home-card {
position: relative;
padding: var( --space-md );
border: 1px solid var( --border-color-base );
background: var( --color-surface-1 );
border-radius: var( --border-radius-medium );
font-size: var( --font-size-small );
}

.home-card table.timeline {
margin-top: var( --space-xs );
}

.home-card--col2 {
grid-column: span 2;
}

.home-card--row3 {
grid-row: span 3;
}

.home-card--row4 {
grid-row: span 4;
}

.home-card--row8 {
grid-row: span 8 / auto;
}

.home-card__badge,
.home-card__label {
color: var( --color-subtle );
font-size: var( --font-size-x-small );
letter-spacing: 0.05em;
}

.home-card__badge {
padding: var( --space-xxs ) var( --space-xs );
border-radius: var( --border-radius-base );
background: var( --color-surface-2 );
}

.home-card__header {
color: var( --color-emphasized );
font-size: 1rem;
font-weight: var( --font-weight-semi-bold );
line-height: var( --line-height-xxx-small );
}

.home-card__header a {
display: flex;
align-items: center;
justify-content: space-between;
}

.home-card__header a:after {
content: "▶";
font-size: var( --font-size-x-small );
}

.home-card__background {
position: absolute;
inset: 0;
}

.home-card__background:after {
position: absolute;
pointer-events: none;
inset: 0;
display: block;
background: linear-gradient( to right, #000, transparent );
content: "";
transition: transform 250ms ease;
}

.home-card__background picture,
.home-card__background img {
width: 100%;
height: 100%;
}

.home-card__background img {
object-fit: cover;
object-position: center;
}

.home-card__foreground {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: var( --space-md );
display: flex;
flex-direction: column;
justify-content: center;
gap: var( --space-xxs );
color: #fff;
line-height: var( --line-height-xxx-small );
pointer-events: none;
}

.home-card__foreground .home-card__badge {
position: absolute;
top: 0;
right: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
}

.home-card__foreground .home-card__header {
color: #fff;
}

.home-card__foreground .home-card__label {
color: #bababa;
}

.home-card p {
margin-top: var( --space-xs );
font-size: var( --font-size-small );
}

.home-card.home-card--button {
overflow: hidden;
padding: 0;
border: 0;
}

.home-card--button a {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
padding: 0 var( --space-md );
background: transparent;
color: #fff;
font-weight: var( --font-weight-medium );
}

.home-card--button .home-card__background a {
padding: 0;
}

.home-card--button img {
transition: transform 250ms ease;
}

.home-card--button:hover img {
transform: scale( 1.1 );
}

.home-link {
display: grid;
margin-top: var( --space-xs );
font-size: var( --font-size-small );
font-weight: var( --font-weight-medium );
grid-gap: var( --space-xs );
text-align: center;
}

.home-link__button {
display: flex;
}

.home-link__button a {
flex-grow: 1;
padding: var( --space-xs );
border: 1px solid var( --border-color-base );
background: var( --color-surface-2 );
border-radius: var( --border-radius-medium );
color: var( --color-emphasized ) !important;
line-height: var( --line-height-xxx-small );
text-decoration: none !important;
}

.home-link__button a:hover {
background: var( --color-surface-2--hover );
}

.home-link__button a:active {
background: var( --color-surface-2--active );
}

#home-content {
margin-top: 0;
}

.home-card .template-statsbar {
margin: 0;
}

/* Discord widget polish + spacing */
#home-discordwidget {
padding-top: 1rem;
}

.discord-widget-wrap {
display: flex;
justify-content: center;
margin-top: 0.95rem;
margin-bottom: 1rem;
padding-inline: 0.05rem;
}

#home-discordwidget #discord-widget {
width: 100%;
max-width: none;
}

#home-discordwidget iframe.responsive-iframe {
width: 100%;
border-radius: 8px;
overflow: hidden;
display: block;
min-height: 500px;
background: transparent;
}

#home-discordwidget .home-card__label {
margin-bottom: 1rem !important;
padding-left: 0.05rem;
}

#home-discordwidget .home-link__button-discord,
#home-discordwidget .home-link__button {
margin-top: 0.95rem !important;
}

.home-link__button-discord {
margin-top: 0.75rem;
}

#home-discordwidget a.external.text::after {
display: none;
}

/* Attribution: the footer utility rail borrows the "compact maintenance links"
idea from Citizen-theme main pages like starcitizen.tools, but uses original copy and styling. */
.home-meta {
display: grid;
gap: 0.75rem;
margin-top: 1.25rem;
}

@media ( min-width: 860px ) {
.home-meta {
grid-template-columns: 1.2fr 0.8fr 0.9fr;
}
}

.home-meta__item {
padding: 0.95rem 1rem;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-medium );
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
}

.home-meta__label {
margin-bottom: 0.35rem;
color: #c48a8f;
font-size: var( --font-size-x-small );
letter-spacing: 0.08em;
text-transform: uppercase;
}

.home-meta__text,
.home-meta__actions {
font-size: var( --font-size-small );
line-height: 1.5;
}

.home-meta__actions p {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0;
}

.home-meta__actions a {
display: inline-flex;
padding: 0.45rem 0.75rem;
border: 1px solid rgba( 137, 42, 48, 0.25 );
border-radius: 999px;
background: rgba( 54, 15, 21, 0.18 );
text-decoration: none;
background-image: none;
}

.home-meta__actions a:hover {
background: rgba( 82, 22, 28, 0.28 );
}

.home-meta__actions a.external::after {
display: none;
}

/* Theme compatibility patch
Keep the main page atmospheric while adapting its panels to light, dark,
and AMOLED variants of the Citizen skin. */

.mw-parser-output {
--home-status-bg: rgba( 255, 255, 255, 0.76 );
--home-status-border: rgba( 137, 42, 48, 0.18 );
--home-status-label: #9b4d55;
--home-search-bg: rgba( 255, 255, 255, 0.82 );
--home-search-hover-bg: rgba( 255, 255, 255, 0.94 );
--home-search-shadow: 0 18px 40px rgba( 34, 24, 28, 0.12 );
--home-meta-bg: linear-gradient( 180deg, rgba( 255, 255, 255, 0.96 ), rgba( 241, 244, 249, 0.98 ) );
--home-meta-label: #9b4d55;
--home-action-bg: rgba( 54, 15, 21, 0.08 );
--home-action-hover: rgba( 82, 22, 28, 0.14 );
--home-meta-shadow: 0 12px 28px rgba( 20, 23, 28, 0.08 );
}

.home-header__status {
border-color: var( --home-status-border );
background: var( --home-status-bg );
box-shadow: var( --home-search-shadow );
}

.home-header__statusLabel {
color: var( --home-status-label );
}

.home-header__search {
background-color: var( --home-search-bg );
box-shadow: var( --home-search-shadow );
}

.home-header__search:hover {
background: var( --home-search-hover-bg );
}

.home-meta__item {
background: var( --home-meta-bg );
box-shadow: var( --home-meta-shadow );
}

.home-meta__label {
color: var( --home-meta-label );
}

.home-meta__actions a {
background: var( --home-action-bg );
color: var( --color-emphasized );
}

.home-meta__actions a:hover {
background: var( --home-action-hover );
}

html.skin-theme-clientpref-night .mw-parser-output,
html.skin-citizen-dark .mw-parser-output {
--home-status-bg: rgba( 18, 13, 18, 0.78 );
--home-status-border: rgba( 137, 42, 48, 0.24 );
--home-status-label: #d79599;
--home-search-bg: rgba( 17, 19, 25, 0.82 );
--home-search-hover-bg: rgba( 12, 13, 17, 0.92 );
--home-search-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
--home-meta-bg: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
--home-meta-label: #c48a8f;
--home-action-bg: rgba( 54, 15, 21, 0.18 );
--home-action-hover: rgba( 82, 22, 28, 0.28 );
--home-meta-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .mw-parser-output {
--home-status-bg: rgba( 18, 13, 18, 0.78 );
--home-status-border: rgba( 137, 42, 48, 0.24 );
--home-status-label: #d79599;
--home-search-bg: rgba( 17, 19, 25, 0.82 );
--home-search-hover-bg: rgba( 12, 13, 17, 0.92 );
--home-search-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
--home-meta-bg: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
--home-meta-label: #c48a8f;
--home-action-bg: rgba( 54, 15, 21, 0.18 );
--home-action-hover: rgba( 82, 22, 28, 0.28 );
--home-meta-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
}
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .mw-parser-output,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .mw-parser-output {
--home-status-bg: rgba( 7, 7, 8, 0.84 );
--home-search-bg: rgba( 6, 6, 7, 0.9 );
--home-search-hover-bg: rgba( 2, 2, 2, 0.96 );
--home-meta-bg: linear-gradient( 180deg, rgba( 10, 10, 10, 0.96 ), rgba( 0, 0, 0, 0.99 ) );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .mw-parser-output {
--home-status-bg: rgba( 7, 7, 8, 0.84 );
--home-search-bg: rgba( 6, 6, 7, 0.9 );
--home-search-hover-bg: rgba( 2, 2, 2, 0.96 );
--home-meta-bg: linear-gradient( 180deg, rgba( 10, 10, 10, 0.96 ), rgba( 0, 0, 0, 0.99 ) );
}
}

html.skin-theme-clientpref-night .mw-parser-output .home-header__searchIcon img,
html.skin-citizen-dark .mw-parser-output .home-header__searchIcon img {
filter: invert( 1 );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .mw-parser-output .home-header__searchIcon img {
filter: invert( 1 );
}
}

@media ( prefers-color-scheme: light ) {
html.skin-theme-clientpref-os .mw-parser-output .home-header__searchIcon img {
filter: none;
}
}

/* Follow-up theme compatibility fix
Use direct selectors so TemplateStyles scoping does not duplicate
`.mw-parser-output` and drop the intended light-mode overrides. */

.home-header__status {
border-color: rgba( 137, 42, 48, 0.18 );
background: rgba( 255, 255, 255, 0.76 );
box-shadow: 0 18px 40px rgba( 34, 24, 28, 0.12 );
}

.home-header__statusLabel {
color: #9b4d55;
}

.home-header__search {
background-color: rgba( 255, 255, 255, 0.82 );
box-shadow: 0 18px 40px rgba( 34, 24, 28, 0.12 );
}

.home-header__search:hover {
background: rgba( 255, 255, 255, 0.94 );
}

.home-meta__item {
background: linear-gradient( 180deg, rgba( 255, 255, 255, 0.96 ), rgba( 241, 244, 249, 0.98 ) );
box-shadow: 0 12px 28px rgba( 20, 23, 28, 0.08 );
}

.home-meta__label {
color: #9b4d55;
}

.home-meta__actions a {
background: rgba( 54, 15, 21, 0.08 );
color: var( --color-emphasized );
}

.home-meta__actions a:hover {
background: rgba( 82, 22, 28, 0.14 );
}

html.skin-theme-clientpref-night .home-header__status,
html.skin-citizen-dark .home-header__status {
border-color: rgba( 137, 42, 48, 0.24 );
background: rgba( 18, 13, 18, 0.78 );
box-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
}

html.skin-theme-clientpref-night .home-header__statusLabel,
html.skin-citizen-dark .home-header__statusLabel {
color: #d79599;
}

html.skin-theme-clientpref-night .home-header__search,
html.skin-citizen-dark .home-header__search {
background-color: rgba( 17, 19, 25, 0.82 );
box-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
}

html.skin-theme-clientpref-night .home-header__search:hover,
html.skin-citizen-dark .home-header__search:hover {
background: rgba( 12, 13, 17, 0.92 );
}

html.skin-theme-clientpref-night .home-meta__item,
html.skin-citizen-dark .home-meta__item {
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
}

html.skin-theme-clientpref-night .home-meta__label,
html.skin-citizen-dark .home-meta__label {
color: #c48a8f;
}

html.skin-theme-clientpref-night .home-meta__actions a,
html.skin-citizen-dark .home-meta__actions a {
background: rgba( 54, 15, 21, 0.18 );
}

html.skin-theme-clientpref-night .home-meta__actions a:hover,
html.skin-citizen-dark .home-meta__actions a:hover {
background: rgba( 82, 22, 28, 0.28 );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .home-header__status {
border-color: rgba( 137, 42, 48, 0.24 );
background: rgba( 18, 13, 18, 0.78 );
box-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
}

html.skin-theme-clientpref-os .home-header__statusLabel {
color: #d79599;
}

html.skin-theme-clientpref-os .home-header__search {
background-color: rgba( 17, 19, 25, 0.82 );
box-shadow: 0 18px 40px rgba( 5, 7, 10, 0.22 );
}

html.skin-theme-clientpref-os .home-header__search:hover {
background: rgba( 12, 13, 17, 0.92 );
}

html.skin-theme-clientpref-os .home-meta__item {
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.94 ), rgba( 11, 12, 17, 0.98 ) );
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.22 );
}

html.skin-theme-clientpref-os .home-meta__label {
color: #c48a8f;
}

html.skin-theme-clientpref-os .home-meta__actions a {
background: rgba( 54, 15, 21, 0.18 );
}

html.skin-theme-clientpref-os .home-meta__actions a:hover {
background: rgba( 82, 22, 28, 0.28 );
}
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .home-header__status,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .home-header__status {
background: rgba( 7, 7, 8, 0.84 );
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .home-header__search,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .home-header__search {
background-color: rgba( 6, 6, 7, 0.9 );
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .home-header__search:hover,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .home-header__search:hover {
background: rgba( 2, 2, 2, 0.96 );
}

html.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 .home-meta__item,
html.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 .home-meta__item {
background: linear-gradient( 180deg, rgba( 10, 10, 10, 0.96 ), rgba( 0, 0, 0, 0.99 ) );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .home-header__status {
background: rgba( 7, 7, 8, 0.84 );
}

html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .home-header__search {
background-color: rgba( 6, 6, 7, 0.9 );
}

html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .home-header__search:hover {
background: rgba( 2, 2, 2, 0.96 );
}

html.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 .home-meta__item {
background: linear-gradient( 180deg, rgba( 10, 10, 10, 0.96 ), rgba( 0, 0, 0, 0.99 ) );
}
}

html.skin-theme-clientpref-night .home-header__searchIcon img,
html.skin-citizen-dark .home-header__searchIcon img {
filter: invert( 1 );
}

@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .home-header__searchIcon img {
filter: invert( 1 );
}
}

@media ( prefers-color-scheme: light ) {
html.skin-theme-clientpref-os .home-header__searchIcon img {
filter: none;
}
}

Main Page

2026-04-11T14:17:56Z

DivošiRunner: Refresh main page parser output after theme stylesheet update

{{Main_page/header}}
<templatestyles src="Template:Main_Page/shared/styles.css" />
__NOTOC__
<div id="home-content" class="main-home-grid">

<div class="article">

<div class="home-card">
<div class="home-card__label">Welcome</div>
<h3 class="home-card__header">Sarkic Cults Wiki</h3>
<p>The central documentation hub for Sarkic Cults lore, systems, projects, and community resources.</p>
<div class="home-link">
<div class="home-link__button">[[Special:AllPages|Browse all pages]]</div>
<div class="home-link__button">[[Special:RecentChanges|Recent changes]]</div>
<div class="home-link__button">[[Special:Random|Random page]]</div>
</div>
</div>

<div class="sub-home-grid">

<div class="split-left">
<div class="home-card">
<div class="home-card__label">Contribute</div>
<h3 class="home-card__header">Get Involved</h3>
<div class="home-link">
<div class="home-link__button">[[Special:CreateAccount|Create account]]</div>
<div class="home-link__button">[[Special:UserLogin|Log in]]</div>
<div class="home-link__button">[[Echoes_of_the_Flesh:Access_levels|Access levels]]</div>
<div class="home-link__button">[[Special:WantedPages|Wanted pages]]</div>
</div>
</div>
</div>

<div class="split-right">
<div class="home-card">
<div class="home-card__label">Site Tools</div>
<h3 class="home-card__header">Quick Actions</h3>
<div class="home-link">
<div class="home-link__button">[[Special:Categories|Categories]]</div>
<div class="home-link__button">[[Special:Log|Logs]]</div>
<div class="home-link__button">[[Special:ListUsers|User list]]</div>
<div class="home-link__button">[[Special:Version|Version]]</div>
</div>
</div>
</div>

</div>
</div>

<div class="widgets">
{{Main_page/ActivityWidget}}
{{Main_page/DiscordWidget}}
</div>

</div>

<div class="home-meta">
<div class="home-meta__item">
<div class="home-meta__label">{{Main page/settings|footerlabel}}</div>
<div class="home-meta__text">{{Main page/settings|footertext}}</div>
</div>
<div class="home-meta__item">
<div class="home-meta__label">Last updated</div>
<div class="home-meta__text">{{#time:j F Y|{{REVISIONTIMESTAMP}}}} at {{#time:H:i|{{REVISIONTIMESTAMP}}}}</div>
</div>
<div class="home-meta__item">
<div class="home-meta__label">Maintain</div>
<div class="home-meta__actions">[{{fullurl:{{FULLPAGENAME}}|action=edit}} Edit page] [{{fullurl:Template:Main_page/settings|action=edit}} Header settings]</div>
</div>
</div>

{{#seo:
| type = website
| title = Sarkic Cults Wiki
| title_mode = replace
| description = The information hub for the Sarkic Cults Roblox group.
| keywords = sarkic, scp, roblox, sarkic cult, discord, wiki
| locale = {{PAGELANGUAGE}}
| og:url = https://sarkic-cults.group/
}}

MediaWiki:Citizen.css

2026-04-11T14:14:13Z

DivošiRunner: Fix Citizen theme compatibility for light, dark, and AMOLED modes

/* All CSS here will be loaded for users of the Citizen skin */
/* Attribution: portions of this stylesheet were informed by PrismParty,
starcitizen.tools, SCP Wiki/Wikidot resources, and Citizen documentation,
then adapted for Echoes of the Flesh. */

/* Imports
============================================================================================ */
/* Custom Pilesaran font adapted from SCP Wiki/Wikidot resources */
@font-face {
font-family: 'Pilesaran';
src: url('/resources/assets/fonts/Pilesaran.woff2') format('woff2'),
url('/resources/assets/fonts/Pilesaran.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* latin-ext */
@font-face {
font-family: 'Kreon';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/resources/assets/fonts/t5t9IRIUKY-TFF_LW5lnMR3v2DnvPNiWcz8el2c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Kreon';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/resources/assets/fonts/t5t9IRIUKY-TFF_LW5lnMR3v2DnvPNiWfT8e.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/resources/assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58i-wi40.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/resources/assets/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-wg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Rokkitt';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DCGb-3vA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Rokkitt';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DMGb8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/w8gdH283Tvk__Lua32TysjIfqcuPP9g.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Varela Round';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/resources/assets/fonts/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* minecraft */
@font-face {
font-family: 'Minecraft';
src: url('/resources/assets/fonts/Minecraft.woff2') format('woff2'),
url('/resources/assets/fonts/Minecraft.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* PrismParty display font */
@font-face {
font-family: 'PrismParty';
src: url('/resources/assets/fonts/PrismParty-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* ROOT VARIABLES
[ These are variables explicitly supported by the theme.
[ https://github.com/StarCitizenTools/mediawiki-skins-Citizen/wiki/Customizing-Citizen-styles
============================================================================================ */

/* Font replacements */
:root {
--font-family-base: 'Quicksand', sans-serif;
--font-family-alternate: 'Varela Round', monospace;
--font-family-serif: 'Kreon', serif;
}

/* Color replacements */
:root.skin-citizen-light {
--color-surface-0: #f2f4f7;
--color-surface-1: #f3f6fa;
--color-surface-2: #eaeef4;
--color-surface-3: #e3e7ed;
--color-surface-4: #c3c7cf;
--color-surface-5: #eaeef5;
/*--color-base: #f2f4f7;
--color-base--emphasized: #f2f4f7;
--color-base--subtle: #f2f4f7;*/
--prism-blue-0: #7bc1f8;
--prism-blue-1: #59a2eb;
--prism-blue-2: #2e79d6;
--prism-lime-1: #c0ee6f;
--background-color-warning: #f0e7d3;
}
:root.skin-citizen-dark, :root.skin-citizen-auto {
/*--color-surface-0: #f2f4f7;
--color-surface-1: #f3f6fa;
--color-surface-2: #eff2f6;
--color-surface-3: #e3e7ed;
--color-surface-4: #c3c7cf;*/
--color-surface-5: #181c21;
/*--color-base: #f2f4f7;
--color-base--emphasized: #f2f4f7;
--color-base--subtle: #f2f4f7;*/
--prism-blue-0: #7bc1f8;
--prism-blue-1: #59a2eb;
--prism-blue-2: #2e79d6;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
}

/* FONT OVERRIDES
[ These selectors are used to replace some font elements.
============================================================================================ */
/*p {font-family: var(--font-family-alternate);}*/

/* Logotype font */
.citizen-drawer__siteinfo, .mw-logo-wordmark {
font-family: PrismParty;
}

/* JAVASCRIPT MODS
[ These selectors are required for JavaScript modifications to function.
============================================================================================ */

/* Discord icon in header with hover effect */
.disc-icon {
background-image: url(/resources/assets/discord.svg);
background-repeat: no-repeat;
background-position: center;
opacity: var(--opacity-icon-base);
width: 40px;
height: 40px;
}
.disc-icon:hover {
transform: rotate3d(0,0,1,360deg);
transition: all .25s;
}
.skin-citizen-dark .disc-icon {
filter: var(--filter-invert);
}
#citizen-discord__buttonCheckbox > span:nth-child(1) {
visibility: hidden;
}
.citizen-header__buttonCheckbox {
cursor: pointer;
}

/* Remove duplicate logo icon*/
/*a.citizen-header__button > img:nth-child(1) {*/
/* display: none;*/
/*}*/

/* TEMPLATE MODS
[ These selectors adjust templates based heavily on the Citizen skin.
============================================================================================ */
/* Transition effect for prevblogs and prevupdate */
.mw-parser-output #home-card-prevblogs .wikitable tr > td:last-child,
.mw-parser-output #home-card-prevupdate .wikitable tr > td:last-child {
transition: var(--transition-menu);
transition-property: opacity,transform;
opacity: 0;
}
/*.mw-parser-output #home-card-prevblogs .wikitable tr > td:first-child:hover ~ td,
.mw-parser-output #home-card-prevupdate .wikitable tr > td:first-child:hover ~ td {
transform: translateY(-16px);
opacity: 1;
}

/* Do not transform date widget */
.mw-parser-output #home-card-prevupdate .wikitable tr > td:first-child:hover ~ td.prevupdate-date {
transform: translateY(0);
}

/* Homepage previous blogs widget - truncates titles */
#home-card-prevblogs .wikitable a {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

@media (max-width: 500px) {
#home-card-prevblogs h3.home-card__header a {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

#home-card-prevblogs h3.home-card__header a::after {
display: none;
}

.mw-parser-output #home-card-prevblogs .wikitable {
max-height: 14.68rem;
overflow: hidden scroll !important;
}
#home-card-prevblogs .wikitable a {
-webkit-line-clamp: 3 !important;
}
/* Remove hover on small size (glitched anyway due to overflow) */
.mw-parser-output #home-card-prevblogs .wikitable tr > td:first-child:hover ~ td {
display: none;
}
}

/* Fix darkskin icon for componentlink template */
.component-link__button a img {
filter: invert(1);
}

.template__bubble {
padding: 0.1rem 0.6rem;
margin-left: 0.4rem;
background: var(--color-surface-3);
border-radius: 100px;
font-size: 0.7125rem;
font-weight: 500;
text-transform: uppercase;
}

/* Logo Dark/Light switcher */

.skin-citizen-light .dark-logo {
display: none;
}

.skin-citizen-dark .light-logo, :root.skin-citizen-auto .light-logo {
display: none;
}

/* Homescreen only cubeol recolors */
.skin-citizen-dark .page-Home .mw-parser-output .default,
.skin-citizen-dark .page-Home .mw-parser-output .pink,
.skin-citizen-dark .page-Home .mw-parser-output .orange,
.skin-citizen-dark .page-Home .mw-parser-output .lime {
background-image: linear-gradient(to right,#6d281e 0%,#e0503d 51%,#6d281e 100%);
text-decoration: none;
text-shadow: none;
}

/* SIDEBAR MODS
[ These selectors modify sidebar elements of the Citizen theme.
============================================================================================ */

.citizen-header {
background-color: var(--color-surface-1);
}

.mw-echo-notifications-badge.mw-echo-notification-badge-nojs.oo-ui-icon-bell.mw-echo-notifications-badge-all-read {
transition: all 0.1s;
}

/* Drawer navigation polish
Attribution: sectioned drawer patterns here were informed by Citizen-based
wikis including starcitizen.tools and prismparty.net, then adapted locally. */
.citizen-drawer__menu .citizen-menu {
margin-bottom: 0.7rem;
padding: 0.2rem 0;
border: 1px solid rgba( 255, 255, 255, 0.03 );
border-radius: 1rem;
background: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
}

.citizen-drawer__menu .citizen-menu__heading {
padding: 0 0.95rem 0.35rem;
margin-bottom: 0.2rem;
color: #c48a8f;
font-size: 0.72rem;
font-weight: var( --font-weight-medium );
letter-spacing: 0.08em;
text-decoration: none;
text-transform: uppercase;
}

.citizen-drawer__menu .citizen-menu__content-list {
gap: 0.15rem;
}

.citizen-drawer__menu .mw-list-item a {
margin: 0 0.45rem;
padding: 0.6rem 0.75rem;
border-radius: 0.8rem;
display: flex;
align-items: center;
gap: 0.7rem;
transition: background 180ms ease, transform 180ms ease;
}

.citizen-drawer__menu .mw-list-item a:hover {
background: rgba( 92, 24, 31, 0.14 );
transform: translateX( 2px );
}

.citizen-drawer__menu {
--icon-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 10.5 12 4l7.5 6.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 9.5V20h10V9.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12a8 8 0 1 0 2.4-5.7' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M4 4v5h5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8v4l3 2' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-dice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='5' width='14' height='14' rx='2.8' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Ccircle cx='9' cy='9' r='1.2' fill='%23000'/%3E%3Ccircle cx='15' cy='15' r='1.2' fill='%23000'/%3E%3Ccircle cx='9' cy='15' r='1.2' fill='%23000'/%3E%3Ccircle cx='15' cy='9' r='1.2' fill='%23000'/%3E%3C/svg%3E");
--icon-article: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='4.5' width='14' height='15' rx='2' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M8.5 9h7M8.5 12h7M8.5 15h4.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-post-add: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='4.5' width='14' height='15' rx='2' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M8.5 10h5M8.5 13h5M16.5 9v6M13.5 12h6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-category: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4.5' y='6' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Crect x='13' y='6' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Crect x='8.75' y='13.5' width='6.5' height='6.5' rx='1.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E");
--icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5.2 20 19H4z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M12 9.5v4.5M12 17h.01' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-verified-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5 18 7v4.8c0 3.4-2.2 6.5-6 7.7-3.8-1.2-6-4.3-6-7.7V7z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m9.3 12.1 1.8 1.8 3.6-3.8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7.5' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M12 10.2v5M12 8h.01' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-group: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='10' r='3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Ccircle cx='16' cy='9' r='2.3' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M4.5 18c.9-2.3 2.8-3.5 5.5-3.5s4.6 1.2 5.5 3.5M14.3 15.1c1.7.2 3 .9 4 2.3' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-tune: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6h12M6 12h12M6 18h12' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='6' r='1.8' fill='%23000'/%3E%3Ccircle cx='15' cy='12' r='1.8' fill='%23000'/%3E%3Ccircle cx='11' cy='18' r='1.8' fill='%23000'/%3E%3C/svg%3E");
--icon-upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15V6M8.5 9.5 12 6l3.5 3.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 18.5h14' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-policy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4.5h6l4 4v9a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-11a2 2 0 0 1 2-2Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5V9h4M9 13h6M9 16h4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
--icon-gavel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13.5 6 4.5 4.5M11 8.5l4.5 4.5M4.5 19.5l8-8M12.3 5.3l2.4-2.3 5.3 5.3-2.3 2.4M9.8 7.8l2.4-2.3 5.3 5.3-2.3 2.4M3.8 20.2h8.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--icon-discord: url("/resources/assets/discord.svg");
--icon-roblox: url("/resources/assets/roblox.svg");
}

.citizen-drawer__menu .mw-list-item a .citizen-ui-icon {
display: none;
}

.citizen-drawer__menu .mw-list-item a::before {
content: "";
display: inline-block;
flex: 0 0 1.1rem;
width: 1.1rem;
height: 1.1rem;
background-color: currentColor;
mask-image: var( --drawer-icon );
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
-webkit-mask-image: var( --drawer-icon );
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
opacity: 0.84;
}

#n-mainpage-description,
#n-Home {
--drawer-icon: var( --icon-home );
}

#n-recentchanges,
#n-Recent-changes {
--drawer-icon: var( --icon-history );
}

#n-randompage,
#n-Random-page {
--drawer-icon: var( --icon-dice );
}

#n-All-pages {
--drawer-icon: var( --icon-article );
}

#n-New-pages {
--drawer-icon: var( --icon-post-add );
}

#n-Categories {
--drawer-icon: var( --icon-category );
}

#n-Wanted-pages {
--drawer-icon: var( --icon-warning );
}

#n-Access-levels {
--drawer-icon: var( --icon-verified-user );
}

#n-About-the-wiki {
--drawer-icon: var( --icon-info );
}

#n-User-list {
--drawer-icon: var( --icon-group );
}

#n-Roblox-groups {
--drawer-icon: var( --icon-group );
}

#n-Roblox {
--drawer-icon: var( --icon-roblox );
}

#t-specialpages {
--drawer-icon: var( --icon-tune );
}

#t-upload {
--drawer-icon: var( --icon-upload );
}

#n-Special-pages {
--drawer-icon: var( --icon-tune );
}

#n-Upload-file {
--drawer-icon: var( --icon-upload );
}

#n-Privacy-policy {
--drawer-icon: var( --icon-policy );
}

#n-Disclaimers {
--drawer-icon: var( --icon-gavel );
}

#n-Discord {
--drawer-icon: var( --icon-discord );
}

/* Adds bottom row to menu */
.mw-portlet-External {
margin-top: 0.9rem;
padding: 0.65rem 0 0;
border-top: 1px solid var( --border-color-base );
font-size: 0.8125rem;
grid-column: 1 / -1;
white-space: nowrap;
position: sticky;
bottom: -0.55rem;
background: var( --color-surface-5 );
}

@media only screen and (max-width: 553px) {
.mw-portlet-External {
padding-bottom: 0.56rem;
}
}
/* Stop weird scrolling behavior */
.mw-portlet-External {
margin-bottom: -2rem;
padding-bottom: 0.5rem;
}

.mw-portlet-External .citizen-menu__heading {
display: none;
}
.mw-portlet-External ul {
display: flex;
gap: 0.45rem;
overflow: auto;
padding-inline: 0.35rem;
}
.mw-portlet-External .mw-list-item a {
gap: 0.45rem;
padding: 0.5rem 0.75rem;
border: 1px solid rgba( 255, 255, 255, 0.06 );
border-radius: 999px;
background: rgba( 255, 255, 255, 0.03 );
}

/* Small size external full width */
@media only screen and (max-width: 553px) {
.citizen-drawer__menu {
display: initial;
}
.citizen-drawer__menu .citizen-menu {
width: 100%;
margin: 0 0 var(--space-sm);
}
.mw-portlet-External {
margin-bottom: -2.5rem;
}
}

/* Label */
.citizen-drawer__menu [id^="n-sidebar-label-"] a {
pointer-events: none;
margin-left: var( --space-xs );
padding-left: var( --space-md );
padding-right: var( --space-xs );
border-left: 1px solid var( --border-color-base );
border-radius: 0;
letter-spacing: 0.05em;
font-weight: var( --font-weight-normal );
color: var( --color-base--subtle ) !important;
}

/* Icons */
.citizen-drawer__menu [id^="n-sidebar-icon-"] a {
font-size: 0;
}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
display: block;
content: "";
width: var( --size-icon );
height: var( --size-icon );
background: transparent center/contain no-repeat;
opacity: var( --opacity-icon-base );
}

.citizen-ui-icon.mw-ui-icon-discord {
background-image: url(/resources/assets/discord.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.6;
}

.skin-citizen-dark .citizen-ui-icon.mw-ui-icon-discord, .skin-citizen-auto .citizen-ui-icon.mw-ui-icon-discord {
filter: invert( 1 );
}

.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
.skin-citizen-auto .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
filter: invert( 1 );
}

/* Bottom menu icons */
#n-sidebar-icon-discord a:before {background-image: url('/resources/assets/discord.svg')}

/* Redundant alert/breaks sidebar*/
.mw-echo-alert {
display: none;
}

/* HEADER/FOOTER MODS
[ These selectors modify header elements of the Citizen theme, normal and sticky.
============================================================================================ */

/* Backdrop filter on sticky header */
.citizen-page-header::before {
backdrop-filter: saturate(50%) blur(16px);
border-radius: 0 0 var(--border-radius--large) var(--border-radius--large);
}
/* Margin to move down the list */
.citizen-footer ul {
margin-top: 1rem;
}
.page-Home .mw-body-footer {
display: none;
}

.page-Home .firstHeading {
font-family: 'PrismParty' !important;
}

/* New colors */
.citizen-header, #citizen-pref-panel, .citizen-userMenu .citizen-menu__card, .citizen-menu__card, .mw-portlet-External {
background-color: var(--color-surface-5);
}

/* Pure black */
.citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-header, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark #citizen-pref-panel, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-userMenu .citizen-menu__card, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .citizen-menu__card, .citizen-feature-pure-black-clientpref-1.skin-theme-clientpref-night.skin-citizen-dark .mw-portlet-External {
background-color: #08090a;
}

/* FIXES
[ These selectors "fix" buggy or unusable elements.
============================================================================================ */

/* Hide in-article toc */
#toc {
display: none;
}

/* Fix prevblogs side overflow bug */
#home-card-prevblogs .citizen-overflow--right, #home-card-prevupdate .citizen-overflow--right {
-webkit-mask-image: initial;
mask-image: initial;
}

/* Make TemplateData editor popup above all else on page */
.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
z-index: 999;
}

/* Missing category colors */
.catlinks li > a.new:hover {
color: #fff;
}

/* Fixes forum search bar in FireFox*/
#mw-wikiforum-searchbox-border {
display: inline-flex;
}

/* Visual Editor template show more button fix */
.skin-citizen .ve-ui-expandableContent-toggle {
background-color: var(--color-surface-1);
}

/* Make inactive vote more readable */
.ajaxpoll .ajaxpoll-answer-vote div {
background: var(--border-color-base);
}
.ajaxpoll .ajaxpoll-our-vote div {
background: var(--background-color-primary--active);
}
.page-Home .ajaxpoll {
margin: 0 -1.5rem -2rem -1.5rem;
}

/* Overflow visible on preview elements */
#home-card-prevblogs .citizen-table-wrapper,
#home-card-prevupdate .citizen-table-wrapper {
overflow-x: visible;
}

/* Darkmode for structured discussions */
.flow-topic-titlebar {
background-color: var(--color-surface-3);
border-radius: var(--border-radius--medium);
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
}

.flow-post .flow-post-content {
word-break: break-word;
color: var(--color-base);
}

div > .flow-menu ul {
border: none;
background-color: var(--color-surface-1);
box-shadow: var(--box-shadow-dialog);
border-radius: var(--border-radius--medium);
}

.flow-post .flow-author .mw-usertoollinks {
opacity: 0;
transition: opacity 0.25s ease;
color: var(--color-base);
}

div.mw-gallery-slideshow-img-container a.image {
height: auto;
max-width: 100%;
}

/*Source editor drop down selections*/
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--background-color-primary--hover);
}

/* Source editor upload form */
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
border-top: none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: inherit !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: inherit !important;
}
.mw-upload-bookletLayout-filePreview {
background-color: var(--color-surface-2--hover);
}

/* FORUMS
[ These selectors restyle the forums interface
============================================================================================ */
/* Main display */

table.mw-wikiforum-frame {
padding: 15px 15px 0 15px;
background: var(--color-surface-1);
border-radius: 8px;
border: none;
box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
}

td.mw-wikiforum-innerframe, th.mw-wikiforum-title, th.mw-wikiforum-admin, th.mw-wikiforum-value, th.mw-wikiforum-lastpost {
border-bottom: unset;
border-top: unset;
border: unset;
}
/* Forum title radius background */
tr.mw-wikiforum-title {
background: none;
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-title {
background: var(--color-surface-2);
border-top-left-radius: var(--border-radius--large);
border-bottom-left-radius: var(--border-radius--large);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-admin, table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-value, table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-value {
background: var(--color-surface-2);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-lastpost {
background: var(--color-surface-2);
border-top-right-radius: var(--border-radius--large);
border-bottom-right-radius: var(--border-radius--large);
}

td.mw-wikiforum-title, td.mw-wikiforum-admin, td.mw-wikiforum-value, td.mw-wikiforum-lastpost {
border-bottom: 1px solid var(--border-color-base);
}
table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-title, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-admin, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-value, table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-lastpost {
border-bottom: none;
}

/* Icons from icons8.com*/
p.mw-wikiforum-valuetitle a img, td.mw-wikiforum-rightside img, p.mw-wikiforum-issue img, tr.mw-wikiforum-marked td.mw-wikiforum-admin a img, div#mw-wikiforum-searchbox-border img#mw-wikiforum-searchbox-picture, th.mw-wikiforum-title a img, td.mw-wikiforum-title p.mw-wikiforum-thread img {
width: 1.3rem;
}
/* Locked thread icon*/
table.mw-wikiforum-frame:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > img:nth-child(1) {
width: 1.5rem;
}
/* Social Icon */
td.mw-wikiforum-thread-main div.wikiforum-avatar-image img.mw-socialprofile-avatar {
width: 5.5rem;
border-radius: 8px;
}
/* main thread edits */
td.mw-wikiforum-thread-main {
padding: unset;
border: unset;
background: unset;
}
table.mw-wikiforum-posted {
color: var(--color-base--subtle);
font-family: var(--font-family-base)
font-size: 0.6rem;
border-top: 1px solid var(--border-color-base);
margin-bottom: unset;
}
th.mw-wikiforum-thread-top {
font-weight: normal;
background: var(--color-surface-2);
border-radius: var(--border-radius--medium);
border: 1px solid var(--border-color-base);
margin-bottom: 15px;
display: block;
}
tr.mw-wikiforum-sticky {
background: unset;
}
tr.mw-wikiforum-normal {
background: none;
}
td.mw-wikiforum-thread-main, td.mw-wikiforum-thread-sub {
word-break: unset;
}

td.mw-wikiforum-thread-sub {
padding: 0px 10px;
border: 1px solid var(--border-color-base);
background: var(--color-surface-2);
border-radius: var(--border-radius--small);
}

#mw-wikiforum-searchbox-border {
border: 1px solid var(--border-color-base);
background: var(--color-surface-2);
border-radius: var(--border-radius--small);
}

/* 'Invalid 'property from: Template:Scrollbox/styles.css */
.mw-parser-output .scrollbox__container::before {
box-shadow: inset 8px 0 12px -4px var(--color-surface-0), inset -8px 0 6px -4px var(--color-surface-0);
}

/* Template:SymbolicIcon */
.skin-citizen-dark .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert(1);
}

.page-Guide_Getting_Started .card-button a.external.text {
color: white;
}

/* Remove auto color mode */
#skin-client-prefs-skin-theme > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) > form:nth-child(1) {
grid-template-columns: repeat(2,1fr);
}
#skin-client-prefs-skin-theme > div:nth-child(2) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1) > form:nth-child(1) > div:nth-child(1) {
display: none;
}

/* Editor text selection */
.ve-ce-attachedRootNode::selection, .ve-ce-attachedRootNode ::selection {
background: rgba(109,169,247,0.5) !important;
}

/* Cookie window size*/
.mw-cookiewarning-container {
background-color: var(--color-surface-5);
max-width: 30rem;
}

/* Drawer popup sizing
Keep the desktop navigation card sized to its actual menu content instead
of forcing a wide, tall panel. */
@media screen and (min-width: 1120px) {
#citizen-drawer__card {
width: fit-content;
max-width: min( calc( 100vw - 1rem ), 68rem );
height: auto;
min-height: 0;
}

#citizen-drawer__card .citizen-menu__card-content,
#citizen-drawer__card #citizen-main-menu {
width: fit-content;
min-width: 0;
}
}

/* Template styles override for wide layout homepage */
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 15.375rem, 1fr ) )!important;
}
@media (max-width:1644px) and (min-width:1405px) {
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 18.375rem, 1fr ) )!important;
}
}
@media (max-width:1660px) and (min-width:1645px) {
.citizen-feature-custom-width-clientpref-wide div#home-nav.home-grid {
grid: auto-flow dense/repeat( auto-fit, minmax( 21.375rem, 1fr ) )!important;
}
}

/* Citizen polish
Attribution: the preferences menu, page-info card, and footer control treatments
below were informed by Citizen implementations on starcitizen.tools and refined
to fit Echoes of the Flesh. */
.citizen-preferences .citizen-dropdown-summary,
.citizen-preferences-dropdown .citizen-dropdown-summary {
border: 1px solid transparent;
border-radius: 999px;
transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.citizen-preferences .citizen-dropdown-summary:hover,
.citizen-preferences-dropdown .citizen-dropdown-summary:hover {
border-color: rgba( 137, 42, 48, 0.3 );
background: rgba( 62, 17, 23, 0.16 );
box-shadow: 0 10px 30px rgba( 38, 8, 13, 0.18 );
}

#citizen-preferences__card,
#citizen-preferences-dropdown__card {
border: 1px solid var( --border-color-base );
border-radius: 1.25rem;
background: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
box-shadow: 0 20px 50px rgba( 5, 7, 10, 0.3 );
}

.citizen-page-footer .page-info {
display: grid;
gap: 0.75rem;
}

@media (min-width: 860px) {
.citizen-page-footer .page-info {
grid-template-columns: repeat( auto-fit, minmax( 15rem, 1fr ) );
}
}

.citizen-page-footer .page-info__item {
padding: 0.95rem 1rem;
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-medium );
background: linear-gradient( 180deg, rgba( 19, 20, 27, 0.92 ), rgba( 12, 13, 18, 0.98 ) );
}

.citizen-page-footer .page-info__label {
margin-bottom: 0.3rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}

#footer-places ul {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-top: 0.9rem;
padding: 0;
}

#footer-places li {
list-style: none;
}

#footer-places a {
display: inline-flex;
padding: 0.45rem 0.8rem;
border: 1px solid var( --border-color-base );
border-radius: 999px;
background: var( --color-surface-2 );
text-decoration: none;
}

#footer-icons .cdx-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.35rem 0.45rem;
border-radius: 0.75rem;
background: transparent;
transition: background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

#footer-icons .cdx-button:hover {
background: rgba( 255, 255, 255, 0.04 );
box-shadow: 0 0 0 1px rgba( 255, 255, 255, 0.08 );
transform: translateY( -1px );
}

/* Theme compatibility patch
Align custom Citizen overrides with the current client preference classes
so light, dark, and AMOLED all receive the intended palette. */

:root,
:root.skin-theme-clientpref-day,
:root.skin-citizen-light,
:root.skin-theme-clientpref-os {
--color-surface-5: #eaeef5;
--prism-lime-1: #c0ee6f;
--background-color-warning: #f0e7d3;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 255, 255, 255, 0.96 ), rgba( 241, 244, 249, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 255, 255, 255, 0.92 ), rgba( 243, 246, 250, 0.98 ) );
--scw-chip-border: rgba( 21, 26, 33, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.78 );
--scw-footer-hover: rgba( 92, 24, 31, 0.08 );
--scw-footer-hover-ring: rgba( 92, 24, 31, 0.12 );
}

:root.skin-theme-clientpref-night,
:root.skin-citizen-dark {
--color-surface-5: #181c21;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.06 );
--scw-chip-bg: rgba( 255, 255, 255, 0.03 );
--scw-footer-hover: rgba( 255, 255, 255, 0.04 );
--scw-footer-hover-ring: rgba( 255, 255, 255, 0.08 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os {
--color-surface-5: #181c21;
--prism-lime-1: #4b6124;
--background-color-warning: #333025;
--scw-panel-gradient: linear-gradient( 180deg, rgba( 20, 22, 29, 0.98 ), rgba( 12, 13, 18, 0.98 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 21, 23, 30, 0.82 ), rgba( 13, 14, 19, 0.92 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.06 );
--scw-chip-bg: rgba( 255, 255, 255, 0.03 );
--scw-footer-hover: rgba( 255, 255, 255, 0.04 );
--scw-footer-hover-ring: rgba( 255, 255, 255, 0.08 );
}
}

:root.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1,
:root.skin-citizen-dark.citizen-feature-pure-black-clientpref-1 {
--scw-panel-gradient: linear-gradient( 180deg, rgba( 8, 9, 10, 0.99 ), rgba( 0, 0, 0, 0.99 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 11, 12, 14, 0.94 ), rgba( 0, 0, 0, 0.99 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.02 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 {
--scw-panel-gradient: linear-gradient( 180deg, rgba( 8, 9, 10, 0.99 ), rgba( 0, 0, 0, 0.99 ) );
--scw-panel-gradient-soft: linear-gradient( 180deg, rgba( 11, 12, 14, 0.94 ), rgba( 0, 0, 0, 0.99 ) );
--scw-chip-border: rgba( 255, 255, 255, 0.08 );
--scw-chip-bg: rgba( 255, 255, 255, 0.02 );
}
}

.citizen-drawer__menu .citizen-menu {
border-color: var( --border-color-base );
background: var( --scw-panel-gradient-soft );
box-shadow: var( --box-shadow-dialog );
}

.mw-portlet-External .mw-list-item a {
border-color: var( --scw-chip-border );
background: var( --scw-chip-bg );
}

#citizen-preferences__card,
#citizen-preferences-dropdown__card {
background: var( --scw-panel-gradient );
}

.citizen-page-footer .page-info__item {
background: var( --scw-panel-gradient );
box-shadow: 0 12px 32px rgba( 5, 5, 8, 0.08 );
}

#footer-icons .cdx-button:hover {
background: var( --scw-footer-hover );
box-shadow: 0 0 0 1px var( --scw-footer-hover-ring );
}

:root.skin-theme-clientpref-night .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-citizen-dark .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-night .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-night .infobox-player__commenticon div.infobox-player__commenticon-inner a img,
:root.skin-citizen-dark .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert( 1 );
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-os .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-os .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: invert( 1 );
}
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .citizen-ui-icon.mw-ui-icon-discord,
:root.skin-theme-clientpref-os .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before,
:root.skin-theme-clientpref-os .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
filter: none;
}
}

:root.skin-theme-clientpref-day .dark-logo,
:root.skin-citizen-light .dark-logo {
display: none;
}

:root.skin-theme-clientpref-night .light-logo,
:root.skin-citizen-dark .light-logo {
display: none;
}

@media ( prefers-color-scheme: light ) {
:root.skin-theme-clientpref-os .dark-logo {
display: none;
}

:root.skin-theme-clientpref-os .light-logo {
display: initial;
}
}

@media ( prefers-color-scheme: dark ) {
:root.skin-theme-clientpref-os .light-logo {
display: none;
}

:root.skin-theme-clientpref-os .dark-logo {
display: initial;
}
}

Template:Main Page/shared/styles.css

2026-04-11T14:14:12Z

DivošiRunner: Add light, dark, and AMOLED support to the main page theme styling

Solomonari:Reports/NERIO/Reclamation of the Spurned Kiraak

2026-04-10T20:22:46Z

DivošiRunner: DivošiRunner moved page Solomonari/Reports/NERIO/Reclamation of the Spurned Kiraak to Solomonari:Reports/NERIO/Reclamation of the Spurned Kiraak without leaving a redirect: Move into Solomonari namespace

'''//: Reclamation of the Spurned Kiraak'''

Iquilos Vera Sievers | 7.6.20??
----At the crack of dawn today, Grand Karcist Akisa ordered an expedition team out of the Kiraak to reclaim as much of the flesh as they possibly could, to add to the new Kiraak, and possibly to recuperate losses made during the FBPS raid last week, and research for the Vātula to strengthen our home against invaders, and possibly find out what sort of curse was brought on by the Fae. The expeditionary team was led by the Grand Karcist, as well as a Shard of Lovataar and Saiza the Wraith. Many members of the Black Lodge were deployed to protect the dig team in their efforts, including many Halkosts and Vultures. When the expeditionary arrived at the site, a fireteam sent by the Order of the Horde was already there. The Black Lodge engaged swiftly, and eliminated the threat.

After the area was confirmed secure by the Black Lodge, the dig team, supported by the Vātula, quickly began excavating what they could from the dead Kiraak, beginning at the perimeter of the area. A rock slipped free here, and killed a Nälkän below instantly. The body was recovered and sent back to the Kiraak for biomass processing. What little flesh was able to be successfully excavated was sent back as well. Inspection of the grounds continued. The teeth of an orifice were spotted and seemed to be in excellent shape, perfect for possible armor and weapon modifications. The order was given to extract them from the orifice. However, the orifice awoke in anger, tentacles thrashing about everywhere. Some Nälkäns were grabbed and crushed under their grip, or thrown in. The rest of the team was disoriented from the event, leaving many dazed and confused as the ground went dormant again.

Once everyone was recovered from the incident, members spotted a particularly decayed spot of flesh in the Kiraak. As there was nothing to lose, they began excavating. Unfortunately, it seems that it was simply highly diseased flesh that turned to dusk on contact. However, one member of the Vātula saw a promising chunk of flesh from the biomass, which was promptly extracted and sent to Kiraak Neriviaas. It was properly cleaned and checked for any sort of curses or other such thaumaturgical anomalies, but there was none. It was successfully subsumed into the Kiraak with little issue. During this, a small platoon of members of the SPC (“Shark Punching Center”) had arrived and were simply observing the Nälkäns’ excavation attempts. Members of the Black Lodge approached them. Pleasantries were exchanged, until one Pugilist pulled out a stick of TNT and ignited it, killing everyone in the vicinity. The bodies were recovered and sent for processing.

In all, this expedition was neither a large gain in spoils, nor was it a loss in any way. In fact, it was quite possibly the most neutral it could’ve been. There is a possibility that another expedition might be sent out in the future to see if there could be any more usable flesh that the first one missed in their search.

Solomonari:Reports/NERIO/Journey to the Heart of the Rot

2026-04-10T20:22:36Z

DivošiRunner: DivošiRunner moved page Solomonari/Reports/NERIO/Journey to the Heart of the Rot to Solomonari:Reports/NERIO/Journey to the Heart of the Rot without leaving a redirect: Move into Solomonari namespace

'''//: Journey to the Heart of the Rot'''

Red | 1/24/26
----After dozens of repeated excursions into the noxious bowels of the so-called Dead Kiraak — nearly all of which were met with immediate hostilities from the leprous amalgams that inhabited it — the stars of an economy stretched thin by a ceaseless interplanetary war had finally aligned. The time had come for the Nälkä to coordinate a proper diagnostic survey of the Dead Kiraak in hopes of deriving some sort of clue as to what might have, at some point in Nerivia’s infancy, led it to earn its namesake. With only the dim glow of Nerivia’s twin moons to light their way, a handful of Vātula Opiskelja, Lihakut’ak, and Greeniveras, having been personally selected by the Lihan Paimen to take part in the expedition, were escorted by a diverse posse of elites from the Solomonari and the Hunter’s Black Lodge to the inverted starfish of a maw that was the Dead Kiraak’s entrance.

The aftermath of a crude and wayward attempt by the Global Occult Coalition to exterminate the Dead Kiraak made navigation to its interior rather difficult for the Nälkä, all of whom had to take immense care in traversing the limp branches of necrotic tissue that pointed the way inside. Just as soon as they had reached solid footing, the Nälkä were greeted by a solitary Rotspawn that, for once, did not react to their mere presence with homicidal aggression. A Vātula Lihakut’ak tentatively proceeded to Embrace the Rotspawn as part of their examination, to which the Rotspawn, in a croaked voice, responded with only one word: “More.” Upon hearing that, the remaining three Vātula in the Rotspawn’s immediate vicinity all attempted to treat it with an Embrace, but the Rotspawn exhibited no visible improvements in its condition. The Rotspawn then uttered a new word, “Death.”

To that, the Nälkä, after debating briefly amongst themselves, chose to offer to the Rotspawn a Beavatott from the Hunter’s Black Lodge as a sort of sacrifice. The Rotspawn immediately obliged, hacking off the top half of the Beavatott’s skull with one definitive swipe of its malformed claw. The Beavatott collapsed, the contents of their brain oozing out of their head and on to the spongy ground beneath. A Solomonari then stepped forward to speak, pressing one foot over the corpse of the Beavatott to prop themselves up and as close to the Rotspawn’s eye level as they could conceivably get, “Take us to the heart.”

“No.” The Rotspawn’s reply echoed with finality from its ruined throat, but it stepped aside nonetheless, gesturing broadly to the vein-like tunnel of gangrenous flesh that lay behind it and seeming to grant the Nälkä passage into the remainder of the Dead Kiraak. Without another word, the Nälkä proceeded through the tunnel and emerged into a cavernous chamber — a mass grave of Fleshspawn, Flesh Hands, and one remarkably well-preserved Scholar embedded at the center with a copy of ''The Blind Swan'' clutched tightly in one of its mummified hands. At the opposite end of the chamber was a smaller tunnel that seemed to lead directly to the Dead Kiraak’s palpitating heart, but just as the Nälkä were beginning to inspect it, a Rotspawn and a trio of Rot Hands shambled into view, the Rotspawn spitting out an all-too-familiar phrase as they did so, “No.”

A pair of Vātula Lihakut’ak, seeing that as a potential distraction, broke away to funnel into a third branching tunnel with a mouth that seemed to glow a dim, sickly green. The two soon found themselves in a room overgrown with wide swaths of tumorous boils, which pulsated with an infection that, despite a rigorous set of analyses, could not be identified. On the far side of the room was an outcropping of a pillar that, like all the rest of the strange ruins on Nerivia, predated recorded history. The Lihakut’ak, noting that many of the same infected boils had already been seen dotting the decaying walls of the Dead Kiraak and even the bodies of the Rotspawn, considered sampling the growths but decided against it for the time being, instead opting to return to the chamber from which they came to organize a safer method of collection.

The Lihakut’ak re-emerged to find that a Scholar had recently arrived to aid the Nälkä in its still futile attempts to negotiate with the Rot. The Scholar was flanked by Nälkä on every side but its front, which was occupied solely by the Rotspawn, its crooked posture twisting into something defiant as it choked again, “No.”

The Scholar twitched as if the word had struck a physical blow, and it angled one of its trunk-like arms backward to drop the scroll that it had just been holding over the Rotspawn’s face back into its carrier, which was filled to near-overflowing with dozens more that had already been read. Then, without a semblance of warning, the Scholar expelled a mass of acidic droplets towards the Rotspawn, which reacted with a sharp jab of its claw into the Scholar’s abdomen as the surrounding Rot Hands all rushed in to attack.

The negotiations had failed, but the way was open. As the Rotspawn and Rot Hands preoccupied themselves with the Scholar, the Nälkä promptly funneled their way through the tunnel and into the heart chamber. The Vātula, now sidestepping most of their usual precautions in the interest of time, began sampling everything from blood to brainstems from the many carcasses of Rotspawn that encircled the irregularly-thrumming heart of the Dead Kiraak. Shortly thereafter, the Scholar — alive but significantly worse for wear — limped out of the heart chamber entrance to rejoin the Nälkä, who swiftly and unanimously concluded that to be as good a signal to leave as they were ever likely to get.

Pursued by the fledgelings of Rotspawn and Rot Hands who overstepped the boundaries of the Dead Kiraak’s innermost bowels to give chase, the Nälkä, with their Scholar in tow, made a collective mad dash for the tunnels’ exits and scaled the jelly-like inclines of the Dead Kiraak’s putrified walls, breaking for the cargo truck that they had arrived on just as soon as the cool midnight air of the outside lapped at their faces. By the time the first Rot Hand had fully vaulted itself over the rim of the Dead Kiraak’s maw, that cargo truck was little more than a shrinking dot on the horizon.

To what extent the diagnostic survey of the Dead Kiraak was a success, as of now, remains to be determined. Neither the infection that ails the Dead Kiraak nor its source have been identified, and while samples have been recovered, it has been deemed too high of a risk to move them into the Kiraak for further study. As such, assistance on the part of the Serpent’s Hand in securing a dedicated research site may be required.

Solomonari:Reports/NERIO

2026-04-10T20:22:26Z

DivošiRunner: DivošiRunner moved page Solomonari/Reports/NERIO to Solomonari:Reports/NERIO without leaving a redirect: Move into Solomonari namespace

Page for NERIO events.

[[Solomonari/Reports/NERIO/Reclamation of the Spurned Kiraak|Reclamation of the Spurned Kiraak]]

[[Solomonari/Reports/NERIO/Journey to the Heart of the Rot|Journey to the Heart of the Rot]]

Solomonari:Reports/Cathedral/Crimson Dawn

2026-04-10T20:22:16Z

DivošiRunner: DivošiRunner moved page Solomonari/Reports/Cathedral/Crimson Dawn to Solomonari:Reports/Cathedral/Crimson Dawn without leaving a redirect: Move into Solomonari namespace

'''The Cathedral'''

The Adytite Remnants

''Crimson Dawn Prologue''

== Summary ==
The Remnants gather within their wing in The Cathedral. It’s been some time since the Adytites have joined The Cathedral, at the peak of R’lyeh, they join for a ceremony and announcement from the current leader of the Adytite Remnants, the son of Klavigar Orok, General Otari.

The Kiraak has grown strong, fueled by tireless research by the Vātula and flesh delivered by the Hunters Black Lodge. Its primary purpose, to shelter the Remnants within a living fortress, but also, an open secret among the Adytites, to shelter the dormant body of the Grand Karcist. However, despite compounding effort over centuries and the breakthroughs in the past year, their Grand Karcist does not stir.

After receiving an ominous vision, General Otari takes a risk in sacrificing himself to provide a final breath of life into the Kiraak. As his body falls, the blood seeping through the cement into the living walls of the Adytite temple, a hand bursts from the floor. The Grand Karcist rises, somewhat mortified at the cost of her awakening.

== The Pale Moon Sets on a Crimson Dawn ==
''Transcript of the in-game event.''

'''General Otari:'''

Welcome, Adytites and guests. We have worked tirelessly to cultivate this new home for us, alongside tentative friends and newfound enemies.

The world has changed greatly since our ancestors started this path. I am honored to have been the enforcer you all gathered behind in pursuit of our goal to save humanity. Our efforts have not been in vain. Research, experiments and bloodshed for our Kiraak. Sealed within this temple, this Kiraak and this tomb is our Grand Karcist. Their body was entrusted to us to protect and bring back to life one day.

Long ago, my father, Klavigar Orok waged war for our Grand Karcist and one day, that mantle fell to me. Since then, I have never stopped fighting but today, with the glimmer of a new dawn, I face a choice I never anticipated.

I expected to die gloriously in battle, covered in the blood of the enemies of my Adytite brothers and sisters. I believed that bloodshed, carnage and glory would bring about our victory. Today, I come to share that my death will be a quiet one in the company of those I hold dear. Today, I give up my strength, my fury and my life so that our future can be secured.

''Otari falls, his blood pouring from his eyes, but he seems to be in no pain at all. A new figure coalesces from his body, Grand Karcist Iūn faces a crowd of Adytites, Brotherhood and Order followers.''

'''Grand Karcist Iūn:'''

Where am I…? What happened to… No… What have you done..? No Adytite blood should have been given on my behalf. Son of Orok, I could never repay you for what you have done.

Children of Adytum, I sense the blood and the will of my Klavigar within many of you. I wish I could have been here with you all through the centuries. I have seen you grow from my dreams. There is still much work to be done before our salvation can be realized. But from now on, I will stand with you. This wretched world shall be saved.

Now, we must always make time for the departed. In honor of Otari, Son of Orok, we shall make battle in his name. I seek an Adytite champion. Who among my brethren shall fight?

''From the Adytite Remnants, a Karcist of the Hunters Black Lodge (ArvidValkyrie) steps forward.''

'''Grand Karcist Iūn:'''

ArvidValkyrie, I have seen your feats of finesse from the dream. You serve as a noble teacher to our flock of Vultures. May you bring honor to us.

As our generous hosts and neighbors, will the Order or Brotherhood send their finest for a glorious battle?

''From the Brotherhood of the Black Pharoah, a Sphinx (CooI_Summer) steps forward.''

'''Grand Karcist Iūn:'''

CooI_Summer, it seems you are the most eager. I know your kin and mine are no allies, but I entrust that you will fight honorably on this day and represent your Brotherhood.

Make ready, duelists. FIGHT!

''The duel concludes, the two duelists exchanging blows, the posture bars slowly being whittled away. CooI_Summer lands the deciding blow, bringing the Karcist of the Lodge Vultures to his knees.''

'''Grand Karcist Iūn:'''

What a splendid duel, I am most pleased to see that you honor the teachings of Orok well. With that, this brings our ceremony and celebration to a close.

''Iūn departs shortly after to recover.''

Solomonari:Reports/Cathedral

2026-04-10T20:22:06Z

DivošiRunner: DivošiRunner moved page Solomonari/Reports/Cathedral to Solomonari:Reports/Cathedral without leaving a redirect: Move into Solomonari namespace

Parent Page for Cathedral events.

[[Solomonari/Reports/Cathedral/Crimson Dawn|Crimson Dawn]]

Solomonari:Reports

2026-04-10T20:21:56Z

DivošiRunner: DivošiRunner moved page Solomonari/Reports to Solomonari:Reports without leaving a redirect: Move into Solomonari namespace

Parent page for lore events that happen in game, or events that happened that were deemed important enough to write about.r any events deemed important enough to write about.

Solomonari:People Of Interest/Outsiders/Kate Everwood

2026-04-10T20:21:46Z

DivošiRunner: DivošiRunner moved page Solomonari/People Of Interest/Outsiders/Kate Everwood to Solomonari:People Of Interest/Outsiders/Kate Everwood without leaving a redirect: Move into Solomonari namespace

'''//: Kate Everwood'''

Red | 3/4/26
----
[[File:POI photo.png|thumb| ''Kate's latest blog photo ca. 2026'']]
'''Full Name:''' Kate Everwood

'''Age:''' 31

'''Affiliation:''' Unaffiliated

'''Status:''' This Person of Interest is considerably well-documented due to the extensive presence of both herself and her fanbase on mainstream social media platforms such as Reddit, X, 4chan, and Parawatch. As indicated by her most recent online activity and her semi-regular “life update” blog posts on the official website for Fascinating Tales, Kate Everwood is reportedly still suffering from a multiple year-long alcohol addiction but is otherwise in reasonably good health. Kate has been clinically diagnosed with MDD and PTSD, though the extent to which said illnesses have impacted her personal beliefs has yet to be ascertained.

'''Related GOIs:''' There is no evidence that Kate Everwood is directly affiliated with any prominent group of interest, Nälkän or otherwise. Kate has, however, connected with and interviewed several individuals who have since been confirmed to have had ties to anomalous organizations, with some being former or even still-practicing Nälkäns. All of the aforementioned interviewees have appeared as guests on Fascinating Tales, which itself has garnered a cult following among users of the Parawatch wiki and other fringe forum sites.

'''Overview:''' Kate Everwood is a French American conspiracy theorist and the host of Fascinating Tales, an indie podcast centered around unsolved mysteries and the paranormal. Fascinating Tales sports an average weekly listener base of 400,000, most of whom credit Kate’s cynical mindset and fatalistic humor as the reasons for why they favor it over more popular shows. Kate herself exhibits a strong degree of contempt and mistrust towards figures of authority, with her regularly lambasting corporate and government establishments both on and off of Fascinating Tales. Furthermore, she often attributes blame for the lack of conclusive proof of the paranormal directly to the greed or incompetence of said establishments. According to her blog posts, Kate currently resides in a studio apartment of below-average living standards in Newark, Delaware and relies mostly on Fascinating Tales’ revenue to keep herself financially afloat.
[[File:POI Photo 2.png|center|thumb|720x720px| ''"I just want my fucking drink, man." ~ Kate Everwood after being recognized and photographed by a local bartender ca. 2024'']]'''Origins & History:''' Kate Everwood was born to Arthur and Lisa Everwood on May 11, 1994, spending the entirety of her childhood and most of her adolescence in a small New Jersey town that offered few opportunities for work or education and even fewer for families like the Everwoods, who were below the poverty line. Both Arthur and Lisa struggled heavily with substance abuse as a result of their own mental illnesses and the realities of their living situation of the time, leading Kate to experience long and frequent bouts of emotional neglect over the course of nearly two decades. Kate was able to attend a local public school, but consequentially to her upbringing, her grades were subpar and she could not connect particularly well with her peers. This did spark her early fascination with the paranormal, as she spent the majority of her free time in the school library, which contained several books related to cryptids, UFOs, and other unexplained phenomena.

On July 21, 2013, Lisa, after separating from Arthur in the wake of an argument that had escalated into physical blows, entered the Everwood home with a firearm and fatally shot Arthur before turning the weapon on herself. What followed was a sharp decline in Kate’s mental state that was only exacerbated by her hometown being monopolized and eventually outright bought by a factory farming corporation later that same year, forcing Kate to move to Delaware and promptly turn to alcohol as a means of escape. Kate first began work on Fascinating Tales when she was unemployable and at risk of homelessness due to the severity of her alcohol addiction, considering the project to be little more than a hobby to make the remainder of her life somewhat bearable. Fascinating Tales’ first listeners, however, immediately fell in love with Kate’s callous and matter-of-fact approach, praising it as a breath of fresh air in a podcast scene that had become exceedingly sanitized.

From there, the fanbase of Fascinating Tales steadily grew as word of its debut spread to paranormal enthusiasts on virtually every corner of the internet, all of whom contributed to an influx of revenue that substantially shifted the trajectory of Kate’s future. Kate’s newfound financial security was coupled with a moderate improvement in her drinking habits, which further enabled her to begin to piece her life back together and develop Fascinating Tales into a mature and still-ongoing passion project.

[[File:POI Photo 3.png|center|thumb|721x721px|''“Being a guest star on Kate’s podcast was… entertaining.” ~ ‘UFO hunter’ Julian Barbaro, provider of the above inconclusive UAP photo ca. 2026'']]'''Recent Activity:''' Kate Everwood continues to regularly produce episodes for Fascinating Tales and interact with members of her audience over the internet, sometimes even going so far as to debate skeptical listeners on the veracity of fringe topics. Fascinating Tales also remains on a strong growth trend as more potential guests learn of the podcast and offer to make their appearances, further propelling its sphere of influence into wider and less niche communities. As her listener base grows, Kate is now beginning to sell merchandise and livestream her recordings of Fascinating Tales episodes in order to include call-in segments.

'''Conclusion:''' Kate Everwood is an invaluable source of intel when it comes to gauging the effects that Nälkän activity might be having on the world at large, and she should be closely monitored whenever possible. It is, however, extremely likely that veil-keeping organizations such as the SCP Foundation and Global Occult Coalition are already aware of Fascinating Tales’ existence, and should Kate ever discover conclusive proof of the anomalous, said organizations will almost certainly take action against her. This coupled with the probable existence of an amnestic ‘shadow web’ necessitates that Nälkäns present themselves as non-anomalous when interacting with Kate Everwood and should under no circumstances divulge secrets at the expense of plausible deniability.

Solomonari:People Of Interest/Outsiders/Austin "Ringo" Rodriguez

2026-04-10T20:21:35Z

DivošiRunner: DivošiRunner moved page Solomonari/People Of Interest/Outsiders/Austin "Ringo" Rodriguez to Solomonari:People Of Interest/Outsiders/Austin "Ringo" Rodriguez without leaving a redirect: Move into Solomonari namespace

'''//: Austin "Ringo" Rodriguez'''

Dice | 3/9/26
----
[[File:POI Photo 15.png|thumb]]
'''Full Name:''' Austin Rodriguez

'''Age:''' 36

'''Affiliation:''' Independent/ Unaffiliated with any known GOI’s besides his own backwater TV station “Channel 3 News” in Santa Cruz, Philippines.

'''Status:''' Unfortunately, alive and healthy with seemingly no mental issues being reported from his last untimely visit.

'''Related GOIs:''' Related to a number of sects within the Sarkic Cults, some maintain positive relations while others loathe this person entirely. Even though he is loosely tied to multiple GOI’s, the one with the most contact with him is the Order Of The Cascading Garden.

'''Appearance:''' A rather bulky 5’5 male with an incredibly well-kept black pompadour and exaggerated oval glasses. He often wears a combination of a coat, white collar button-up and black tie with slacks or jeans and is often seen with a little white bird on his head, his bodyguard, Jerome, and an anomalous belt with the words “The Casino Is Calling…” It can change size according to the user's will but has no other abilities besides that.

'''Origins:''' Born to the “Millers” in 1988, he was born to a Caucasian family with roots belonging to the first colonists from Jamestown. He was an outstanding theater kid, quickly stating his wish to become a celebrity early in his childhood. His dedication to that wish was apparent in all activities, educational or otherwise. Eventually he graduated with average scores and grades, slowly but surely fading into the background as he entered his adult life where he would remain in a cycle of work and rest. Until he turned thirty. He had stumbled upon the creation of a Kiraak on his birthday trip in Japan, happily exploring the Aokigahara. He was immediately entranced by the mysterious events that transpired and became even further enamored by the existence of the Sarkic Cults due to the sighting of Cascading Garden member “Aria Cortez”. This discovery led him down a deep rabbit hole after returning to the United States, where he would fade into the background once again, re-appearing two years later with an entirely new identity, mannerisms and news station founded in the Philippines. It is currently unknown where or how he obtained such a drastic change in lifestyle, identity and wealth, but it is theorized that he pulled a few strings on his connections.

'''Abilities:''' His abilities and equipment so far show clear signs of guidance from the Solomonari or possibly other spellcasting GOI’s. As for abilities that have been seen, they shall be listed here:

* Invisibility
* Thaumaturgy (This ability allows him to produce harmless effects, such as projections of noises like a falcon cry, snuffing or intensifying flames for a short time of time, projecting his voice above the standard decibels of a shout and freshening up his hair.)
* “Outfit” of Holding ( The pockets found in the coat and pants often contain furniture of varying sizes and shapes; however, they don’t seem to have any weight behind them until Ringo has physically let go of them.)
* Jerome (An anomalous and quiet bodyguard that changes their appearance. They don’t do much else outside of being extra muscle for Ringo, but they have unwavering loyalty to them. How these two met is entirely unknown.)
* Bird of Animation (An anomalous white bird that violently chirps inanimate objects to life, often under the command of Ringo himself. The animated objects are harmless but often serve as obstacles or additional staff in certain scenarios.)
* Casino Belt (A cosmetic belt that can change its size according to the wearer’s will.)
* Kinetoglyph Arsenal (A personal collection of Kinetoglyphs that grant him varying cosmetic effects upon completion, such as fireworks bursting behind him or a bright flash of light surging forth from his pompadour.)

'''Recent Activity:''' He has recently been appearing in a number of Kiraaks and often intruding in the midst of rituals or events no matter how minute, often conducting impromptu interviews (Some interviews contained extended consumption periods of spicy hot wings) or outright hosting weather reports within the Kiraak. However, he has shown a level of discipline and respect for certain sects if they play along with his antics, allowing him to garner information about the Sarkic Cults while exchanging his own information from other GOI’s that he’s unreasonably infiltrated.

'''Conclusion:''' An odd individual that is ultimately physically harmless but can become a threat if he ever decides to leak this information or actively sabotage the Sarkic Cults, with his abilities it would be an extremely easy task…but for now he is simply an anomaly we either enjoy or dread seeing.

Solomonari:People Of Interest/Outsiders

2026-04-10T20:21:25Z

DivošiRunner: DivošiRunner moved page Solomonari/People Of Interest/Outsiders to Solomonari:People Of Interest/Outsiders without leaving a redirect: Move into Solomonari namespace

POI parent page for people who are not Nalkans, but are still relevant to the Cult.
----[[Solomonari/People Of Interest/Outsiders/Austin "Ringo" Rodriguez|Austin "Ringo" Rodriguez]]

[[Solomonari/People Of Interest/Outsiders/Kate Everwood|Kate Everwood]]

Solomonari:People Of Interest/Nalkans/The Stag Warrior

2026-04-10T20:21:15Z

DivošiRunner: DivošiRunner moved page Solomonari/People Of Interest/Nalkans/The Stag Warrior to Solomonari:People Of Interest/Nalkans/The Stag Warrior without leaving a redirect: Move into Solomonari namespace

'''{- “ The Stag Warrior ” -}'''

Joseph (SamsonSamsinich4) | 2/8/2026
----
[[File:POI Photo 14.png|thumb]]
'''''Full Name:''''' ''Due to the presumed period of birth of the entity described below, its full name could not be retrieved or extracted from any known source, written or oral.''

'''''Age:''''' ''Presumed to be 4000 years old.''

'''''Affiliation:''''' ''Sarkics / “The Vasna of Sarvi”''

'''''Threat Level:''''' ''Possesses no harm to the wider public, yet acts with hostility, if threats to the “Vasna of Sarvi” are posed.''

'''''Status:''''' ''The current status of the entity is largely unknown, with the most recent investigation tracing their location to the Boreal forest zone, alongside the followers of the entity. However, it is worth noting that the lineage and tribe where the entity was conceived were identified through similar ritualistic practices and remarkable linguistic documentation by the entity itself, which contained almost no distinctions from the Finno-Uralic syllables of the “Vasna of Sarvi”.''

'''''Description:''''' ''“The Stag Warrior” was presumed to have originated from the Nordic Boreal area during the late Bronze Age. From the extracted oral documentation, his parents were identified as ordinary settlers who, alongside other countless migrating tribes, settled in the dense forests of the Boreal region. His youth remains largely a mystery, due to conflicting oral testimony and mythical elements , though a consistent narrative theme appears to guide all of them. The young settler was profoundly interested in exploration and explanation of life’s key philosophical and theological questions regarding the purpose of existence and suffering. Noticing such aspirations and enthusiasm in the young settler, the local religious leader, only known as “The Father” took the responsibility to educate the child in the ways of the polytheistic proto-Nordic religion, the fate of the boy being sealed to become the new religious and political leader of the “Reindeer Folk of Adytum”, once “The Father” would perish.''

''The young boy was a diligent learner, spending all of his time in dedication to arcane studies and theological inquiry, soon making remarkable progress in both fields, developing a deep philosophical understanding of the world that would play a key role later in his life. Around the time of his adulthood, he took the role of leading the religious and spiritual life of the local tribes, recognised for his wisdom and unique perception of the universe. Unfortunately, a tragedy soon struck the Nordic settlers, with the expansion of the mighty Daevite Empire reaching the Nordic regions. Due to the immense threat posed to the Nordic people, especially the “Reindeer Folk of Adytum” to which “The Stag Warrior” belonged, the Norse tribes assembled in one coalition to repel the invaders and protect their sovereignty. A long bloody conflict ensued afterwards, men, women and children all clashing against the slavers and securing substantial victories over the Daeva, in no small part to the contributions of the reindeer folk, utilising their semi-animalistic ferocity to destroy any resistance and crush the assaulting armies of the Daeva. During this period, the stag led his tribe to decisive victories, pursuing the Daeva deeply into their own territory, thus having moral and strategical accumulative effect, further bolstering the resistance of the Nordic coalition. There were reports discovered through the archeological studies of the Foundation, describing the plea of a commander to the general leading the operation, requesting the immediate withdrawal from the Nordic regions:''

''“With all due respect and utmost honour, Matriarch, sustaining military operations in this region is a strategic impossibility. Our supply lines are constantly cut off, and despite the technological inferiority of the savages, our losses exceed all acceptable norms. We strongly advocate for the immediate withdrawal of our men from this region, to prevent further loss of manpower and lives.”''

''Despite the immense losses sustained by the Daevite colonisation force , the tides of war soon shifted against the Nordic coalition at the arrival of the “ Priesthood of Blood”. Calling upon the powers of “Harak”, they soon overwhelmed the defenders with the accursed sorcery, casting a period of sorrow upon the Nordic coalition, which was forced to submit to the Daevite rule and accept the bondage of slavery. Witnessing such devastating power, the stag himself was heavily impacted, believing that an open warfare against Daeva would result in absolute devastation, despite the fact, still refusing to surrender. Thus, a small coalition of tribes which refused to abide by the law of the Daeva, vanished into the mountains, rivers, and taigas of the Boreal area, including the “ Reindeer Folk of Adytum”. Resuming their lives and resistance, they became a major hindrance to the expansion of the Daeva, under the guidance of “The Stag Warrior” , disrupting logistical chains between colonies and allied settlements.''

''During this time period, the majority of the Nordic tribes abandoned the beliefs in the Scandinavian gods, accepting that they had abandoned their worshipers in time of need, the same extended to the personal beliefs of “The Stag Warrior”, who radicalised the idea, considering the gods as a threat to the existence of the living, based on the unpleasant experience with the “Priesthood of Blood” during the war.''

''Such a unique combination of factors and beliefs eventually drew the attention of Grand Karcist Ion, hearing rumours and venturing into the Northern lands with his priestess master to participate in one of the countless annual blood rituals of the empire. Thus, after the formation of the anti-deistic and rebellious movement of Sarkicism, the Grand Karcist ventured to the snowy taigas of the Boreal region to muster the support of powerful Nordic tribes.''

''Thus, one night, the Grand Karcist sneaked into the abode of “The Stag Warrior”, the animalistic instinct soon registering the presence, thus initiating the long dialogue between the stag and the Grand Karcist.''

''The discussion revolved around the impossibility of defeating the Daeva conventionally due to the abominable yet effective blood magic they possessed. Hearing such arguments, the Grand Karcist swiftly utilised his powers to lengthen the antlers of the stag, in the blink of an eye. Fascinated by such power and recognising its potential, “The Stag Warrior” gave an oath to support Ion in the rebellion. Thus, the “Reindeer Folk of Adytum” became the first tribe to assist the Grand Karcist in the rebellion. Exploiting the powers of Sarkicism, the Daevite rule in the Nordic regions was soon put to an end, with the Nordic coalition being restored and declaring allegiance to the Grand Karcist, initiating the rebellion against the Daevite rule. During this period, “The Stag Warrior” was personally taught by the Grand Karcist in the ways of Sarkicism, its philosophy and dogmas, becoming one of the first Karcists under his mentorship. The “Reindeer Folk of Adytum” fought valiantly against the Daeva, with the stag having caused casualties counted in the thousands. Notably, during a massive altercation at the religious capital of the Daeva, “The Stag Warrior” personally encountered the Arch-Priest of the “Priesthood of Blood”. They clashed brutally for hours on end, wicked magic pruning through the flesh of the stag, cutting limbs and severing antlers. Yet, through the haze of battle, with blood magic skinning the face of the stag, it thrashed what was left of its antlers into the neck of the Arch-Priest, decapitating the symbol of might of the Empire, symbolically declaring the arrival of a new era.''

''After this particular event, the rebellion sprawled in size and grew in power, with all four Klavigar consecutively joining the forces of Ion. Bolstered by powerful allies, old and new alike, the Sarkic rebellion almost entirely decimated the Daeva and drove them to the outskirts of their empire, thus commencing the age of the Kalmaktama Empire, the deathless and eternal paradise. For the remarkable service and loyalty to the Grand Karcist, the “Reindeer Folk of Adytum” were granted the honour to abide in the capital of the newly formed Kalmaktama empire, Adytum. “The Stag Warrior” himself was granted the responsibility of regulating and enforcing the stability and law inside the capital, forming an effective civil protection unit, which was soon accepted by the allied cities as an effective way of law enforcement. Thus, decades of peace and prosperity came after the rebellious conflict, with new discoveries and bioengineering advancements discovered and implemented in the “Deathless” empire.''

''Even as the empire prospered into a grand and flourishing state, its fate was not meant to last for long, as it encountered the Mekhanite Empire. The heavily industrialised and heretical empire, which Ion deemed an abomination, would soon declare war on the Kalmaktama Empire. In these turbulent times, “The Reindeer Folk of Adytum” were called to wage war once again. The fury of the reindeer kind struck deeply into the ranks of the Mekhanite Empire, claiming many souls of the heretical army. Despite the best efforts of the Klavigar and the Karcists, the Mekhanite Empire and its coalition soon overwhelmed and pulverized the forces of the Deathless Empire, reducing their manpower and scattering the tribes. The warfare culminated at the battle of Adytum, during which the Grand Karcist was exiled from the material realm, invoking the consecutive downfall of the remaining Kalmaktama Empire.''

''After the catastrophic defeat, the Nordic tribes fled to the familiar Boreal region, settling in the ancestral lands, in the dense woodland and taigas, safe from the persecution of the Mekhanite Empire. “The Reindeer Folk of Adytum” , still led by the stag, would heavily isolate themselves for millennia, developing deep xenophobia in order to protect themselves from potential threat. As centuries passed, the teachings of Ion had to be passed down to the generations, which “The Stag Warrior” was unfit to perform anymore, due to the ever shifting cultural changes forming inside the isolated commune, despite its xenophobia. Soon, he taught a new Karcist to replace himself. Centuries of wisdom and experience passed down unto the newer generation did shape a competent and vigorous leader, ready to lead the reindeer kind. The stag himself left the commune, feeling his purpose in this world was finally finished: He protected his kind as much he had been able to, and reinstated them to the ancestral lands. Now he may be gone…''

''Thus, no one heard of the stag for many, many centuries still, until now. For, with the expansion of modern technology and surveillance means, the “Vasna of Sarvi”''

''have experienced progressive tension with local Mekhanite sects, increasingly hostile to the remote commune, thus forcing the hand of the ancient being once again, taking the role of the protector and preserver of the ancient tribe, when the intervention is necessary.''

Solomonari:People Of Interest/Nalkans/Sparky

2026-04-10T20:21:05Z

DivošiRunner: DivošiRunner moved page Solomonari/People Of Interest/Nalkans/Sparky to Solomonari:People Of Interest/Nalkans/Sparky without leaving a redirect: Move into Solomonari namespace

'''//: Sparky | “The Masked Neko”'''

SparkySlime1311 | 2/6/2026
----[[File:POI Photo 9.png|thumb|''<nowiki>Most Recent Image Taken of Sparky | Circa: ██</nowiki>''/''██''/''████ Area Taken:'' '''[REDACTED]''']]
'''''WARNING:''''' ''All Following Redactions exist purely for''

''your safety in viewing the below information.''

* ''Also, any sensitive information has been denoted by'' ████ ''at your convenience.''

'''''View at your own discretion.'''''

'''Full Name:''' “Sparky”

'''Age:''' Unknown. Presumed early 20s, behavior dictates

significant youth despite signs of significant age.

'''Affiliation:''' Sarkics / “Kanrisha” (presumed affiliation)

'''Status:''' According to most understood and recently uncovered documentation regarding their affiliation with the

''Cascading Garden'', this person of interest is currently alive and functional. Attempts to monitor this individual have all been met with harsh resistance, mostly due in part to their ''Most Recent Image Taken of Sparky'' connection regarding an old paganistic belief granting them certain adaptations.

* ''Unknown if said adaptations correlate with connections regarding Nälkän affiliation.''

'''Related GOI’s:''' Curiously, despite thorough investigation on part of our expeditioners and compiled documentation on the phenomenon that is their existence, we were unable to find much mention or recorded snapshots of Sparky –throughout recorded history, oddly enough aside– yet that would all change following the uncovering and documentation of a recently practically destroyed GOI. The priorly unnamed, unrecorded underground Kiraak –it is now believed that this Kiraak was connected to an incident following Sparky and a religious movement, starting in the Appalachian Mountains back as far back in ██/██/████ and ['''DATA EXPUNGED'''] in the forests of ['''REDACTED''']– yet, oddly enough, there does exist trace records that survived post the mangled Kiraak that have been in use in piecing together information regarding their existence.

Curiously as well, there does exist confirmation of their involvement and affiliation with the Cascading Garden per a few sightings and a sect article – which has been reviewed as a surprisingly comprehensive piece concerning their scattered history.

'''Description:''' Sparky was among a list of missing children and young folk that had disappeared in the Americas, following a then new and on the rise paganistic belief.

* ''It is believed that the fictional urban legend “creepypasta” of the [Slenderman, Operator, Tall Man], and ['''REDACTED'''] are representative of the paganistic belief. It is currently undecided on if the creation of such myth was involved in covering up the associated belief or not.''

Due in large part to the nature of Sparky’s abduction, their early life is largely a mystery. It is unknown even whom they were born to, yet evidence suggests a largely Welsh ancestry. For the large part of what was their early years even into young adulthood, the only significant activity from them was the then common proxy behavior from those inducted into the belief, especially from such an early age. Yet, curiously enough, following the destruction of the prior-mentioned Kiraak near one such forest – Sparky had by all intents and purposes, re-emerged to the public world.

According to our analysts, sightings of “the Masked Stalker” (earliest nickname) became but further urban legend. Crapshoot posts, storyboards, and even the most infamous sighting that appeared in a post in a subreddit detailing a user’s distant encounter with “the Masked Stalker”.

* ''It should also be noted that there have been reports of this image and associated text appearing elsewhere, in such places like a 4chan thread and elsewhere on the web.''
[[File:POI Photo 10.png|thumb|''Attached: Presumed Sighting of Sparky'']]
''“It almost felt like a dream. A long, terrible, uncomfortable nightmare. That encounter with that fucking - thing in that dingy building. Trust me when I write this that there is the utmost seriousness in this warning I impart. If you find yourself to be in the regions of █████, ███ █████, █████████, or the far south; then please, separate yourself. Leave.''

''I faintly remember that awful, awful day–''

''wandering through that building, tired beyond my days and my vision warped; the figure before me in shrouded robe. My hands clammy, fingers shaky as I snapped the picture you now see before you. Absorb it. Fear it. Please.”''

Following this, “the Masked Stalker” disappeared once more – any lasting mention of them since reduced to free coverup, through documented continuation of internet myth as a “''Slender Proxy''”. From what our expeditioners were able to confirm however, data sourced out from…China.

Curiously, from reports it was found that numerous attempts were made to traffic out or even simply “acquire” Sparky for various services, one attempt even detailing an attempt made by the Yakuza to ['''REDACTED'''] which resulted in a ['''DATA EXPUNGED'''], the only survivor reported in grainy security footage seen interacting with Sparky as ███ ███ ████ ███████ ███ █████, ████████ ██ ██ ███████ ███████ ████████. For about 10 years after what has henceforth been known as the ['''Re-Emergence Event II'''] –with the prior two of Sparky’s public appearances being denoted under ['''Emergence Event'''] and ['''Re-Emergence Event I''']– Sparky was for all intents and understanding officially '''MIA'''; however, one of our expeditioners had managed a snapshot after a chance encounter at a restaurant.

* ''It is also impertinent to note that the photograph at the beginning of this document was found in the damaged SIM card of the cellular device belonging to a then-missing cryptozoologist. Whom somehow appeared to have stumbled upon ['''REDACTED'''] during a planned hiking outing in the woods of Southern ███ █████████. Degradation to the quality of the digital photograph is through a presumed interference relating to the paganistic belief.''
[[File:POI Photo 11.png|thumb]]
Sharing similar qualities to the other displayed photographs of encounters with the then “Masked Neko” (current nickname), the image grain applied appears to be an effect of already predisposed relations to the paganistic belief.

From what is able to seen however, is an unusually passive demeanor, unusual given the prior proxy behavior displayed by the “Masked Neko”; this among other collected documents allows for a bettered understanding of the timeline regarding Sparky’s induction into ''Cascading Garden''.

Following this, it is to be understood that a month before this snapshot, was sourced, the affiliated Yakuza involved with ['''REDACTED'''] had by all intents and purposes disappeared. The hired guns were found…indesposed, with ritualistic carvings appearing in the bodies of said mercenaries that weren’t brutalized beyond recognition, i.e, as recognizable cadavers.

Following Sparky being MIA, we confidently believe this is around her actual induction into the ''Cascading Garden'' –we also presume such time was taken due largely in part to the prior conflict with the Yakuza’s attempted ['''DATA EXPUNGED'''], thus Sparky’s ritualistic killing of the few hired Yakuza could be understood as reparations towards the sect– as this was around the ['''Re-Emergence Event IV'''], notably the most…inactive, of the Re-Emergence Events.

From what is understood of the appended documentation and all attached images that hadn’t degraded into accelerated generation loss, it seems that Sparky’s role in the ''Cascading Garden'' is something ever-changing; given her past, it is far from surprising that a change from the paganistic belief to Nälkä would result in something much like an empty slate. It is likely that Sparky has been systematically molded as something far more passive, educated compared to the usual proxy behavior displayed in the paganistic belief.

* ''Curiously, however, a significant change was found in Sparky’s transfer to the Cascading Garden in that all interference has seemed to all but cease. Exchanged for what seems to be Sparky’s primary role, categorization of and assorting of stories and tales shared between the sect.''

''It is unfortunate, though, that such a detailed note came at the cost of our own personnel; it seems that even the powers that be with the Cascading Garden couldn’t erase every remnant of Sparky’s proxy behavior, albeit, this appears to crop up largely in antisocial personality disorder tendencies, from what was seen.''

Solomonari:People Of Interest/Nalkans/Myro Falkblom

2026-04-10T20:20:55Z

DivošiRunner: DivošiRunner moved page Solomonari/People Of Interest/Nalkans/Myro Falkblom to Solomonari:People Of Interest/Nalkans/Myro Falkblom without leaving a redirect: Move into Solomonari namespace

'''//: Myro Falkblom'''

Xx_midnightkitty / 17.02
----
[[File:PoI Photo 4.jpg|thumb|''<nowiki>Taken from the perspective of a person of average height | by █████ / ██.██</nowiki>'']]
''Due to the rapidly changing nature of the individual and for the protection of the people involved, some information has been redacted at your leisure.''

''Yours truly, Mona''

'''Full Name:''' Myro Falkblom

'''Age:''' 21

'''Affiliation:''' Sarkics - Vatula

Although part of the Nälkän belief, it is unknown whether he practices said faith as attendance in events and rituals is rather low. Alongside that he does not wear the attire representative of his sect and neither autopsies nor written reports of any kind linked to him have been found, despite his somewhat lengthy membership to the Vatula, due to how far back the sightings of him go (about a year now). What he intends to do within the sect itself is unknown as well - although it is speculated that he may be using the methods of the Vatula (in regards to the summoning of amalgamations, etc.) for things outside of their intended purposes (mainly aiding in combat).

'''Appearance:'''

Anyone would be easily able to recognise him due to multiple, apparent factors - such as his abnormally large height or.. well frankly - nearly everything. His skin and hair strike one as incredibly pale and perhaps it could be a case of albinism? More or less due to the fact that while some elves (his presumed species) are quite pale, none have characteristic traits such as his. Especially the pretty red eyes could be an indicator of the autoimmune disease, although a black sclera is not usual. Especially when it seems as though he is constantly weeping tears of what seems to be the same material? It could be related to the strange, fleshy flower (that can also be found growing in the Kiraak) which seems to have taken the place of his left eye. How it has survived can only be guessed that it's somehow been grafted onto the flesh around his socket, perhaps? No analysis has ever been performed on him, and is therefore inconclusive. His clothing is nothing too exciting, however it does seem as though he wears the same suit and blouse for plenty of days in a row, only having been spotted in something different once or twice. To have a somewhat long tail is also a particularity, although it doesn't always seem to be present - so Falkblom may be hiding it or it is something he can “manifest” at will.

'''Sightings & Connections:'''

The claim of a perhaps nefarious reason for being here is further supported due to the fact that of the few sightings where he is very apparently there - meaning for more than a split second - he is usually found to be engaging with reports written by others - which, when reviewed, appear to speak of things like the Kiraak or of methods to use whatever horrid things lie within the “dead” part of it, for example - or a tome with the symbol of the Vatula engraved in it (in which he has been spotted to write in once).

And due to the lack of other observations concerning gatherings (rallies, sermons, prayers , etc.), one would highly doubt he would be in close company of any other, member or not. That, however, has been disproven (multiple) times. He has been most commonly found interacting with an individual belonging to the █████, known as ████, with whom an interview has been arranged. Though it ended prematurely, it can be concluded that █████ █████ ███ ███████ ███ ██ ████ ███. An interview with Mr. Falkblom could not be done, however, as to the point of writing this there has been no success in reaching him. So whether Mr. ████ went through with his words is unknown. Alongside that any other people that have been found to have spoken to him have returned no insightful information and are not connected to him in any deeper way than mere acquaintances.

One particular incident where a clear cut presence could be seen ties back to another POI (namely, “Sparky”) which relates to the incident where a part of the Kiraak was rather decimated (although still not deceased). Upon delving into the heavily injured parts as an expedition of sorts (to properly map out the damages), we were approached with surprising hostility (compared to his usual docility) when meeting Falkblom, who heavily insisted we leave the area and even threatened to allow abominations to ambush the team if we did not comply. Although they attempted to reason with him, he seemed to stand his ground heavily. Us, not having the necessary equipment for quite the horde, decided to back off as we already saw the creatures approaching us.

What was notable about them was that they were not of the usual kind - whether rotspawn or anything a Nälkän could call forth to aid them. Rather, they were partially carcasses of animals that have long since seen better days, or straight up skeletons - having mostly (what seems to be) uncontaminated, live flesh on them. Whether they had any underlying organs has since remained unidentified, but they nonetheless seemed to be very well coordinated and even seemed to work slightly like a hivemind due to their rather.. synced attacks (same direction, same “target” - same way of walking and exactly the same rhythm, even as they stopped or continued walking).

Such aggressiveness had never been encountered before, and from there on the people (alongside myself) who’d been on that expedition were met only with tolerance. Perhaps that is why the interview was never arranged. However the encounter does show that he was potentially protecting the Kiraak - maybe from further damages? Although it doesn't excuse the threat of friendly fire, it is a worthwhile mention that when a person did manage to get into his good will, they were still denied answers when it came to his whereabouts in the Kiraak that time (or in general anything concerning it). Falkblom has also been generally shown to care for the remnants of the Kiraak in the Cathedral (where he can be found most often) or occasionally spotted taking care of it in Aen Nerio.

'''Place of Origin:'''

Even though he has been here for a small while, it is clear that his home lies ███ ██ ████, as evidenced by multiple small villages sharing some similarity in the dialect which he uses, but also slightly in appearance. It has been disproven that he could’ve come from the villages, however a close comparison would find that he’s at the very least related to the residents somehow, bearing certain ways of pronunciation as well as “traditions”, such as ████ █ █████ or █████. The small communities he could be related to are not strictly Nälkän however and are more of a mixed bag - so it could just be the similarities of a faith, and not a strict marker related to his place of origin. Plenty of the residents across multiple communities have attested to the fact that they recognise him in some way, but most could not recount from where he came - and especially not that he belonged there.

'''Interview:'''

Date: 20/02/2026

Interviewer: Xx_midnightkitty (Mona F.)

Rank: Pretare (Solomonari)

Subject: Just_GermanyxD ( ████ M.)

Questions:

Q1 - “How are you doing today?”

A1 - “Doing fine so far.”

Q2 - “If I may ask, you seem to be acquainted with someone called ˋMyro Falkblom´, am I correct?”

A2 - “Yes, I am.”

Q3 - “Is he just an acquaintance or do you two know each other better? Like say.. friends, perhaps.”

A3 - “I consider him more as family than a friend.”

Q4 - “Does Mr. Falkblom spend a lot of time around/with you?”

A4 - “We meet up every day for about an hour or so.”

Q5 - “Has he ever indulged in telling you about things he finds fascinating?”

A5 - “Yes, he has.”

Q5.a - “Has he ever mentioned/talked about the Kiraak or things surrounding it with you? And if so, what exactly?”

A5.a - “He talks about a lot of things and therefore I’m not sure if he’s mentioned the Kiraak specifically.”

Q6 - “Do you know how exactly the fleshy flower got into his eye, and why it happened?”

A6 - “I know why it happened, but I don't know how exactly.”

Q6.a - “Could you elaborate?”

A6.a - Unanswered. / “Why do you want to know?” (████)

A6.b - “I need it for a research paper I’m writing.” (Mona)

Q7 - “Then why don't you ask him yourself?” (████)

A7 - “I can never catch sight of him. This has been the case for plenty of people, therefore I’m questioning you. So, do you mind elaborating on the aforementioned question of ''why'' it happened?” (Mona)

A7.a - “No. That's his story to tell, not mine.”

Q8 - “Could you let him know I wish to meet him, then?”

A8 - “Yes, I'll do that as soon as possible.”

'''Conclusion:'''

In conclusion, Myro Falkblom is to be kept an eye on, but not necessarily feared, so to say. Besides his weird fascination with the Kiraak, he does not seem to pose any threat to others. Perhaps he is planning something in the background of which we know nothing of (or at least not much), but such heavy speculation could drive an actually harmless individual away from the community.