The Jadnix Codex - User contributions [en]

MediaWiki:Common.css

2026-05-05T18:35:44Z

Sinvrh:

/* ============================================================
JADNIX CODEX: MEDIK VOID (FINAL MASTER)
============================================================ */

/* 1. ROOT VARIABLES */
:root {
--void-accent: #a020f0;
--void-bg: #0a0a0f;
--void-card: #13131a;
--void-text: #d1d1d1;
--void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */
}

/* 2. NUCLEAR BACKGROUND FIX */
html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {
background-color: var(--void-bg) !important;
background-image: none !important;
color: var(--void-text) !important;
}

/* SCANLINES */
body::before {
content: " ";
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background: repeating-linear-gradient(
0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px,
transparent 1px, transparent 2px
);
z-index: 9999;
pointer-events: none;
}

/* 3. HEADER LAYOUT */
.navbar-collapse { display: flex !important; flex-basis: auto !important; }
.navbar-nav { flex-direction: row !important; align-items: center; }
.nav-item { margin-right: 15px !important; margin-left: 15px !important; }

/* Header Text */
.navbar-nav .nav-link, .dropdown-toggle {
color: var(--void-text) !important;
font-family: 'Consolas', monospace;
font-size: 1.1em;
padding-bottom: 5px;
}
.navbar-nav .nav-link:hover, .dropdown-toggle:hover {
color: #ffffff !important;
text-shadow: 0 0 5px var(--void-accent);
}
.nav-item.active .nav-link {
font-weight: bold;
color: #fff !important;
border-bottom: 3px solid var(--void-accent);
}

/* 4. CONTENT CARD */
#content, .mw-body {
background-color: var(--void-card) !important;
border: 1px solid #333 !important;
border-left: 5px solid var(--void-accent) !important;
box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;
margin-top: 20px !important;
padding: 30px !important;
color: var(--void-text) !important;
}
.col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }

/* 5. SIDEBAR NAVIGATION FIX */
#mw-navigation .nav-link:hover,
.sidebar .nav-link:hover {
background-color: var(--void-hover) !important;
color: #fff !important;
padding-left: 20px !important;
opacity: 1 !important;
}

/* 6. GLOBAL TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
color: #fff !important;
font-family: 'Consolas', monospace;
border-bottom: 1px solid #333;
}
a {
color: var(--void-accent);
transition: 0.2s;
}
a:hover {
color: #fff;
text-shadow: 0 0 5px var(--void-accent);
text-decoration: none;
}

/* 7. DROPDOWNS */
.dropdown-menu {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
}
.dropdown-item { color: var(--void-text) !important; }
.dropdown-item:hover {
background-color: var(--void-accent) !important;
color: #fff !important;
}

/* ============================================================
FACTION THEMES
============================================================ */

/* DEALERS (Gold) */
body.theme-dealer {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
--font-family-system: 'Georgia', serif;
}
body.theme-dealer h1, body.theme-dealer h2 {
font-family: 'Georgia', serif;
color: #DAA520 !important;
}

/* SKIPPERS (Blue) */
body.theme-skipper {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
--font-family-system: 'Consolas', monospace;
}
body.theme-skipper h1, body.theme-skipper h2 {
color: #21b0cd !important;
}

/* STILL (Purple) */
body.theme-still {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
CRDD CALCULATOR
============================================================ */
#crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }
.crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }
.crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }
.crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }
.crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.crdd-input-group label { flex: 1; font-size: 0.9em; }
.crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }
.crdd-value-display { width: 30px; text-align: right; font-weight: bold; }
.crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }
#crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }
.crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }
@media only screen and (max-width: 768px) {
.crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }
.crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }
.crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }
.crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }
#crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }
}

/* ============================================================
SPLASH SCREEN (FULLSCREEN OVERRIDE & VARIABLES)
============================================================ */

/* 1. HIDE ALL INTERFACE ELEMENTS */
body.page-Warning #mw-navigation, /* The Sidebar */
body.page-Warning #mw-navbar, /* The Header */
body.page-Warning .navbar, /* Bootstrap Header */
body.page-Warning .mw-footer, /* The Footer */
body.page-Warning .sidebar, /* Legacy Sidebar */
body.page-Warning aside, /* Edit Tools */
body.page-Warning #catlinks { /* Categories */
display: none !important;
}

/* 2. REMOVE PADDING/MARGINS FROM BODY */
body.page-Warning #content,
body.page-Warning .mw-body {
margin: 0 !important;
padding: 0 !important;
border: none !important; /* Remove the Purple Left Border */
box-shadow: none !important;
background: transparent !important;
}

/* 3. THE FULLSCREEN CONTAINER */
body.page-Warning .splash-container {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: var(--void-bg) !important;
z-index: 2147483647 !important; /* Maximum Integer Value */
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 !important;
padding: 20px !important;
box-sizing: border-box !important;
}

/* 4. INNER BOX STYLING */
.splash-inner-wrapper {
width: 100%;
max-width: 500px;
border: 1px solid #333;
border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */
background: var(--void-card);
padding: 30px;
box-shadow: 0 0 30px rgba(0,0,0,0.8);
text-align: center;
}

/* 5. TEXT & BUTTONS */
.splash-title {
font-family: 'Consolas', monospace;
font-size: 2em;
color: #fff;
margin-bottom: 5px;
text-shadow: 0 0 10px var(--void-accent);
}
.splash-subtitle {
color: var(--void-accent);
font-size: 0.8em;
letter-spacing: 2px;
margin-bottom: 30px;
text-transform: uppercase;
}
.splash-btn {
display: inline-block;
border: 1px solid var(--void-accent);
padding: 12px 24px;
color: #fff !important;
text-decoration: none;
font-family: 'Consolas', monospace;
margin: 20px 0;
transition: all 0.3s;
}
.splash-btn:hover {
background: var(--void-accent);
color: #000 !important;
box-shadow: 0 0 15px var(--void-accent);
}

/* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */
body.splash-gold {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
}
body.splash-blue {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
}
body.splash-purple {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
HOME PAGE NAVIGATION
============================================================ */
.nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }
.nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }
.nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }
.nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }
.nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }
.nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }
.nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }
.nav-card:hover .nav-title { color: var(--void-accent); background: #000; }

/* ============================================================
PERSONNEL FILE
============================================================ */
.personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }
.id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }
.id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }
.void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }
.id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }
.id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }
.id-details li { margin-bottom: 5px; }
.id-details strong { color: var(--void-accent); margin-right: 5px; }
@media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }

/* ============================================================
CONVENIENT DISCUSSIONS (VOID THEME PATCH)
============================================================ */

/* 1. Comment Layers & Backgrounds */
.cd-comment-part,
.cd-comment-part-first,
.cd-comment-part-last {
background-color: transparent !important;
color: var(--void-text) !important;
}

/* 2. The "Reply" Button */
.cd-replyButton {
font-family: 'Consolas', monospace;
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
color: var(--void-accent) !important;
opacity: 0.7;
}
.cd-replyButton:hover {
opacity: 1;
text-shadow: 0 0 5px var(--void-accent);
}

/* 3. The Reply Form (Text Area) */
.cd-commentForm-panel {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
padding: 15px;
}

.cd-commentForm-textarea {
background-color: #050505 !important;
color: #00ff9f !important; /* Terminal Green Typing */
border: 1px solid #333 !important;
font-family: 'Consolas', monospace !important;
}

/* 4. Form Buttons (Reply / Cancel) */
.cd-button-action, .oo-ui-buttonElement-button {
background-color: #1a1a24 !important;
color: #fff !important;
border: 1px solid var(--void-accent) !important;
}

/* 5. Popups & Dialogs */
.cd-dialog-panel, .oo-ui-window-frame {
background-color: var(--void-bg) !important;
border: 1px solid var(--void-accent) !important;
color: var(--void-text) !important;
}

/* 6. Thread Lines (The visual threading on the left) */
.cd-thread-line {
border-left-color: #333 !important;
}
.cd-thread-line:hover {
border-left-color: var(--void-accent) !important;
}

/* ============================================================
ONYX REGISTRY: VISUALS & BAR GRAPHS
============================================================ */

/* 1. The Main Ledger Container */
.onyx-ledger {
width: 100%;
border-collapse: collapse;
background: #050505;
font-family: 'Consolas', monospace;
border: 1px solid #333;
}

/* 2. Tier Headers (The Telescopic Row look) */
.onyx-tier-header {
background: #13131a;
color: #DAA520; /* Dealer Gold */
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #DAA520;
cursor: pointer;
}

/* 3. The Stat Bar Graphs */
.stat-bar-container {
width: 100px;
height: 8px;
background: #1a1a24;
border: 1px solid #333;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}

.stat-bar-fill {
height: 100%;
/* width is removed from here so the template can set it */
background: #21b0cd;
box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);
transition: width 0.8s ease-out;
}

/* Ensure the containers don't allow overflow */
.stat-bar-container {
background: #111;
border: 1px solid #222;
height: 6px;
width: 100%;
position: relative;
overflow: hidden; /* Keeps the bars inside the box */
}

/* Specific colors for classes */
.row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }
.row-class-a { border-left: 4px solid #a020f0; }
.row-class-b { border-left: 4px solid #DAA520; }
.row-class-c { border-left: 4px solid #666; }

/* 4. The Interactive Search/Jump Bar */
#onyx-scanner-input {
background: #000;
color: #DAA520;
border: 1px solid #DAA520;
padding: 10px;
width: 100%;
font-family: 'Consolas', monospace;
margin-bottom: 20px;
box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);
}

.stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }
.stat-label { font-size: 0.7em; color: #555; font-weight: bold; }
.stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }
.stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }
.onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }
.onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }
.onyx-row { transition: all 0.3s ease; }

/* ============================================================
ONYX REGISTRY: THRESHOLD LEGEND
============================================================ */
.onyx-legend-bar {
display: flex;
justify-content: space-between;
background: #0f0f14;
border: 1px solid #333;
padding: 8px 15px;
margin-bottom: 10px;
font-family: 'Consolas', monospace;
font-size: 0.75em;
}
.threshold-item { color: #888; }
.t-label { color: #555; font-weight: bold; }
.t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }

/* Mobile optimization for the legend */
@media (max-width: 600px) {
.onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }
}

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES
============================================================ */

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES (FIXED & TABBED)
============================================================ */

/* 1. THE INFOBOX (SIDE CARD) */
.dossier-card {
float: right;
width: 350px;
background: #0f0f14;
border: 1px solid #333;
border-top: 5px solid var(--void-accent);
margin: 0 0 20px 20px;
font-family: 'Consolas', monospace;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
clear: right;
}

.dossier-info-row {
display: flex;
justify-content: space-between;
padding: 8px 15px; /* Added more breathing room */
font-size: 0.85em;
border-bottom: 1px solid #1a1a24;
}

.dossier-label {
color: #888;
font-weight: bold;
padding-right: 10px; /* Prevents text from sticking to value */
}
.dossier-value { color: #d1d1d1; text-align: right; flex: 1; }

.dossier-image {
background: #050505;
text-align: center;
overflow: hidden;
}
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* 2. DOSSIER STAT BARS (Fixed Height) */
.dossier-stats { padding: 15px; background: #0a0a0f; }
.dossier-stat-item { margin-bottom: 8px; }
.dossier-stat-label {
display: flex;
justify-content: space-between;
font-size: 0.75em;
margin-bottom: 2px;
color: #aaa;
}

/* 3. ART LOADOUT (CLICKABLE TABS) */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f;
}

/* Tab Headers */
.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* Force side-by-side */
flex-wrap: nowrap !important;
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto; /* Allow horizontal scroll on phones */
}

.loadout-navigation span {
padding: 10px 15px;
font-size: 0.75em;
color: #666;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
border-right: 1px solid #333;
}

.loadout-navigation span:hover { color: #fff; background: #222; }

/* The Content Area */
.loadout-content {
padding: 20px;
min-height: 100px;
}

/* 4. MOBILE OVERRIDE (Stack everything) */
@media (max-width: 991px) {
.dossier-card {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
}

/* ART LOADOUT STYLING */
.loadout-matrix { border: 1px solid #333; background: #0a0a0f; }
.loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }

.loadout-tab {
flex: 1 0 auto !important; /* Don't let them shrink */
text-align: center !important;
padding: 12px 15px !important;
background: transparent !important;
}

.loadout-tab:hover { color: #fff; background: #222; }

/* The Active Tab follows the Faction Color */
.loadout-tab.active {
background: #13131a;
color: var(--void-accent);
border-top: 2px solid var(--void-accent);
}

.loadout-content { padding: 25px; line-height: 1.6; }

/* ART LOADOUT FIXES */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f !important; /* DARK BACKGROUND */
}

.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* FORCE HORIZONTAL */
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto;
}

.loadout-tab {
padding: 12px 20px !important;
font-size: 0.75em !important;
color: #666 !important;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
border-right: 1px solid #333 !important;
}

.loadout-content {
background: #13131a !important; /* Matches Dossier dark grey */
color: #d1d1d1 !important;
border: none !important;
}

/* Fix the White Box in loadout (CDX/Bootstrap override) */
.loadout-content, .loadout-pane, .loadout-content p, .loadout-content ul, .loadout-content li {
background: transparent !important;
color: #d1d1d1 !important;
}

/* STAT BAR FIX: Remove forced 100% width */
.stat-bar-fill {
height: 100%;
/* width is handled by calc() in the template */
background: var(--void-accent) !important;
box-shadow: 0 0 10px var(--void-accent);
}

/* DOSSIER IMAGE RESPONSIVENESS */
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* DOSSIER IMAGE ZOOM SYSTEM */
.dossier-image-box {
width: 350px;
height: 350px;
background-color: #050505;
background-size: cover; /* Zooms image to fill the square */
background-position: center; /* Keeps face centered */
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #222;
font-family: 'Consolas', monospace;
font-size: 0.8em;
letter-spacing: 2px;
border-bottom: 1px solid #333;
}

/* Mobile Fix for the Image box */
@media (max-width: 991px) {
.dossier-image-box {
width: 100%;
height: auto;
aspect-ratio: 1 / 1; /* Maintains square shape on phones */
}
}
/* ============================================================
JADNIX FORUM ENGINE (CONVENIENT DISCUSSIONS OVERHAUL)
============================================================ */

/* 1. THE COMMENT CARD */
.cd-comment-part {
background-color: #13131a !important;
border: 1px solid #333 !important;
border-radius: 4px;
padding: 15px !important;
margin-bottom: 12px !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.5);
display: block !important; /* Ensure vertical stacking */
overflow: hidden;
}

/* 2. THE SIGNATURE (Simple Header Look) */
.cd-signature {
display: block;
background: #1a1a24;
padding: 8px 15px !important;
margin: 0 0 10px 0 !important; /* Removed negative margins */
border-bottom: 1px solid #333;
font-family: 'Consolas', monospace;
font-size: 0.85em;
color: #888 !important;
}

.cd-signature .mw-userlink {
color: var(--void-accent) !important;
font-weight: bold;
text-transform: uppercase;
}

/* 3. THREADING */
.cd-comment-level:not(.cd-comment-level-0) {
border-left: 3px solid #333 !important;
margin-left: 20px !important;
padding-left: 15px !important;
}

/* 4. EMERGENCY IMAGE KILLER */
/* If any ghost script tries to inject an image, this hides it */
.cd-comment-avatar, .j-avatar-img, .cd-comment-part img {
display: none !important;
}

/* 5. ACTION BUTTONS */
.cd-comment-actions {
margin-top: 10px;
padding-top: 5px;
border-top: 1px dashed #222;
}
/* ============================================================
MISC THINGS I DON'T KNOW WHERE ELSE TO PUT
============================================================ */

/* Remove the "Powered By" icons, and icons in the footer in general */
#footer-icons, .footer-icons {
display: none !important;
}

/* Special footer look to fit the site theme */
.mw-footer {
background-color: #050505 !important;
border-top: 1px solid #333 !important;
font-family: 'Consolas', monospace;
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 1px;
}

.mw-footer a {
color: #555 !important;
}

.mw-footer a:hover {
color: var(--void-accent) !important;
text-shadow: 0 0 5px var(--void-accent);
}

/* Hide the Convenient Discussions 'Run once' link in the footer */
#footer-places-convenient-discussions-run {
display: none !important;
}

/* ============================================================
JADNIX CONVENIENT DISCUSSIONS: PREVIEW & DIFF PATCH
============================================================ */

/* 1. Fix the blinding white Preview Box */
.cd-commentForm-previewArea {
background-color: #050505 !important; /* Darkest terminal background */
color: #d1d1d1 !important;
border: 1px solid var(--void-accent) !important;
margin-top: 10px !important;
padding: 10px !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
}

/* 2. Fix the blinding white "View Changes" (Diff) Table */
table.diff, .diff td, .diff th {
background-color: #0f0f14 !important;
border-color: #333 !important;
color: #d1d1d1 !important;
}

/* The empty/unchanged context lines */
td.diff-context {
background-color: #0a0a0f !important;
color: #666 !important;
border-color: #222 !important;
}

/* The + / - Markers */
td.diff-marker {
background-color: #050505 !important;
color: #888 !important;
border: none !important;
font-weight: bold;
}

/* Lines that were ADDED (+) */
td.diff-addedline {
background-color: #13131a !important;
border-color: var(--void-accent) !important;
}
td.diff-addedline .diffchange {
background-color: rgba(160, 32, 240, 0.4) !important; /* Semi-transparent purple highlight */
color: #fff !important;
font-weight: bold;
border-radius: 2px;
}

/* Lines that were REMOVED (-) */
td.diff-deletedline {
background-color: #1a0d0d !important; /* Very dark red */
border-color: #ff4500 !important;
}
td.diff-deletedline .diffchange {
background-color: rgba(255, 69, 0, 0.3) !important;
color: #ffcaaf !important;
text-decoration: line-through;
border-radius: 2px;
}

/* 3. The "Changes" Header Text */
.cd-commentForm-diff > div:first-child {
color: var(--void-accent) !important;
font-weight: bold !important;
font-family: 'Consolas', monospace;
text-transform: uppercase;
margin-bottom: 5px;
}

/* ============================================================
R&R CORPS: SEAM FRACTURE TRACKER
============================================================ */

/* The Main Scrolling Viewport */
.seam-tracker-viewport {
width: 100%;
overflow-x: auto;
padding: 20px 0 40px 0;
background: #0a0a0f;
border: 1px solid #21b0cd; /* Skipper Blue Border */
box-shadow: inset 0 0 20px rgba(33, 176, 205, 0.1);
}

/* Custom Scrollbar for the Tracker */
.seam-tracker-viewport::-webkit-scrollbar { height: 10px; }
.seam-tracker-viewport::-webkit-scrollbar-track { background: #050505; border-top: 1px solid #333; }
.seam-tracker-viewport::-webkit-scrollbar-thumb { background: #21b0cd; border-radius: 5px; }

/* The Track holding the Cards */
.seam-track {
display: flex;
gap: 20px;
padding: 0 20px;
align-items: flex-start; /* Keeps cards from stretching to match the tallest one */
}

/* The Individual Seam Card */
.seam-card {
flex: 0 0 280px; /* Fixed width, won't shrink */
background: #13131a;
border: 1px solid #333;
border-top: 4px solid var(--seam-color, #888);
display: flex;
flex-direction: column;
font-family: 'Consolas', monospace;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.seam-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.8), 0 0 15px var(--seam-color, #888);
}

/* Card Header (ID & Dot) */
.seam-card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
background: #1a1a24;
border-bottom: 1px solid #333;
color: #fff;
font-size: 1.2em;
font-weight: bold;
}

/* The Glowing Stability Dot */
.seam-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--seam-color, #888);
box-shadow: 0 0 8px var(--seam-color, #888);
}

/* Image / Static Area */
.seam-card-image {
height: 160px;
background: #050505;
border-bottom: 1px solid #333;
position: relative;
overflow: hidden;
}

.seam-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* "NO SIGNAL" CSS Static Animation */
.seam-static {
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, #111 0px, #222 2px, #111 4px);
animation: static-flicker 0.1s infinite;
display: flex;
align-items: center;
justify-content: center;
color: #444;
font-size: 1.5em;
letter-spacing: 2px;
}

@keyframes static-flicker {
0% { background-position: 0 0; }
50% { background-position: 10px 10px; }
100% { background-position: -10px -5px; }
}

/* Epithet / Name Area */
.seam-card-epithet {
padding: 15px;
text-align: center;
color: #d1d1d1;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Nested Seams (The Dropdown) */
.seam-nested-container {
max-height: 0;
overflow: hidden;
background: #0a0a0f;
transition: max-height 0.4s ease-in-out;
}

/* Expands on desktop hover OR mobile tap/focus */
.seam-card:hover .seam-nested-container,
.seam-card:focus-within .seam-nested-container {
max-height: 300px;
border-top: 1px dashed #333;
}

.nested-seam-item {
display: flex;
justify-content: space-between;
padding: 8px 15px;
font-size: 0.8em;
border-bottom: 1px solid #111;
color: #888;
transition: background 0.2s, color 0.2s;
}

.nested-seam-item:hover {
background: #1a1a24;
color: #fff;
cursor: crosshair;
}

/* Stability Color Variables */
.rating-anchored { --seam-color: #00ff9f; } /* Green */
.rating-volatile { --seam-color: #ffd700; } /* Yellow */
.rating-fractured { --seam-color: #ff4500; } /* Red */
.rating-realm { --seam-color: #a020f0; } /* Purple */
.rating-null { --seam-color: #888888; } /* Grey */

/* ============================================================
JADNIX SEAM PAGE TEMPLATE: CUSTODY SPINE & MARGINALIA
============================================================ */

/* 1. The Cinematic Banner */
.seam-page-banner {
position: relative;
width: 100%;
height: 250px;
background: #050505;
border: 1px solid #333;
border-bottom: 3px solid #fff; /* Changes dynamically via inline style */
margin-bottom: 30px;
overflow: hidden;
}

/* 2. Banner Metadata Overlay */
.seam-banner-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, rgba(10,10,15,1), rgba(10,10,15,0.8) 60%, transparent);
padding: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}

.seam-banner-title {
font-family: 'Consolas', monospace;
}
.seam-banner-title h1 {
font-size: 2.5em;
color: #fff !important;
border: none !important;
margin: 0 0 5px 0 !important;
text-shadow: 0 0 10px rgba(255,255,255,0.3);
}
.seam-banner-title h2 {
font-size: 1.2em;
color: #aaa !important;
border: none !important;
margin: 0 !important;
text-transform: uppercase;
letter-spacing: 2px;
}

/* 3. The Shifting Custody Spine */
.seam-custody-section {
padding: 0 0 40px 30px;
margin-bottom: 0;
font-size: 1.05em;
line-height: 1.6;
}
.custody-still { border-left: 5px solid #a020f0; }
.custody-skipper { border-left: 5px solid #21b0cd; }
.custody-dealer { border-left: 5px solid #DAA520; }

.seam-custody-section h2 {
margin-top: 0 !important;
padding-top: 10px;
}

/* 4. The Marginalia (Injection Boxes) */
.seam-injection {
background: #13131a;
border: 1px solid #333;
padding: 15px 20px;
margin: 20px 0 20px 40px;
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
font-size: 0.95em;
position: relative;
overflow: hidden; /* Fixes the overlap for injection note boxes */
}

/* Injection Faction Colors */
.inj-still { border-left: 4px solid #a020f0; }
.inj-skipper { border-left: 4px solid #21b0cd; }
.inj-dealer { border-left: 4px solid #DAA520; }

.seam-injection-header {
font-family: 'Consolas', monospace;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
border-bottom: 1px dashed #333;
padding-bottom: 5px;
}

.inj-still .seam-injection-header { color: #a020f0; }
.inj-skipper .seam-injection-header { color: #21b0cd; }
.inj-dealer .seam-injection-header { color: #DAA520; }

/* ============================================================
JADNIX SEAM PAGE: ATTACHED IMAGE GALLERY
============================================================ */

/* The Collapsible Wrapper */
.seam-gallery-wrapper {
background: #0f0f14;
border: 1px solid #333;
margin-top: 20px;
padding: 10px;
}

/* The Horizontal Scroll Track */
.seam-gallery-viewport {
width: 100%;
overflow-x: auto;
padding: 15px 0;
margin-top: 10px;
border-top: 1px dashed #333;
}
.seam-gallery-viewport::-webkit-scrollbar { height: 8px; }
.seam-gallery-viewport::-webkit-scrollbar-track { background: #050505; }
.seam-gallery-viewport::-webkit-scrollbar-thumb { background: #555; border-radius: 4px; }

.seam-gallery-track {
display: flex;
gap: 15px;
}

/* The Image Cards */
.seam-gallery-card {
flex: 0 0 250px;
height: 180px;
background: #050505;
border: 1px solid #222;
position: relative;
cursor: zoom-in; /* Tells the user they can click it */
overflow: hidden;
}

.seam-gallery-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.2s;
}

.seam-gallery-card:hover img {
transform: scale(1.05); /* Slight hover zoom */
}

/* ============================================================
JADNIX GALLERY TOGGLE FIX (CENTERED DRAWER BAR)
============================================================ */

/* Make sure the box doesn't collapse on itself */
.seam-gallery-wrapper {
clear: both;
}

/* Override the default MediaWiki right-float */
.seam-gallery-wrapper .mw-collapsible-toggle {
float: none !important;
text-align: center !important;
display: block !important;
width: 100%;
padding: 5px 0;
font-family: 'Consolas', monospace;
font-weight: bold;
letter-spacing: 2px;
}

/* Style the actual link text */
.seam-gallery-wrapper .mw-collapsible-toggle a {
color: #888 !important;
text-decoration: none !important;
transition: color 0.2s, text-shadow 0.2s;
}

/* Make it light up when they mouse over it */
.seam-gallery-wrapper .mw-collapsible-toggle a:hover {
color: #fff !important;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}

/* ============================================================
JADNIX TOC SPACING FIX
============================================================ */
#toc, .toc {
max-width: 350px !important; /* Prevents it from getting too wide */
margin-left: 30px !important; /* Pushes it away from the text on the left */
margin-bottom: 20px !important;
}

/* ============================================================
JADNIX CRDD RECEIPT (SIDEBAR INFOBOX)
============================================================ */
.crdd-receipt-wrapper {
float: right;
width: 320px;
background: #0f0f14;
border: 1px solid #333;
border-top: 4px solid var(--void-accent); /* Inherits faction color */
margin: 0 0 20px 20px;
font-family: 'Consolas', monospace;
box-shadow: 0 0 15px rgba(0,0,0,0.5);
clear: right;
}

.crdd-receipt-header {
background: #1a1a24;
padding: 10px;
text-align: center;
font-weight: bold;
color: var(--void-accent);
border-bottom: 1px solid #333;
letter-spacing: 1px;
}

/* Override default MediaWiki toggle specifically for the Receipt */
.crdd-receipt-wrapper .mw-collapsible-toggle {
float: none !important;
text-align: center !important;
display: block !important;
width: 100%;
padding: 6px 0;
background: #050505;
border-bottom: 1px solid #333;
font-size: 0.85em;
}

.crdd-receipt-wrapper .mw-collapsible-toggle a {
color: #888 !important;
text-decoration: none !important;
}

.crdd-receipt-wrapper .mw-collapsible-toggle a:hover {
color: var(--void-accent) !important;
}

/* The Data Blocks */
.crdd-section-block {
padding: 12px 15px;
border-bottom: 1px dashed #333;
}
.crdd-section-block:last-child {
border-bottom: none;
}

.crdd-section-title {
color: #000 !important; /* Force black text */
background-color: var(--void-accent) !important; /* Force colored background */
font-weight: bold;
margin-bottom: 8px;
font-size: 0.9em;
padding: 4px 8px; /* Give the text some breathing room inside the box */
display: inline-block; /* Stop it from stretching across the whole receipt */
}

.crdd-stat-row {
display: flex;
justify-content: space-between;
font-size: 0.85em;
color: #888;
margin-bottom: 4px;
}
.crdd-stat-val {
color: #d1d1d1;
font-weight: bold;
}

/* The Totals (Behavior, Utility, Stability) */
.crdd-stat-total {
margin-top: 8px;
padding-top: 6px;
border-top: 1px solid #222;
display: flex;
justify-content: space-between;
font-size: 0.85em;
color: #fff;
font-weight: bold;
}
.crdd-stat-total-val {
color: var(--void-accent);
text-shadow: 0 0 5px rgba(255,255,255,0.2);
}

Seam 2.99

2026-05-05T18:28:33Z

Sinvrh:

{{DISPLAYTITLE:Seam 2.99: Almost-Home}}
<div class="faction-skipper">
<div class="seam-page-banner" style="border-bottom-color: #ffd700;">
<div class="seam-static" style="width: 100%; height: 100%;">NO SIGNAL</div>

<div class="seam-banner-meta">
<div class="seam-banner-title">
</div>
<div style="text-align:right; font-family: 'Consolas';">
<div style="color: #ffd700; font-weight: bold; font-size: 1.2em; text-shadow: 0 0 10px #ffd700;">🟡 VOLATILE</div>
<div style="color: #888; font-size: 0.8em; margin-top: 5px;">REPORT BY: TEAM ODDITY</div>
</div>
</div>
</div>

<div style="font-family: 'Georgia', serif; font-style: italic; font-size: 1.2em; color: #ccc; text-align: center; margin-bottom: 20px;">
"Stay a while, you’ve been away for too long, honey. Supper’s almost done…"
</div>


__TOC__





<html>
<div class="crdd-receipt-wrapper mw-collapsible mw-collapsed" data-expandtext="[+] EXPAND CRDD PRINTOUT" data-collapsetext="[-] COLLAPSE CRDD PRINTOUT">
<div class="crdd-receipt-header">CRDD V.1.0.4 DATA LOG</div>
<div class="mw-collapsible-content">


<div class="crdd-section-block">
<div class="crdd-section-title">1/3 SUBJECT INFO</div>
<div class="crdd-stat-row"><span>Strength</span> <span class="crdd-stat-val">5</span></div>
<div class="crdd-stat-row"><span>Durability</span> <span class="crdd-stat-val">5</span></div>
<div class="crdd-stat-row"><span>Mobility</span> <span class="crdd-stat-val">5</span></div>
<div class="crdd-stat-row"><span>Intelligence</span> <span class="crdd-stat-val">2</span></div>
<div class="crdd-stat-row"><span>Stamina</span> <span class="crdd-stat-val">5</span></div>
<div class="crdd-stat-row"><span>Threat Index</span> <span class="crdd-stat-val">15</span></div>
<div class="crdd-stat-row"><span>Swarm Qty</span> <span class="crdd-stat-val">20</span></div>
<div class="crdd-stat-total"><span>EST. BEHAVIOR</span> <span class="crdd-stat-total-val">8.1 (NEUTRAL)</span></div>
</div>


<div class="crdd-section-block">
<div class="crdd-section-title">2/3 ITEM INFO</div>
<div class="crdd-stat-row"><span>Entropy</span> <span class="crdd-stat-val">1</span></div>
<div class="crdd-stat-row"><span>Instability</span> <span class="crdd-stat-val">4</span></div>
<div class="crdd-stat-row"><span>Radiation</span> <span class="crdd-stat-val">4</span></div>
<div class="crdd-stat-row"><span>Corruptivity</span> <span class="crdd-stat-val">10</span></div>
<div class="crdd-stat-row"><span>Volatility</span> <span class="crdd-stat-val">0</span></div>
<div class="crdd-stat-row"><span>Unportability</span> <span class="crdd-stat-val">0</span></div>
<div class="crdd-stat-row"><span>Anomalous Prop.</span> <span class="crdd-stat-val">10</span></div>
<div class="crdd-stat-row"><span>Quantity</span> <span class="crdd-stat-val">20</span></div>
<div class="crdd-stat-total"><span>EST. UTILITY</span> <span class="crdd-stat-total-val">6.1 (FUNCTIONAL)</span></div>
</div>


<div class="crdd-section-block">
<div class="crdd-section-title">3/3 SEAM INFO</div>
<div class="crdd-stat-row"><span>Instability</span> <span class="crdd-stat-val">11</span></div>
<div class="crdd-stat-row"><span>Leakage</span> <span class="crdd-stat-val">0</span></div>
<div class="crdd-stat-row"><span>Geometric Viol.</span> <span class="crdd-stat-val">22</span></div>
<div class="crdd-stat-row"><span>Toxicity</span> <span class="crdd-stat-val">6</span></div>
<div class="crdd-stat-row"><span>Topo Hazards</span> <span class="crdd-stat-val">8</span></div>
<div class="crdd-stat-row"><span>Dead Ends</span> <span class="crdd-stat-val">24</span></div>
<div class="crdd-stat-row"><span>Broken Laws</span> <span class="crdd-stat-val">10</span></div>
<div class="crdd-stat-total"><span>EST. STABILITY</span> <span class="crdd-stat-total-val">11.6 (VOLATILE)</span></div>
</div>

</div>
</div>
</html>
<div class="seam-custody-section custody-still">
<h2 style="color: #a020f0 !important; border-bottom: 1px solid #a020f0 !important;">STILL SYNOPSIS</h2>

Almost-Home's familiar, and pretty. A really, really pretty trap. At first glance, you may think you’re back home, or someplace docile and stable for once; a safe place. You might see flat suburbs, or pop-out buildings with nice people waving at you. You will see the golden sunlight obscured by things you can’t see, and paved roads always well-kept, holding the smell of barbecue smoke. You will feel relieved. Do not feel relief. That is how the seam hunts and entraps others.

Seam 2.99 is an asymptotic reality, it gets extremely close to being real, but misses the mark by a sliver of a percent. Most commonly, if not semi-permanently, it will look like a sprawling neighborhood frozen forever in a golden hour, its architecture shifting subtly to match whatever is given too much thought in your mind. It’ll try to get you to move in by convincing you that you already have.

<h3 style="color: #a020f0 !important;">Seam Groups</h3>
There is only one notable group in this seam, and they are deemed fairly dangerous.

* <b>The Nearly-Settled:</b> A group of former surveyors and skippers / dealers of the WSG, along with other non-related wanderers who got lost or decided to stay in the Seam; they gave into the illusion. They live in the houses, and truly believe they made it home, with some telling others that they’re “just about settled in”. The Nearly-Settled can be found within the Cul-de-sacs of Denial (inside joke for us, we needed a laugh amongst the depressing nature of the group), specifically within formerly vacant homes. They will try to convince you to stay, getting aggressive about their happiness when questioned. Some might even try to physically drag you and/or your group into a house to “have dinner” with some of the “family” that’s over to visit, subconsciously mimicking the voices of those you personally love to prove their point.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">NOTE FROM DEALER MAY</div>
Do not trust them. Not because they’re bad people, but because they cannot help that they won’t be people at all anymore soon; they’re starting to look like the nighbares.
</div>

<h3 style="color: #a020f0 !important;">Seam Items</h3>
There’s a few items we found in this seam, both found in abundance.

* <b>Welcome Basket (I1-2.99):</b> A wicker basket found on the doorstep of every house in eyesight, but never at any house boarded up, being worked on, dead, out of eyesight, or not occupied. It has some fruit in it that never rots and a card that says “Welcome Home, Lemen” (but for you or anyone reading this, it’ll say your name instead). The card ink’s always fresh, and the fruit rejuvenates you instantly, but makes you seriously sick if you leave the seam within the same hour.

* <b>Garden Hose (I2-2.99):</b> A green water hose coiled in some yards, but when touched, it springs to “life” and tries to constrict around the nearest limb and shove its upper part down the esophagus of the restrained. Afterwards, it’ll turn itself on and pump what looks like water into the victim, but instead of filling them up, the liquid hollows them out until they wrinkle. Letting this happen for long enough will turn them into another hose.

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">NOTE FROM SKIPPER JAX</div>
If you manage to evade the initial constriction, or straighten it back out, it can actually be used as a weapon. The water output is like a firetruck’s, but with far more precise pressure capable of cutting rock.
</div>


<html>
<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">

<div class="seam-gallery-card">
<img src="https://files.catbox.moe/djvskz.jpg">
</div>

<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
</div>
</div>
</div>
</div>
</html>




<div class="seam-custody-section custody-skipper">
<h2 style="color: #21b0cd !important; border-bottom: 1px solid #21b0cd !important;">SKIPPER RECON</h2>

<h3 style="color: #21b0cd !important;">The Land</h3>
Y’know those weird parallax drawings that show up in plays and games and such? I think there was one on the Gameboy… What was the game? That thing, if you know what I’m talking about, then great. If you don’t… it’s hard to explain. Like with most flat places, it’s hard to turn your head if you don’t know what to look for. Well, it sort of snaps, your head that is, from left to right, as if there ain’t a “middle” position. While you walk, like I said everything moves like a parallax with some depth.

Everything here looks like a real old, but nice neighborhood. The kind you might see a grandmama and your pops live in in their youth. It’s like that, but the super specific details might be something else for others, but someone’s gotta confirm it wasn’t the delusions of ole’ Jax and co. We saw some cul-de-sacs that loop back into each other in some real weird ways, and the parallax effect or whatever is weird too. I passed the same mailbox six times while walking north. Grass’ all manicured but feels like astroturf-mixed mud. Soil underneath’s just… grey static, like the place’s trying to stitch itself into Baseline.

<h3 style="color: #21b0cd !important;">The Sea</h3>
No oceans, but the water table’s odd. Every storm drain and backyard swimming pool is connected. Only the drains and backyard pools, nothing else. Gotta make that clear. Someone might be able to crawl through a drain and end up in a pool, like quick travel. Might be useful. The liquid is clear, smells like chlorine, and is far too viscous. It moves like syrup, just don't drink it like I did. It’ll make you REAL sick every three minutes or so. We left the place and I STILL feel sick. I hope there’s some kinda medicine or cure for this.

<h3 style="color: #21b0cd !important;">The Sky</h3>
A perfect, cloudless gradient of orange and purple. It looks painted. There’s no sun, but there IS light. Like an old school lightbox, if you remember those. The ones used for old animation, Walt style. It was one of the only things that really tipped us off that we weren’t in Baseline but real damn close to it. While I was writing this, a lightbox just appeared in the grass. Go figure… Anyway, there’s no stars. Just the gradient.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">NOTE FROM DEALER MAY</div>
Time doesn't seem to do anything here! It's always like a late afternoon on a summer Friday. I’m not complaining, it feels nice, but the longer you stay in the light, the warmer you feel... After a few hours I started to call Jax sweetie, but snapped out of it when we took a breather in the shade. I wonder if it was the light, or the sky that caused that?
</div>

<h3 style="color: #21b0cd !important;">The Air</h3>
It was pretty warm, pretty stagnant, and had this annoying smell of freshly cut grass. That new car smell, but for grass, y’know? Oh, and charcoal fluid too. Lemen had to remind me and May not to panic whenever we found something new, ‘cause it got harder and harder to breathe the more we freaked out. That by itself made me freak out more! But eventually, we got the hang of it.

<h3 style="color: #21b0cd !important;">The Weather</h3>
Static. No wind. No rain. No nothing. Just that heavy, warm stillness that happens right before a tornado, but the tornado never comes. You get what I’m saying? It’s calm, but too calm, like the entire world’s holding its breath, waiting for something real nasty to pop out. It made me real anxious all the time.

<h3 style="color: #21b0cd !important;">Unique Properties</h3>
I’m the first to experience it, right? So I get to name it, right? I’m calling it “Memory Molding”. This place reads your mind, but I don’t think it’s actually sentient. Figure of speech, a little: if you think about your childhood bike, you'll find it leaning against a fence. If you think about your mom, you'll hear her voice coming from an open window. But it never changes so much that it breaks the… setting? The setting of the neighborhood it looks like. Never that. But small things? It aims to please. It’s… kinda hard to tell what’s real, and what’s not, but don’t get used to it. If you ignore too much of the Memory Molding, your brain will literally start to mold, like it’s punishing you for denying it something it desperately wants. Your brain, not the Seam, that is. Right, yeah, and time keepers don’t work here. My watch stopped working, though I did see my own house somewhere. The number on the mailbox was right-on. But when I looked in the window, the furniture was on the ceiling. Close call…

Guess it’s real worth mentioning this weird ass thing that happens after a few hours, or maybe a few minutes. It was hard to track, but often, everything will just… fold on itself. It’s not dangerous I don’t think, but hell is it disorienting. The entire neighborhood will fold, it’ll be like it just duplicated itself to the other side of you. A mirror effect, so whatever house you were looking it will be behind you, but upside down (except for the furniture and people). Think of it like this: you’re on a straight line, that line’s your life. Then all of a sudden, the top of the line bends, and now there’s two parallel lines connected by that bend at the top. Then the bend straightens out after a while, and it’s back to being one straight line. I know, trippy and weird.


<html>
<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
</div>
</div>
</div>
</div>
</html>




<div class="seam-custody-section custody-dealer">
<h2 style="color: #DAA520 !important; border-bottom: 1px solid #DAA520 !important;">DEALER ASSESSMENT</h2>
The subjects here could be considered a swarm when hostile, and they can be VERY hostile.

<h3 style="color: #DAA520 !important;">Seam Subjects</h3>
* <b>Nighbares (Subject 1-2.99):</b> The natural denizens of this fine seam, they are the apex predators here, as well as one another’s neighbor (of which they get their namesake). We chose this name for them because when provoked, they attempt to strip their victims bare of anything that isn’t like them, from flesh to secrets, and it is nigh-impossible to escape a swarm of them without some serious firepower, skill, or acumen, of which they have little of the latter. Nighbares are humanoid folks always visible in the peripheral. They can be seen washing cars, mowing laws, waving from porches, and are usually dressed in either 2020’s formal wear (Alpha-Earth time) or 1850’s casual wear (also Alpha-Earth time). The gap in attire is caused by many others ending up in this seam and end up staying, slowly making the nighbares realize they’re a bit out of date. Do all you can to ignore the nighbares, as if you wave back at them, they freeze (all of them), and stare at you. If you then approach one, their jaws will unhinge and their skin will peel like an orange to reveal something abyssal in nature. Nighbares are extremely strong! However, not as bright. They will attempt to pin you down and begin the stripping process, aiming for the eyes and outer skin first before consuming your face to replace later. After the assault, they will go back to being as polite as they were beforehand.

<div class="seam-injection inj-still">
<div class="seam-injection-header">NOTE FROM STILL LEMEN</div>
I saw her erase the note she made on it, but May mentioned wanting to go back to Almost-Home and put one of the nighbares down. The one that looked like her husband, I think. It's very clearly memory molding, but May's convinced that in some ways... or in the ways that matter... it is him.
</div>

* <b>Baring Paperboy (Subject 2-2.99):</b> A small boy on a bicycle that rides down the street at a set interval. He shares an appearance with the nighbares, and can sometimes be seen off his bike when no nighbares are nearby waving. He ignores you completely unless you block his path, and I do advise against it unless you enjoy having your eardrums shattered like glass. The little shit— pardon, the little kid can yell quite loudly. Buying some of his newspapers will befriend him to you (you specifically, not your group)! Afterwards, he becomes open to trading with you and may even lead you deeper into the seam. We don’t know where he takes you officially. Do note that all paperboys look the same (unless altering itself to fit a memory, I believe, via memory molding), so keep good track of who you befriended and who really hates you. If a paperboy is nearby during a nighbare attack, unlike the nighbares, the paperboy will remember you and resume the attack himself if he sees you again. Do your best to stay out of the bike lane.

<div class="seam-injection inj-still">
<div class="seam-injection-header">NOTE FROM STILL LEMEN</div>
Something else May failed to note, or I guess didn't want to, but a quick update: she took one with us. As far as she could take it— take HIM, sorry, without him leaving the seam. I guess we'll consider him Subject 2.1-2.99. After some arguing, May gave him a dealer outfit and got him sanctioned by one of the higher ups in House Voidseed. Must've been out of pity. Honestly... I don't blame her. The kid memory molded to look like her "sweet little boy" she lost years ago. No shame in falling victim to that effect, but it's been days since we left Almost-Home. She wants to go back. To visit.
</div>

<h3 style="color: #DAA520 !important;">Gateways</h3>
I’m a woman of honor, so I will admit that getting stuck in this place was… slightly my fault. If you ask Jax, it was supposed to be “simple shit”, an easy skip from where we were back to Baseline, but I convinced him to use a new skeleton key I made. It was supposed to be revolutionary. However, when that careless fool turned the lock, he broke it and next thing you know... we're all on a rather nice looking lawn. So yes, slightly my fault, slightly Jax's, however no one could have predicted falling further down instead of to the left!

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">NOTE FROM SKIPPER JAX</div>
It WAS supposed to be simple shit! The skip was easy as fuck, she used a prototype key. Y'know what prototype means? It means the door won't just open out, it'll open INWARD, smack you in the face, knock you out, and you'll wake up on a wet lawn. Don't let her downplay it.
</div>

Speaking of left, we did so by finding a dead home, for lack of better word, after around three days. A house completely empty and worn down as if it were being repaired. Such a thing did not match any of our memories, it was not nostalgic at all… So we went in, the front door was unlocked, and we returned back to Baseline. However… a small part of me wishes we never found that exit, or at least, I did not open it for them. It was only found after we all stopped wishing we were home, but Gods… I really, really did not want to stop wishing that. It was so nice there. With him.

…After the experience, this turned out to be a wonderful thing. A seam like this so close to Baseline’s a blessing, we can most certainly use it to our advantage… or perhaps not, considering how dangerous it is. Ah but I cannot help but to think of all the business opportunities with the nighbares!

<h3 style="color: #DAA520 !important;">Helpful Legal Advice</h3>
When opening a gateway or providing the means to get to this place, please tell your group or clients to not enter any house, even if the door is open! I’m not sure what happens if you do, but we did see someone enter and never come out, however we could see them through the window. Acknowledging the nighbares is another no-no, but feel free to acknowledge the fact that they do not exist, even if we both know they do. It’ll be safer for you and future surveyors and travelers that way. And lastly, try your best and focus on something unfamiliar, hateful, or distasteful, like a messy breakup… or a lost husband. Anger and resentment keeps things stable. Nostalgia destabilizes everything... However... in hindsight, this seam may be more dangerous than our data suggest... Ah, never mind!
</div>

MediaWiki:Common.css

2026-05-05T18:27:00Z

Sinvrh:

/* ============================================================
JADNIX CODEX: MEDIK VOID (FINAL MASTER)
============================================================ */

/* 1. ROOT VARIABLES */
:root {
--void-accent: #a020f0;
--void-bg: #0a0a0f;
--void-card: #13131a;
--void-text: #d1d1d1;
--void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */
}

/* 2. NUCLEAR BACKGROUND FIX */
html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {
background-color: var(--void-bg) !important;
background-image: none !important;
color: var(--void-text) !important;
}

/* SCANLINES */
body::before {
content: " ";
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background: repeating-linear-gradient(
0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px,
transparent 1px, transparent 2px
);
z-index: 9999;
pointer-events: none;
}

/* 3. HEADER LAYOUT */
.navbar-collapse { display: flex !important; flex-basis: auto !important; }
.navbar-nav { flex-direction: row !important; align-items: center; }
.nav-item { margin-right: 15px !important; margin-left: 15px !important; }

/* Header Text */
.navbar-nav .nav-link, .dropdown-toggle {
color: var(--void-text) !important;
font-family: 'Consolas', monospace;
font-size: 1.1em;
padding-bottom: 5px;
}
.navbar-nav .nav-link:hover, .dropdown-toggle:hover {
color: #ffffff !important;
text-shadow: 0 0 5px var(--void-accent);
}
.nav-item.active .nav-link {
font-weight: bold;
color: #fff !important;
border-bottom: 3px solid var(--void-accent);
}

/* 4. CONTENT CARD */
#content, .mw-body {
background-color: var(--void-card) !important;
border: 1px solid #333 !important;
border-left: 5px solid var(--void-accent) !important;
box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;
margin-top: 20px !important;
padding: 30px !important;
color: var(--void-text) !important;
}
.col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }

/* 5. SIDEBAR NAVIGATION FIX */
#mw-navigation .nav-link:hover,
.sidebar .nav-link:hover {
background-color: var(--void-hover) !important;
color: #fff !important;
padding-left: 20px !important;
opacity: 1 !important;
}

/* 6. GLOBAL TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
color: #fff !important;
font-family: 'Consolas', monospace;
border-bottom: 1px solid #333;
}
a {
color: var(--void-accent);
transition: 0.2s;
}
a:hover {
color: #fff;
text-shadow: 0 0 5px var(--void-accent);
text-decoration: none;
}

/* 7. DROPDOWNS */
.dropdown-menu {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
}
.dropdown-item { color: var(--void-text) !important; }
.dropdown-item:hover {
background-color: var(--void-accent) !important;
color: #fff !important;
}

/* ============================================================
FACTION THEMES
============================================================ */

/* DEALERS (Gold) */
body.theme-dealer {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
--font-family-system: 'Georgia', serif;
}
body.theme-dealer h1, body.theme-dealer h2 {
font-family: 'Georgia', serif;
color: #DAA520 !important;
}

/* SKIPPERS (Blue) */
body.theme-skipper {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
--font-family-system: 'Consolas', monospace;
}
body.theme-skipper h1, body.theme-skipper h2 {
color: #21b0cd !important;
}

/* STILL (Purple) */
body.theme-still {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
CRDD CALCULATOR
============================================================ */
#crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }
.crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }
.crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }
.crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }
.crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.crdd-input-group label { flex: 1; font-size: 0.9em; }
.crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }
.crdd-value-display { width: 30px; text-align: right; font-weight: bold; }
.crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }
#crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }
.crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }
@media only screen and (max-width: 768px) {
.crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }
.crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }
.crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }
.crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }
#crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }
}

/* ============================================================
SPLASH SCREEN (FULLSCREEN OVERRIDE & VARIABLES)
============================================================ */

/* 1. HIDE ALL INTERFACE ELEMENTS */
body.page-Warning #mw-navigation, /* The Sidebar */
body.page-Warning #mw-navbar, /* The Header */
body.page-Warning .navbar, /* Bootstrap Header */
body.page-Warning .mw-footer, /* The Footer */
body.page-Warning .sidebar, /* Legacy Sidebar */
body.page-Warning aside, /* Edit Tools */
body.page-Warning #catlinks { /* Categories */
display: none !important;
}

/* 2. REMOVE PADDING/MARGINS FROM BODY */
body.page-Warning #content,
body.page-Warning .mw-body {
margin: 0 !important;
padding: 0 !important;
border: none !important; /* Remove the Purple Left Border */
box-shadow: none !important;
background: transparent !important;
}

/* 3. THE FULLSCREEN CONTAINER */
body.page-Warning .splash-container {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: var(--void-bg) !important;
z-index: 2147483647 !important; /* Maximum Integer Value */
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 !important;
padding: 20px !important;
box-sizing: border-box !important;
}

/* 4. INNER BOX STYLING */
.splash-inner-wrapper {
width: 100%;
max-width: 500px;
border: 1px solid #333;
border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */
background: var(--void-card);
padding: 30px;
box-shadow: 0 0 30px rgba(0,0,0,0.8);
text-align: center;
}

/* 5. TEXT & BUTTONS */
.splash-title {
font-family: 'Consolas', monospace;
font-size: 2em;
color: #fff;
margin-bottom: 5px;
text-shadow: 0 0 10px var(--void-accent);
}
.splash-subtitle {
color: var(--void-accent);
font-size: 0.8em;
letter-spacing: 2px;
margin-bottom: 30px;
text-transform: uppercase;
}
.splash-btn {
display: inline-block;
border: 1px solid var(--void-accent);
padding: 12px 24px;
color: #fff !important;
text-decoration: none;
font-family: 'Consolas', monospace;
margin: 20px 0;
transition: all 0.3s;
}
.splash-btn:hover {
background: var(--void-accent);
color: #000 !important;
box-shadow: 0 0 15px var(--void-accent);
}

/* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */
body.splash-gold {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
}
body.splash-blue {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
}
body.splash-purple {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
HOME PAGE NAVIGATION
============================================================ */
.nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }
.nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }
.nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }
.nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }
.nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }
.nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }
.nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }
.nav-card:hover .nav-title { color: var(--void-accent); background: #000; }

/* ============================================================
PERSONNEL FILE
============================================================ */
.personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }
.id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }
.id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }
.void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }
.id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }
.id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }
.id-details li { margin-bottom: 5px; }
.id-details strong { color: var(--void-accent); margin-right: 5px; }
@media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }

/* ============================================================
CONVENIENT DISCUSSIONS (VOID THEME PATCH)
============================================================ */

/* 1. Comment Layers & Backgrounds */
.cd-comment-part,
.cd-comment-part-first,
.cd-comment-part-last {
background-color: transparent !important;
color: var(--void-text) !important;
}

/* 2. The "Reply" Button */
.cd-replyButton {
font-family: 'Consolas', monospace;
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
color: var(--void-accent) !important;
opacity: 0.7;
}
.cd-replyButton:hover {
opacity: 1;
text-shadow: 0 0 5px var(--void-accent);
}

/* 3. The Reply Form (Text Area) */
.cd-commentForm-panel {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
padding: 15px;
}

.cd-commentForm-textarea {
background-color: #050505 !important;
color: #00ff9f !important; /* Terminal Green Typing */
border: 1px solid #333 !important;
font-family: 'Consolas', monospace !important;
}

/* 4. Form Buttons (Reply / Cancel) */
.cd-button-action, .oo-ui-buttonElement-button {
background-color: #1a1a24 !important;
color: #fff !important;
border: 1px solid var(--void-accent) !important;
}

/* 5. Popups & Dialogs */
.cd-dialog-panel, .oo-ui-window-frame {
background-color: var(--void-bg) !important;
border: 1px solid var(--void-accent) !important;
color: var(--void-text) !important;
}

/* 6. Thread Lines (The visual threading on the left) */
.cd-thread-line {
border-left-color: #333 !important;
}
.cd-thread-line:hover {
border-left-color: var(--void-accent) !important;
}

/* ============================================================
ONYX REGISTRY: VISUALS & BAR GRAPHS
============================================================ */

/* 1. The Main Ledger Container */
.onyx-ledger {
width: 100%;
border-collapse: collapse;
background: #050505;
font-family: 'Consolas', monospace;
border: 1px solid #333;
}

/* 2. Tier Headers (The Telescopic Row look) */
.onyx-tier-header {
background: #13131a;
color: #DAA520; /* Dealer Gold */
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #DAA520;
cursor: pointer;
}

/* 3. The Stat Bar Graphs */
.stat-bar-container {
width: 100px;
height: 8px;
background: #1a1a24;
border: 1px solid #333;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}

.stat-bar-fill {
height: 100%;
/* width is removed from here so the template can set it */
background: #21b0cd;
box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);
transition: width 0.8s ease-out;
}

/* Ensure the containers don't allow overflow */
.stat-bar-container {
background: #111;
border: 1px solid #222;
height: 6px;
width: 100%;
position: relative;
overflow: hidden; /* Keeps the bars inside the box */
}

/* Specific colors for classes */
.row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }
.row-class-a { border-left: 4px solid #a020f0; }
.row-class-b { border-left: 4px solid #DAA520; }
.row-class-c { border-left: 4px solid #666; }

/* 4. The Interactive Search/Jump Bar */
#onyx-scanner-input {
background: #000;
color: #DAA520;
border: 1px solid #DAA520;
padding: 10px;
width: 100%;
font-family: 'Consolas', monospace;
margin-bottom: 20px;
box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);
}

.stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }
.stat-label { font-size: 0.7em; color: #555; font-weight: bold; }
.stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }
.stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }
.onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }
.onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }
.onyx-row { transition: all 0.3s ease; }

/* ============================================================
ONYX REGISTRY: THRESHOLD LEGEND
============================================================ */
.onyx-legend-bar {
display: flex;
justify-content: space-between;
background: #0f0f14;
border: 1px solid #333;
padding: 8px 15px;
margin-bottom: 10px;
font-family: 'Consolas', monospace;
font-size: 0.75em;
}
.threshold-item { color: #888; }
.t-label { color: #555; font-weight: bold; }
.t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }

/* Mobile optimization for the legend */
@media (max-width: 600px) {
.onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }
}

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES
============================================================ */

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES (FIXED & TABBED)
============================================================ */

/* 1. THE INFOBOX (SIDE CARD) */
.dossier-card {
float: right;
width: 350px;
background: #0f0f14;
border: 1px solid #333;
border-top: 5px solid var(--void-accent);
margin: 0 0 20px 20px;
font-family: 'Consolas', monospace;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
clear: right;
}

.dossier-info-row {
display: flex;
justify-content: space-between;
padding: 8px 15px; /* Added more breathing room */
font-size: 0.85em;
border-bottom: 1px solid #1a1a24;
}

.dossier-label {
color: #888;
font-weight: bold;
padding-right: 10px; /* Prevents text from sticking to value */
}
.dossier-value { color: #d1d1d1; text-align: right; flex: 1; }

.dossier-image {
background: #050505;
text-align: center;
overflow: hidden;
}
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* 2. DOSSIER STAT BARS (Fixed Height) */
.dossier-stats { padding: 15px; background: #0a0a0f; }
.dossier-stat-item { margin-bottom: 8px; }
.dossier-stat-label {
display: flex;
justify-content: space-between;
font-size: 0.75em;
margin-bottom: 2px;
color: #aaa;
}

/* 3. ART LOADOUT (CLICKABLE TABS) */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f;
}

/* Tab Headers */
.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* Force side-by-side */
flex-wrap: nowrap !important;
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto; /* Allow horizontal scroll on phones */
}

.loadout-navigation span {
padding: 10px 15px;
font-size: 0.75em;
color: #666;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
border-right: 1px solid #333;
}

.loadout-navigation span:hover { color: #fff; background: #222; }

/* The Content Area */
.loadout-content {
padding: 20px;
min-height: 100px;
}

/* 4. MOBILE OVERRIDE (Stack everything) */
@media (max-width: 991px) {
.dossier-card {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
}

/* ART LOADOUT STYLING */
.loadout-matrix { border: 1px solid #333; background: #0a0a0f; }
.loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }

.loadout-tab {
flex: 1 0 auto !important; /* Don't let them shrink */
text-align: center !important;
padding: 12px 15px !important;
background: transparent !important;
}

.loadout-tab:hover { color: #fff; background: #222; }

/* The Active Tab follows the Faction Color */
.loadout-tab.active {
background: #13131a;
color: var(--void-accent);
border-top: 2px solid var(--void-accent);
}

.loadout-content { padding: 25px; line-height: 1.6; }

/* ART LOADOUT FIXES */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f !important; /* DARK BACKGROUND */
}

.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* FORCE HORIZONTAL */
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto;
}

.loadout-tab {
padding: 12px 20px !important;
font-size: 0.75em !important;
color: #666 !important;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
border-right: 1px solid #333 !important;
}

.loadout-content {
background: #13131a !important; /* Matches Dossier dark grey */
color: #d1d1d1 !important;
border: none !important;
}

/* Fix the White Box in loadout (CDX/Bootstrap override) */
.loadout-content, .loadout-pane, .loadout-content p, .loadout-content ul, .loadout-content li {
background: transparent !important;
color: #d1d1d1 !important;
}

/* STAT BAR FIX: Remove forced 100% width */
.stat-bar-fill {
height: 100%;
/* width is handled by calc() in the template */
background: var(--void-accent) !important;
box-shadow: 0 0 10px var(--void-accent);
}

/* DOSSIER IMAGE RESPONSIVENESS */
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* DOSSIER IMAGE ZOOM SYSTEM */
.dossier-image-box {
width: 350px;
height: 350px;
background-color: #050505;
background-size: cover; /* Zooms image to fill the square */
background-position: center; /* Keeps face centered */
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #222;
font-family: 'Consolas', monospace;
font-size: 0.8em;
letter-spacing: 2px;
border-bottom: 1px solid #333;
}

/* Mobile Fix for the Image box */
@media (max-width: 991px) {
.dossier-image-box {
width: 100%;
height: auto;
aspect-ratio: 1 / 1; /* Maintains square shape on phones */
}
}
/* ============================================================
JADNIX FORUM ENGINE (CONVENIENT DISCUSSIONS OVERHAUL)
============================================================ */

/* 1. THE COMMENT CARD */
.cd-comment-part {
background-color: #13131a !important;
border: 1px solid #333 !important;
border-radius: 4px;
padding: 15px !important;
margin-bottom: 12px !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.5);
display: block !important; /* Ensure vertical stacking */
overflow: hidden;
}

/* 2. THE SIGNATURE (Simple Header Look) */
.cd-signature {
display: block;
background: #1a1a24;
padding: 8px 15px !important;
margin: 0 0 10px 0 !important; /* Removed negative margins */
border-bottom: 1px solid #333;
font-family: 'Consolas', monospace;
font-size: 0.85em;
color: #888 !important;
}

.cd-signature .mw-userlink {
color: var(--void-accent) !important;
font-weight: bold;
text-transform: uppercase;
}

/* 3. THREADING */
.cd-comment-level:not(.cd-comment-level-0) {
border-left: 3px solid #333 !important;
margin-left: 20px !important;
padding-left: 15px !important;
}

/* 4. EMERGENCY IMAGE KILLER */
/* If any ghost script tries to inject an image, this hides it */
.cd-comment-avatar, .j-avatar-img, .cd-comment-part img {
display: none !important;
}

/* 5. ACTION BUTTONS */
.cd-comment-actions {
margin-top: 10px;
padding-top: 5px;
border-top: 1px dashed #222;
}
/* ============================================================
MISC THINGS I DON'T KNOW WHERE ELSE TO PUT
============================================================ */

/* Remove the "Powered By" icons, and icons in the footer in general */
#footer-icons, .footer-icons {
display: none !important;
}

/* Special footer look to fit the site theme */
.mw-footer {
background-color: #050505 !important;
border-top: 1px solid #333 !important;
font-family: 'Consolas', monospace;
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 1px;
}

.mw-footer a {
color: #555 !important;
}

.mw-footer a:hover {
color: var(--void-accent) !important;
text-shadow: 0 0 5px var(--void-accent);
}

/* Hide the Convenient Discussions 'Run once' link in the footer */
#footer-places-convenient-discussions-run {
display: none !important;
}

/* ============================================================
JADNIX CONVENIENT DISCUSSIONS: PREVIEW & DIFF PATCH
============================================================ */

/* 1. Fix the blinding white Preview Box */
.cd-commentForm-previewArea {
background-color: #050505 !important; /* Darkest terminal background */
color: #d1d1d1 !important;
border: 1px solid var(--void-accent) !important;
margin-top: 10px !important;
padding: 10px !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
}

/* 2. Fix the blinding white "View Changes" (Diff) Table */
table.diff, .diff td, .diff th {
background-color: #0f0f14 !important;
border-color: #333 !important;
color: #d1d1d1 !important;
}

/* The empty/unchanged context lines */
td.diff-context {
background-color: #0a0a0f !important;
color: #666 !important;
border-color: #222 !important;
}

/* The + / - Markers */
td.diff-marker {
background-color: #050505 !important;
color: #888 !important;
border: none !important;
font-weight: bold;
}

/* Lines that were ADDED (+) */
td.diff-addedline {
background-color: #13131a !important;
border-color: var(--void-accent) !important;
}
td.diff-addedline .diffchange {
background-color: rgba(160, 32, 240, 0.4) !important; /* Semi-transparent purple highlight */
color: #fff !important;
font-weight: bold;
border-radius: 2px;
}

/* Lines that were REMOVED (-) */
td.diff-deletedline {
background-color: #1a0d0d !important; /* Very dark red */
border-color: #ff4500 !important;
}
td.diff-deletedline .diffchange {
background-color: rgba(255, 69, 0, 0.3) !important;
color: #ffcaaf !important;
text-decoration: line-through;
border-radius: 2px;
}

/* 3. The "Changes" Header Text */
.cd-commentForm-diff > div:first-child {
color: var(--void-accent) !important;
font-weight: bold !important;
font-family: 'Consolas', monospace;
text-transform: uppercase;
margin-bottom: 5px;
}

/* ============================================================
R&R CORPS: SEAM FRACTURE TRACKER
============================================================ */

/* The Main Scrolling Viewport */
.seam-tracker-viewport {
width: 100%;
overflow-x: auto;
padding: 20px 0 40px 0;
background: #0a0a0f;
border: 1px solid #21b0cd; /* Skipper Blue Border */
box-shadow: inset 0 0 20px rgba(33, 176, 205, 0.1);
}

/* Custom Scrollbar for the Tracker */
.seam-tracker-viewport::-webkit-scrollbar { height: 10px; }
.seam-tracker-viewport::-webkit-scrollbar-track { background: #050505; border-top: 1px solid #333; }
.seam-tracker-viewport::-webkit-scrollbar-thumb { background: #21b0cd; border-radius: 5px; }

/* The Track holding the Cards */
.seam-track {
display: flex;
gap: 20px;
padding: 0 20px;
align-items: flex-start; /* Keeps cards from stretching to match the tallest one */
}

/* The Individual Seam Card */
.seam-card {
flex: 0 0 280px; /* Fixed width, won't shrink */
background: #13131a;
border: 1px solid #333;
border-top: 4px solid var(--seam-color, #888);
display: flex;
flex-direction: column;
font-family: 'Consolas', monospace;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.seam-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.8), 0 0 15px var(--seam-color, #888);
}

/* Card Header (ID & Dot) */
.seam-card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
background: #1a1a24;
border-bottom: 1px solid #333;
color: #fff;
font-size: 1.2em;
font-weight: bold;
}

/* The Glowing Stability Dot */
.seam-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--seam-color, #888);
box-shadow: 0 0 8px var(--seam-color, #888);
}

/* Image / Static Area */
.seam-card-image {
height: 160px;
background: #050505;
border-bottom: 1px solid #333;
position: relative;
overflow: hidden;
}

.seam-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* "NO SIGNAL" CSS Static Animation */
.seam-static {
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, #111 0px, #222 2px, #111 4px);
animation: static-flicker 0.1s infinite;
display: flex;
align-items: center;
justify-content: center;
color: #444;
font-size: 1.5em;
letter-spacing: 2px;
}

@keyframes static-flicker {
0% { background-position: 0 0; }
50% { background-position: 10px 10px; }
100% { background-position: -10px -5px; }
}

/* Epithet / Name Area */
.seam-card-epithet {
padding: 15px;
text-align: center;
color: #d1d1d1;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Nested Seams (The Dropdown) */
.seam-nested-container {
max-height: 0;
overflow: hidden;
background: #0a0a0f;
transition: max-height 0.4s ease-in-out;
}

/* Expands on desktop hover OR mobile tap/focus */
.seam-card:hover .seam-nested-container,
.seam-card:focus-within .seam-nested-container {
max-height: 300px;
border-top: 1px dashed #333;
}

.nested-seam-item {
display: flex;
justify-content: space-between;
padding: 8px 15px;
font-size: 0.8em;
border-bottom: 1px solid #111;
color: #888;
transition: background 0.2s, color 0.2s;
}

.nested-seam-item:hover {
background: #1a1a24;
color: #fff;
cursor: crosshair;
}

/* Stability Color Variables */
.rating-anchored { --seam-color: #00ff9f; } /* Green */
.rating-volatile { --seam-color: #ffd700; } /* Yellow */
.rating-fractured { --seam-color: #ff4500; } /* Red */
.rating-realm { --seam-color: #a020f0; } /* Purple */
.rating-null { --seam-color: #888888; } /* Grey */

/* ============================================================
JADNIX SEAM PAGE TEMPLATE: CUSTODY SPINE & MARGINALIA
============================================================ */

/* 1. The Cinematic Banner */
.seam-page-banner {
position: relative;
width: 100%;
height: 250px;
background: #050505;
border: 1px solid #333;
border-bottom: 3px solid #fff; /* Changes dynamically via inline style */
margin-bottom: 30px;
overflow: hidden;
}

/* 2. Banner Metadata Overlay */
.seam-banner-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, rgba(10,10,15,1), rgba(10,10,15,0.8) 60%, transparent);
padding: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}

.seam-banner-title {
font-family: 'Consolas', monospace;
}
.seam-banner-title h1 {
font-size: 2.5em;
color: #fff !important;
border: none !important;
margin: 0 0 5px 0 !important;
text-shadow: 0 0 10px rgba(255,255,255,0.3);
}
.seam-banner-title h2 {
font-size: 1.2em;
color: #aaa !important;
border: none !important;
margin: 0 !important;
text-transform: uppercase;
letter-spacing: 2px;
}

/* 3. The Shifting Custody Spine */
.seam-custody-section {
padding: 0 0 40px 30px;
margin-bottom: 0;
font-size: 1.05em;
line-height: 1.6;
}
.custody-still { border-left: 5px solid #a020f0; }
.custody-skipper { border-left: 5px solid #21b0cd; }
.custody-dealer { border-left: 5px solid #DAA520; }

.seam-custody-section h2 {
margin-top: 0 !important;
padding-top: 10px;
}

/* 4. The Marginalia (Injection Boxes) */
.seam-injection {
background: #13131a;
border: 1px solid #333;
padding: 15px 20px;
margin: 20px 0 20px 40px;
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
font-size: 0.95em;
position: relative;
}

/* Injection Faction Colors */
.inj-still { border-left: 4px solid #a020f0; }
.inj-skipper { border-left: 4px solid #21b0cd; }
.inj-dealer { border-left: 4px solid #DAA520; }

.seam-injection-header {
font-family: 'Consolas', monospace;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
border-bottom: 1px dashed #333;
padding-bottom: 5px;
}

.inj-still .seam-injection-header { color: #a020f0; }
.inj-skipper .seam-injection-header { color: #21b0cd; }
.inj-dealer .seam-injection-header { color: #DAA520; }

/* ============================================================
JADNIX SEAM PAGE: ATTACHED IMAGE GALLERY
============================================================ */

/* The Collapsible Wrapper */
.seam-gallery-wrapper {
background: #0f0f14;
border: 1px solid #333;
margin-top: 20px;
padding: 10px;
}

/* The Horizontal Scroll Track */
.seam-gallery-viewport {
width: 100%;
overflow-x: auto;
padding: 15px 0;
margin-top: 10px;
border-top: 1px dashed #333;
}
.seam-gallery-viewport::-webkit-scrollbar { height: 8px; }
.seam-gallery-viewport::-webkit-scrollbar-track { background: #050505; }
.seam-gallery-viewport::-webkit-scrollbar-thumb { background: #555; border-radius: 4px; }

.seam-gallery-track {
display: flex;
gap: 15px;
}

/* The Image Cards */
.seam-gallery-card {
flex: 0 0 250px;
height: 180px;
background: #050505;
border: 1px solid #222;
position: relative;
cursor: zoom-in; /* Tells the user they can click it */
overflow: hidden;
}

.seam-gallery-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.2s;
}

.seam-gallery-card:hover img {
transform: scale(1.05); /* Slight hover zoom */
}

/* ============================================================
JADNIX GALLERY TOGGLE FIX (CENTERED DRAWER BAR)
============================================================ */

/* Make sure the box doesn't collapse on itself */
.seam-gallery-wrapper {
clear: both;
}

/* Override the default MediaWiki right-float */
.seam-gallery-wrapper .mw-collapsible-toggle {
float: none !important;
text-align: center !important;
display: block !important;
width: 100%;
padding: 5px 0;
font-family: 'Consolas', monospace;
font-weight: bold;
letter-spacing: 2px;
}

/* Style the actual link text */
.seam-gallery-wrapper .mw-collapsible-toggle a {
color: #888 !important;
text-decoration: none !important;
transition: color 0.2s, text-shadow 0.2s;
}

/* Make it light up when they mouse over it */
.seam-gallery-wrapper .mw-collapsible-toggle a:hover {
color: #fff !important;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}

/* ============================================================
JADNIX TOC SPACING FIX
============================================================ */
#toc, .toc {
max-width: 350px !important; /* Prevents it from getting too wide */
margin-left: 30px !important; /* Pushes it away from the text on the left */
margin-bottom: 20px !important;
}

/* ============================================================
JADNIX CRDD RECEIPT (SIDEBAR INFOBOX)
============================================================ */
.crdd-receipt-wrapper {
float: right;
width: 320px;
background: #0f0f14;
border: 1px solid #333;
border-top: 4px solid var(--void-accent); /* Inherits faction color */
margin: 0 0 20px 20px;
font-family: 'Consolas', monospace;
box-shadow: 0 0 15px rgba(0,0,0,0.5);
clear: right;
}

.crdd-receipt-header {
background: #1a1a24;
padding: 10px;
text-align: center;
font-weight: bold;
color: var(--void-accent);
border-bottom: 1px solid #333;
letter-spacing: 1px;
}

/* Override default MediaWiki toggle specifically for the Receipt */
.crdd-receipt-wrapper .mw-collapsible-toggle {
float: none !important;
text-align: center !important;
display: block !important;
width: 100%;
padding: 6px 0;
background: #050505;
border-bottom: 1px solid #333;
font-size: 0.85em;
}

.crdd-receipt-wrapper .mw-collapsible-toggle a {
color: #888 !important;
text-decoration: none !important;
}

.crdd-receipt-wrapper .mw-collapsible-toggle a:hover {
color: var(--void-accent) !important;
}

/* The Data Blocks */
.crdd-section-block {
padding: 12px 15px;
border-bottom: 1px dashed #333;
}
.crdd-section-block:last-child {
border-bottom: none;
}

.crdd-section-title {
color: var(--void-accent);
font-weight: bold;
margin-bottom: 8px;
font-size: 0.9em;
}

.crdd-stat-row {
display: flex;
justify-content: space-between;
font-size: 0.85em;
color: #888;
margin-bottom: 4px;
}
.crdd-stat-val {
color: #d1d1d1;
font-weight: bold;
}

/* The Totals (Behavior, Utility, Stability) */
.crdd-stat-total {
margin-top: 8px;
padding-top: 6px;
border-top: 1px solid #222;
display: flex;
justify-content: space-between;
font-size: 0.85em;
color: #fff;
font-weight: bold;
}
.crdd-stat-total-val {
color: var(--void-accent);
text-shadow: 0 0 5px rgba(255,255,255,0.2);
}

Seam 2.99

2026-05-05T17:05:44Z

Sinvrh:

{{DISPLAYTITLE:Seam 2.99: Almost-Home}}
<div class="faction-skipper">
<div class="seam-page-banner" style="border-bottom-color: #ffd700;">
<div class="seam-static" style="width: 100%; height: 100%;">NO SIGNAL</div>

<div class="seam-banner-meta">
<div class="seam-banner-title">
</div>
<div style="text-align:right; font-family: 'Consolas';">
<div style="color: #ffd700; font-weight: bold; font-size: 1.2em; text-shadow: 0 0 10px #ffd700;">🟡 VOLATILE</div>
<div style="color: #888; font-size: 0.8em; margin-top: 5px;">REPORT BY: TEAM ODDITY</div>
</div>
</div>
</div>

<div style="font-family: 'Georgia', serif; font-style: italic; font-size: 1.2em; color: #ccc; text-align: center; margin-bottom: 20px;">
"Stay a while, you’ve been away for too long, honey. Supper’s almost done…"
</div>


__TOC__




<div class="seam-custody-section custody-still">
<h2 style="color: #a020f0 !important; border-bottom: 1px solid #a020f0 !important;">STILL SYNOPSIS</h2>

Almost-Home's familiar, and pretty. A really, really pretty trap. At first glance, you may think you’re back home, or someplace docile and stable for once; a safe place. You might see flat suburbs, or pop-out buildings with nice people waving at you. You will see the golden sunlight obscured by things you can’t see, and paved roads always well-kept, holding the smell of barbecue smoke. You will feel relieved. Do not feel relief. That is how the seam hunts and entraps others.

Seam 2.99 is an asymptotic reality, it gets extremely close to being real, but misses the mark by a sliver of a percent. Most commonly, if not semi-permanently, it will look like a sprawling neighborhood frozen forever in a golden hour, its architecture shifting subtly to match whatever is given too much thought in your mind. It’ll try to get you to move in by convincing you that you already have.

<h3 style="color: #a020f0 !important;">Seam Groups</h3>
There is only one notable group in this seam, and they are deemed fairly dangerous.

* <b>The Nearly-Settled:</b> A group of former surveyors and skippers / dealers of the WSG, along with other non-related wanderers who got lost or decided to stay in the Seam; they gave into the illusion. They live in the houses, and truly believe they made it home, with some telling others that they’re “just about settled in”. The Nearly-Settled can be found within the Cul-de-sacs of Denial (inside joke for us, we needed a laugh amongst the depressing nature of the group), specifically within formerly vacant homes. They will try to convince you to stay, getting aggressive about their happiness when questioned. Some might even try to physically drag you and/or your group into a house to “have dinner” with some of the “family” that’s over to visit, subconsciously mimicking the voices of those you personally love to prove their point.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">NOTE FROM DEALER MAY</div>
Do not trust them. Not because they’re bad people, but because they cannot help that they won’t be people at all anymore soon; they’re starting to look like the nighbares.
</div>

<h3 style="color: #a020f0 !important;">Seam Items</h3>
There’s a few items we found in this seam, both found in abundance.

* <b>Welcome Basket (I1-2.99):</b> A wicker basket found on the doorstep of every house in eyesight, but never at any house boarded up, being worked on, dead, out of eyesight, or not occupied. It has some fruit in it that never rots and a card that says “Welcome Home, Lemen” (but for you or anyone reading this, it’ll say your name instead). The card ink’s always fresh, and the fruit rejuvenates you instantly, but makes you seriously sick if you leave the seam within the same hour.

* <b>Garden Hose (I2-2.99):</b> A green water hose coiled in some yards, but when touched, it springs to “life” and tries to constrict around the nearest limb and shove its upper part down the esophagus of the restrained. Afterwards, it’ll turn itself on and pump what looks like water into the victim, but instead of filling them up, the liquid hollows them out until they wrinkle. Letting this happen for long enough will turn them into another hose.

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">NOTE FROM SKIPPER JAX</div>
If you manage to evade the initial constriction, or straighten it back out, it can actually be used as a weapon. The water output is like a firetruck’s, but with far more precise pressure capable of cutting rock.
</div>


<html>
<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">

<div class="seam-gallery-card">
<img src="https://files.catbox.moe/djvskz.jpg">
</div>

<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
</div>
</div>
</div>
</div>
</html>




<div class="seam-custody-section custody-skipper">
<h2 style="color: #21b0cd !important; border-bottom: 1px solid #21b0cd !important;">SKIPPER RECON</h2>

<h3 style="color: #21b0cd !important;">The Land</h3>
Y’know those weird parallax drawings that show up in plays and games and such? I think there was one on the Gameboy… What was the game? That thing, if you know what I’m talking about, then great. If you don’t… it’s hard to explain. Like with most flat places, it’s hard to turn your head if you don’t know what to look for. Well, it sort of snaps, your head that is, from left to right, as if there ain’t a “middle” position. While you walk, like I said everything moves like a parallax with some depth.

Everything here looks like a real old, but nice neighborhood. The kind you might see a grandmama and your pops live in in their youth. It’s like that, but the super specific details might be something else for others, but someone’s gotta confirm it wasn’t the delusions of ole’ Jax and co. We saw some cul-de-sacs that loop back into each other in some real weird ways, and the parallax effect or whatever is weird too. I passed the same mailbox six times while walking north. Grass’ all manicured but feels like astroturf-mixed mud. Soil underneath’s just… grey static, like the place’s trying to stitch itself into Baseline.

<h3 style="color: #21b0cd !important;">The Sea</h3>
No oceans, but the water table’s odd. Every storm drain and backyard swimming pool is connected. Only the drains and backyard pools, nothing else. Gotta make that clear. Someone might be able to crawl through a drain and end up in a pool, like quick travel. Might be useful. The liquid is clear, smells like chlorine, and is far too viscous. It moves like syrup, just don't drink it like I did. It’ll make you REAL sick every three minutes or so. We left the place and I STILL feel sick. I hope there’s some kinda medicine or cure for this.

<h3 style="color: #21b0cd !important;">The Sky</h3>
A perfect, cloudless gradient of orange and purple. It looks painted. There’s no sun, but there IS light. Like an old school lightbox, if you remember those. The ones used for old animation, Walt style. It was one of the only things that really tipped us off that we weren’t in Baseline but real damn close to it. While I was writing this, a lightbox just appeared in the grass. Go figure… Anyway, there’s no stars. Just the gradient.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">NOTE FROM DEALER MAY</div>
Time doesn't seem to do anything here! It's always like a late afternoon on a summer Friday. I’m not complaining, it feels nice, but the longer you stay in the light, the warmer you feel... After a few hours I started to call Jax sweetie, but snapped out of it when we took a breather in the shade. I wonder if it was the light, or the sky that caused that?
</div>

<h3 style="color: #21b0cd !important;">The Air</h3>
It was pretty warm, pretty stagnant, and had this annoying smell of freshly cut grass. That new car smell, but for grass, y’know? Oh, and charcoal fluid too. Lemen had to remind me and May not to panic whenever we found something new, ‘cause it got harder and harder to breathe the more we freaked out. That by itself made me freak out more! But eventually, we got the hang of it.

<h3 style="color: #21b0cd !important;">The Weather</h3>
Static. No wind. No rain. No nothing. Just that heavy, warm stillness that happens right before a tornado, but the tornado never comes. You get what I’m saying? It’s calm, but too calm, like the entire world’s holding its breath, waiting for something real nasty to pop out. It made me real anxious all the time.

<h3 style="color: #21b0cd !important;">Unique Properties</h3>
I’m the first to experience it, right? So I get to name it, right? I’m calling it “Memory Molding”. This place reads your mind, but I don’t think it’s actually sentient. Figure of speech, a little: if you think about your childhood bike, you'll find it leaning against a fence. If you think about your mom, you'll hear her voice coming from an open window. But it never changes so much that it breaks the… setting? The setting of the neighborhood it looks like. Never that. But small things? It aims to please. It’s… kinda hard to tell what’s real, and what’s not, but don’t get used to it. If you ignore too much of the Memory Molding, your brain will literally start to mold, like it’s punishing you for denying it something it desperately wants. Your brain, not the Seam, that is. Right, yeah, and time keepers don’t work here. My watch stopped working, though I did see my own house somewhere. The number on the mailbox was right-on. But when I looked in the window, the furniture was on the ceiling. Close call…

Guess it’s real worth mentioning this weird ass thing that happens after a few hours, or maybe a few minutes. It was hard to track, but often, everything will just… fold on itself. It’s not dangerous I don’t think, but hell is it disorienting. The entire neighborhood will fold, it’ll be like it just duplicated itself to the other side of you. A mirror effect, so whatever house you were looking it will be behind you, but upside down (except for the furniture and people). Think of it like this: you’re on a straight line, that line’s your life. Then all of a sudden, the top of the line bends, and now there’s two parallel lines connected by that bend at the top. Then the bend straightens out after a while, and it’s back to being one straight line. I know, trippy and weird.


<html>
<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
</div>
</div>
</div>
</div>
</html>




<div class="seam-custody-section custody-dealer">
<h2 style="color: #DAA520 !important; border-bottom: 1px solid #DAA520 !important;">DEALER ASSESSMENT</h2>
The subjects here could be considered a swarm when hostile, and they can be VERY hostile.

<h3 style="color: #DAA520 !important;">Seam Subjects</h3>
* <b>Nighbares (Subject 1-2.99):</b> The natural denizens of this fine seam, they are the apex predators here, as well as one another’s neighbor (of which they get their namesake). We chose this name for them because when provoked, they attempt to strip their victims bare of anything that isn’t like them, from flesh to secrets, and it is nigh-impossible to escape a swarm of them without some serious firepower, skill, or acumen, of which they have little of the latter. Nighbares are humanoid folks always visible in the peripheral. They can be seen washing cars, mowing laws, waving from porches, and are usually dressed in either 2020’s formal wear (Alpha-Earth time) or 1850’s casual wear (also Alpha-Earth time). The gap in attire is caused by many others ending up in this seam and end up staying, slowly making the nighbares realize they’re a bit out of date. Do all you can to ignore the nighbares, as if you wave back at them, they freeze (all of them), and stare at you. If you then approach one, their jaws will unhinge and their skin will peel like an orange to reveal something abyssal in nature. Nighbares are extremely strong! However, not as bright. They will attempt to pin you down and begin the stripping process, aiming for the eyes and outer skin first before consuming your face to replace later. After the assault, they will go back to being as polite as they were beforehand.

<div class="seam-injection inj-still">
<div class="seam-injection-header">NOTE FROM STILL LEMEN</div>
I saw her erase the note she made on it, but May mentioned wanting to go back to Almost-Home and put one of the nighbares down. The one that looked like her husband, I think. It's very clearly memory molding, but May's convinced that in some ways... or in the ways that matter... it is him.
</div>

* <b>Baring Paperboy (Subject 2-2.99):</b> A small boy on a bicycle that rides down the street at a set interval. He shares an appearance with the nighbares, and can sometimes be seen off his bike when no nighbares are nearby waving. He ignores you completely unless you block his path, and I do advise against it unless you enjoy having your eardrums shattered like glass. The little shit— pardon, the little kid can yell quite loudly. Buying some of his newspapers will befriend him to you (you specifically, not your group)! Afterwards, he becomes open to trading with you and may even lead you deeper into the seam. We don’t know where he takes you officially. Do note that all paperboys look the same (unless altering itself to fit a memory, I believe, via memory molding), so keep good track of who you befriended and who really hates you. If a paperboy is nearby during a nighbare attack, unlike the nighbares, the paperboy will remember you and resume the attack himself if he sees you again. Do your best to stay out of the bike lane.

<div class="seam-injection inj-still">
<div class="seam-injection-header">NOTE FROM STILL LEMEN</div>
Something else May failed to note, or I guess didn't want to, but a quick update: she took one with us. As far as she could take it— take HIM, sorry, without him leaving the seam. I guess we'll consider him Subject 2.1-2.99. After some arguing, May gave him a dealer outfit and got him sanctioned by one of the higher ups in House Voidseed. Must've been out of pity. Honestly... I don't blame her. The kid memory molded to look like her "sweet little boy" she lost years ago. No shame in falling victim to that effect, but it's been days since we left Almost-Home. She wants to go back. To visit.
</div>

<h3 style="color: #DAA520 !important;">Gateways</h3>
I’m a woman of honor, so I will admit that getting stuck in this place was… slightly my fault. If you ask Jax, it was supposed to be “simple shit”, an easy skip from where we were back to Baseline, but I convinced him to use a new skeleton key I made. It was supposed to be revolutionary. However, when that careless fool turned the lock, he broke it and next thing you know... we're all on a rather nice looking lawn. So yes, slightly my fault, slightly Jax's, however no one could have predicted falling further down instead of to the left!

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">NOTE FROM SKIPPER JAX</div>
It WAS supposed to be simple shit! The skip was easy as fuck, she used a prototype key. Y'know what prototype means? It means the door won't just open out, it'll open INWARD, smack you in the face, knock you out, and you'll wake up on a wet lawn. Don't let her downplay it.
</div>

Speaking of left, we did so by finding a dead home, for lack of better word, after around three days. A house completely empty and worn down as if it were being repaired. Such a thing did not match any of our memories, it was not nostalgic at all… So we went in, the front door was unlocked, and we returned back to Baseline. However… a small part of me wishes we never found that exit, or at least, I did not open it for them. It was only found after we all stopped wishing we were home, but Gods… I really, really did not want to stop wishing that. It was so nice there. With him.

…After the experience, this turned out to be a wonderful thing. A seam like this so close to Baseline’s a blessing, we can most certainly use it to our advantage… or perhaps not, considering how dangerous it is. Ah but I cannot help but to think of all the business opportunities with the nighbares!

<h3 style="color: #DAA520 !important;">Helpful Legal Advice</h3>
When opening a gateway or providing the means to get to this place, please tell your group or clients to not enter any house, even if the door is open! I’m not sure what happens if you do, but we did see someone enter and never come out, however we could see them through the window. Acknowledging the nighbares is another no-no, but feel free to acknowledge the fact that they do not exist, even if we both know they do. It’ll be safer for you and future surveyors and travelers that way. And lastly, try your best and focus on something unfamiliar, hateful, or distasteful, like a messy breakup… or a lost husband. Anger and resentment keeps things stable. Nostalgia destabilizes everything... However... in hindsight, this seam may be more dangerous than our data suggest... Ah, never mind!
</div>

Seam 2.99

2026-05-05T17:03:53Z

Sinvrh:

{{DISPLAYTITLE:Seam 2.99: Almost-Home}}
<div class="faction-skipper">
<div class="seam-page-banner" style="border-bottom-color: #ffd700;">
<div class="seam-static" style="width: 100%; height: 100%;">NO SIGNAL</div>

<div class="seam-banner-meta">
<div class="seam-banner-title">
</div>
<div style="text-align:right; font-family: 'Consolas';">
<div style="color: #ffd700; font-weight: bold; font-size: 1.2em; text-shadow: 0 0 10px #ffd700;">🟡 VOLATILE</div>
<div style="color: #888; font-size: 0.8em; margin-top: 5px;">REPORT BY: TEAM ODDITY</div>
</div>
</div>
</div>

<div style="font-family: 'Georgia', serif; font-style: italic; font-size: 1.2em; color: #ccc; text-align: center; margin-bottom: 20px;">
"Stay a while, you’ve been away for too long, honey. Supper’s almost done…"
</div>


__TOC__




<div class="seam-custody-section custody-still">
<h2 style="color: #a020f0 !important; border-bottom: 1px solid #a020f0 !important;">ARCHIVAL SYNOPSIS</h2>

Almost-Home's familiar, and pretty. A really, really pretty trap. At first glance, you may think you’re back home, or someplace docile and stable for once; a safe place. You might see flat suburbs, or pop-out buildings with nice people waving at you. You will see the golden sunlight obscured by things you can’t see, and paved roads always well-kept, holding the smell of barbecue smoke. You will feel relieved. Do not feel relief. That is how the seam hunts and entraps others.

Seam 2.99 is an asymptotic reality, it gets extremely close to being real, but misses the mark by a sliver of a percent. Most commonly, if not semi-permanently, it will look like a sprawling neighborhood frozen forever in a golden hour, its architecture shifting subtly to match whatever is given too much thought in your mind. It’ll try to get you to move in by convincing you that you already have.

<h3 style="color: #a020f0 !important;">Seam Groups</h3>
There is only one notable group in this seam, and they are deemed fairly dangerous.

* <b>The Nearly-Settled:</b> A group of former surveyors and skippers / dealers of the WSG, along with other non-related wanderers who got lost or decided to stay in the Seam; they gave into the illusion. They live in the houses, and truly believe they made it home, with some telling others that they’re “just about settled in”. The Nearly-Settled can be found within the Cul-de-sacs of Denial (inside joke for us, we needed a laugh amongst the depressing nature of the group), specifically within formerly vacant homes. They will try to convince you to stay, getting aggressive about their happiness when questioned. Some might even try to physically drag you and/or your group into a house to “have dinner” with some of the “family” that’s over to visit, subconsciously mimicking the voices of those you personally love to prove their point.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">NOTE FROM DEALER MAY</div>
Do not trust them. Not because they’re bad people, but because they cannot help that they won’t be people at all anymore soon; they’re starting to look like the nighbares.
</div>

<h3 style="color: #a020f0 !important;">Seam Items</h3>
There’s a few items we found in this seam, both found in abundance.

* <b>Welcome Basket (I1-2.99):</b> A wicker basket found on the doorstep of every house in eyesight, but never at any house boarded up, being worked on, dead, out of eyesight, or not occupied. It has some fruit in it that never rots and a card that says “Welcome Home, Lemen” (but for you or anyone reading this, it’ll say your name instead). The card ink’s always fresh, and the fruit rejuvenates you instantly, but makes you seriously sick if you leave the seam within the same hour.

* <b>Garden Hose (I2-2.99):</b> A green water hose coiled in some yards, but when touched, it springs to “life” and tries to constrict around the nearest limb and shove its upper part down the esophagus of the restrained. Afterwards, it’ll turn itself on and pump what looks like water into the victim, but instead of filling them up, the liquid hollows them out until they wrinkle. Letting this happen for long enough will turn them into another hose.

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">NOTE FROM SKIPPER JAX</div>
If you manage to evade the initial constriction, or straighten it back out, it can actually be used as a weapon. The water output is like a firetruck’s, but with far more precise pressure capable of cutting rock.
</div>


<html>
<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">

<div class="seam-gallery-card">
<img src="https://files.catbox.moe/djvskz.jpg">
</div>

<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
</div>
</div>
</div>
</div>
</html>




<div class="seam-custody-section custody-skipper">
<h2 style="color: #21b0cd !important; border-bottom: 1px solid #21b0cd !important;">FIELD RECONNAISSANCE</h2>

<h3 style="color: #21b0cd !important;">The Land</h3>
Y’know those weird parallax drawings that show up in plays and games and such? I think there was one on the Gameboy… What was the game? That thing, if you know what I’m talking about, then great. If you don’t… it’s hard to explain. Like with most flat places, it’s hard to turn your head if you don’t know what to look for. Well, it sort of snaps, your head that is, from left to right, as if there ain’t a “middle” position. While you walk, like I said everything moves like a parallax with some depth.

Everything here looks like a real old, but nice neighborhood. The kind you might see a grandmama and your pops live in in their youth. It’s like that, but the super specific details might be something else for others, but someone’s gotta confirm it wasn’t the delusions of ole’ Jax and co. We saw some cul-de-sacs that loop back into each other in some real weird ways, and the parallax effect or whatever is weird too. I passed the same mailbox six times while walking north. Grass’ all manicured but feels like astroturf-mixed mud. Soil underneath’s just… grey static, like the place’s trying to stitch itself into Baseline.

<h3 style="color: #21b0cd !important;">The Sea</h3>
No oceans, but the water table’s odd. Every storm drain and backyard swimming pool is connected. Only the drains and backyard pools, nothing else. Gotta make that clear. Someone might be able to crawl through a drain and end up in a pool, like quick travel. Might be useful. The liquid is clear, smells like chlorine, and is far too viscous. It moves like syrup, just don't drink it like I did. It’ll make you REAL sick every three minutes or so. We left the place and I STILL feel sick. I hope there’s some kinda medicine or cure for this.

<h3 style="color: #21b0cd !important;">The Sky</h3>
A perfect, cloudless gradient of orange and purple. It looks painted. There’s no sun, but there IS light. Like an old school lightbox, if you remember those. The ones used for old animation, Walt style. It was one of the only things that really tipped us off that we weren’t in Baseline but real damn close to it. While I was writing this, a lightbox just appeared in the grass. Go figure… Anyway, there’s no stars. Just the gradient.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">NOTE FROM DEALER MAY</div>
Time doesn't seem to do anything here! It's always like a late afternoon on a summer Friday. I’m not complaining, it feels nice, but the longer you stay in the light, the warmer you feel... After a few hours I started to call Jax sweetie, but snapped out of it when we took a breather in the shade. I wonder if it was the light, or the sky that caused that?
</div>

<h3 style="color: #21b0cd !important;">The Air</h3>
It was pretty warm, pretty stagnant, and had this annoying smell of freshly cut grass. That new car smell, but for grass, y’know? Oh, and charcoal fluid too. Lemen had to remind me and May not to panic whenever we found something new, ‘cause it got harder and harder to breathe the more we freaked out. That by itself made me freak out more! But eventually, we got the hang of it.

<h3 style="color: #21b0cd !important;">The Weather</h3>
Static. No wind. No rain. No nothing. Just that heavy, warm stillness that happens right before a tornado, but the tornado never comes. You get what I’m saying? It’s calm, but too calm, like the entire world’s holding its breath, waiting for something real nasty to pop out. It made me real anxious all the time.

<h3 style="color: #21b0cd !important;">Unique Properties</h3>
I’m the first to experience it, right? So I get to name it, right? I’m calling it “Memory Molding”. This place reads your mind, but I don’t think it’s actually sentient. Figure of speech, a little: if you think about your childhood bike, you'll find it leaning against a fence. If you think about your mom, you'll hear her voice coming from an open window. But it never changes so much that it breaks the… setting? The setting of the neighborhood it looks like. Never that. But small things? It aims to please. It’s… kinda hard to tell what’s real, and what’s not, but don’t get used to it. If you ignore too much of the Memory Molding, your brain will literally start to mold, like it’s punishing you for denying it something it desperately wants. Your brain, not the Seam, that is. Right, yeah, and time keepers don’t work here. My watch stopped working, though I did see my own house somewhere. The number on the mailbox was right-on. But when I looked in the window, the furniture was on the ceiling. Close call…

Guess it’s real worth mentioning this weird ass thing that happens after a few hours, or maybe a few minutes. It was hard to track, but often, everything will just… fold on itself. It’s not dangerous I don’t think, but hell is it disorienting. The entire neighborhood will fold, it’ll be like it just duplicated itself to the other side of you. A mirror effect, so whatever house you were looking it will be behind you, but upside down (except for the furniture and people). Think of it like this: you’re on a straight line, that line’s your life. Then all of a sudden, the top of the line bends, and now there’s two parallel lines connected by that bend at the top. Then the bend straightens out after a while, and it’s back to being one straight line. I know, trippy and weird.


<html>
<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
</div>
</div>
</div>
</div>
</html>




<div class="seam-custody-section custody-dealer">
<h2 style="color: #DAA520 !important; border-bottom: 1px solid #DAA520 !important;">RISK ASSESSMENT & SUBJECTS</h2>
The subjects here could be considered a swarm when hostile, and they can be VERY hostile.

<h3 style="color: #DAA520 !important;">Seam Subjects</h3>
* <b>Nighbares (Subject 1-2.99):</b> The natural denizens of this fine seam, they are the apex predators here, as well as one another’s neighbor (of which they get their namesake). We chose this name for them because when provoked, they attempt to strip their victims bare of anything that isn’t like them, from flesh to secrets, and it is nigh-impossible to escape a swarm of them without some serious firepower, skill, or acumen, of which they have little of the latter. Nighbares are humanoid folks always visible in the peripheral. They can be seen washing cars, mowing laws, waving from porches, and are usually dressed in either 2020’s formal wear (Alpha-Earth time) or 1850’s casual wear (also Alpha-Earth time). The gap in attire is caused by many others ending up in this seam and end up staying, slowly making the nighbares realize they’re a bit out of date. Do all you can to ignore the nighbares, as if you wave back at them, they freeze (all of them), and stare at you. If you then approach one, their jaws will unhinge and their skin will peel like an orange to reveal something abyssal in nature. Nighbares are extremely strong! However, not as bright. They will attempt to pin you down and begin the stripping process, aiming for the eyes and outer skin first before consuming your face to replace later. After the assault, they will go back to being as polite as they were beforehand.

<div class="seam-injection inj-still">
<div class="seam-injection-header">NOTE FROM STILL LEMEN</div>
I saw her erase the note she made on it, but May mentioned wanting to go back to Almost-Home and put one of the nighbares down. The one that looked like her husband, I think. It's very clearly memory molding, but May's convinced that in some ways... or in the ways that matter... it is him.
</div>

* <b>Baring Paperboy (Subject 2-2.99):</b> A small boy on a bicycle that rides down the street at a set interval. He shares an appearance with the nighbares, and can sometimes be seen off his bike when no nighbares are nearby waving. He ignores you completely unless you block his path, and I do advise against it unless you enjoy having your eardrums shattered like glass. The little shit— pardon, the little kid can yell quite loudly. Buying some of his newspapers will befriend him to you (you specifically, not your group)! Afterwards, he becomes open to trading with you and may even lead you deeper into the seam. We don’t know where he takes you officially. Do note that all paperboys look the same (unless altering itself to fit a memory, I believe, via memory molding), so keep good track of who you befriended and who really hates you. If a paperboy is nearby during a nighbare attack, unlike the nighbares, the paperboy will remember you and resume the attack himself if he sees you again. Do your best to stay out of the bike lane.

<div class="seam-injection inj-still">
<div class="seam-injection-header">NOTE FROM STILL LEMEN</div>
Something else May failed to note, or I guess didn't want to, but a quick update: she took one with us. As far as she could take it— take HIM, sorry, without him leaving the seam. I guess we'll consider him Subject 2.1-2.99. After some arguing, May gave him a dealer outfit and got him sanctioned by one of the higher ups in House Voidseed. Must've been out of pity. Honestly... I don't blame her. The kid memory molded to look like her "sweet little boy" she lost years ago. No shame in falling victim to that effect, but it's been days since we left Almost-Home. She wants to go back. To visit.
</div>

<h3 style="color: #DAA520 !important;">Gateways</h3>
I’m a woman of honor, so I will admit that getting stuck in this place was… slightly my fault. If you ask Jax, it was supposed to be “simple shit”, an easy skip from where we were back to Baseline, but I convinced him to use a new skeleton key I made. It was supposed to be revolutionary. However, when that careless fool turned the lock, he broke it and next thing you know... we're all on a rather nice looking lawn. So yes, slightly my fault, slightly Jax's, however no one could have predicted falling further down instead of to the left!

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">NOTE FROM SKIPPER JAX</div>
It WAS supposed to be simple shit! The skip was easy as fuck, she used a prototype key. Y'know what prototype means? It means the door won't just open out, it'll open INWARD, smack you in the face, knock you out, and you'll wake up on a wet lawn. Don't let her downplay it.
</div>

Speaking of left, we did so by finding a dead home, for lack of better word, after around three days. A house completely empty and worn down as if it were being repaired. Such a thing did not match any of our memories, it was not nostalgic at all… So we went in, the front door was unlocked, and we returned back to Baseline. However… a small part of me wishes we never found that exit, or at least, I did not open it for them. It was only found after we all stopped wishing we were home, but Gods… I really, really did not want to stop wishing that. It was so nice there. With him.

…After the experience, this turned out to be a wonderful thing. A seam like this so close to Baseline’s a blessing, we can most certainly use it to our advantage… or perhaps not, considering how dangerous it is. Ah but I cannot help but to think of all the business opportunities with the nighbares!

<h3 style="color: #DAA520 !important;">Dealer Legal Advice</h3>
When opening a gateway or providing the means to get to this place, please tell your group or clients to not enter any house, even if the door is open! I’m not sure what happens if you do, but we did see someone enter and never come out, however we could see them through the window. Acknowledging the nighbares is another no-no, but feel free to acknowledge the fact that they do not exist, even if we both know they do. It’ll be safer for you and future surveyors and travelers that way. And lastly, try your best and focus on something unfamiliar, hateful, or distasteful, like a messy breakup… or a lost husband. Anger and resentment keeps things stable. Nostalgia destabilizes everything... However... in hindsight, this seam may be more dangerous than our data suggest... Ah, never mind!
</div>

Seam 2.99

2026-05-05T16:50:59Z

Sinvrh:

{{DISPLAYTITLE:Seam 2.99: Almost-Home}}
<div class="faction-skipper">
<div class="seam-page-banner" style="border-bottom-color: #ffd700;">
<div class="seam-static" style="width: 100%; height: 100%;">NO SIGNAL</div>

<div class="seam-banner-meta">
<div class="seam-banner-title">
</div>
<div style="text-align:right; font-family: 'Consolas';">
<div style="color: #ffd700; font-weight: bold; font-size: 1.2em; text-shadow: 0 0 10px #ffd700;">🟡 VOLATILE</div>
<div style="color: #888; font-size: 0.8em; margin-top: 5px;">REPORT BY: TEAM ODDITY</div>
</div>
</div>
</div>

<div style="font-family: 'Georgia', serif; font-style: italic; font-size: 1.2em; color: #ccc; text-align: center; margin-bottom: 20px;">
"Stay a while, you’ve been away for too long, honey. Supper’s almost done…"
</div>


__TOC__




<div class="seam-custody-section custody-still">
<h2 style="color: #a020f0 !important; border-bottom: 1px solid #a020f0 !important;">ARCHIVAL SYNOPSIS</h2>

Almost-Home's familiar, and pretty. A really, really pretty trap. At first glance, you may think you’re back home, or someplace docile and stable for once; a safe place. You might see flat suburbs, or pop-out buildings with nice people waving at you. You will see the golden sunlight obscured by things you can’t see, and paved roads always well-kept, holding the smell of barbecue smoke. You will feel relieved. Do not feel relief. That is how the seam hunts and entraps others.

Seam 2.99 is an asymptotic reality, it gets extremely close to being real, but misses the mark by a sliver of a percent. Most commonly, if not semi-permanently, it will look like a sprawling neighborhood frozen forever in a golden hour, its architecture shifting subtly to match whatever is given too much thought in your mind. It’ll try to get you to move in by convincing you that you already have.

<h3 style="color: #a020f0 !important;">Seam Groups</h3>
There is only one notable group in this seam, and they are deemed fairly dangerous.

* <b>The Nearly-Settled:</b> A group of former Surveyors and Skippers / Dealers of the WSG, along with other non-related wanderers who got lost or decided to stay in the Seam; they gave into the illusion. They live in the houses, and truly believe they made it home, with some telling others that they’re “just about settled in”. The Nearly-Settled can be found within the Cul-de-sacs of Denial (inside joke for us, we needed a laugh amongst the depressing nature of the Group), specifically within formerly vacant homes. They will try to convince you to stay, getting aggressive about their happiness when questioned. Some might even try to physically drag you and/or your group into a house to “have dinner” with some of the “family” that’s over to visit, subconsciously mimicking the voices of those you personally love to prove their point.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">NOTE FROM MAY</div>
Do not trust them. Not because they’re bad people, but because they cannot help that they won’t be people at all anymore soon; they’re starting to look like the Nighbares.
</div>

<h3 style="color: #a020f0 !important;">Seam Items</h3>
There’s a few items we found in this Seam, both found in abundance.

* <b>Welcome Basket (I1-2.99):</b> A wicker basket found on the doorstep of every house in eyesight, but never at any house boarded up, being worked on, dead, out of eyesight, or not occupied. It has some fruit in it that never rots and a card that says “Welcome Home, Lemen” (but for you or anyone reading this, it’ll say your name instead). The card ink’s always fresh, and the fruit rejuvenates you instantly, but makes you seriously sick if you leave the Seam within the same hour.

* <b>Garden Hose (I2-2.99):</b> A green water hose coiled in some yards, but when touched, it springs to “life” and tries to constrict around the nearest limb and shove its upper part down the esophagus of the restrained. Afterwards, it’ll turn itself on and pump what looks like water into the victim, but instead of filling them up, the liquid hollows them out until they wrinkle. Letting this happen for long enough will turn them into another hose.

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">NOTE FROM JAX</div>
If you manage to evade the initial constriction, or straighten it back out, it can actually be used as a weapon, as the water output is like a firetruck’s, with far more precise pressure capable of cutting rock.
</div>


<html>
<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">

<div class="seam-gallery-card">
<img src="https://files.catbox.moe/djvskz.jpg">
</div>

<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
</div>
</div>
</div>
</div>
</html>




<div class="seam-custody-section custody-skipper">
<h2 style="color: #21b0cd !important; border-bottom: 1px solid #21b0cd !important;">FIELD RECONNAISSANCE</h2>

<h3 style="color: #21b0cd !important;">The Land</h3>
Y’know those weird parallax drawings that show up in plays and games and such? I think there was one on the Gameboy… What was the game? That thing, if you know what I’m talking about, then great. If you don’t… it’s hard to explain. Like with most flat places, it’s hard to turn your head if you don’t know what to look for. Well, it sort of snaps, your head that is, from left to right, as if there ain’t a “middle” position. While you walk, like I said everything moves like a parallax with some depth.

Everything here looks like a real old, but nice neighborhood. The kind you might see a grandmama and your pops live in in their youth. It’s like that, but the super specific details might be something else for others, but someone’s gotta confirm it wasn’t the delusions of ole’ Jax and co. We saw some cul-de-sacs that loop back into each other in some real weird ways, and the parallax effect or whatever is weird too. I passed the same mailbox six times while walking north. Grass’ all manicured but feels like astroturf-mixed mud. Soil underneath’s just… grey static, like the place’s trying to stitch itself into Baseline.

<h3 style="color: #21b0cd !important;">The Sea</h3>
No oceans, but the water table’s odd. Every storm drain and backyard swimming pool is connected. Only the drains and backyard pools, nothing else. Gotta make that clear. Someone might be able to crawl through a drain and end up in a pool, like quick travel. Might be useful. The liquid is clear, smells like chlorine, and is far too viscous. It moves like syrup, just don't drink it like I did. It’ll make you REAL sick every three minutes or so. We left the place and I STILL feel sick. I hope there’s some kinda medicine or cure for this.

<h3 style="color: #21b0cd !important;">The Sky</h3>
A perfect, cloudless gradient of orange and purple. It looks painted. There’s no sun, but there IS light. Like an old school lightbox, if you remember those. The ones used for old animation, Walt style. It was one of the only things that really tipped us off that we weren’t in Baseline but real damn close to it. While I was writing this, a lightbox just appeared in the grass. Go figure… Anyway, there’s no stars. Just the gradient.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">NOTE FROM MAY</div>
Time doesn't seem to do anything here! It's always like a late afternoon on a summer Friday. I’m not complaining, it feels nice, but the longer you stay in the light, the warmer you feel... After a few hours I started to call Jax sweetie, but snapped out of it when we took a breather in the shade. I wonder if it was the light, or the sky that caused that?
</div>

<h3 style="color: #21b0cd !important;">The Air</h3>
It was pretty warm, pretty stagnant, and had this annoying smell of freshly cut grass. That new car smell, but for grass, y’know? Oh, and charcoal fluid too. Lemen had to remind me and May not to panic whenever we found something new, ‘cause it got harder and harder to breathe the more we freaked out. That by itself made me freak out more! But eventually, we got the hang of it.

<h3 style="color: #21b0cd !important;">The Weather</h3>
Static. No wind. No rain. No nothing. Just that heavy, warm stillness that happens right before a tornado, but the tornado never comes. You get what I’m saying? It’s calm, but too calm, like the entire world’s holding its breath, waiting for something real nasty to pop out. It made me real anxious all the time.

<h3 style="color: #21b0cd !important;">Unique Properties</h3>
I’m the first to experience it, right? So I get to name it, right? I’m calling it “Memory Molding”. This place reads your mind, but I don’t think it’s actually sentient. Figure of speech, a little: if you think about your childhood bike, you'll find it leaning against a fence. If you think about your mom, you'll hear her voice coming from an open window. But it never changes so much that it breaks the… setting? The setting of the neighborhood it looks like. Never that. But small things? It aims to please. It’s… kinda hard to tell what’s real, and what’s not, but don’t get used to it. If you ignore too much of the Memory Molding, your brain will literally start to mold, like it’s punishing you for denying it something it desperately wants. Your brain, not the Seam, that is. Right, yeah, and time keepers don’t work here. My watch stopped working, though I did see my own house somewhere. The number on the mailbox was right-on. But when I looked in the window, the furniture was on the ceiling. Close call…

Guess it’s real worth mentioning this weird ass thing that happens after a few hours, or maybe a few minutes. It was hard to track, but often, everything will just… fold on itself. It’s not dangerous I don’t think, but hell is it disorienting. The entire neighborhood will fold, it’ll be like it just duplicated itself to the other side of you. A mirror effect, so whatever house you were looking it will be behind you, but upside down and inverted (except for the furniture and people). Think of it like this: you’re on a straight line, that line’s your life. Then all of a sudden, the top of the line bends, and now there’s two parallel lines connected by that bend at the top. Then the bend straightens out after a while, and it’s back to being one straight line. I know, trippy and weird.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">DEALER INJECTION // MAY</div>
Time doesn't seem to do shit here; it is always late afternoon on a summer Friday. I’m not complaining, it feels nice, but the longer you stay in the light, the warmer you feel. Beware the sky.
</div>


<html>
<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
</div>
</div>
</div>
</div>
</html>




<div class="seam-custody-section custody-dealer">
<h2 style="color: #DAA520 !important; border-bottom: 1px solid #DAA520 !important;">RISK ASSESSMENT & SUBJECTS</h2>
The Subjects here could be considered a swarm when hostile, and they can be VERY hostile.

<h3 style="color: #DAA520 !important;">Seam Subjects</h3>
* <b>Nighbares (Subject 1-2.99):</b> The natural denizens of this fine seam, they are the apex predators here, as well as one another’s neighbor (of which they get their namesake). We chose this name for them because when provoked, they attempt to strip their victims bare of anything that isn’t like them, from flesh to secrets, and it is nigh-impossible to escape a swarm of them without some serious firepower, skill, or acumen, of which they have little of the latter. Nighbares are humanoid folks always visible in the peripheral. They can be seen washing cars, mowing laws, waving from porches, and are usually dressed in either 2020’s formal wear (Alpha-Earth time) or 1850’s casual wear (also Alpha-Earth time). The gap in attire is caused by many others ending up in this Seam and end up staying, slowly making the Nighbares realize they’re a bit out of date. Do all you can to ignore the Nighbares, as if you wave back at them, they freeze (all of them), and stare at you. If you then approach one, their jaws will unhinge and their skin will peel like an orange to reveal something abyssal in nature. Nighbares are extremely strong! However, not as bright. They will attempt to pin you down and begin the stripping process, aiming for the eyes and outer skin first before consuming your face to replace later. After the assault, they will go back to being as polite as they were beforehand.

<div class="seam-injection inj-still">
<div class="seam-injection-header">NOTE FROM LEMEN</div>
I saw her erase the note she made on it, but May mentioned wanting to go back to Almost-Home and put one of the nighbares down. The one that looked like her husband, I think. It's very clearly memory molding, but May's convinced that in some ways... or in the ways that matter... it is him.
</div>

* <b>Baring Paperboy (Subject 2-2.99):</b> A small boy on a bicycle that rides down the street at a set interval. He shares an appearance with the Nighbares, and can sometimes be seen off his bike when no Nighbares are nearby waving. He ignores you completely unless you block his path, and I do advise against it unless you enjoy having your eardrums shattered like glass. The little shit— pardon, the little kid can yell quite loudly. Buying some of his newspapers will befriend him to you (you specifically, not your group)! Afterwards, he becomes open to trading with you and may even lead you deeper into the Seam. We don’t know where he takes you officially. Do note that all Paperboys look the same (unless altering itself to fit a memory, I believe, via Memory Molding), so keep good track of who you befriended and who really hates you. If a Paperboy is nearby during a Nighbare attack, unlike the Nighbares, the Paperboy will remember you and resume the attack himself if he sees you again. Do your best to stay out of the bike lane. Update: I took one with us! Well, we changed his clothes to a nice outfit of black and gold so he is easily noticeable (he is considered Subject 2.1-2.99 now). To any that run into him, he is now officially a Dealer! However, he will only deal in newspapers and keys or contracts to lower 2.X Seams, but he will aid you assuming you did not trigger a Nighbare attack recently. Yes, House Voidseed knows about him and approved of him. I think, out of pity, as that one looked different than the other Paperboys. It looked like my sweet little boy I lost years ago. Ah, I am not ashamed to admit I fell victim to this place’s effects, but I am out now.

<div class="seam-injection inj-still">
<div class="seam-injection-header">NOTE FROM LEMEN</div>
Something else May failed to note, or I guess didn't want to, but a quick update: she took one with us. As far as she could take it— take HIM, sorry, without him leaving the seam. I guess we'll consider him Subject 2.1-2.99. After some arguing, May gave him a dealer outfit and got him sanctioned by one of the higher ups in House Voidseed. Must've been out of pity. Honestly... I don't blame her. The kid memory molded to look like her "sweet little boy" she lost years ago. No shame in falling victim to that effect, but it's been days since we left Almost-Home. She wants to go back. To visit.
</div>

<h3 style="color: #DAA520 !important;">Gateways</h3>
I’m a woman of honor, so I will admit that getting stuck in this place was… slightly my fault. If you ask Jax, it was supposed to be “simple shit”, an easy skip from where we were back to Baseline, but I convinced him to use a new skeleton key I made. It was supposed to be revolutionary. However, when that careless fool turned the lock, he broke it and next thing you know... we're all on a rather nice looking lawn. So yes, slightly my fault, slightly Jax's, however no one could have predicted falling further down instead of to the left!

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">NOTE FROM JAX</div>
It WAS supposed to be simple shit! The skip was easy as fuck, she used a prototype key. Y'know what prototype means? It means the door won't just open out, it'll open INWARD, smack you in the face, knock you out, and you'll wake up on a wet lawn. Don't let her downplay it.
</div>

Speaking of left, we did so by finding a dead home, for lack of better word, after around three days. A house completely empty and worn down as if it were being repaired. Such a thing did not match any of our memories, it was not nostalgic at all… So we went in, the front door was unlocked, and we returned back to Baseline. However… a small part of me wishes we never found that exit, or at least, I did not open it for them. It was only found after we all stopped wishing we were home, but Gods… I really, really did not want to stop wishing that. It was so nice there. With him.

…After the experience, this turned out to be a wonderful thing. A Seam like this so close to Baseline’s a blessing, we can most certainly use it to our advantage… or perhaps not, considering how dangerous it is. Ah but I cannot help but to think of all the business opportunities with the Nighbares!

<h3 style="color: #DAA520 !important;">Dealer Legal Advice</h3>
When opening a gateway or providing the means to get to this place, please tell your group or clients to not enter any house, even if the door is open! I’m not sure what happens if you do, but we did see someone enter and never come out, however we could see them through the window. Acknowledging the Nighbares is another no-no, but feel free to acknowledge the fact that they do not exist, even if we both know they do. It’ll be safer for you and future Surveyors / travelers that way. And lastly, try your best and focus on something unfamiliar, hateful, or distasteful, like a messy breakup… or a lost husband. Anger and resentment keeps things stable. Nostalgia destabilizes everything.
</div>

Seam 2.99

2026-05-05T16:30:37Z

Sinvrh:

{{DISPLAYTITLE:Seam 2.99: Almost-Home}}
<div class="faction-skipper">
<div class="seam-page-banner" style="border-bottom-color: #ffd700;">
<div class="seam-static" style="width: 100%; height: 100%;">NO SIGNAL</div>

<div class="seam-banner-meta">
<div class="seam-banner-title">
</div>
<div style="text-align:right; font-family: 'Consolas';">
<div style="color: #ffd700; font-weight: bold; font-size: 1.2em; text-shadow: 0 0 10px #ffd700;">🟡 VOLATILE</div>
<div style="color: #888; font-size: 0.8em; margin-top: 5px;">REPORT BY: TEAM ODDITY</div>
</div>
</div>
</div>

<div style="font-family: 'Georgia', serif; font-style: italic; font-size: 1.2em; color: #ccc; text-align: center; margin-bottom: 20px;">
"Stay a while, you’ve been away for too long, honey. Supper’s almost done…"
</div>


__TOC__




<div class="seam-custody-section custody-still">
<h2 style="color: #a020f0 !important; border-bottom: 1px solid #a020f0 !important;">ARCHIVAL SYNOPSIS</h2>

Almost-Home's familiar, and pretty. A really, really pretty trap. At first glance, you may think you’re back home, or someplace docile and stable for once; a safe place. You might see flat suburbs, or pop-out buildings with nice people waving at you. You will see the golden sunlight obscured by things you can’t see, and paved roads always well-kept, holding the smell of barbecue smoke. You will feel relieved. Do not feel relief. That is how the seam hunts and entraps others.

Seam 2.99 is an asymptotic reality, it gets extremely close to being real, but misses the mark by a sliver of a percent. Most commonly, if not semi-permanently, it will look like a sprawling neighborhood frozen forever in a golden hour, its architecture shifting subtly to match whatever is given too much thought in your mind. It’ll try to get you to move in by convincing you that you already have.

<h3 style="color: #a020f0 !important;">Seam Groups</h3>
There is only one notable group in this seam, and they are deemed fairly dangerous.

* <b>The Nearly-Settled:</b> A group of former Surveyors and Skippers / Dealers of the WSG, along with other non-related wanderers who got lost or decided to stay in the Seam; they gave into the illusion. They live in the houses, and truly believe they made it home, with some telling others that they’re “just about settled in”. The Nearly-Settled can be found within the Cul-de-sacs of Denial (inside joke for us, we needed a laugh amongst the depressing nature of the Group), specifically within formerly vacant homes. They will try to convince you to stay, getting aggressive about their happiness when questioned. Some might even try to physically drag you and/or your group into a house to “have dinner” with some of the “family” that’s over to visit, subconsciously mimicking the voices of those you personally love to prove their point. As May found out the hard way, do not trust them. Not because they’re bad people, but because they cannot help that they won’t be people at all anymore soon; they’re starting to look like the Nighbares.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">DEALER INJECTION // MAY</div>
Do not trust them. Not because they’re bad people, but because they cannot help that they won’t be people at all anymore soon; they’re starting to look like the Nighbares.
</div>

<h3 style="color: #a020f0 !important;">Seam Items</h3>
There’s a few items we found in this Seam, both found in abundance.

* <b>Welcome Basket (I1-2.99):</b> A wicker basket found on the doorstep of every house in eyesight, but never at any house boarded up, being worked on, dead, out of eyesight, or not occupied. It has some fruit in it that never rots and a card that says “Welcome Home, Lemen” (but for you or anyone reading this, it’ll say your name instead). The card ink’s always fresh, and the fruit rejuvenates you instantly, but makes you seriously sick if you leave the Seam within the same hour.

* <b>Garden Hose (I2-2.99):</b> A green water hose coiled in some yards, but when touched, it springs to “life” and tries to constrict around the nearest limb and shove its upper part down the esophagus of the restrained. Afterwards, it’ll turn itself on and pump what looks like water into the victim, but instead of filling them up, the liquid hollows them out until they wrinkle. Letting this happen for long enough will turn them into another hose. If you manage to evade the initial constriction, or straighten it back out, it can actually be used as a weapon, as the water output is like a firetruck’s, with far more precise pressure capable of cutting rock.


<html>
<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">

<div class="seam-gallery-card">
<img src="https://files.catbox.moe/djvskz.jpg">
</div>

<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
</div>
</div>
</div>
</div>
</html>




<div class="seam-custody-section custody-skipper">
<h2 style="color: #21b0cd !important; border-bottom: 1px solid #21b0cd !important;">FIELD RECONNAISSANCE</h2>

<h3 style="color: #21b0cd !important;">The Land</h3>
Y’know those weird parallax drawings that show up in plays and games and such? I think there was one on the Gameboy… What was the game? That thing, if you know what I’m talking about, then great. If you don’t… it’s hard to explain. Like with most flat places, it’s hard to turn your head if you don’t know what to look for. Well, it sort of snaps, your head that is, from left to right, as if there ain’t a “middle” position. While you walk, like I said everything moves like a parallax with some depth.

Everything here looks like a real old, but nice neighborhood. The kind you might see a grandmama and your pops live in in their youth. It’s like that, but the super specific details might be something else for others, but someone’s gotta confirm it wasn’t the delusions of ole’ Jax and co. We saw some cul-de-sacs that loop back into each other in some real weird ways, and the parallax effect or whatever is weird too. I passed the same mailbox six times while walking north. Grass’ all manicured but feels like astroturf-mixed mud. Soil underneath’s just… grey static, like the place’s trying to stitch itself into Baseline.

<h3 style="color: #21b0cd !important;">The Sea</h3>
No oceans, but the water table’s odd. Every storm drain and backyard swimming pool is connected. Only the drains and backyard pools, nothing else. Gotta make that clear. Someone might be able to crawl through a drain and end up in a pool, like quick travel. Might be useful. The liquid is clear, smells like chlorine, and is far too viscous. It moves like syrup, just don't drink it like I did. It’ll make you REAL sick every three minutes or so. We left the place and I STILL feel sick. I hope there’s some kinda medicine or cure for this.

<h3 style="color: #21b0cd !important;">The Sky</h3>
A perfect, cloudless gradient of orange and purple. It looks painted. There’s no sun, but there IS light. Like an old school lightbox, if you remember those. The ones used for old animation, Walt style. It was one of the only things that really tipped us off that we weren’t in Baseline but real damn close to it. While I was writing this, a lightbox just appeared in the grass. Go figure… Anyway, there’s no stars. Just the gradient. Time doesn't seem to do shit here; it is always late afternoon on a summer Friday. I’m not complaining, it feels nice, but May started to complain. Something about feeling more warm the more she stayed in the light? After a few hours she started to call me sweetie, too, but snapped out of it when we took a breather in the shade.

<h3 style="color: #21b0cd !important;">The Air</h3>
It was pretty warm, pretty stagnant, and had this annoying smell of freshly cut grass. That new car smell, but for grass, y’know? Oh, and charcoal fluid too. Lemen had to remind me and May not to panic whenever we found something new, ‘cause it got harder and harder to breathe the more we freaked out. That by itself made me freak out more! But eventually, we got the hang of it.

<h3 style="color: #21b0cd !important;">The Weather</h3>
Static. No wind. No rain. No nothing. Just that heavy, warm stillness that happens right before a tornado, but the tornado never comes. You get what I’m saying? It’s calm, but too calm, like the entire world’s holding its breath, waiting for something real nasty to pop out. It made me real anxious all the time.

<h3 style="color: #21b0cd !important;">Unique Properties</h3>
I’m the first to experience it, right? So I get to name it, right? I’m calling it “Memory Molding”. This place reads your mind, but I don’t think it’s actually sentient. Figure of speech, a little: if you think about your childhood bike, you'll find it leaning against a fence. If you think about your mom, you'll hear her voice coming from an open window. But it never changes so much that it breaks the… setting? The setting of the neighborhood it looks like. Never that. But small things? It aims to please. It’s… kinda hard to tell what’s real, and what’s not, but don’t get used to it. If you ignore too much of the Memory Molding, your brain will literally start to mold, like it’s punishing you for denying it something it desperately wants. Your brain, not the Seam, that is. Right, yeah, and time keepers don’t work here. My watch stopped working, though I did see my own house somewhere. The number on the mailbox was right-on. But when I looked in the window, the furniture was on the ceiling. Close call…

Guess it’s real worth mentioning this weird ass thing that happens after a few hours, or maybe a few minutes. It was hard to track, but often, everything will just… fold on itself. It’s not dangerous I don’t think, but hell is it disorienting. The entire neighborhood will fold, it’ll be like it just duplicated itself to the other side of you. A mirror effect, so whatever house you were looking it will be behind you, but upside down and inverted (except for the furniture and people). Think of it like this: you’re on a straight line, that line’s your life. Then all of a sudden, the top of the line bends, and now there’s two parallel lines connected by that bend at the top. Then the bend straightens out after a while, and it’s back to being one straight line. I know, trippy and weird.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">DEALER INJECTION // MAY</div>
Time doesn't seem to do shit here; it is always late afternoon on a summer Friday. I’m not complaining, it feels nice, but the longer you stay in the light, the warmer you feel. Beware the sky.
</div>


<html>
<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
</div>
</div>
</div>
</div>
</html>




<div class="seam-custody-section custody-dealer">
<h2 style="color: #DAA520 !important; border-bottom: 1px solid #DAA520 !important;">RISK ASSESSMENT & SUBJECTS</h2>
The Subjects here could be considered a swarm when hostile, and they can be VERY hostile.

<h3 style="color: #DAA520 !important;">Seam Subjects</h3>
* <b>Nighbares (Subject 1-2.99):</b> The natural denizens of this fine seam, they are the apex predators here, as well as one another’s neighbor (of which they get their namesake). We chose this name for them because when provoked, they attempt to strip their victims bare of anything that isn’t like them, from flesh to secrets, and it is nigh-impossible to escape a swarm of them without some serious firepower, skill, or acumen, of which they have little of the latter. Nighbares are humanoid folks always visible in the peripheral. They can be seen washing cars, mowing laws, waving from porches, and are usually dressed in either 2020’s formal wear (Alpha-Earth time) or 1850’s casual wear (also Alpha-Earth time). The gap in attire is caused by many others ending up in this Seam and end up staying, slowly making the Nighbares realize they’re a bit out of date. Do all you can to ignore the Nighbares, as if you wave back at them, they freeze (all of them), and stare at you. If you then approach one, their jaws will unhinge and their skin will peel like an orange to reveal something Abyssal in nature. Nighbares are extremely strong! However, not as bright. They will attempt to pin you down and begin the stripping process, aiming for the eyes and outer skin first before consuming your face to replace later. After the assault, they will go back to being as polite as they were beforehand. This does not belong here, but… I want to go back and put one down. For me. It looked like my husband. If it’s him, then… it must be me.

* <b>Baring Paperboy (Subject 2-2.99):</b> A small boy on a bicycle that rides down the street at a set interval. He shares an appearance with the Nighbares, and can sometimes be seen off his bike when no Nighbares are nearby waving. He ignores you completely unless you block his path, and I do advise against it unless you enjoy having your eardrums shattered like glass. The little shit— pardon, the little kid can yell quite loudly. Buying some of his newspapers will befriend him to you (you specifically, not your group)! Afterwards, he becomes open to trading with you and may even lead you deeper into the Seam. We don’t know where he takes you officially. Do note that all Paperboys look the same (unless altering itself to fit a memory, I believe, via Memory Molding), so keep good track of who you befriended and who really hates you. If a Paperboy is nearby during a Nighbare attack, unlike the Nighbares, the Paperboy will remember you and resume the attack himself if he sees you again. Do your best to stay out of the bike lane. Update: I took one with us! Well, we changed his clothes to a nice outfit of black and gold so he is easily noticeable (he is considered Subject 2.1-2.99 now). To any that run into him, he is now officially a Dealer! However, he will only deal in newspapers and keys or contracts to lower 2.X Seams, but he will aid you assuming you did not trigger a Nighbare attack recently. Yes, House Voidseed knows about him and approved of him. I think, out of pity, as that one looked different than the other Paperboys. It looked like my sweet little boy I lost years ago. Ah, I am not ashamed to admit I fell victim to this place’s effects, but I am out now.

<h3 style="color: #DAA520 !important;">Gateways</h3>
I’m a woman of honor, so I will admit that getting stuck in this place was… slightly my fault. If you ask Jax, it was supposed to be “simple shit”, an easy skip from where we were back to Baseline, but I convinced him to use a new skeleton key I made. It was supposed to be revolutionary. However, when that careless fool turned the lock, the door didn’t open out, but inward. It hit us—the door—in the face, and we blacked out. When we all woke up, we were on a lawn. So yes, slightly my fault, however no one could have predicted falling further down instead of to the left!

Speaking of left, we did so by finding a dead home, for lack of better word, after around three days. A house completely empty and worn down as if it were being repaired. Such a thing did not match any of our memories, it was not nostalgic at all… So we went in, the front door was unlocked, and we returned back to Baseline. However… a small part of me wishes we never found that exit, or at least, I did not open it for them. It was only found after we all stopped wishing we were home, but Gods… I really, really did not want to stop wishing that. It was so nice there. With him.

…After the experience, this turned out to be a wonderful thing. A Seam like this so close to Baseline’s a blessing, we can most certainly use it to our advantage… or perhaps not, considering how dangerous it is. Ah but I cannot help but to think of all the business opportunities with the Nighbares!

<h3 style="color: #DAA520 !important;">Dealer Legal Advice</h3>
When opening a gateway or providing the means to get to this place, please tell your group or clients to not enter any house, even if the door is open! I’m not sure what happens if you do, but we did see someone enter and never come out, however we could see them through the window. Acknowledging the Nighbares is another no-no, but feel free to acknowledge the fact that they do not exist, even if we both know they do. It’ll be safer for you and future Surveyors / travelers that way. And lastly, try your best and focus on something unfamiliar, hateful, or distasteful, like a messy breakup… or a lost husband. Anger and resentment keeps things stable. Nostalgia destabilizes everything.
</div>

MediaWiki:Common.css

2026-05-05T16:11:32Z

Sinvrh:

/* ============================================================
JADNIX CODEX: MEDIK VOID (FINAL MASTER)
============================================================ */

/* 1. ROOT VARIABLES */
:root {
--void-accent: #a020f0;
--void-bg: #0a0a0f;
--void-card: #13131a;
--void-text: #d1d1d1;
--void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */
}

/* 2. NUCLEAR BACKGROUND FIX */
html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {
background-color: var(--void-bg) !important;
background-image: none !important;
color: var(--void-text) !important;
}

/* SCANLINES */
body::before {
content: " ";
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background: repeating-linear-gradient(
0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px,
transparent 1px, transparent 2px
);
z-index: 9999;
pointer-events: none;
}

/* 3. HEADER LAYOUT */
.navbar-collapse { display: flex !important; flex-basis: auto !important; }
.navbar-nav { flex-direction: row !important; align-items: center; }
.nav-item { margin-right: 15px !important; margin-left: 15px !important; }

/* Header Text */
.navbar-nav .nav-link, .dropdown-toggle {
color: var(--void-text) !important;
font-family: 'Consolas', monospace;
font-size: 1.1em;
padding-bottom: 5px;
}
.navbar-nav .nav-link:hover, .dropdown-toggle:hover {
color: #ffffff !important;
text-shadow: 0 0 5px var(--void-accent);
}
.nav-item.active .nav-link {
font-weight: bold;
color: #fff !important;
border-bottom: 3px solid var(--void-accent);
}

/* 4. CONTENT CARD */
#content, .mw-body {
background-color: var(--void-card) !important;
border: 1px solid #333 !important;
border-left: 5px solid var(--void-accent) !important;
box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;
margin-top: 20px !important;
padding: 30px !important;
color: var(--void-text) !important;
}
.col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }

/* 5. SIDEBAR NAVIGATION FIX */
#mw-navigation .nav-link:hover,
.sidebar .nav-link:hover {
background-color: var(--void-hover) !important;
color: #fff !important;
padding-left: 20px !important;
opacity: 1 !important;
}

/* 6. GLOBAL TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
color: #fff !important;
font-family: 'Consolas', monospace;
border-bottom: 1px solid #333;
}
a {
color: var(--void-accent);
transition: 0.2s;
}
a:hover {
color: #fff;
text-shadow: 0 0 5px var(--void-accent);
text-decoration: none;
}

/* 7. DROPDOWNS */
.dropdown-menu {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
}
.dropdown-item { color: var(--void-text) !important; }
.dropdown-item:hover {
background-color: var(--void-accent) !important;
color: #fff !important;
}

/* ============================================================
FACTION THEMES
============================================================ */

/* DEALERS (Gold) */
body.theme-dealer {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
--font-family-system: 'Georgia', serif;
}
body.theme-dealer h1, body.theme-dealer h2 {
font-family: 'Georgia', serif;
color: #DAA520 !important;
}

/* SKIPPERS (Blue) */
body.theme-skipper {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
--font-family-system: 'Consolas', monospace;
}
body.theme-skipper h1, body.theme-skipper h2 {
color: #21b0cd !important;
}

/* STILL (Purple) */
body.theme-still {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
CRDD CALCULATOR
============================================================ */
#crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }
.crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }
.crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }
.crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }
.crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.crdd-input-group label { flex: 1; font-size: 0.9em; }
.crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }
.crdd-value-display { width: 30px; text-align: right; font-weight: bold; }
.crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }
#crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }
.crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }
@media only screen and (max-width: 768px) {
.crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }
.crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }
.crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }
.crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }
#crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }
}

/* ============================================================
SPLASH SCREEN (FULLSCREEN OVERRIDE & VARIABLES)
============================================================ */

/* 1. HIDE ALL INTERFACE ELEMENTS */
body.page-Warning #mw-navigation, /* The Sidebar */
body.page-Warning #mw-navbar, /* The Header */
body.page-Warning .navbar, /* Bootstrap Header */
body.page-Warning .mw-footer, /* The Footer */
body.page-Warning .sidebar, /* Legacy Sidebar */
body.page-Warning aside, /* Edit Tools */
body.page-Warning #catlinks { /* Categories */
display: none !important;
}

/* 2. REMOVE PADDING/MARGINS FROM BODY */
body.page-Warning #content,
body.page-Warning .mw-body {
margin: 0 !important;
padding: 0 !important;
border: none !important; /* Remove the Purple Left Border */
box-shadow: none !important;
background: transparent !important;
}

/* 3. THE FULLSCREEN CONTAINER */
body.page-Warning .splash-container {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: var(--void-bg) !important;
z-index: 2147483647 !important; /* Maximum Integer Value */
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 !important;
padding: 20px !important;
box-sizing: border-box !important;
}

/* 4. INNER BOX STYLING */
.splash-inner-wrapper {
width: 100%;
max-width: 500px;
border: 1px solid #333;
border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */
background: var(--void-card);
padding: 30px;
box-shadow: 0 0 30px rgba(0,0,0,0.8);
text-align: center;
}

/* 5. TEXT & BUTTONS */
.splash-title {
font-family: 'Consolas', monospace;
font-size: 2em;
color: #fff;
margin-bottom: 5px;
text-shadow: 0 0 10px var(--void-accent);
}
.splash-subtitle {
color: var(--void-accent);
font-size: 0.8em;
letter-spacing: 2px;
margin-bottom: 30px;
text-transform: uppercase;
}
.splash-btn {
display: inline-block;
border: 1px solid var(--void-accent);
padding: 12px 24px;
color: #fff !important;
text-decoration: none;
font-family: 'Consolas', monospace;
margin: 20px 0;
transition: all 0.3s;
}
.splash-btn:hover {
background: var(--void-accent);
color: #000 !important;
box-shadow: 0 0 15px var(--void-accent);
}

/* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */
body.splash-gold {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
}
body.splash-blue {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
}
body.splash-purple {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
HOME PAGE NAVIGATION
============================================================ */
.nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }
.nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }
.nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }
.nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }
.nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }
.nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }
.nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }
.nav-card:hover .nav-title { color: var(--void-accent); background: #000; }

/* ============================================================
PERSONNEL FILE
============================================================ */
.personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }
.id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }
.id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }
.void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }
.id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }
.id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }
.id-details li { margin-bottom: 5px; }
.id-details strong { color: var(--void-accent); margin-right: 5px; }
@media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }

/* ============================================================
CONVENIENT DISCUSSIONS (VOID THEME PATCH)
============================================================ */

/* 1. Comment Layers & Backgrounds */
.cd-comment-part,
.cd-comment-part-first,
.cd-comment-part-last {
background-color: transparent !important;
color: var(--void-text) !important;
}

/* 2. The "Reply" Button */
.cd-replyButton {
font-family: 'Consolas', monospace;
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
color: var(--void-accent) !important;
opacity: 0.7;
}
.cd-replyButton:hover {
opacity: 1;
text-shadow: 0 0 5px var(--void-accent);
}

/* 3. The Reply Form (Text Area) */
.cd-commentForm-panel {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
padding: 15px;
}

.cd-commentForm-textarea {
background-color: #050505 !important;
color: #00ff9f !important; /* Terminal Green Typing */
border: 1px solid #333 !important;
font-family: 'Consolas', monospace !important;
}

/* 4. Form Buttons (Reply / Cancel) */
.cd-button-action, .oo-ui-buttonElement-button {
background-color: #1a1a24 !important;
color: #fff !important;
border: 1px solid var(--void-accent) !important;
}

/* 5. Popups & Dialogs */
.cd-dialog-panel, .oo-ui-window-frame {
background-color: var(--void-bg) !important;
border: 1px solid var(--void-accent) !important;
color: var(--void-text) !important;
}

/* 6. Thread Lines (The visual threading on the left) */
.cd-thread-line {
border-left-color: #333 !important;
}
.cd-thread-line:hover {
border-left-color: var(--void-accent) !important;
}

/* ============================================================
ONYX REGISTRY: VISUALS & BAR GRAPHS
============================================================ */

/* 1. The Main Ledger Container */
.onyx-ledger {
width: 100%;
border-collapse: collapse;
background: #050505;
font-family: 'Consolas', monospace;
border: 1px solid #333;
}

/* 2. Tier Headers (The Telescopic Row look) */
.onyx-tier-header {
background: #13131a;
color: #DAA520; /* Dealer Gold */
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #DAA520;
cursor: pointer;
}

/* 3. The Stat Bar Graphs */
.stat-bar-container {
width: 100px;
height: 8px;
background: #1a1a24;
border: 1px solid #333;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}

.stat-bar-fill {
height: 100%;
/* width is removed from here so the template can set it */
background: #21b0cd;
box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);
transition: width 0.8s ease-out;
}

/* Ensure the containers don't allow overflow */
.stat-bar-container {
background: #111;
border: 1px solid #222;
height: 6px;
width: 100%;
position: relative;
overflow: hidden; /* Keeps the bars inside the box */
}

/* Specific colors for classes */
.row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }
.row-class-a { border-left: 4px solid #a020f0; }
.row-class-b { border-left: 4px solid #DAA520; }
.row-class-c { border-left: 4px solid #666; }

/* 4. The Interactive Search/Jump Bar */
#onyx-scanner-input {
background: #000;
color: #DAA520;
border: 1px solid #DAA520;
padding: 10px;
width: 100%;
font-family: 'Consolas', monospace;
margin-bottom: 20px;
box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);
}

.stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }
.stat-label { font-size: 0.7em; color: #555; font-weight: bold; }
.stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }
.stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }
.onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }
.onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }
.onyx-row { transition: all 0.3s ease; }

/* ============================================================
ONYX REGISTRY: THRESHOLD LEGEND
============================================================ */
.onyx-legend-bar {
display: flex;
justify-content: space-between;
background: #0f0f14;
border: 1px solid #333;
padding: 8px 15px;
margin-bottom: 10px;
font-family: 'Consolas', monospace;
font-size: 0.75em;
}
.threshold-item { color: #888; }
.t-label { color: #555; font-weight: bold; }
.t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }

/* Mobile optimization for the legend */
@media (max-width: 600px) {
.onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }
}

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES
============================================================ */

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES (FIXED & TABBED)
============================================================ */

/* 1. THE INFOBOX (SIDE CARD) */
.dossier-card {
float: right;
width: 350px;
background: #0f0f14;
border: 1px solid #333;
border-top: 5px solid var(--void-accent);
margin: 0 0 20px 20px;
font-family: 'Consolas', monospace;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
clear: right;
}

.dossier-info-row {
display: flex;
justify-content: space-between;
padding: 8px 15px; /* Added more breathing room */
font-size: 0.85em;
border-bottom: 1px solid #1a1a24;
}

.dossier-label {
color: #888;
font-weight: bold;
padding-right: 10px; /* Prevents text from sticking to value */
}
.dossier-value { color: #d1d1d1; text-align: right; flex: 1; }

.dossier-image {
background: #050505;
text-align: center;
overflow: hidden;
}
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* 2. DOSSIER STAT BARS (Fixed Height) */
.dossier-stats { padding: 15px; background: #0a0a0f; }
.dossier-stat-item { margin-bottom: 8px; }
.dossier-stat-label {
display: flex;
justify-content: space-between;
font-size: 0.75em;
margin-bottom: 2px;
color: #aaa;
}

/* 3. ART LOADOUT (CLICKABLE TABS) */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f;
}

/* Tab Headers */
.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* Force side-by-side */
flex-wrap: nowrap !important;
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto; /* Allow horizontal scroll on phones */
}

.loadout-navigation span {
padding: 10px 15px;
font-size: 0.75em;
color: #666;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
border-right: 1px solid #333;
}

.loadout-navigation span:hover { color: #fff; background: #222; }

/* The Content Area */
.loadout-content {
padding: 20px;
min-height: 100px;
}

/* 4. MOBILE OVERRIDE (Stack everything) */
@media (max-width: 991px) {
.dossier-card {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
}

/* ART LOADOUT STYLING */
.loadout-matrix { border: 1px solid #333; background: #0a0a0f; }
.loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }

.loadout-tab {
flex: 1 0 auto !important; /* Don't let them shrink */
text-align: center !important;
padding: 12px 15px !important;
background: transparent !important;
}

.loadout-tab:hover { color: #fff; background: #222; }

/* The Active Tab follows the Faction Color */
.loadout-tab.active {
background: #13131a;
color: var(--void-accent);
border-top: 2px solid var(--void-accent);
}

.loadout-content { padding: 25px; line-height: 1.6; }

/* ART LOADOUT FIXES */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f !important; /* DARK BACKGROUND */
}

.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* FORCE HORIZONTAL */
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto;
}

.loadout-tab {
padding: 12px 20px !important;
font-size: 0.75em !important;
color: #666 !important;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
border-right: 1px solid #333 !important;
}

.loadout-content {
background: #13131a !important; /* Matches Dossier dark grey */
color: #d1d1d1 !important;
border: none !important;
}

/* Fix the White Box in loadout (CDX/Bootstrap override) */
.loadout-content, .loadout-pane, .loadout-content p, .loadout-content ul, .loadout-content li {
background: transparent !important;
color: #d1d1d1 !important;
}

/* STAT BAR FIX: Remove forced 100% width */
.stat-bar-fill {
height: 100%;
/* width is handled by calc() in the template */
background: var(--void-accent) !important;
box-shadow: 0 0 10px var(--void-accent);
}

/* DOSSIER IMAGE RESPONSIVENESS */
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* DOSSIER IMAGE ZOOM SYSTEM */
.dossier-image-box {
width: 350px;
height: 350px;
background-color: #050505;
background-size: cover; /* Zooms image to fill the square */
background-position: center; /* Keeps face centered */
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #222;
font-family: 'Consolas', monospace;
font-size: 0.8em;
letter-spacing: 2px;
border-bottom: 1px solid #333;
}

/* Mobile Fix for the Image box */
@media (max-width: 991px) {
.dossier-image-box {
width: 100%;
height: auto;
aspect-ratio: 1 / 1; /* Maintains square shape on phones */
}
}
/* ============================================================
JADNIX FORUM ENGINE (CONVENIENT DISCUSSIONS OVERHAUL)
============================================================ */

/* 1. THE COMMENT CARD */
.cd-comment-part {
background-color: #13131a !important;
border: 1px solid #333 !important;
border-radius: 4px;
padding: 15px !important;
margin-bottom: 12px !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.5);
display: block !important; /* Ensure vertical stacking */
overflow: hidden;
}

/* 2. THE SIGNATURE (Simple Header Look) */
.cd-signature {
display: block;
background: #1a1a24;
padding: 8px 15px !important;
margin: 0 0 10px 0 !important; /* Removed negative margins */
border-bottom: 1px solid #333;
font-family: 'Consolas', monospace;
font-size: 0.85em;
color: #888 !important;
}

.cd-signature .mw-userlink {
color: var(--void-accent) !important;
font-weight: bold;
text-transform: uppercase;
}

/* 3. THREADING */
.cd-comment-level:not(.cd-comment-level-0) {
border-left: 3px solid #333 !important;
margin-left: 20px !important;
padding-left: 15px !important;
}

/* 4. EMERGENCY IMAGE KILLER */
/* If any ghost script tries to inject an image, this hides it */
.cd-comment-avatar, .j-avatar-img, .cd-comment-part img {
display: none !important;
}

/* 5. ACTION BUTTONS */
.cd-comment-actions {
margin-top: 10px;
padding-top: 5px;
border-top: 1px dashed #222;
}
/* ============================================================
MISC THINGS I DON'T KNOW WHERE ELSE TO PUT
============================================================ */

/* Remove the "Powered By" icons, and icons in the footer in general */
#footer-icons, .footer-icons {
display: none !important;
}

/* Special footer look to fit the site theme */
.mw-footer {
background-color: #050505 !important;
border-top: 1px solid #333 !important;
font-family: 'Consolas', monospace;
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 1px;
}

.mw-footer a {
color: #555 !important;
}

.mw-footer a:hover {
color: var(--void-accent) !important;
text-shadow: 0 0 5px var(--void-accent);
}

/* Hide the Convenient Discussions 'Run once' link in the footer */
#footer-places-convenient-discussions-run {
display: none !important;
}

/* ============================================================
JADNIX CONVENIENT DISCUSSIONS: PREVIEW & DIFF PATCH
============================================================ */

/* 1. Fix the blinding white Preview Box */
.cd-commentForm-previewArea {
background-color: #050505 !important; /* Darkest terminal background */
color: #d1d1d1 !important;
border: 1px solid var(--void-accent) !important;
margin-top: 10px !important;
padding: 10px !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
}

/* 2. Fix the blinding white "View Changes" (Diff) Table */
table.diff, .diff td, .diff th {
background-color: #0f0f14 !important;
border-color: #333 !important;
color: #d1d1d1 !important;
}

/* The empty/unchanged context lines */
td.diff-context {
background-color: #0a0a0f !important;
color: #666 !important;
border-color: #222 !important;
}

/* The + / - Markers */
td.diff-marker {
background-color: #050505 !important;
color: #888 !important;
border: none !important;
font-weight: bold;
}

/* Lines that were ADDED (+) */
td.diff-addedline {
background-color: #13131a !important;
border-color: var(--void-accent) !important;
}
td.diff-addedline .diffchange {
background-color: rgba(160, 32, 240, 0.4) !important; /* Semi-transparent purple highlight */
color: #fff !important;
font-weight: bold;
border-radius: 2px;
}

/* Lines that were REMOVED (-) */
td.diff-deletedline {
background-color: #1a0d0d !important; /* Very dark red */
border-color: #ff4500 !important;
}
td.diff-deletedline .diffchange {
background-color: rgba(255, 69, 0, 0.3) !important;
color: #ffcaaf !important;
text-decoration: line-through;
border-radius: 2px;
}

/* 3. The "Changes" Header Text */
.cd-commentForm-diff > div:first-child {
color: var(--void-accent) !important;
font-weight: bold !important;
font-family: 'Consolas', monospace;
text-transform: uppercase;
margin-bottom: 5px;
}

/* ============================================================
R&R CORPS: SEAM FRACTURE TRACKER
============================================================ */

/* The Main Scrolling Viewport */
.seam-tracker-viewport {
width: 100%;
overflow-x: auto;
padding: 20px 0 40px 0;
background: #0a0a0f;
border: 1px solid #21b0cd; /* Skipper Blue Border */
box-shadow: inset 0 0 20px rgba(33, 176, 205, 0.1);
}

/* Custom Scrollbar for the Tracker */
.seam-tracker-viewport::-webkit-scrollbar { height: 10px; }
.seam-tracker-viewport::-webkit-scrollbar-track { background: #050505; border-top: 1px solid #333; }
.seam-tracker-viewport::-webkit-scrollbar-thumb { background: #21b0cd; border-radius: 5px; }

/* The Track holding the Cards */
.seam-track {
display: flex;
gap: 20px;
padding: 0 20px;
align-items: flex-start; /* Keeps cards from stretching to match the tallest one */
}

/* The Individual Seam Card */
.seam-card {
flex: 0 0 280px; /* Fixed width, won't shrink */
background: #13131a;
border: 1px solid #333;
border-top: 4px solid var(--seam-color, #888);
display: flex;
flex-direction: column;
font-family: 'Consolas', monospace;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.seam-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.8), 0 0 15px var(--seam-color, #888);
}

/* Card Header (ID & Dot) */
.seam-card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
background: #1a1a24;
border-bottom: 1px solid #333;
color: #fff;
font-size: 1.2em;
font-weight: bold;
}

/* The Glowing Stability Dot */
.seam-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--seam-color, #888);
box-shadow: 0 0 8px var(--seam-color, #888);
}

/* Image / Static Area */
.seam-card-image {
height: 160px;
background: #050505;
border-bottom: 1px solid #333;
position: relative;
overflow: hidden;
}

.seam-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* "NO SIGNAL" CSS Static Animation */
.seam-static {
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, #111 0px, #222 2px, #111 4px);
animation: static-flicker 0.1s infinite;
display: flex;
align-items: center;
justify-content: center;
color: #444;
font-size: 1.5em;
letter-spacing: 2px;
}

@keyframes static-flicker {
0% { background-position: 0 0; }
50% { background-position: 10px 10px; }
100% { background-position: -10px -5px; }
}

/* Epithet / Name Area */
.seam-card-epithet {
padding: 15px;
text-align: center;
color: #d1d1d1;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Nested Seams (The Dropdown) */
.seam-nested-container {
max-height: 0;
overflow: hidden;
background: #0a0a0f;
transition: max-height 0.4s ease-in-out;
}

/* Expands on desktop hover OR mobile tap/focus */
.seam-card:hover .seam-nested-container,
.seam-card:focus-within .seam-nested-container {
max-height: 300px;
border-top: 1px dashed #333;
}

.nested-seam-item {
display: flex;
justify-content: space-between;
padding: 8px 15px;
font-size: 0.8em;
border-bottom: 1px solid #111;
color: #888;
transition: background 0.2s, color 0.2s;
}

.nested-seam-item:hover {
background: #1a1a24;
color: #fff;
cursor: crosshair;
}

/* Stability Color Variables */
.rating-anchored { --seam-color: #00ff9f; } /* Green */
.rating-volatile { --seam-color: #ffd700; } /* Yellow */
.rating-fractured { --seam-color: #ff4500; } /* Red */
.rating-realm { --seam-color: #a020f0; } /* Purple */
.rating-null { --seam-color: #888888; } /* Grey */

/* ============================================================
JADNIX SEAM PAGE TEMPLATE: CUSTODY SPINE & MARGINALIA
============================================================ */

/* 1. The Cinematic Banner */
.seam-page-banner {
position: relative;
width: 100%;
height: 250px;
background: #050505;
border: 1px solid #333;
border-bottom: 3px solid #fff; /* Changes dynamically via inline style */
margin-bottom: 30px;
overflow: hidden;
}

/* 2. Banner Metadata Overlay */
.seam-banner-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, rgba(10,10,15,1), rgba(10,10,15,0.8) 60%, transparent);
padding: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}

.seam-banner-title {
font-family: 'Consolas', monospace;
}
.seam-banner-title h1 {
font-size: 2.5em;
color: #fff !important;
border: none !important;
margin: 0 0 5px 0 !important;
text-shadow: 0 0 10px rgba(255,255,255,0.3);
}
.seam-banner-title h2 {
font-size: 1.2em;
color: #aaa !important;
border: none !important;
margin: 0 !important;
text-transform: uppercase;
letter-spacing: 2px;
}

/* 3. The Shifting Custody Spine */
.seam-custody-section {
padding: 0 0 40px 30px;
margin-bottom: 0;
font-size: 1.05em;
line-height: 1.6;
}
.custody-still { border-left: 5px solid #a020f0; }
.custody-skipper { border-left: 5px solid #21b0cd; }
.custody-dealer { border-left: 5px solid #DAA520; }

.seam-custody-section h2 {
margin-top: 0 !important;
padding-top: 10px;
}

/* 4. The Marginalia (Injection Boxes) */
.seam-injection {
background: #13131a;
border: 1px solid #333;
padding: 15px 20px;
margin: 20px 0 20px 40px;
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
font-size: 0.95em;
position: relative;
}

/* Injection Faction Colors */
.inj-still { border-left: 4px solid #a020f0; }
.inj-skipper { border-left: 4px solid #21b0cd; }
.inj-dealer { border-left: 4px solid #DAA520; }

.seam-injection-header {
font-family: 'Consolas', monospace;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
border-bottom: 1px dashed #333;
padding-bottom: 5px;
}

.inj-still .seam-injection-header { color: #a020f0; }
.inj-skipper .seam-injection-header { color: #21b0cd; }
.inj-dealer .seam-injection-header { color: #DAA520; }

/* ============================================================
JADNIX SEAM PAGE: ATTACHED IMAGE GALLERY
============================================================ */

/* The Collapsible Wrapper */
.seam-gallery-wrapper {
background: #0f0f14;
border: 1px solid #333;
margin-top: 20px;
padding: 10px;
}

/* The Horizontal Scroll Track */
.seam-gallery-viewport {
width: 100%;
overflow-x: auto;
padding: 15px 0;
margin-top: 10px;
border-top: 1px dashed #333;
}
.seam-gallery-viewport::-webkit-scrollbar { height: 8px; }
.seam-gallery-viewport::-webkit-scrollbar-track { background: #050505; }
.seam-gallery-viewport::-webkit-scrollbar-thumb { background: #555; border-radius: 4px; }

.seam-gallery-track {
display: flex;
gap: 15px;
}

/* The Image Cards */
.seam-gallery-card {
flex: 0 0 250px;
height: 180px;
background: #050505;
border: 1px solid #222;
position: relative;
cursor: zoom-in; /* Tells the user they can click it */
overflow: hidden;
}

.seam-gallery-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.2s;
}

.seam-gallery-card:hover img {
transform: scale(1.05); /* Slight hover zoom */
}

/* ============================================================
JADNIX GALLERY TOGGLE FIX (CENTERED DRAWER BAR)
============================================================ */

/* Make sure the box doesn't collapse on itself */
.seam-gallery-wrapper {
clear: both;
}

/* Override the default MediaWiki right-float */
.seam-gallery-wrapper .mw-collapsible-toggle {
float: none !important;
text-align: center !important;
display: block !important;
width: 100%;
padding: 5px 0;
font-family: 'Consolas', monospace;
font-weight: bold;
letter-spacing: 2px;
}

/* Style the actual link text */
.seam-gallery-wrapper .mw-collapsible-toggle a {
color: #888 !important;
text-decoration: none !important;
transition: color 0.2s, text-shadow 0.2s;
}

/* Make it light up when they mouse over it */
.seam-gallery-wrapper .mw-collapsible-toggle a:hover {
color: #fff !important;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}

/* ============================================================
JADNIX TOC SPACING FIX
============================================================ */
#toc, .toc {
max-width: 350px !important; /* Prevents it from getting too wide */
margin-left: 30px !important; /* Pushes it away from the text on the left */
margin-bottom: 20px !important;
}

Seam 2.99

2026-05-05T16:05:33Z

Sinvrh:

Seam 2.99

2026-05-05T16:04:06Z

Sinvrh:

MediaWiki:Common.css

2026-05-05T16:02:23Z

Sinvrh:

/* ============================================================
JADNIX CODEX: MEDIK VOID (FINAL MASTER)
============================================================ */

/* 1. ROOT VARIABLES */
:root {
--void-accent: #a020f0;
--void-bg: #0a0a0f;
--void-card: #13131a;
--void-text: #d1d1d1;
--void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */
}

/* 2. NUCLEAR BACKGROUND FIX */
html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {
background-color: var(--void-bg) !important;
background-image: none !important;
color: var(--void-text) !important;
}

/* SCANLINES */
body::before {
content: " ";
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background: repeating-linear-gradient(
0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px,
transparent 1px, transparent 2px
);
z-index: 9999;
pointer-events: none;
}

/* 3. HEADER LAYOUT */
.navbar-collapse { display: flex !important; flex-basis: auto !important; }
.navbar-nav { flex-direction: row !important; align-items: center; }
.nav-item { margin-right: 15px !important; margin-left: 15px !important; }

/* Header Text */
.navbar-nav .nav-link, .dropdown-toggle {
color: var(--void-text) !important;
font-family: 'Consolas', monospace;
font-size: 1.1em;
padding-bottom: 5px;
}
.navbar-nav .nav-link:hover, .dropdown-toggle:hover {
color: #ffffff !important;
text-shadow: 0 0 5px var(--void-accent);
}
.nav-item.active .nav-link {
font-weight: bold;
color: #fff !important;
border-bottom: 3px solid var(--void-accent);
}

/* 4. CONTENT CARD */
#content, .mw-body {
background-color: var(--void-card) !important;
border: 1px solid #333 !important;
border-left: 5px solid var(--void-accent) !important;
box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;
margin-top: 20px !important;
padding: 30px !important;
color: var(--void-text) !important;
}
.col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }

/* 5. SIDEBAR NAVIGATION FIX */
#mw-navigation .nav-link:hover,
.sidebar .nav-link:hover {
background-color: var(--void-hover) !important;
color: #fff !important;
padding-left: 20px !important;
opacity: 1 !important;
}

/* 6. GLOBAL TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
color: #fff !important;
font-family: 'Consolas', monospace;
border-bottom: 1px solid #333;
}
a {
color: var(--void-accent);
transition: 0.2s;
}
a:hover {
color: #fff;
text-shadow: 0 0 5px var(--void-accent);
text-decoration: none;
}

/* 7. DROPDOWNS */
.dropdown-menu {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
}
.dropdown-item { color: var(--void-text) !important; }
.dropdown-item:hover {
background-color: var(--void-accent) !important;
color: #fff !important;
}

/* ============================================================
FACTION THEMES
============================================================ */

/* DEALERS (Gold) */
body.theme-dealer {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
--font-family-system: 'Georgia', serif;
}
body.theme-dealer h1, body.theme-dealer h2 {
font-family: 'Georgia', serif;
color: #DAA520 !important;
}

/* SKIPPERS (Blue) */
body.theme-skipper {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
--font-family-system: 'Consolas', monospace;
}
body.theme-skipper h1, body.theme-skipper h2 {
color: #21b0cd !important;
}

/* STILL (Purple) */
body.theme-still {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
CRDD CALCULATOR
============================================================ */
#crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }
.crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }
.crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }
.crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }
.crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.crdd-input-group label { flex: 1; font-size: 0.9em; }
.crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }
.crdd-value-display { width: 30px; text-align: right; font-weight: bold; }
.crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }
#crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }
.crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }
@media only screen and (max-width: 768px) {
.crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }
.crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }
.crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }
.crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }
#crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }
}

/* ============================================================
SPLASH SCREEN (FULLSCREEN OVERRIDE & VARIABLES)
============================================================ */

/* 1. HIDE ALL INTERFACE ELEMENTS */
body.page-Warning #mw-navigation, /* The Sidebar */
body.page-Warning #mw-navbar, /* The Header */
body.page-Warning .navbar, /* Bootstrap Header */
body.page-Warning .mw-footer, /* The Footer */
body.page-Warning .sidebar, /* Legacy Sidebar */
body.page-Warning aside, /* Edit Tools */
body.page-Warning #catlinks { /* Categories */
display: none !important;
}

/* 2. REMOVE PADDING/MARGINS FROM BODY */
body.page-Warning #content,
body.page-Warning .mw-body {
margin: 0 !important;
padding: 0 !important;
border: none !important; /* Remove the Purple Left Border */
box-shadow: none !important;
background: transparent !important;
}

/* 3. THE FULLSCREEN CONTAINER */
body.page-Warning .splash-container {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: var(--void-bg) !important;
z-index: 2147483647 !important; /* Maximum Integer Value */
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 !important;
padding: 20px !important;
box-sizing: border-box !important;
}

/* 4. INNER BOX STYLING */
.splash-inner-wrapper {
width: 100%;
max-width: 500px;
border: 1px solid #333;
border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */
background: var(--void-card);
padding: 30px;
box-shadow: 0 0 30px rgba(0,0,0,0.8);
text-align: center;
}

/* 5. TEXT & BUTTONS */
.splash-title {
font-family: 'Consolas', monospace;
font-size: 2em;
color: #fff;
margin-bottom: 5px;
text-shadow: 0 0 10px var(--void-accent);
}
.splash-subtitle {
color: var(--void-accent);
font-size: 0.8em;
letter-spacing: 2px;
margin-bottom: 30px;
text-transform: uppercase;
}
.splash-btn {
display: inline-block;
border: 1px solid var(--void-accent);
padding: 12px 24px;
color: #fff !important;
text-decoration: none;
font-family: 'Consolas', monospace;
margin: 20px 0;
transition: all 0.3s;
}
.splash-btn:hover {
background: var(--void-accent);
color: #000 !important;
box-shadow: 0 0 15px var(--void-accent);
}

/* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */
body.splash-gold {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
}
body.splash-blue {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
}
body.splash-purple {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
HOME PAGE NAVIGATION
============================================================ */
.nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }
.nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }
.nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }
.nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }
.nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }
.nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }
.nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }
.nav-card:hover .nav-title { color: var(--void-accent); background: #000; }

/* ============================================================
PERSONNEL FILE
============================================================ */
.personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }
.id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }
.id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }
.void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }
.id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }
.id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }
.id-details li { margin-bottom: 5px; }
.id-details strong { color: var(--void-accent); margin-right: 5px; }
@media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }

/* ============================================================
CONVENIENT DISCUSSIONS (VOID THEME PATCH)
============================================================ */

/* 1. Comment Layers & Backgrounds */
.cd-comment-part,
.cd-comment-part-first,
.cd-comment-part-last {
background-color: transparent !important;
color: var(--void-text) !important;
}

/* 2. The "Reply" Button */
.cd-replyButton {
font-family: 'Consolas', monospace;
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
color: var(--void-accent) !important;
opacity: 0.7;
}
.cd-replyButton:hover {
opacity: 1;
text-shadow: 0 0 5px var(--void-accent);
}

/* 3. The Reply Form (Text Area) */
.cd-commentForm-panel {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
padding: 15px;
}

.cd-commentForm-textarea {
background-color: #050505 !important;
color: #00ff9f !important; /* Terminal Green Typing */
border: 1px solid #333 !important;
font-family: 'Consolas', monospace !important;
}

/* 4. Form Buttons (Reply / Cancel) */
.cd-button-action, .oo-ui-buttonElement-button {
background-color: #1a1a24 !important;
color: #fff !important;
border: 1px solid var(--void-accent) !important;
}

/* 5. Popups & Dialogs */
.cd-dialog-panel, .oo-ui-window-frame {
background-color: var(--void-bg) !important;
border: 1px solid var(--void-accent) !important;
color: var(--void-text) !important;
}

/* 6. Thread Lines (The visual threading on the left) */
.cd-thread-line {
border-left-color: #333 !important;
}
.cd-thread-line:hover {
border-left-color: var(--void-accent) !important;
}

/* ============================================================
ONYX REGISTRY: VISUALS & BAR GRAPHS
============================================================ */

/* 1. The Main Ledger Container */
.onyx-ledger {
width: 100%;
border-collapse: collapse;
background: #050505;
font-family: 'Consolas', monospace;
border: 1px solid #333;
}

/* 2. Tier Headers (The Telescopic Row look) */
.onyx-tier-header {
background: #13131a;
color: #DAA520; /* Dealer Gold */
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #DAA520;
cursor: pointer;
}

/* 3. The Stat Bar Graphs */
.stat-bar-container {
width: 100px;
height: 8px;
background: #1a1a24;
border: 1px solid #333;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}

.stat-bar-fill {
height: 100%;
/* width is removed from here so the template can set it */
background: #21b0cd;
box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);
transition: width 0.8s ease-out;
}

/* Ensure the containers don't allow overflow */
.stat-bar-container {
background: #111;
border: 1px solid #222;
height: 6px;
width: 100%;
position: relative;
overflow: hidden; /* Keeps the bars inside the box */
}

/* Specific colors for classes */
.row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }
.row-class-a { border-left: 4px solid #a020f0; }
.row-class-b { border-left: 4px solid #DAA520; }
.row-class-c { border-left: 4px solid #666; }

/* 4. The Interactive Search/Jump Bar */
#onyx-scanner-input {
background: #000;
color: #DAA520;
border: 1px solid #DAA520;
padding: 10px;
width: 100%;
font-family: 'Consolas', monospace;
margin-bottom: 20px;
box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);
}

.stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }
.stat-label { font-size: 0.7em; color: #555; font-weight: bold; }
.stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }
.stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }
.onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }
.onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }
.onyx-row { transition: all 0.3s ease; }

/* ============================================================
ONYX REGISTRY: THRESHOLD LEGEND
============================================================ */
.onyx-legend-bar {
display: flex;
justify-content: space-between;
background: #0f0f14;
border: 1px solid #333;
padding: 8px 15px;
margin-bottom: 10px;
font-family: 'Consolas', monospace;
font-size: 0.75em;
}
.threshold-item { color: #888; }
.t-label { color: #555; font-weight: bold; }
.t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }

/* Mobile optimization for the legend */
@media (max-width: 600px) {
.onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }
}

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES
============================================================ */

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES (FIXED & TABBED)
============================================================ */

/* 1. THE INFOBOX (SIDE CARD) */
.dossier-card {
float: right;
width: 350px;
background: #0f0f14;
border: 1px solid #333;
border-top: 5px solid var(--void-accent);
margin: 0 0 20px 20px;
font-family: 'Consolas', monospace;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
clear: right;
}

.dossier-info-row {
display: flex;
justify-content: space-between;
padding: 8px 15px; /* Added more breathing room */
font-size: 0.85em;
border-bottom: 1px solid #1a1a24;
}

.dossier-label {
color: #888;
font-weight: bold;
padding-right: 10px; /* Prevents text from sticking to value */
}
.dossier-value { color: #d1d1d1; text-align: right; flex: 1; }

.dossier-image {
background: #050505;
text-align: center;
overflow: hidden;
}
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* 2. DOSSIER STAT BARS (Fixed Height) */
.dossier-stats { padding: 15px; background: #0a0a0f; }
.dossier-stat-item { margin-bottom: 8px; }
.dossier-stat-label {
display: flex;
justify-content: space-between;
font-size: 0.75em;
margin-bottom: 2px;
color: #aaa;
}

/* 3. ART LOADOUT (CLICKABLE TABS) */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f;
}

/* Tab Headers */
.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* Force side-by-side */
flex-wrap: nowrap !important;
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto; /* Allow horizontal scroll on phones */
}

.loadout-navigation span {
padding: 10px 15px;
font-size: 0.75em;
color: #666;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
border-right: 1px solid #333;
}

.loadout-navigation span:hover { color: #fff; background: #222; }

/* The Content Area */
.loadout-content {
padding: 20px;
min-height: 100px;
}

/* 4. MOBILE OVERRIDE (Stack everything) */
@media (max-width: 991px) {
.dossier-card {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
}

/* ART LOADOUT STYLING */
.loadout-matrix { border: 1px solid #333; background: #0a0a0f; }
.loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }

.loadout-tab {
flex: 1 0 auto !important; /* Don't let them shrink */
text-align: center !important;
padding: 12px 15px !important;
background: transparent !important;
}

.loadout-tab:hover { color: #fff; background: #222; }

/* The Active Tab follows the Faction Color */
.loadout-tab.active {
background: #13131a;
color: var(--void-accent);
border-top: 2px solid var(--void-accent);
}

.loadout-content { padding: 25px; line-height: 1.6; }

/* ART LOADOUT FIXES */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f !important; /* DARK BACKGROUND */
}

.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* FORCE HORIZONTAL */
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto;
}

.loadout-tab {
padding: 12px 20px !important;
font-size: 0.75em !important;
color: #666 !important;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
border-right: 1px solid #333 !important;
}

.loadout-content {
background: #13131a !important; /* Matches Dossier dark grey */
color: #d1d1d1 !important;
border: none !important;
}

/* Fix the White Box in loadout (CDX/Bootstrap override) */
.loadout-content, .loadout-pane, .loadout-content p, .loadout-content ul, .loadout-content li {
background: transparent !important;
color: #d1d1d1 !important;
}

/* STAT BAR FIX: Remove forced 100% width */
.stat-bar-fill {
height: 100%;
/* width is handled by calc() in the template */
background: var(--void-accent) !important;
box-shadow: 0 0 10px var(--void-accent);
}

/* DOSSIER IMAGE RESPONSIVENESS */
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* DOSSIER IMAGE ZOOM SYSTEM */
.dossier-image-box {
width: 350px;
height: 350px;
background-color: #050505;
background-size: cover; /* Zooms image to fill the square */
background-position: center; /* Keeps face centered */
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #222;
font-family: 'Consolas', monospace;
font-size: 0.8em;
letter-spacing: 2px;
border-bottom: 1px solid #333;
}

/* Mobile Fix for the Image box */
@media (max-width: 991px) {
.dossier-image-box {
width: 100%;
height: auto;
aspect-ratio: 1 / 1; /* Maintains square shape on phones */
}
}
/* ============================================================
JADNIX FORUM ENGINE (CONVENIENT DISCUSSIONS OVERHAUL)
============================================================ */

/* 1. THE COMMENT CARD */
.cd-comment-part {
background-color: #13131a !important;
border: 1px solid #333 !important;
border-radius: 4px;
padding: 15px !important;
margin-bottom: 12px !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.5);
display: block !important; /* Ensure vertical stacking */
overflow: hidden;
}

/* 2. THE SIGNATURE (Simple Header Look) */
.cd-signature {
display: block;
background: #1a1a24;
padding: 8px 15px !important;
margin: 0 0 10px 0 !important; /* Removed negative margins */
border-bottom: 1px solid #333;
font-family: 'Consolas', monospace;
font-size: 0.85em;
color: #888 !important;
}

.cd-signature .mw-userlink {
color: var(--void-accent) !important;
font-weight: bold;
text-transform: uppercase;
}

/* 3. THREADING */
.cd-comment-level:not(.cd-comment-level-0) {
border-left: 3px solid #333 !important;
margin-left: 20px !important;
padding-left: 15px !important;
}

/* 4. EMERGENCY IMAGE KILLER */
/* If any ghost script tries to inject an image, this hides it */
.cd-comment-avatar, .j-avatar-img, .cd-comment-part img {
display: none !important;
}

/* 5. ACTION BUTTONS */
.cd-comment-actions {
margin-top: 10px;
padding-top: 5px;
border-top: 1px dashed #222;
}
/* ============================================================
MISC THINGS I DON'T KNOW WHERE ELSE TO PUT
============================================================ */

/* Remove the "Powered By" icons, and icons in the footer in general */
#footer-icons, .footer-icons {
display: none !important;
}

/* Special footer look to fit the site theme */
.mw-footer {
background-color: #050505 !important;
border-top: 1px solid #333 !important;
font-family: 'Consolas', monospace;
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 1px;
}

.mw-footer a {
color: #555 !important;
}

.mw-footer a:hover {
color: var(--void-accent) !important;
text-shadow: 0 0 5px var(--void-accent);
}

/* Hide the Convenient Discussions 'Run once' link in the footer */
#footer-places-convenient-discussions-run {
display: none !important;
}

/* ============================================================
JADNIX CONVENIENT DISCUSSIONS: PREVIEW & DIFF PATCH
============================================================ */

/* 1. Fix the blinding white Preview Box */
.cd-commentForm-previewArea {
background-color: #050505 !important; /* Darkest terminal background */
color: #d1d1d1 !important;
border: 1px solid var(--void-accent) !important;
margin-top: 10px !important;
padding: 10px !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
}

/* 2. Fix the blinding white "View Changes" (Diff) Table */
table.diff, .diff td, .diff th {
background-color: #0f0f14 !important;
border-color: #333 !important;
color: #d1d1d1 !important;
}

/* The empty/unchanged context lines */
td.diff-context {
background-color: #0a0a0f !important;
color: #666 !important;
border-color: #222 !important;
}

/* The + / - Markers */
td.diff-marker {
background-color: #050505 !important;
color: #888 !important;
border: none !important;
font-weight: bold;
}

/* Lines that were ADDED (+) */
td.diff-addedline {
background-color: #13131a !important;
border-color: var(--void-accent) !important;
}
td.diff-addedline .diffchange {
background-color: rgba(160, 32, 240, 0.4) !important; /* Semi-transparent purple highlight */
color: #fff !important;
font-weight: bold;
border-radius: 2px;
}

/* Lines that were REMOVED (-) */
td.diff-deletedline {
background-color: #1a0d0d !important; /* Very dark red */
border-color: #ff4500 !important;
}
td.diff-deletedline .diffchange {
background-color: rgba(255, 69, 0, 0.3) !important;
color: #ffcaaf !important;
text-decoration: line-through;
border-radius: 2px;
}

/* 3. The "Changes" Header Text */
.cd-commentForm-diff > div:first-child {
color: var(--void-accent) !important;
font-weight: bold !important;
font-family: 'Consolas', monospace;
text-transform: uppercase;
margin-bottom: 5px;
}

/* ============================================================
R&R CORPS: SEAM FRACTURE TRACKER
============================================================ */

/* The Main Scrolling Viewport */
.seam-tracker-viewport {
width: 100%;
overflow-x: auto;
padding: 20px 0 40px 0;
background: #0a0a0f;
border: 1px solid #21b0cd; /* Skipper Blue Border */
box-shadow: inset 0 0 20px rgba(33, 176, 205, 0.1);
}

/* Custom Scrollbar for the Tracker */
.seam-tracker-viewport::-webkit-scrollbar { height: 10px; }
.seam-tracker-viewport::-webkit-scrollbar-track { background: #050505; border-top: 1px solid #333; }
.seam-tracker-viewport::-webkit-scrollbar-thumb { background: #21b0cd; border-radius: 5px; }

/* The Track holding the Cards */
.seam-track {
display: flex;
gap: 20px;
padding: 0 20px;
align-items: flex-start; /* Keeps cards from stretching to match the tallest one */
}

/* The Individual Seam Card */
.seam-card {
flex: 0 0 280px; /* Fixed width, won't shrink */
background: #13131a;
border: 1px solid #333;
border-top: 4px solid var(--seam-color, #888);
display: flex;
flex-direction: column;
font-family: 'Consolas', monospace;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.seam-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.8), 0 0 15px var(--seam-color, #888);
}

/* Card Header (ID & Dot) */
.seam-card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
background: #1a1a24;
border-bottom: 1px solid #333;
color: #fff;
font-size: 1.2em;
font-weight: bold;
}

/* The Glowing Stability Dot */
.seam-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--seam-color, #888);
box-shadow: 0 0 8px var(--seam-color, #888);
}

/* Image / Static Area */
.seam-card-image {
height: 160px;
background: #050505;
border-bottom: 1px solid #333;
position: relative;
overflow: hidden;
}

.seam-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* "NO SIGNAL" CSS Static Animation */
.seam-static {
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, #111 0px, #222 2px, #111 4px);
animation: static-flicker 0.1s infinite;
display: flex;
align-items: center;
justify-content: center;
color: #444;
font-size: 1.5em;
letter-spacing: 2px;
}

@keyframes static-flicker {
0% { background-position: 0 0; }
50% { background-position: 10px 10px; }
100% { background-position: -10px -5px; }
}

/* Epithet / Name Area */
.seam-card-epithet {
padding: 15px;
text-align: center;
color: #d1d1d1;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Nested Seams (The Dropdown) */
.seam-nested-container {
max-height: 0;
overflow: hidden;
background: #0a0a0f;
transition: max-height 0.4s ease-in-out;
}

/* Expands on desktop hover OR mobile tap/focus */
.seam-card:hover .seam-nested-container,
.seam-card:focus-within .seam-nested-container {
max-height: 300px;
border-top: 1px dashed #333;
}

.nested-seam-item {
display: flex;
justify-content: space-between;
padding: 8px 15px;
font-size: 0.8em;
border-bottom: 1px solid #111;
color: #888;
transition: background 0.2s, color 0.2s;
}

.nested-seam-item:hover {
background: #1a1a24;
color: #fff;
cursor: crosshair;
}

/* Stability Color Variables */
.rating-anchored { --seam-color: #00ff9f; } /* Green */
.rating-volatile { --seam-color: #ffd700; } /* Yellow */
.rating-fractured { --seam-color: #ff4500; } /* Red */
.rating-realm { --seam-color: #a020f0; } /* Purple */
.rating-null { --seam-color: #888888; } /* Grey */

/* ============================================================
JADNIX SEAM PAGE TEMPLATE: CUSTODY SPINE & MARGINALIA
============================================================ */

/* 1. The Cinematic Banner */
.seam-page-banner {
position: relative;
width: 100%;
height: 250px;
background: #050505;
border: 1px solid #333;
border-bottom: 3px solid #fff; /* Changes dynamically via inline style */
margin-bottom: 30px;
overflow: hidden;
}

/* 2. Banner Metadata Overlay */
.seam-banner-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, rgba(10,10,15,1), rgba(10,10,15,0.8) 60%, transparent);
padding: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}

.seam-banner-title {
font-family: 'Consolas', monospace;
}
.seam-banner-title h1 {
font-size: 2.5em;
color: #fff !important;
border: none !important;
margin: 0 0 5px 0 !important;
text-shadow: 0 0 10px rgba(255,255,255,0.3);
}
.seam-banner-title h2 {
font-size: 1.2em;
color: #aaa !important;
border: none !important;
margin: 0 !important;
text-transform: uppercase;
letter-spacing: 2px;
}

/* 3. The Shifting Custody Spine */
.seam-custody-section {
padding: 0 0 40px 30px;
margin-bottom: 0;
font-size: 1.05em;
line-height: 1.6;
}
.custody-still { border-left: 5px solid #a020f0; }
.custody-skipper { border-left: 5px solid #21b0cd; }
.custody-dealer { border-left: 5px solid #DAA520; }

.seam-custody-section h2 {
margin-top: 0 !important;
padding-top: 10px;
}

/* 4. The Marginalia (Injection Boxes) */
.seam-injection {
background: #13131a;
border: 1px solid #333;
padding: 15px 20px;
margin: 20px 0 20px 40px;
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
font-size: 0.95em;
position: relative;
}

/* Injection Faction Colors */
.inj-still { border-left: 4px solid #a020f0; }
.inj-skipper { border-left: 4px solid #21b0cd; }
.inj-dealer { border-left: 4px solid #DAA520; }

.seam-injection-header {
font-family: 'Consolas', monospace;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
border-bottom: 1px dashed #333;
padding-bottom: 5px;
}

.inj-still .seam-injection-header { color: #a020f0; }
.inj-skipper .seam-injection-header { color: #21b0cd; }
.inj-dealer .seam-injection-header { color: #DAA520; }

/* ============================================================
JADNIX SEAM PAGE: ATTACHED IMAGE GALLERY
============================================================ */

/* The Collapsible Wrapper */
.seam-gallery-wrapper {
background: #0f0f14;
border: 1px solid #333;
margin-top: 20px;
padding: 10px;
}

/* The Horizontal Scroll Track */
.seam-gallery-viewport {
width: 100%;
overflow-x: auto;
padding: 15px 0;
margin-top: 10px;
border-top: 1px dashed #333;
}
.seam-gallery-viewport::-webkit-scrollbar { height: 8px; }
.seam-gallery-viewport::-webkit-scrollbar-track { background: #050505; }
.seam-gallery-viewport::-webkit-scrollbar-thumb { background: #555; border-radius: 4px; }

.seam-gallery-track {
display: flex;
gap: 15px;
}

/* The Image Cards */
.seam-gallery-card {
flex: 0 0 250px;
height: 180px;
background: #050505;
border: 1px solid #222;
position: relative;
cursor: zoom-in; /* Tells the user they can click it */
overflow: hidden;
}

.seam-gallery-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.2s;
}

.seam-gallery-card:hover img {
transform: scale(1.05); /* Slight hover zoom */
}

/* ============================================================
JADNIX TOC SPACING FIX
============================================================ */
#toc, .toc {
max-width: 350px !important; /* Prevents it from getting too wide */
margin-left: 30px !important; /* Pushes it away from the text on the left */
margin-bottom: 20px !important;
}

Seam 2.99

2026-05-05T15:56:10Z

Sinvrh:

Seam 2.99

2026-05-05T15:54:13Z

Sinvrh:

Seam 2.99

2026-05-05T02:49:51Z

Sinvrh:

Seam 2.99

2026-05-05T02:49:06Z

Sinvrh:

{{DISPLAYTITLE:Seam 2.99: Almost-Home}}
<div class="seam-page-banner" style="border-bottom-color: #ffd700;">
<div class="seam-static" style="width: 100%; height: 100%;">NO SIGNAL</div>

<div class="seam-banner-meta">
<div class="seam-banner-title">
<h1>2.99</h1>
<h2>Almost-Home</h2>
</div>
<div style="text-align:right; font-family: 'Consolas';">
<div style="color: #ffd700; font-weight: bold; font-size: 1.2em; text-shadow: 0 0 10px #ffd700;">🟡 VOLATILE</div>
<div style="color: #888; font-size: 0.8em; margin-top: 5px;">REPORT BY: TEAM ODDITY</div>
</div>
</div>
</div>

<div style="font-family: 'Georgia', serif; font-style: italic; font-size: 1.2em; color: #ccc; text-align: center; margin-bottom: 20px;">
"Stay a while, you’ve been away for too long, honey. Supper’s almost done…"
</div>


__TOC__




<div class="seam-custody-section custody-still">
<h2 style="color: #a020f0 !important; border-bottom: 1px solid #a020f0 !important;">ARCHIVAL SYNOPSIS</h2>

Seam 2.99’s familiar, and pretty. A really, really pretty trap. At first glance, you may think you’re back home, or someplace docile and stable for once; a safe place. You might see flat suburbs, or pop-out buildings with nice people waving at you. You will see the golden sunlight obscured by things you can’t see, and paved roads always well-kept, holding the smell of barbecue smoke. You will feel relieved. Do not feel relief. That is how the Almost-Home hunts and entraps others.

<h3 style="color: #a020f0 !important;">Seam Groups</h3>
There is only one notable Group in this Seam, and they are deemed fairly dangerous.

* '''The Nearly-Settled:''' a group of former Surveyors and Skippers / Dealers of the WSG, along with other non-related wanderers who got lost or decided to stay in the Seam. They will try to convince you to stay, getting aggressive about their happiness when questioned.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">DEALER INJECTION // MAY</div>
Do not trust them. Not because they’re bad people, but because they cannot help that they won’t be people at all anymore soon; they’re starting to look like the Nighbares.
</div>

<h3 style="color: #a020f0 !important;">Seam Items</h3>
* '''Welcome Basket (I1-2.99):''' a wicker basket found on the doorstep of every house in eyesight. It has some fruit in it that never rots and a card that says “Welcome Home”. The fruit rejuvenates you instantly, but makes you seriously sick if you leave the Seam within the same hour.

* '''Garden Hose (I2-2.99):''' a green water hose coiled in some yards, but when touched, it springs to “life” and tries to constrict around the nearest limb.


<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">

<div class="seam-gallery-card">
<img src="https://files.catbox.moe/example.png">
</div>

<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-gallery-card">
<div class="seam-static">NO SIGNAL</div>
</div>
</div>
</div>
</div>
</div>
</div>




<div class="seam-custody-section custody-skipper">
<h2 style="color: #21b0cd !important; border-bottom: 1px solid #21b0cd !important;">FIELD RECONNAISSANCE</h2>

<h3 style="color: #21b0cd !important;">The Land</h3>
Everything here looks like a real old, but nice neighborhood. The kind you might see a grandmama and your pops live in in their youth. We saw some cul-de-sacs that loop back into each other in some real weird ways, and the parallax effect or whatever is weird too.

<h3 style="color: #21b0cd !important;">The Sky & Weather</h3>
A perfect, cloudless gradient of orange and purple. It looks painted. There’s no sun, but there IS light. Like an old school lightbox. Static. No wind. No rain. No nothing. Just that heavy, warm stillness that happens right before a tornado, but the tornado never comes.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">DEALER INJECTION // MAY</div>
Time doesn't seem to do shit here; it is always late afternoon on a summer Friday. I’m not complaining, it feels nice, but the longer you stay in the light, the warmer you feel. Beware the sky.
</div>


<div class="mw-collapsible mw-collapsed seam-gallery-wrapper" data-expandtext="VIEW ATTACHED IMAGES" data-collapsetext="HIDE ATTACHED IMAGES">
<div class="mw-collapsible-content">
<div class="seam-gallery-viewport">
<div class="seam-gallery-track">
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
<div class="seam-gallery-card"><div class="seam-static">NO SIGNAL</div></div>
</div>
</div>
</div>
</div>
</div>




<div class="seam-custody-section custody-dealer">
<h2 style="color: #DAA520 !important; border-bottom: 1px solid #DAA520 !important;">RISK ASSESSMENT & SUBJECTS</h2>

<h3 style="color: #DAA520 !important;">Seam Subjects</h3>
* '''Nighbares (Subject 1-2.99):''' the natural denizens of this fine Seam, they are the apex predators here, as well as one another’s neighbor. If you approach one, their jaws will unhinge and their skin will peel like an orange to reveal something Abyssal in nature.

* '''Baring Paperboy (Subject 2-2.99):''' a small boy on a bicycle that rides down the street at a set interval. Buying some of his newspapers will befriend him to you! Afterwards, he becomes open to trading with you and may even lead you deeper into the Seam.

<h3 style="color: #DAA520 !important;">Dealer Legal Advice</h3>
When opening a gateway or providing the means to get to this place, please tell your group or clients to not enter any house, even if the door is open! Try your best and focus on something unfamiliar, hateful, or distasteful, like a messy breakup. Anger and resentment keeps things stable. Nostalgia destabilizes everything.
</div>

MediaWiki:Common.js

2026-05-05T02:45:58Z

Sinvrh:

/* ============================================================
JADNIX CODEX: CORE SCRIPTS (Themes + Calculator + Logos)
============================================================ */

$(function() {
/* --- PART A: LOGO & THEME SYSTEM --- */

// 1. DEFINE LOGOS
const logos = {
still: 'https://files.catbox.moe/0cmhjh.png',
dealer: 'https://files.catbox.moe/73m0cp.png',
skipper: 'https://files.catbox.moe/8gs8n5.png'
};

// 2. HELPER: FORCE LOGO SWAP
function swapLogo(url) {
$('#p-logo a').css('background-image', 'url(' + url + ')');
}

// 3. DETECT FACTION -> APPLY CLASS & LOGO
if ($('.faction-dealer').length) {
$('body').addClass('theme-dealer');
swapLogo(logos.dealer);
}
else if ($('.faction-skipper').length) {
$('body').addClass('theme-skipper');
swapLogo(logos.skipper);
}
else if ($('.faction-still').length) {
$('body').addClass('theme-still');
}

/* --- PART B: CRDD CALCULATOR LOGIC --- */

// Only run if calculator is present
if ($('#crdd-interface').length) {

// Update number displays instantly
$('.crdd-range').on('input', function() {
$(this).next('.crdd-value-display').text($(this).val());
});

// The Calculation Function
function updateCRDD() {
let totalScore = 0;
let activeMaxScore = 0;
let criticalOverride = false;

// SECTION 1: SUBJECT
let subjSkip = $('#skip-subject').is(':checked');
if (!subjSkip) {
let s1 = parseInt($('#s-strength').val()) || 0;
let s2 = parseInt($('#s-durability').val()) || 0;
let s3 = parseInt($('#s-mobility').val()) || 0;
let s4 = parseInt($('#s-intel').val()) || 0;
let s5 = parseInt($('#s-stamina').val()) || 0;
let s6 = parseInt($('#s-threat').val()) || 0;
let s7 = parseInt($('#s-swarm').val()) || 0;

// Critical Check
if (s6 > 24) criticalOverride = true;

let avg = (s1+s2+s3+s4+s5+s6+s7) / 7;
totalScore += avg;
activeMaxScore += 33;

let rating = "DOCILE";
if (avg > 8) rating = "NEUTRAL";
if (avg > 16) rating = "HOSTILE";
if (avg > 24) rating = "VILE";
$('#result-subject').text(avg.toFixed(1) + " (" + rating + ")");

} else {
$('#result-subject').text("SKIPPED");
}

// SECTION 2: ITEM
let itemSkip = $('#skip-item').is(':checked');
if (!itemSkip) {
let i1 = parseInt($('#i-entropy').val()) || 0;
let i2 = parseInt($('#i-instability').val()) || 0;
let i3 = parseInt($('#i-radiation').val()) || 0;
let i4 = parseInt($('#i-corrupt').val()) || 0;
let i5 = parseInt($('#i-volatility').val()) || 0;
let i6 = parseInt($('#i-unport').val()) || 0;
let i7 = parseInt($('#i-anomalous').val()) || 0;
let i8 = parseInt($('#i-qty').val()) || 0;

if (i7 > 24) criticalOverride = true;

let avg = (i1+i2+i3+i4+i5+i6+i7+i8) / 8;
totalScore += avg;
activeMaxScore += 33;

let rating = "FUNCTIONAL";
if (avg > 8) rating = "ALTERED";
if (avg > 16) rating = "UNSTABLE";
if (avg > 24) rating = "VOID";
$('#result-item').text(avg.toFixed(1) + " (" + rating + ")");
} else {
$('#result-item').text("SKIPPED");
}

// SECTION 3: SEAM
let seamSkip = $('#skip-seam').is(':checked');
if (!seamSkip) {
let m1 = parseInt($('#m-instability').val()) || 0;
let m2 = parseInt($('#m-leakage').val()) || 0;
let m3 = parseInt($('#m-geo').val()) || 0;
let m4 = parseInt($('#m-atmo').val()) || 0;
let m5 = parseInt($('#m-topo').val()) || 0;
let m6 = parseInt($('#m-dead').val()) || 0;
let m7 = parseInt($('#m-laws').val()) || 0;

// Critical Checks
if (m3 > 24 || m4 > 24 || m6 > 24 || m7 > 24) criticalOverride = true;

let avg = (m1+m2+m3+m4+m5+m6+m7) / 7;
totalScore += avg;
activeMaxScore += 33;

let rating = "ANCHORED";
if (avg > 8) rating = "VOLATILE";
if (avg > 16) rating = "FRACTURED";
if (avg > 24) rating = "NULL";
$('#result-seam').text(avg.toFixed(1) + " (" + rating + ")");

} else {
$('#result-seam').text("SKIPPED");
}

// FINAL RESULT LOGIC
let finalBox = $('#crdd-final-output');
let finalLabel = $('#crdd-final-label');

if (activeMaxScore === 0) {
finalBox.text("ERROR: NO DATA");
finalBox.css('color', 'red');
return;
}

let percent = (totalScore / activeMaxScore) * 100;

// STATE 1: CRITICAL OVERRIDE (Specific stat > 24)
// Visual: Blinding White, Red Text, "LEAVE NOW"
if (criticalOverride) {
finalLabel.text("CRITICAL THREAT DETECTED");
finalBox.text("NULL (" + percent.toFixed(1) + "% - LEAVE NOW)");
finalBox.css({
'background-color': '#ffffff',
'color': '#000000',
'border-color': '#ff0000',
'text-shadow': '0 0 10px red',
'box-shadow': '0 0 30px rgba(255, 0, 0, 0.8)'
});
}
// STATE 2: NORMAL CALCULATION (Including Organic Null)
else {
let finalRating = "ANCHORED";
let finalColor = "#00ff9f"; // Green
let finalMsg = "YOU ARE SAFE";
let finalShadow = finalColor;
let finalBg = "transparent";
let finalBoxShadow = "none";

if (percent > 25) {
finalRating = "VOLATILE";
finalColor = "#ffd700"; // Gold
finalMsg = "PROCEED WITH CAUTION";
finalShadow = finalColor;
}
if (percent > 50) {
finalRating = "FRACTURED";
finalColor = "#ff4500"; // Orange-Red
finalMsg = "YOU ARE IN DANGER";
finalShadow = finalColor;
}

// ORGANIC NULL (Math > 75%, but no critical trigger)
// Visual: Dead Grey, "REALITY FAILURE"
if (percent > 75) {
finalRating = "NULL";
finalColor = "#888888"; // Grey
finalMsg = "REALITY FAILURE";
finalShadow = "#000000"; // No Glow
}

finalLabel.text(finalMsg);
finalBox.text(finalRating + " (" + percent.toFixed(1) + "%)");

finalBox.css({
'background-color': finalBg,
'color': finalColor,
'border-color': finalColor,
'text-shadow': '0 0 10px ' + finalShadow,
'box-shadow': finalBoxShadow
});
}
}

// Trigger update on any change
$('.crdd-range, input[type=checkbox]').on('input change', updateCRDD);
}
});

/* ============================================================
SPLASH SCREEN RANDOMIZER
============================================================ */
$(function() {
if ($('body').hasClass('page-Warning')) {
const factions = [
{ name: 'still', class: 'splash-purple', status: 'RECOGNIZED', pact: 'THE QUIESCENT PACT', target: 'ALPHA-EARTH' },
{ name: 'dealer', class: 'splash-gold', status: 'PAID IN FULL', pact: 'HOUSE VOIDSEED TERMS', target: 'THE GILDED GATE' },
{ name: 'skipper', class: 'splash-blue', status: 'SECURED', pact: 'R&R SAFETY PROTOCOLS', target: 'SUB-DIMENSION 00' }
];

const roll = Math.floor(Math.random() * factions.length);
const winner = factions[roll];

$('body').addClass(winner.class);
$('#splash-status').text(winner.status);
$('#splash-pact').text(winner.pact);
$('#splash-target').text(winner.target);
}
});

/* ============================================================
FORCE VIEW MODE FOR TALK PAGES (STOP AUTO-EDIT)
============================================================ */
$(function() {
// Target the Discussion Tab link (ID usually #ca-talk)
var talkTab = $('#ca-talk a');

if (talkTab.length) {
var href = talkTab.attr('href');

// Check if the link forces an edit (Red Links usually do)
if (href && (href.indexOf('action=edit') !== -1)) {

// 1. Remove the 'action=edit' and 'redlink=1' parameters
// This converts "/w/index.php?title=Talk:Home&action=edit" -> "/w/index.php?title=Talk:Home"
var cleanUrl = href.replace(/&action=edit.*/, '').replace(/\?action=edit.*/, '?');

// 2. Cleanup trailing question marks if regex was messy
if (cleanUrl.endsWith('?')) {
cleanUrl = cleanUrl.slice(0, -1);
}

// 3. Update the link
talkTab.attr('href', cleanUrl);

// 4. (Optional) Visual cue - remove the 'new' class so it doesn't look red
// talkTab.removeClass('new');
}
}
});

/* ============================================================
ONYX REGISTRY: SMART SCANNER (NAME & VALUE)
============================================================ */
$(function() {
$('#onyx-scanner-input').on('input', function() {
var input = $(this).val().toLowerCase().trim();

// 1. Reset state if empty
if (input === "") {
$('.onyx-row').css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});
return;
}

// 2. Check if the user is typing a Number or a Name
var isNumeric = !isNaN(input) && !isNaN(parseFloat(input));

$('.onyx-row').each(function() {
var row = $(this);
var name = row.find('td:first-child').text().toLowerCase();
var cr = parseInt(row.attr('data-cr')) || 0;

if (isNumeric) {
// VALUE SEARCH: Highlight rows where CR is equal to or less than input
var targetCR = parseInt(input);
if (cr <= targetCR) {
row.css({'opacity': '1', 'background': 'rgba(218, 165, 32, 0.15)', 'display': 'table-row'});
} else {
row.css({'opacity': '0.2', 'background': 'transparent', 'display': 'table-row'});
}
} else {
// NAME SEARCH: Filter list to match name string
if (name.indexOf(input) !== -1) {
row.css({'opacity': '1', 'background': 'transparent', 'display': 'table-row'});
} else {
row.css('display', 'none'); // Hide non-matching names
}
}
});
});
});

/* ============================================================
ONYX REGISTRY: CLIENT-SIDE BAR RENDERING
============================================================ */
$(function() {
function renderOnyxBars() {
$('.onyx-row').each(function() {
var row = $(this);
var cr = parseInt(row.attr('data-cr')) || 0;

// 1. Determine the Scale (Mortal/Immortal/Ceaseless)
var scale = 10000;
if (cr >= 10000) scale = 100000;
if (cr >= 100000) scale = 1000000;

// 2. Calculate and apply widths
var stats = ['str', 'def', 'spd', 'acu', 'sol'];
stats.forEach(function(stat) {
var val = parseInt(row.attr('data-' + stat)) || 0;
var percent = (val / scale) * 100;
if (percent > 100) percent = 100; // Cap at 100%

row.find('.bar-' + stat).css('width', percent + '%');
});
});
}

// Run it immediately
renderOnyxBars();

// Safety: Run again if the scanner is used
$('#onyx-scanner-input').on('input', function() {
setTimeout(renderOnyxBars, 50);
});
});

/* ============================================================
ART LOADOUT MATRIX: TAB SWITCHING LOGIC
============================================================ */
$(function() {
$('body').on('click', '.loadout-tab', function() {
var $this = $(this);
var targetId = $this.attr('data-tab');
var $container = $this.closest('.loadout-container');

$container.find('.loadout-tab').removeClass('active');
$this.addClass('active');

$container.find('.tab-pane').hide();
$container.find('#' + targetId).show();
});
});

/* ============================================================
PAGE HEADER AUTO-STRIP LOGIC FOR SUBJECT AND ITEMS
============================================================ */
$(function() {
var $heading = $('#firstHeading');
if ($heading.length) {
var oldTitle = $heading.text();

// Regex Breakdown:
// ^(Subject|Item) -> Looks for either "Subject" or "Item" at the start
// [^:]+ -> Matches the ID (numbers, hex, dashes, whatever) up to the colon
// :\s* -> Matches the colon and following space
var newTitle = oldTitle.replace(/^(Subject|Item)[^:]+:\s*/, '');

// Safety: Will only update if there was actually a name after the colon
// This prevents the header from being empty if the item has no name
if (newTitle !== oldTitle && newTitle.trim().length > 0) {
$heading.text(newTitle);
}
}
});

/* ============================================================
CONVENIENT DISCUSSIONS (LOADER)
============================================================ */
mw.loader.using(['mediawiki.util', 'jquery.textSelection'], function() {
mw.loader.load('https://commons.wikimedia.org/w/index.php?title=User:Jack_who_built_the_house/convenientDiscussions.js&action=raw&ctype=text/javascript');
});

/* ============================================================
JADNIX IMAGE LIGHTBOX (CLICK TO ZOOM)
============================================================ */
$(function() {
// 1. Build the invisible fullscreen overlay once
var $lightbox = $('<div id="jadnix-lightbox" style="display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(5,5,5,0.95); z-index:999999; justify-content:center; align-items:center; cursor:zoom-out;"><img src="" style="max-width:90%; max-height:90%; border:2px solid #555; box-shadow:0 0 30px rgba(0,0,0,0.8);"></div>');
$('body').append($lightbox);

// 2. When a gallery image is clicked, open it
$('body').on('click', '.seam-gallery-card img', function(e) {
e.preventDefault();
var src = $(this).attr('src');
$('#jadnix-lightbox img').attr('src', src);
$('#jadnix-lightbox').css('display', 'flex').hide().fadeIn(200);
});

// 3. When the overlay is clicked, close it
$('#jadnix-lightbox').on('click', function() {
$(this).fadeOut(200);
});
});

MediaWiki:Common.css

2026-05-05T02:44:19Z

Sinvrh:

/* ============================================================
JADNIX CODEX: MEDIK VOID (FINAL MASTER)
============================================================ */

/* 1. ROOT VARIABLES */
:root {
--void-accent: #a020f0;
--void-bg: #0a0a0f;
--void-card: #13131a;
--void-text: #d1d1d1;
--void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */
}

/* 2. NUCLEAR BACKGROUND FIX */
html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {
background-color: var(--void-bg) !important;
background-image: none !important;
color: var(--void-text) !important;
}

/* SCANLINES */
body::before {
content: " ";
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background: repeating-linear-gradient(
0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px,
transparent 1px, transparent 2px
);
z-index: 9999;
pointer-events: none;
}

/* 3. HEADER LAYOUT */
.navbar-collapse { display: flex !important; flex-basis: auto !important; }
.navbar-nav { flex-direction: row !important; align-items: center; }
.nav-item { margin-right: 15px !important; margin-left: 15px !important; }

/* Header Text */
.navbar-nav .nav-link, .dropdown-toggle {
color: var(--void-text) !important;
font-family: 'Consolas', monospace;
font-size: 1.1em;
padding-bottom: 5px;
}
.navbar-nav .nav-link:hover, .dropdown-toggle:hover {
color: #ffffff !important;
text-shadow: 0 0 5px var(--void-accent);
}
.nav-item.active .nav-link {
font-weight: bold;
color: #fff !important;
border-bottom: 3px solid var(--void-accent);
}

/* 4. CONTENT CARD */
#content, .mw-body {
background-color: var(--void-card) !important;
border: 1px solid #333 !important;
border-left: 5px solid var(--void-accent) !important;
box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;
margin-top: 20px !important;
padding: 30px !important;
color: var(--void-text) !important;
}
.col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }

/* 5. SIDEBAR NAVIGATION FIX */
#mw-navigation .nav-link:hover,
.sidebar .nav-link:hover {
background-color: var(--void-hover) !important;
color: #fff !important;
padding-left: 20px !important;
opacity: 1 !important;
}

/* 6. GLOBAL TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
color: #fff !important;
font-family: 'Consolas', monospace;
border-bottom: 1px solid #333;
}
a {
color: var(--void-accent);
transition: 0.2s;
}
a:hover {
color: #fff;
text-shadow: 0 0 5px var(--void-accent);
text-decoration: none;
}

/* 7. DROPDOWNS */
.dropdown-menu {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
}
.dropdown-item { color: var(--void-text) !important; }
.dropdown-item:hover {
background-color: var(--void-accent) !important;
color: #fff !important;
}

/* ============================================================
FACTION THEMES
============================================================ */

/* DEALERS (Gold) */
body.theme-dealer {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
--font-family-system: 'Georgia', serif;
}
body.theme-dealer h1, body.theme-dealer h2 {
font-family: 'Georgia', serif;
color: #DAA520 !important;
}

/* SKIPPERS (Blue) */
body.theme-skipper {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
--font-family-system: 'Consolas', monospace;
}
body.theme-skipper h1, body.theme-skipper h2 {
color: #21b0cd !important;
}

/* STILL (Purple) */
body.theme-still {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
CRDD CALCULATOR
============================================================ */
#crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }
.crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }
.crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }
.crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }
.crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.crdd-input-group label { flex: 1; font-size: 0.9em; }
.crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }
.crdd-value-display { width: 30px; text-align: right; font-weight: bold; }
.crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }
#crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }
.crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }
@media only screen and (max-width: 768px) {
.crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }
.crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }
.crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }
.crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }
#crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }
}

/* ============================================================
SPLASH SCREEN (FULLSCREEN OVERRIDE & VARIABLES)
============================================================ */

/* 1. HIDE ALL INTERFACE ELEMENTS */
body.page-Warning #mw-navigation, /* The Sidebar */
body.page-Warning #mw-navbar, /* The Header */
body.page-Warning .navbar, /* Bootstrap Header */
body.page-Warning .mw-footer, /* The Footer */
body.page-Warning .sidebar, /* Legacy Sidebar */
body.page-Warning aside, /* Edit Tools */
body.page-Warning #catlinks { /* Categories */
display: none !important;
}

/* 2. REMOVE PADDING/MARGINS FROM BODY */
body.page-Warning #content,
body.page-Warning .mw-body {
margin: 0 !important;
padding: 0 !important;
border: none !important; /* Remove the Purple Left Border */
box-shadow: none !important;
background: transparent !important;
}

/* 3. THE FULLSCREEN CONTAINER */
body.page-Warning .splash-container {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: var(--void-bg) !important;
z-index: 2147483647 !important; /* Maximum Integer Value */
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 !important;
padding: 20px !important;
box-sizing: border-box !important;
}

/* 4. INNER BOX STYLING */
.splash-inner-wrapper {
width: 100%;
max-width: 500px;
border: 1px solid #333;
border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */
background: var(--void-card);
padding: 30px;
box-shadow: 0 0 30px rgba(0,0,0,0.8);
text-align: center;
}

/* 5. TEXT & BUTTONS */
.splash-title {
font-family: 'Consolas', monospace;
font-size: 2em;
color: #fff;
margin-bottom: 5px;
text-shadow: 0 0 10px var(--void-accent);
}
.splash-subtitle {
color: var(--void-accent);
font-size: 0.8em;
letter-spacing: 2px;
margin-bottom: 30px;
text-transform: uppercase;
}
.splash-btn {
display: inline-block;
border: 1px solid var(--void-accent);
padding: 12px 24px;
color: #fff !important;
text-decoration: none;
font-family: 'Consolas', monospace;
margin: 20px 0;
transition: all 0.3s;
}
.splash-btn:hover {
background: var(--void-accent);
color: #000 !important;
box-shadow: 0 0 15px var(--void-accent);
}

/* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */
body.splash-gold {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
}
body.splash-blue {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
}
body.splash-purple {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
HOME PAGE NAVIGATION
============================================================ */
.nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }
.nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }
.nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }
.nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }
.nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }
.nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }
.nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }
.nav-card:hover .nav-title { color: var(--void-accent); background: #000; }

/* ============================================================
PERSONNEL FILE
============================================================ */
.personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }
.id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }
.id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }
.void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }
.id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }
.id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }
.id-details li { margin-bottom: 5px; }
.id-details strong { color: var(--void-accent); margin-right: 5px; }
@media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }

/* ============================================================
CONVENIENT DISCUSSIONS (VOID THEME PATCH)
============================================================ */

/* 1. Comment Layers & Backgrounds */
.cd-comment-part,
.cd-comment-part-first,
.cd-comment-part-last {
background-color: transparent !important;
color: var(--void-text) !important;
}

/* 2. The "Reply" Button */
.cd-replyButton {
font-family: 'Consolas', monospace;
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
color: var(--void-accent) !important;
opacity: 0.7;
}
.cd-replyButton:hover {
opacity: 1;
text-shadow: 0 0 5px var(--void-accent);
}

/* 3. The Reply Form (Text Area) */
.cd-commentForm-panel {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
padding: 15px;
}

.cd-commentForm-textarea {
background-color: #050505 !important;
color: #00ff9f !important; /* Terminal Green Typing */
border: 1px solid #333 !important;
font-family: 'Consolas', monospace !important;
}

/* 4. Form Buttons (Reply / Cancel) */
.cd-button-action, .oo-ui-buttonElement-button {
background-color: #1a1a24 !important;
color: #fff !important;
border: 1px solid var(--void-accent) !important;
}

/* 5. Popups & Dialogs */
.cd-dialog-panel, .oo-ui-window-frame {
background-color: var(--void-bg) !important;
border: 1px solid var(--void-accent) !important;
color: var(--void-text) !important;
}

/* 6. Thread Lines (The visual threading on the left) */
.cd-thread-line {
border-left-color: #333 !important;
}
.cd-thread-line:hover {
border-left-color: var(--void-accent) !important;
}

/* ============================================================
ONYX REGISTRY: VISUALS & BAR GRAPHS
============================================================ */

/* 1. The Main Ledger Container */
.onyx-ledger {
width: 100%;
border-collapse: collapse;
background: #050505;
font-family: 'Consolas', monospace;
border: 1px solid #333;
}

/* 2. Tier Headers (The Telescopic Row look) */
.onyx-tier-header {
background: #13131a;
color: #DAA520; /* Dealer Gold */
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #DAA520;
cursor: pointer;
}

/* 3. The Stat Bar Graphs */
.stat-bar-container {
width: 100px;
height: 8px;
background: #1a1a24;
border: 1px solid #333;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}

.stat-bar-fill {
height: 100%;
/* width is removed from here so the template can set it */
background: #21b0cd;
box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);
transition: width 0.8s ease-out;
}

/* Ensure the containers don't allow overflow */
.stat-bar-container {
background: #111;
border: 1px solid #222;
height: 6px;
width: 100%;
position: relative;
overflow: hidden; /* Keeps the bars inside the box */
}

/* Specific colors for classes */
.row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }
.row-class-a { border-left: 4px solid #a020f0; }
.row-class-b { border-left: 4px solid #DAA520; }
.row-class-c { border-left: 4px solid #666; }

/* 4. The Interactive Search/Jump Bar */
#onyx-scanner-input {
background: #000;
color: #DAA520;
border: 1px solid #DAA520;
padding: 10px;
width: 100%;
font-family: 'Consolas', monospace;
margin-bottom: 20px;
box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);
}

.stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }
.stat-label { font-size: 0.7em; color: #555; font-weight: bold; }
.stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }
.stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }
.onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }
.onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }
.onyx-row { transition: all 0.3s ease; }

/* ============================================================
ONYX REGISTRY: THRESHOLD LEGEND
============================================================ */
.onyx-legend-bar {
display: flex;
justify-content: space-between;
background: #0f0f14;
border: 1px solid #333;
padding: 8px 15px;
margin-bottom: 10px;
font-family: 'Consolas', monospace;
font-size: 0.75em;
}
.threshold-item { color: #888; }
.t-label { color: #555; font-weight: bold; }
.t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }

/* Mobile optimization for the legend */
@media (max-width: 600px) {
.onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }
}

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES
============================================================ */

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES (FIXED & TABBED)
============================================================ */

/* 1. THE INFOBOX (SIDE CARD) */
.dossier-card {
float: right;
width: 350px;
background: #0f0f14;
border: 1px solid #333;
border-top: 5px solid var(--void-accent);
margin: 0 0 20px 20px;
font-family: 'Consolas', monospace;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
clear: right;
}

.dossier-info-row {
display: flex;
justify-content: space-between;
padding: 8px 15px; /* Added more breathing room */
font-size: 0.85em;
border-bottom: 1px solid #1a1a24;
}

.dossier-label {
color: #888;
font-weight: bold;
padding-right: 10px; /* Prevents text from sticking to value */
}
.dossier-value { color: #d1d1d1; text-align: right; flex: 1; }

.dossier-image {
background: #050505;
text-align: center;
overflow: hidden;
}
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* 2. DOSSIER STAT BARS (Fixed Height) */
.dossier-stats { padding: 15px; background: #0a0a0f; }
.dossier-stat-item { margin-bottom: 8px; }
.dossier-stat-label {
display: flex;
justify-content: space-between;
font-size: 0.75em;
margin-bottom: 2px;
color: #aaa;
}

/* 3. ART LOADOUT (CLICKABLE TABS) */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f;
}

/* Tab Headers */
.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* Force side-by-side */
flex-wrap: nowrap !important;
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto; /* Allow horizontal scroll on phones */
}

.loadout-navigation span {
padding: 10px 15px;
font-size: 0.75em;
color: #666;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
border-right: 1px solid #333;
}

.loadout-navigation span:hover { color: #fff; background: #222; }

/* The Content Area */
.loadout-content {
padding: 20px;
min-height: 100px;
}

/* 4. MOBILE OVERRIDE (Stack everything) */
@media (max-width: 991px) {
.dossier-card {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
}

/* ART LOADOUT STYLING */
.loadout-matrix { border: 1px solid #333; background: #0a0a0f; }
.loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }

.loadout-tab {
flex: 1 0 auto !important; /* Don't let them shrink */
text-align: center !important;
padding: 12px 15px !important;
background: transparent !important;
}

.loadout-tab:hover { color: #fff; background: #222; }

/* The Active Tab follows the Faction Color */
.loadout-tab.active {
background: #13131a;
color: var(--void-accent);
border-top: 2px solid var(--void-accent);
}

.loadout-content { padding: 25px; line-height: 1.6; }

/* ART LOADOUT FIXES */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f !important; /* DARK BACKGROUND */
}

.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* FORCE HORIZONTAL */
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto;
}

.loadout-tab {
padding: 12px 20px !important;
font-size: 0.75em !important;
color: #666 !important;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
border-right: 1px solid #333 !important;
}

.loadout-content {
background: #13131a !important; /* Matches Dossier dark grey */
color: #d1d1d1 !important;
border: none !important;
}

/* Fix the White Box in loadout (CDX/Bootstrap override) */
.loadout-content, .loadout-pane, .loadout-content p, .loadout-content ul, .loadout-content li {
background: transparent !important;
color: #d1d1d1 !important;
}

/* STAT BAR FIX: Remove forced 100% width */
.stat-bar-fill {
height: 100%;
/* width is handled by calc() in the template */
background: var(--void-accent) !important;
box-shadow: 0 0 10px var(--void-accent);
}

/* DOSSIER IMAGE RESPONSIVENESS */
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* DOSSIER IMAGE ZOOM SYSTEM */
.dossier-image-box {
width: 350px;
height: 350px;
background-color: #050505;
background-size: cover; /* Zooms image to fill the square */
background-position: center; /* Keeps face centered */
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #222;
font-family: 'Consolas', monospace;
font-size: 0.8em;
letter-spacing: 2px;
border-bottom: 1px solid #333;
}

/* Mobile Fix for the Image box */
@media (max-width: 991px) {
.dossier-image-box {
width: 100%;
height: auto;
aspect-ratio: 1 / 1; /* Maintains square shape on phones */
}
}
/* ============================================================
JADNIX FORUM ENGINE (CONVENIENT DISCUSSIONS OVERHAUL)
============================================================ */

/* 1. THE COMMENT CARD */
.cd-comment-part {
background-color: #13131a !important;
border: 1px solid #333 !important;
border-radius: 4px;
padding: 15px !important;
margin-bottom: 12px !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.5);
display: block !important; /* Ensure vertical stacking */
overflow: hidden;
}

/* 2. THE SIGNATURE (Simple Header Look) */
.cd-signature {
display: block;
background: #1a1a24;
padding: 8px 15px !important;
margin: 0 0 10px 0 !important; /* Removed negative margins */
border-bottom: 1px solid #333;
font-family: 'Consolas', monospace;
font-size: 0.85em;
color: #888 !important;
}

.cd-signature .mw-userlink {
color: var(--void-accent) !important;
font-weight: bold;
text-transform: uppercase;
}

/* 3. THREADING */
.cd-comment-level:not(.cd-comment-level-0) {
border-left: 3px solid #333 !important;
margin-left: 20px !important;
padding-left: 15px !important;
}

/* 4. EMERGENCY IMAGE KILLER */
/* If any ghost script tries to inject an image, this hides it */
.cd-comment-avatar, .j-avatar-img, .cd-comment-part img {
display: none !important;
}

/* 5. ACTION BUTTONS */
.cd-comment-actions {
margin-top: 10px;
padding-top: 5px;
border-top: 1px dashed #222;
}
/* ============================================================
MISC THINGS I DON'T KNOW WHERE ELSE TO PUT
============================================================ */

/* Remove the "Powered By" icons, and icons in the footer in general */
#footer-icons, .footer-icons {
display: none !important;
}

/* Special footer look to fit the site theme */
.mw-footer {
background-color: #050505 !important;
border-top: 1px solid #333 !important;
font-family: 'Consolas', monospace;
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 1px;
}

.mw-footer a {
color: #555 !important;
}

.mw-footer a:hover {
color: var(--void-accent) !important;
text-shadow: 0 0 5px var(--void-accent);
}

/* Hide the Convenient Discussions 'Run once' link in the footer */
#footer-places-convenient-discussions-run {
display: none !important;
}

/* ============================================================
JADNIX CONVENIENT DISCUSSIONS: PREVIEW & DIFF PATCH
============================================================ */

/* 1. Fix the blinding white Preview Box */
.cd-commentForm-previewArea {
background-color: #050505 !important; /* Darkest terminal background */
color: #d1d1d1 !important;
border: 1px solid var(--void-accent) !important;
margin-top: 10px !important;
padding: 10px !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
}

/* 2. Fix the blinding white "View Changes" (Diff) Table */
table.diff, .diff td, .diff th {
background-color: #0f0f14 !important;
border-color: #333 !important;
color: #d1d1d1 !important;
}

/* The empty/unchanged context lines */
td.diff-context {
background-color: #0a0a0f !important;
color: #666 !important;
border-color: #222 !important;
}

/* The + / - Markers */
td.diff-marker {
background-color: #050505 !important;
color: #888 !important;
border: none !important;
font-weight: bold;
}

/* Lines that were ADDED (+) */
td.diff-addedline {
background-color: #13131a !important;
border-color: var(--void-accent) !important;
}
td.diff-addedline .diffchange {
background-color: rgba(160, 32, 240, 0.4) !important; /* Semi-transparent purple highlight */
color: #fff !important;
font-weight: bold;
border-radius: 2px;
}

/* Lines that were REMOVED (-) */
td.diff-deletedline {
background-color: #1a0d0d !important; /* Very dark red */
border-color: #ff4500 !important;
}
td.diff-deletedline .diffchange {
background-color: rgba(255, 69, 0, 0.3) !important;
color: #ffcaaf !important;
text-decoration: line-through;
border-radius: 2px;
}

/* 3. The "Changes" Header Text */
.cd-commentForm-diff > div:first-child {
color: var(--void-accent) !important;
font-weight: bold !important;
font-family: 'Consolas', monospace;
text-transform: uppercase;
margin-bottom: 5px;
}

/* ============================================================
R&R CORPS: SEAM FRACTURE TRACKER
============================================================ */

/* The Main Scrolling Viewport */
.seam-tracker-viewport {
width: 100%;
overflow-x: auto;
padding: 20px 0 40px 0;
background: #0a0a0f;
border: 1px solid #21b0cd; /* Skipper Blue Border */
box-shadow: inset 0 0 20px rgba(33, 176, 205, 0.1);
}

/* Custom Scrollbar for the Tracker */
.seam-tracker-viewport::-webkit-scrollbar { height: 10px; }
.seam-tracker-viewport::-webkit-scrollbar-track { background: #050505; border-top: 1px solid #333; }
.seam-tracker-viewport::-webkit-scrollbar-thumb { background: #21b0cd; border-radius: 5px; }

/* The Track holding the Cards */
.seam-track {
display: flex;
gap: 20px;
padding: 0 20px;
align-items: flex-start; /* Keeps cards from stretching to match the tallest one */
}

/* The Individual Seam Card */
.seam-card {
flex: 0 0 280px; /* Fixed width, won't shrink */
background: #13131a;
border: 1px solid #333;
border-top: 4px solid var(--seam-color, #888);
display: flex;
flex-direction: column;
font-family: 'Consolas', monospace;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.seam-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.8), 0 0 15px var(--seam-color, #888);
}

/* Card Header (ID & Dot) */
.seam-card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
background: #1a1a24;
border-bottom: 1px solid #333;
color: #fff;
font-size: 1.2em;
font-weight: bold;
}

/* The Glowing Stability Dot */
.seam-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--seam-color, #888);
box-shadow: 0 0 8px var(--seam-color, #888);
}

/* Image / Static Area */
.seam-card-image {
height: 160px;
background: #050505;
border-bottom: 1px solid #333;
position: relative;
overflow: hidden;
}

.seam-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* "NO SIGNAL" CSS Static Animation */
.seam-static {
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, #111 0px, #222 2px, #111 4px);
animation: static-flicker 0.1s infinite;
display: flex;
align-items: center;
justify-content: center;
color: #444;
font-size: 1.5em;
letter-spacing: 2px;
}

@keyframes static-flicker {
0% { background-position: 0 0; }
50% { background-position: 10px 10px; }
100% { background-position: -10px -5px; }
}

/* Epithet / Name Area */
.seam-card-epithet {
padding: 15px;
text-align: center;
color: #d1d1d1;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Nested Seams (The Dropdown) */
.seam-nested-container {
max-height: 0;
overflow: hidden;
background: #0a0a0f;
transition: max-height 0.4s ease-in-out;
}

/* Expands on desktop hover OR mobile tap/focus */
.seam-card:hover .seam-nested-container,
.seam-card:focus-within .seam-nested-container {
max-height: 300px;
border-top: 1px dashed #333;
}

.nested-seam-item {
display: flex;
justify-content: space-between;
padding: 8px 15px;
font-size: 0.8em;
border-bottom: 1px solid #111;
color: #888;
transition: background 0.2s, color 0.2s;
}

.nested-seam-item:hover {
background: #1a1a24;
color: #fff;
cursor: crosshair;
}

/* Stability Color Variables */
.rating-anchored { --seam-color: #00ff9f; } /* Green */
.rating-volatile { --seam-color: #ffd700; } /* Yellow */
.rating-fractured { --seam-color: #ff4500; } /* Red */
.rating-realm { --seam-color: #a020f0; } /* Purple */
.rating-null { --seam-color: #888888; } /* Grey */

/* ============================================================
JADNIX SEAM PAGE TEMPLATE: CUSTODY SPINE & MARGINALIA
============================================================ */

/* 1. The Cinematic Banner */
.seam-page-banner {
position: relative;
width: 100%;
height: 250px;
background: #050505;
border: 1px solid #333;
border-bottom: 3px solid #fff; /* Changes dynamically via inline style */
margin-bottom: 30px;
overflow: hidden;
}

/* 2. Banner Metadata Overlay */
.seam-banner-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, rgba(10,10,15,1), rgba(10,10,15,0.8) 60%, transparent);
padding: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}

.seam-banner-title {
font-family: 'Consolas', monospace;
}
.seam-banner-title h1 {
font-size: 2.5em;
color: #fff !important;
border: none !important;
margin: 0 0 5px 0 !important;
text-shadow: 0 0 10px rgba(255,255,255,0.3);
}
.seam-banner-title h2 {
font-size: 1.2em;
color: #aaa !important;
border: none !important;
margin: 0 !important;
text-transform: uppercase;
letter-spacing: 2px;
}

/* 3. The Shifting Custody Spine */
.seam-custody-section {
padding: 0 0 40px 30px;
margin-bottom: 0;
font-size: 1.05em;
line-height: 1.6;
}
.custody-still { border-left: 5px solid #a020f0; }
.custody-skipper { border-left: 5px solid #21b0cd; }
.custody-dealer { border-left: 5px solid #DAA520; }

.seam-custody-section h2 {
margin-top: 0 !important;
padding-top: 10px;
}

/* 4. The Marginalia (Injection Boxes) */
.seam-injection {
background: #13131a;
border: 1px solid #333;
padding: 15px 20px;
margin: 20px 0 20px 40px;
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
font-size: 0.95em;
position: relative;
}

/* Injection Faction Colors */
.inj-still { border-left: 4px solid #a020f0; }
.inj-skipper { border-left: 4px solid #21b0cd; }
.inj-dealer { border-left: 4px solid #DAA520; }

.seam-injection-header {
font-family: 'Consolas', monospace;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
border-bottom: 1px dashed #333;
padding-bottom: 5px;
}

.inj-still .seam-injection-header { color: #a020f0; }
.inj-skipper .seam-injection-header { color: #21b0cd; }
.inj-dealer .seam-injection-header { color: #DAA520; }

/* ============================================================
JADNIX SEAM PAGE: ATTACHED IMAGE GALLERY
============================================================ */

/* The Collapsible Wrapper */
.seam-gallery-wrapper {
background: #0f0f14;
border: 1px solid #333;
margin-top: 20px;
padding: 10px;
}

/* The Horizontal Scroll Track */
.seam-gallery-viewport {
width: 100%;
overflow-x: auto;
padding: 15px 0;
margin-top: 10px;
border-top: 1px dashed #333;
}
.seam-gallery-viewport::-webkit-scrollbar { height: 8px; }
.seam-gallery-viewport::-webkit-scrollbar-track { background: #050505; }
.seam-gallery-viewport::-webkit-scrollbar-thumb { background: #555; border-radius: 4px; }

.seam-gallery-track {
display: flex;
gap: 15px;
}

/* The Image Cards */
.seam-gallery-card {
flex: 0 0 250px;
height: 180px;
background: #050505;
border: 1px solid #222;
position: relative;
cursor: zoom-in; /* Tells the user they can click it */
overflow: hidden;
}

.seam-gallery-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.2s;
}

.seam-gallery-card:hover img {
transform: scale(1.05); /* Slight hover zoom */
}

Seam 2.99

2026-05-05T02:15:42Z

Sinvrh:

{{DISPLAYTITLE:Seam 2.99: Almost-Home}}
<div class="faction-skipper">
<div class="seam-page-banner" style="border-bottom-color: #ffd700;">

<div class="seam-static" style="width: 100%; height: 100%;">NO SIGNAL</div>

<div class="seam-banner-meta">
<div class="seam-banner-title">
<h1>2.99</h1>
<h2>Almost-Home // False World</h2>
</div>
<div style="text-align:right; font-family: 'Consolas';">
<div style="color: #ffd700; font-weight: bold; font-size: 1.2em; text-shadow: 0 0 10px #ffd700;">🟡 VOLATILE</div>
<div style="color: #888; font-size: 0.8em; margin-top: 5px;">REPORT BY: TEAM ODDITY</div>
</div>
</div>
</div>

<div style="font-family: 'Georgia', serif; font-style: italic; font-size: 1.2em; color: #ccc; text-align: center; margin-bottom: 40px;">
"Stay a while, you’ve been away for too long, honey. Supper’s almost done…"
</div>




<div class="seam-custody-section custody-still">
<h2 style="color: #a020f0; border-bottom: 1px solid #a020f0;">ARCHIVAL SYNOPSIS</h2>

Seam 2.99’s familiar, and pretty. A really, really pretty trap. At first glance, you may think you’re back home, or someplace docile and stable for once; a safe place. You might see flat suburbs, or pop-out buildings with nice people waving at you. You will see the golden sunlight obscured by things you can’t see, and paved roads always well-kept, holding the smell of barbecue smoke. You will feel relieved. Do not feel relief. That is how the Almost-Home hunts and entraps others.

The Almost-Home is an asymptotic reality, it gets extremely close to being real, but misses the mark by a sliver of a percent. Most commonly, if not semi-permanently, it will look like a sprawling neighborhood frozen forever in a golden hour, its architecture shifting subtly to match whatever is given too much thought in your mind. It’ll try to get you to move in by convincing you that you already have.

<h3 style="color: #a020f0;">Seam Groups</h3>
There is only one notable Group in this Seam, and they are deemed fairly dangerous.

* '''The Nearly-Settled:''' a group of former Surveyors and Skippers / Dealers of the WSG, along with other non-related wanderers who got lost or decided to stay in the Seam; they gave into the illusion. They live in the houses, and truly believe they made it home, with some telling others that they’re “just about settled in”. The Nearly-Settled can be found within the Cul-de-sacs of Denial. They will try to convince you to stay, getting aggressive about their happiness when questioned. Some might even try to physically drag you and/or your group into a house to “have dinner” with some of the “family” that’s over to visit, subconsciously mimicking the voices of those you personally love to prove their point.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">DEALER INJECTION // MAY</div>
Do not trust them. Not because they’re bad people, but because they cannot help that they won’t be people at all anymore soon; they’re starting to look like the Nighbares.
</div>

<h3 style="color: #a020f0;">Seam Items</h3>
There’s a few Items we found in this Seam, both found in abundance.

* '''Welcome Basket (I1-2.99):''' a wicker basket found on the doorstep of every house in eyesight, but never at any house boarded up, being worked on, dead, out of eyesight, or not occupied. It has some fruit in it that never rots and a card that says “Welcome Home, Lemen” (but for you or anyone reading this, it’ll say your name instead). The card ink’s always fresh, and the fruit rejuvenates you instantly, but makes you seriously sick if you leave the Seam within the same hour.

* '''Garden Hose (I2-2.99):''' a green water hose coiled in some yards, but when touched, it springs to “life” and tries to constrict around the nearest limb and shove its upper part down the esophagus of the restrained. Afterwards, it’ll turn itself on and pump what looks like water into the victim, but instead of filling them up, the liquid hollows them out until they wrinkle. Letting this happen for long enough will turn them into another hose.

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">SKIPPER INJECTION // JAX</div>
If you manage to evade the initial constriction, or straighten it back out, it can actually be used as a weapon, as the water output is like a firetruck’s, with far more precise pressure capable of cutting rock. But seriously, do not mess with the hoses unless you have to.
</div>
</div>




<div class="seam-custody-section custody-skipper">
<h2 style="color: #21b0cd; border-bottom: 1px solid #21b0cd;">FIELD RECONNAISSANCE</h2>

<h3 style="color: #21b0cd;">The Land</h3>
Y’know those weird parallax drawings that show up in plays and games and such? I think there was one on the Gameboy… What was the game? That thing, if you know what I’m talking about, then great. If you don’t… it’s hard to explain. Like with most flat places, it’s hard to turn your head if you don’t know what to look for. Well, it sort of snaps, your head that is, from left to right, as if there ain’t a “middle” position. While you walk, like I said everything moves like a parallax with some depth.

Everything here looks like a real old, but nice neighborhood. The kind you might see a grandmama and your pops live in in their youth. We saw some cul-de-sacs that loop back into each other in some real weird ways, and the parallax effect or whatever is weird too. I passed the same mailbox six times while walking north. Grass’ all manicured but feels like astroturf-mixed mud. Soil underneath’s just… grey static, like the place’s trying to stitch itself into Baseline.

<h3 style="color: #21b0cd;">The Sea</h3>
No oceans, but the water table’s odd. Every storm drain and backyard swimming pool is connected. Only the drains and backyard pools, nothing else. Gotta make that clear. Someone might be able to crawl through a drain and end up in a pool, like quick travel. Might be useful. The liquid is clear, smells like chlorine, and is far too viscous. It moves like syrup, just don't drink it like I did. It’ll make you REAL sick every three minutes or so. We left the place and I STILL feel sick.

<h3 style="color: #21b0cd;">The Sky & Weather</h3>
A perfect, cloudless gradient of orange and purple. It looks painted. There’s no sun, but there IS light. Like an old school lightbox. It was one of the only things that really tipped us off that we weren’t in Baseline but real damn close to it.

Static. No wind. No rain. No nothing. Just that heavy, warm stillness that happens right before a tornado, but the tornado never comes. You get what I’m saying? It’s calm, but too calm, like the entire world’s holding its breath, waiting for something real nasty to pop out. It made me real anxious all the time.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">DEALER INJECTION // MAY</div>
Time doesn't seem to do shit here; it is always late afternoon on a summer Friday. I’m not complaining, it feels nice, but the longer you stay in the light, the warmer you feel. After a few hours I started to call Jax "sweetie", but snapped out of it when we took a breather in the shade. Beware the sky.
</div>

<h3 style="color: #21b0cd;">Unique Properties</h3>
I’m the first to experience it, right? So I get to name it, right? I’m calling it “Memory Molding”. This place reads your mind, but I don’t think it’s actually sentient. Figure of speech, a little: if you think about your childhood bike, you'll find it leaning against a fence. If you think about your mom, you'll hear her voice coming from an open window. But it never changes so much that it breaks the setting.

If you ignore too much of the Memory Molding, your brain will literally start to mold, like it’s punishing you for denying it something it desperately wants.

Guess it’s real worth mentioning this weird ass thing that happens after a few hours, or maybe a few minutes. It was hard to track, but often, everything will just… fold on itself. It’s not dangerous I don’t think, but hell is it disorienting. The entire neighborhood will fold, it’ll be like it just duplicated itself to the other side of you. A mirror effect, so whatever house you were looking at will be behind you, but upside down and inverted (except for the furniture and people).
</div>




<div class="seam-custody-section custody-dealer">
<h2 style="color: #DAA520; border-bottom: 1px solid #DAA520;">RISK ASSESSMENT & SUBJECTS</h2>

<h3 style="color: #DAA520;">Seam Subjects</h3>
The Subjects here could be considered a swarm when hostile, and they can be very hostile.

* '''Nighbares (Subject 1-2.99):''' the natural denizens of this fine Seam, they are the apex predators here, as well as one another’s neighbor. We chose this name for them because when provoked, they attempt to strip their victims bare of anything that isn’t like them, from flesh to secrets, and it is nigh-impossible to escape a swarm of them without some serious firepower. Do all you can to ignore the Nighbares, as if you wave back at them, they freeze, and stare at you. If you then approach one, their jaws will unhinge and their skin will peel like an orange to reveal something Abyssal in nature.

<div class="seam-injection inj-still">
<div class="seam-injection-header">STILL INJECTION // LEMEN</div>
May noted that one of them looked like her lost husband. The illusion is strong. Do not let sentimentality get you killed. They aim for the eyes and outer skin first before consuming your face to replace later. After the assault, they will go back to being polite.
</div>

* '''Baring Paperboy (Subject 2-2.99):''' a small boy on a bicycle that rides down the street at a set interval. He shares an appearance with the Nighbares, and can sometimes be seen off his bike when no Nighbares are nearby waving. He ignores you completely unless you block his path, and I do advise against it unless you enjoy having your eardrums shattered like glass. Buying some of his newspapers will befriend him to you (you specifically, not your group)! Afterwards, he becomes open to trading with you and may even lead you deeper into the Seam.

<div class="seam-injection inj-still">
<div class="seam-injection-header">STILL INJECTION // LEMEN</div>
Update: May took one with us. We changed his clothes to a nice outfit of black and gold so he is easily noticeable (he is considered Subject 2.1-2.99 now). To any that run into him, he is now officially a Dealer. Unsanctioned extraction, but House Voidseed approved it retroactively.
</div>

<h3 style="color: #DAA520;">Gateways</h3>
I’m a woman of honor, so I will admit that getting stuck in this place was… slightly my fault. If you ask Jax, it was supposed to be “simple shit”, an easy skip from where we were back to Baseline, but I convinced him to use a new skeleton key I made.

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">SKIPPER INJECTION // JAX</div>
It WAS supposed to be simple shit! She used a prototype! The door didn’t open out, it opened INWARD, smacked us in the face, and we woke up on a lawn. Don't let her downplay it.
</div>

Speaking of left, we did so by finding a dead home, for lack of better word, after around three days. A house completely empty and worn down as if it were being repaired. We went in, the front door was unlocked, and we returned back to Baseline. However… a small part of me wishes we never found that exit, or at least, I did not open it for them. It was only found after we all stopped wishing we were home.

<h3 style="color: #DAA520;">Dealer Legal Advice</h3>
When opening a gateway or providing the means to get to this place, please tell your group or clients to not enter any house, even if the door is open! I’m not sure what happens if you do, but we did see someone enter and never come out, however we could see them through the window.

Acknowledging the Nighbares is another no-no, but feel free to acknowledge the fact that they do not exist, even if we both know they do. Try your best and focus on something unfamiliar, hateful, or distasteful, like a messy breakup… or a lost husband. Anger and resentment keeps things stable. Nostalgia destabilizes everything.
</div>

Seam 2.99

2026-05-05T02:09:17Z

Sinvrh:

<div class="faction-skipper">
<div class="seam-page-banner" style="border-bottom-color: #ffd700;">

<div class="seam-static" style="width: 100%; height: 100%;">NO SIGNAL</div>

<div class="seam-banner-meta">
<div class="seam-banner-title">
<h1>2.99</h1>
<h2>Almost-Home // False World</h2>
</div>
<div style="text-align:right; font-family: 'Consolas';">
<div style="color: #ffd700; font-weight: bold; font-size: 1.2em; text-shadow: 0 0 10px #ffd700;">🟡 VOLATILE</div>
<div style="color: #888; font-size: 0.8em; margin-top: 5px;">REPORT BY: TEAM ODDITY</div>
</div>
</div>
</div>

<div style="font-family: 'Georgia', serif; font-style: italic; font-size: 1.2em; color: #ccc; text-align: center; margin-bottom: 40px;">
"Stay a while, you’ve been away for too long, honey. Supper’s almost done…"
</div>




<div class="seam-custody-section custody-still">
<h2 style="color: #a020f0; border-bottom: 1px solid #a020f0;">ARCHIVAL SYNOPSIS</h2>

Seam 2.99’s familiar, and pretty. A really, really pretty trap. At first glance, you may think you’re back home, or someplace docile and stable for once; a safe place. You might see flat suburbs, or pop-out buildings with nice people waving at you. You will see the golden sunlight obscured by things you can’t see, and paved roads always well-kept, holding the smell of barbecue smoke. You will feel relieved. Do not feel relief. That is how the Almost-Home hunts and entraps others.

The Almost-Home is an asymptotic reality, it gets extremely close to being real, but misses the mark by a sliver of a percent. Most commonly, if not semi-permanently, it will look like a sprawling neighborhood frozen forever in a golden hour, its architecture shifting subtly to match whatever is given too much thought in your mind. It’ll try to get you to move in by convincing you that you already have.

<h3 style="color: #a020f0;">Seam Groups</h3>
There is only one notable Group in this Seam, and they are deemed fairly dangerous.

* '''The Nearly-Settled:''' a group of former Surveyors and Skippers / Dealers of the WSG, along with other non-related wanderers who got lost or decided to stay in the Seam; they gave into the illusion. They live in the houses, and truly believe they made it home, with some telling others that they’re “just about settled in”. The Nearly-Settled can be found within the Cul-de-sacs of Denial. They will try to convince you to stay, getting aggressive about their happiness when questioned. Some might even try to physically drag you and/or your group into a house to “have dinner” with some of the “family” that’s over to visit, subconsciously mimicking the voices of those you personally love to prove their point.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">DEALER INJECTION // MAY</div>
Do not trust them. Not because they’re bad people, but because they cannot help that they won’t be people at all anymore soon; they’re starting to look like the Nighbares.
</div>

<h3 style="color: #a020f0;">Seam Items</h3>
There’s a few Items we found in this Seam, both found in abundance.

* '''Welcome Basket (I1-2.99):''' a wicker basket found on the doorstep of every house in eyesight, but never at any house boarded up, being worked on, dead, out of eyesight, or not occupied. It has some fruit in it that never rots and a card that says “Welcome Home, Lemen” (but for you or anyone reading this, it’ll say your name instead). The card ink’s always fresh, and the fruit rejuvenates you instantly, but makes you seriously sick if you leave the Seam within the same hour.

* '''Garden Hose (I2-2.99):''' a green water hose coiled in some yards, but when touched, it springs to “life” and tries to constrict around the nearest limb and shove its upper part down the esophagus of the restrained. Afterwards, it’ll turn itself on and pump what looks like water into the victim, but instead of filling them up, the liquid hollows them out until they wrinkle. Letting this happen for long enough will turn them into another hose.

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">SKIPPER INJECTION // JAX</div>
If you manage to evade the initial constriction, or straighten it back out, it can actually be used as a weapon, as the water output is like a firetruck’s, with far more precise pressure capable of cutting rock. But seriously, do not mess with the hoses unless you have to.
</div>
</div>




<div class="seam-custody-section custody-skipper">
<h2 style="color: #21b0cd; border-bottom: 1px solid #21b0cd;">FIELD RECONNAISSANCE</h2>

<h3 style="color: #21b0cd;">The Land</h3>
Y’know those weird parallax drawings that show up in plays and games and such? I think there was one on the Gameboy… What was the game? That thing, if you know what I’m talking about, then great. If you don’t… it’s hard to explain. Like with most flat places, it’s hard to turn your head if you don’t know what to look for. Well, it sort of snaps, your head that is, from left to right, as if there ain’t a “middle” position. While you walk, like I said everything moves like a parallax with some depth.

Everything here looks like a real old, but nice neighborhood. The kind you might see a grandmama and your pops live in in their youth. We saw some cul-de-sacs that loop back into each other in some real weird ways, and the parallax effect or whatever is weird too. I passed the same mailbox six times while walking north. Grass’ all manicured but feels like astroturf-mixed mud. Soil underneath’s just… grey static, like the place’s trying to stitch itself into Baseline.

<h3 style="color: #21b0cd;">The Sea</h3>
No oceans, but the water table’s odd. Every storm drain and backyard swimming pool is connected. Only the drains and backyard pools, nothing else. Gotta make that clear. Someone might be able to crawl through a drain and end up in a pool, like quick travel. Might be useful. The liquid is clear, smells like chlorine, and is far too viscous. It moves like syrup, just don't drink it like I did. It’ll make you REAL sick every three minutes or so. We left the place and I STILL feel sick.

<h3 style="color: #21b0cd;">The Sky & Weather</h3>
A perfect, cloudless gradient of orange and purple. It looks painted. There’s no sun, but there IS light. Like an old school lightbox. It was one of the only things that really tipped us off that we weren’t in Baseline but real damn close to it.

Static. No wind. No rain. No nothing. Just that heavy, warm stillness that happens right before a tornado, but the tornado never comes. You get what I’m saying? It’s calm, but too calm, like the entire world’s holding its breath, waiting for something real nasty to pop out. It made me real anxious all the time.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">DEALER INJECTION // MAY</div>
Time doesn't seem to do shit here; it is always late afternoon on a summer Friday. I’m not complaining, it feels nice, but the longer you stay in the light, the warmer you feel. After a few hours I started to call Jax "sweetie", but snapped out of it when we took a breather in the shade. Beware the sky.
</div>

<h3 style="color: #21b0cd;">Unique Properties</h3>
I’m the first to experience it, right? So I get to name it, right? I’m calling it “Memory Molding”. This place reads your mind, but I don’t think it’s actually sentient. Figure of speech, a little: if you think about your childhood bike, you'll find it leaning against a fence. If you think about your mom, you'll hear her voice coming from an open window. But it never changes so much that it breaks the setting.

If you ignore too much of the Memory Molding, your brain will literally start to mold, like it’s punishing you for denying it something it desperately wants.

Guess it’s real worth mentioning this weird ass thing that happens after a few hours, or maybe a few minutes. It was hard to track, but often, everything will just… fold on itself. It’s not dangerous I don’t think, but hell is it disorienting. The entire neighborhood will fold, it’ll be like it just duplicated itself to the other side of you. A mirror effect, so whatever house you were looking at will be behind you, but upside down and inverted (except for the furniture and people).
</div>




<div class="seam-custody-section custody-dealer">
<h2 style="color: #DAA520; border-bottom: 1px solid #DAA520;">RISK ASSESSMENT & SUBJECTS</h2>

<h3 style="color: #DAA520;">Seam Subjects</h3>
The Subjects here could be considered a swarm when hostile, and they can be very hostile.

* '''Nighbares (Subject 1-2.99):''' the natural denizens of this fine Seam, they are the apex predators here, as well as one another’s neighbor. We chose this name for them because when provoked, they attempt to strip their victims bare of anything that isn’t like them, from flesh to secrets, and it is nigh-impossible to escape a swarm of them without some serious firepower. Do all you can to ignore the Nighbares, as if you wave back at them, they freeze, and stare at you. If you then approach one, their jaws will unhinge and their skin will peel like an orange to reveal something Abyssal in nature.

<div class="seam-injection inj-still">
<div class="seam-injection-header">STILL INJECTION // LEMEN</div>
May noted that one of them looked like her lost husband. The illusion is strong. Do not let sentimentality get you killed. They aim for the eyes and outer skin first before consuming your face to replace later. After the assault, they will go back to being polite.
</div>

* '''Baring Paperboy (Subject 2-2.99):''' a small boy on a bicycle that rides down the street at a set interval. He shares an appearance with the Nighbares, and can sometimes be seen off his bike when no Nighbares are nearby waving. He ignores you completely unless you block his path, and I do advise against it unless you enjoy having your eardrums shattered like glass. Buying some of his newspapers will befriend him to you (you specifically, not your group)! Afterwards, he becomes open to trading with you and may even lead you deeper into the Seam.

<div class="seam-injection inj-still">
<div class="seam-injection-header">STILL INJECTION // LEMEN</div>
Update: May took one with us. We changed his clothes to a nice outfit of black and gold so he is easily noticeable (he is considered Subject 2.1-2.99 now). To any that run into him, he is now officially a Dealer. Unsanctioned extraction, but House Voidseed approved it retroactively.
</div>

<h3 style="color: #DAA520;">Gateways</h3>
I’m a woman of honor, so I will admit that getting stuck in this place was… slightly my fault. If you ask Jax, it was supposed to be “simple shit”, an easy skip from where we were back to Baseline, but I convinced him to use a new skeleton key I made.

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">SKIPPER INJECTION // JAX</div>
It WAS supposed to be simple shit! She used a prototype! The door didn’t open out, it opened INWARD, smacked us in the face, and we woke up on a lawn. Don't let her downplay it.
</div>

Speaking of left, we did so by finding a dead home, for lack of better word, after around three days. A house completely empty and worn down as if it were being repaired. We went in, the front door was unlocked, and we returned back to Baseline. However… a small part of me wishes we never found that exit, or at least, I did not open it for them. It was only found after we all stopped wishing we were home.

<h3 style="color: #DAA520;">Dealer Legal Advice</h3>
When opening a gateway or providing the means to get to this place, please tell your group or clients to not enter any house, even if the door is open! I’m not sure what happens if you do, but we did see someone enter and never come out, however we could see them through the window.

Acknowledging the Nighbares is another no-no, but feel free to acknowledge the fact that they do not exist, even if we both know they do. Try your best and focus on something unfamiliar, hateful, or distasteful, like a messy breakup… or a lost husband. Anger and resentment keeps things stable. Nostalgia destabilizes everything.
</div>

Seam 2.99

2026-05-05T02:07:12Z

Sinvrh: Created page with "<div class="seam-page-banner" style="border-bottom-color: #ffd700;">  <div class="seam-static" style="width: 100%; height: 100%;">NO SIGNAL</div> <div class="seam-banner-meta"> <div class="seam-banner-title"> <h1>2.99</h1> <h2>Almost-Home // False World</h2> </div> <div style="text-align:right; font-family: 'Consolas';"> <div style="color: #ffd7..."

<div class="seam-page-banner" style="border-bottom-color: #ffd700;">

<div class="seam-static" style="width: 100%; height: 100%;">NO SIGNAL</div>

<div class="seam-banner-meta">
<div class="seam-banner-title">
<h1>2.99</h1>
<h2>Almost-Home // False World</h2>
</div>
<div style="text-align:right; font-family: 'Consolas';">
<div style="color: #ffd700; font-weight: bold; font-size: 1.2em; text-shadow: 0 0 10px #ffd700;">🟡 VOLATILE</div>
<div style="color: #888; font-size: 0.8em; margin-top: 5px;">REPORT BY: TEAM ODDITY</div>
</div>
</div>
</div>

<div style="font-family: 'Georgia', serif; font-style: italic; font-size: 1.2em; color: #ccc; text-align: center; margin-bottom: 40px;">
"Stay a while, you’ve been away for too long, honey. Supper’s almost done…"
</div>




<div class="seam-custody-section custody-still">
<h2 style="color: #a020f0; border-bottom: 1px solid #a020f0;">ARCHIVAL SYNOPSIS</h2>

Seam 2.99’s familiar, and pretty. A really, really pretty trap. At first glance, you may think you’re back home, or someplace docile and stable for once; a safe place. You might see flat suburbs, or pop-out buildings with nice people waving at you. You will see the golden sunlight obscured by things you can’t see, and paved roads always well-kept, holding the smell of barbecue smoke. You will feel relieved. Do not feel relief. That is how the Almost-Home hunts and entraps others.

The Almost-Home is an asymptotic reality, it gets extremely close to being real, but misses the mark by a sliver of a percent. Most commonly, if not semi-permanently, it will look like a sprawling neighborhood frozen forever in a golden hour, its architecture shifting subtly to match whatever is given too much thought in your mind. It’ll try to get you to move in by convincing you that you already have.

<h3 style="color: #a020f0;">Seam Groups</h3>
There is only one notable Group in this Seam, and they are deemed fairly dangerous.

* '''The Nearly-Settled:''' a group of former Surveyors and Skippers / Dealers of the WSG, along with other non-related wanderers who got lost or decided to stay in the Seam; they gave into the illusion. They live in the houses, and truly believe they made it home, with some telling others that they’re “just about settled in”. The Nearly-Settled can be found within the Cul-de-sacs of Denial. They will try to convince you to stay, getting aggressive about their happiness when questioned. Some might even try to physically drag you and/or your group into a house to “have dinner” with some of the “family” that’s over to visit, subconsciously mimicking the voices of those you personally love to prove their point.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">DEALER INJECTION // MAY</div>
Do not trust them. Not because they’re bad people, but because they cannot help that they won’t be people at all anymore soon; they’re starting to look like the Nighbares.
</div>

<h3 style="color: #a020f0;">Seam Items</h3>
There’s a few Items we found in this Seam, both found in abundance.

* '''Welcome Basket (I1-2.99):''' a wicker basket found on the doorstep of every house in eyesight, but never at any house boarded up, being worked on, dead, out of eyesight, or not occupied. It has some fruit in it that never rots and a card that says “Welcome Home, Lemen” (but for you or anyone reading this, it’ll say your name instead). The card ink’s always fresh, and the fruit rejuvenates you instantly, but makes you seriously sick if you leave the Seam within the same hour.

* '''Garden Hose (I2-2.99):''' a green water hose coiled in some yards, but when touched, it springs to “life” and tries to constrict around the nearest limb and shove its upper part down the esophagus of the restrained. Afterwards, it’ll turn itself on and pump what looks like water into the victim, but instead of filling them up, the liquid hollows them out until they wrinkle. Letting this happen for long enough will turn them into another hose.

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">SKIPPER INJECTION // JAX</div>
If you manage to evade the initial constriction, or straighten it back out, it can actually be used as a weapon, as the water output is like a firetruck’s, with far more precise pressure capable of cutting rock. But seriously, do not mess with the hoses unless you have to.
</div>
</div>




<div class="seam-custody-section custody-skipper">
<h2 style="color: #21b0cd; border-bottom: 1px solid #21b0cd;">FIELD RECONNAISSANCE</h2>

<h3 style="color: #21b0cd;">The Land</h3>
Y’know those weird parallax drawings that show up in plays and games and such? I think there was one on the Gameboy… What was the game? That thing, if you know what I’m talking about, then great. If you don’t… it’s hard to explain. Like with most flat places, it’s hard to turn your head if you don’t know what to look for. Well, it sort of snaps, your head that is, from left to right, as if there ain’t a “middle” position. While you walk, like I said everything moves like a parallax with some depth.

Everything here looks like a real old, but nice neighborhood. The kind you might see a grandmama and your pops live in in their youth. We saw some cul-de-sacs that loop back into each other in some real weird ways, and the parallax effect or whatever is weird too. I passed the same mailbox six times while walking north. Grass’ all manicured but feels like astroturf-mixed mud. Soil underneath’s just… grey static, like the place’s trying to stitch itself into Baseline.

<h3 style="color: #21b0cd;">The Sea</h3>
No oceans, but the water table’s odd. Every storm drain and backyard swimming pool is connected. Only the drains and backyard pools, nothing else. Gotta make that clear. Someone might be able to crawl through a drain and end up in a pool, like quick travel. Might be useful. The liquid is clear, smells like chlorine, and is far too viscous. It moves like syrup, just don't drink it like I did. It’ll make you REAL sick every three minutes or so. We left the place and I STILL feel sick.

<h3 style="color: #21b0cd;">The Sky & Weather</h3>
A perfect, cloudless gradient of orange and purple. It looks painted. There’s no sun, but there IS light. Like an old school lightbox. It was one of the only things that really tipped us off that we weren’t in Baseline but real damn close to it.

Static. No wind. No rain. No nothing. Just that heavy, warm stillness that happens right before a tornado, but the tornado never comes. You get what I’m saying? It’s calm, but too calm, like the entire world’s holding its breath, waiting for something real nasty to pop out. It made me real anxious all the time.

<div class="seam-injection inj-dealer">
<div class="seam-injection-header">DEALER INJECTION // MAY</div>
Time doesn't seem to do shit here; it is always late afternoon on a summer Friday. I’m not complaining, it feels nice, but the longer you stay in the light, the warmer you feel. After a few hours I started to call Jax "sweetie", but snapped out of it when we took a breather in the shade. Beware the sky.
</div>

<h3 style="color: #21b0cd;">Unique Properties</h3>
I’m the first to experience it, right? So I get to name it, right? I’m calling it “Memory Molding”. This place reads your mind, but I don’t think it’s actually sentient. Figure of speech, a little: if you think about your childhood bike, you'll find it leaning against a fence. If you think about your mom, you'll hear her voice coming from an open window. But it never changes so much that it breaks the setting.

If you ignore too much of the Memory Molding, your brain will literally start to mold, like it’s punishing you for denying it something it desperately wants.

Guess it’s real worth mentioning this weird ass thing that happens after a few hours, or maybe a few minutes. It was hard to track, but often, everything will just… fold on itself. It’s not dangerous I don’t think, but hell is it disorienting. The entire neighborhood will fold, it’ll be like it just duplicated itself to the other side of you. A mirror effect, so whatever house you were looking at will be behind you, but upside down and inverted (except for the furniture and people).
</div>




<div class="seam-custody-section custody-dealer">
<h2 style="color: #DAA520; border-bottom: 1px solid #DAA520;">RISK ASSESSMENT & SUBJECTS</h2>

<h3 style="color: #DAA520;">Seam Subjects</h3>
The Subjects here could be considered a swarm when hostile, and they can be very hostile.

* '''Nighbares (Subject 1-2.99):''' the natural denizens of this fine Seam, they are the apex predators here, as well as one another’s neighbor. We chose this name for them because when provoked, they attempt to strip their victims bare of anything that isn’t like them, from flesh to secrets, and it is nigh-impossible to escape a swarm of them without some serious firepower. Do all you can to ignore the Nighbares, as if you wave back at them, they freeze, and stare at you. If you then approach one, their jaws will unhinge and their skin will peel like an orange to reveal something Abyssal in nature.

<div class="seam-injection inj-still">
<div class="seam-injection-header">STILL INJECTION // LEMEN</div>
May noted that one of them looked like her lost husband. The illusion is strong. Do not let sentimentality get you killed. They aim for the eyes and outer skin first before consuming your face to replace later. After the assault, they will go back to being polite.
</div>

* '''Baring Paperboy (Subject 2-2.99):''' a small boy on a bicycle that rides down the street at a set interval. He shares an appearance with the Nighbares, and can sometimes be seen off his bike when no Nighbares are nearby waving. He ignores you completely unless you block his path, and I do advise against it unless you enjoy having your eardrums shattered like glass. Buying some of his newspapers will befriend him to you (you specifically, not your group)! Afterwards, he becomes open to trading with you and may even lead you deeper into the Seam.

<div class="seam-injection inj-still">
<div class="seam-injection-header">STILL INJECTION // LEMEN</div>
Update: May took one with us. We changed his clothes to a nice outfit of black and gold so he is easily noticeable (he is considered Subject 2.1-2.99 now). To any that run into him, he is now officially a Dealer. Unsanctioned extraction, but House Voidseed approved it retroactively.
</div>

<h3 style="color: #DAA520;">Gateways</h3>
I’m a woman of honor, so I will admit that getting stuck in this place was… slightly my fault. If you ask Jax, it was supposed to be “simple shit”, an easy skip from where we were back to Baseline, but I convinced him to use a new skeleton key I made.

<div class="seam-injection inj-skipper">
<div class="seam-injection-header">SKIPPER INJECTION // JAX</div>
It WAS supposed to be simple shit! She used a prototype! The door didn’t open out, it opened INWARD, smacked us in the face, and we woke up on a lawn. Don't let her downplay it.
</div>

Speaking of left, we did so by finding a dead home, for lack of better word, after around three days. A house completely empty and worn down as if it were being repaired. We went in, the front door was unlocked, and we returned back to Baseline. However… a small part of me wishes we never found that exit, or at least, I did not open it for them. It was only found after we all stopped wishing we were home.

<h3 style="color: #DAA520;">Dealer Legal Advice</h3>
When opening a gateway or providing the means to get to this place, please tell your group or clients to not enter any house, even if the door is open! I’m not sure what happens if you do, but we did see someone enter and never come out, however we could see them through the window.

Acknowledging the Nighbares is another no-no, but feel free to acknowledge the fact that they do not exist, even if we both know they do. Try your best and focus on something unfamiliar, hateful, or distasteful, like a messy breakup… or a lost husband. Anger and resentment keeps things stable. Nostalgia destabilizes everything.
</div>

MediaWiki:Common.css

2026-05-05T02:06:23Z

Sinvrh:

/* ============================================================
JADNIX CODEX: MEDIK VOID (FINAL MASTER)
============================================================ */

/* 1. ROOT VARIABLES */
:root {
--void-accent: #a020f0;
--void-bg: #0a0a0f;
--void-card: #13131a;
--void-text: #d1d1d1;
--void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */
}

/* 2. NUCLEAR BACKGROUND FIX */
html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {
background-color: var(--void-bg) !important;
background-image: none !important;
color: var(--void-text) !important;
}

/* SCANLINES */
body::before {
content: " ";
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background: repeating-linear-gradient(
0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px,
transparent 1px, transparent 2px
);
z-index: 9999;
pointer-events: none;
}

/* 3. HEADER LAYOUT */
.navbar-collapse { display: flex !important; flex-basis: auto !important; }
.navbar-nav { flex-direction: row !important; align-items: center; }
.nav-item { margin-right: 15px !important; margin-left: 15px !important; }

/* Header Text */
.navbar-nav .nav-link, .dropdown-toggle {
color: var(--void-text) !important;
font-family: 'Consolas', monospace;
font-size: 1.1em;
padding-bottom: 5px;
}
.navbar-nav .nav-link:hover, .dropdown-toggle:hover {
color: #ffffff !important;
text-shadow: 0 0 5px var(--void-accent);
}
.nav-item.active .nav-link {
font-weight: bold;
color: #fff !important;
border-bottom: 3px solid var(--void-accent);
}

/* 4. CONTENT CARD */
#content, .mw-body {
background-color: var(--void-card) !important;
border: 1px solid #333 !important;
border-left: 5px solid var(--void-accent) !important;
box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;
margin-top: 20px !important;
padding: 30px !important;
color: var(--void-text) !important;
}
.col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }

/* 5. SIDEBAR NAVIGATION FIX */
#mw-navigation .nav-link:hover,
.sidebar .nav-link:hover {
background-color: var(--void-hover) !important;
color: #fff !important;
padding-left: 20px !important;
opacity: 1 !important;
}

/* 6. GLOBAL TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
color: #fff !important;
font-family: 'Consolas', monospace;
border-bottom: 1px solid #333;
}
a {
color: var(--void-accent);
transition: 0.2s;
}
a:hover {
color: #fff;
text-shadow: 0 0 5px var(--void-accent);
text-decoration: none;
}

/* 7. DROPDOWNS */
.dropdown-menu {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
}
.dropdown-item { color: var(--void-text) !important; }
.dropdown-item:hover {
background-color: var(--void-accent) !important;
color: #fff !important;
}

/* ============================================================
FACTION THEMES
============================================================ */

/* DEALERS (Gold) */
body.theme-dealer {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
--font-family-system: 'Georgia', serif;
}
body.theme-dealer h1, body.theme-dealer h2 {
font-family: 'Georgia', serif;
color: #DAA520 !important;
}

/* SKIPPERS (Blue) */
body.theme-skipper {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
--font-family-system: 'Consolas', monospace;
}
body.theme-skipper h1, body.theme-skipper h2 {
color: #21b0cd !important;
}

/* STILL (Purple) */
body.theme-still {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
CRDD CALCULATOR
============================================================ */
#crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }
.crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }
.crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }
.crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }
.crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.crdd-input-group label { flex: 1; font-size: 0.9em; }
.crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }
.crdd-value-display { width: 30px; text-align: right; font-weight: bold; }
.crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }
#crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }
.crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }
@media only screen and (max-width: 768px) {
.crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }
.crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }
.crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }
.crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }
#crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }
}

/* ============================================================
SPLASH SCREEN (FULLSCREEN OVERRIDE & VARIABLES)
============================================================ */

/* 1. HIDE ALL INTERFACE ELEMENTS */
body.page-Warning #mw-navigation, /* The Sidebar */
body.page-Warning #mw-navbar, /* The Header */
body.page-Warning .navbar, /* Bootstrap Header */
body.page-Warning .mw-footer, /* The Footer */
body.page-Warning .sidebar, /* Legacy Sidebar */
body.page-Warning aside, /* Edit Tools */
body.page-Warning #catlinks { /* Categories */
display: none !important;
}

/* 2. REMOVE PADDING/MARGINS FROM BODY */
body.page-Warning #content,
body.page-Warning .mw-body {
margin: 0 !important;
padding: 0 !important;
border: none !important; /* Remove the Purple Left Border */
box-shadow: none !important;
background: transparent !important;
}

/* 3. THE FULLSCREEN CONTAINER */
body.page-Warning .splash-container {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: var(--void-bg) !important;
z-index: 2147483647 !important; /* Maximum Integer Value */
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 !important;
padding: 20px !important;
box-sizing: border-box !important;
}

/* 4. INNER BOX STYLING */
.splash-inner-wrapper {
width: 100%;
max-width: 500px;
border: 1px solid #333;
border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */
background: var(--void-card);
padding: 30px;
box-shadow: 0 0 30px rgba(0,0,0,0.8);
text-align: center;
}

/* 5. TEXT & BUTTONS */
.splash-title {
font-family: 'Consolas', monospace;
font-size: 2em;
color: #fff;
margin-bottom: 5px;
text-shadow: 0 0 10px var(--void-accent);
}
.splash-subtitle {
color: var(--void-accent);
font-size: 0.8em;
letter-spacing: 2px;
margin-bottom: 30px;
text-transform: uppercase;
}
.splash-btn {
display: inline-block;
border: 1px solid var(--void-accent);
padding: 12px 24px;
color: #fff !important;
text-decoration: none;
font-family: 'Consolas', monospace;
margin: 20px 0;
transition: all 0.3s;
}
.splash-btn:hover {
background: var(--void-accent);
color: #000 !important;
box-shadow: 0 0 15px var(--void-accent);
}

/* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */
body.splash-gold {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
}
body.splash-blue {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
}
body.splash-purple {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
HOME PAGE NAVIGATION
============================================================ */
.nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }
.nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }
.nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }
.nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }
.nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }
.nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }
.nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }
.nav-card:hover .nav-title { color: var(--void-accent); background: #000; }

/* ============================================================
PERSONNEL FILE
============================================================ */
.personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }
.id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }
.id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }
.void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }
.id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }
.id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }
.id-details li { margin-bottom: 5px; }
.id-details strong { color: var(--void-accent); margin-right: 5px; }
@media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }

/* ============================================================
CONVENIENT DISCUSSIONS (VOID THEME PATCH)
============================================================ */

/* 1. Comment Layers & Backgrounds */
.cd-comment-part,
.cd-comment-part-first,
.cd-comment-part-last {
background-color: transparent !important;
color: var(--void-text) !important;
}

/* 2. The "Reply" Button */
.cd-replyButton {
font-family: 'Consolas', monospace;
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
color: var(--void-accent) !important;
opacity: 0.7;
}
.cd-replyButton:hover {
opacity: 1;
text-shadow: 0 0 5px var(--void-accent);
}

/* 3. The Reply Form (Text Area) */
.cd-commentForm-panel {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
padding: 15px;
}

.cd-commentForm-textarea {
background-color: #050505 !important;
color: #00ff9f !important; /* Terminal Green Typing */
border: 1px solid #333 !important;
font-family: 'Consolas', monospace !important;
}

/* 4. Form Buttons (Reply / Cancel) */
.cd-button-action, .oo-ui-buttonElement-button {
background-color: #1a1a24 !important;
color: #fff !important;
border: 1px solid var(--void-accent) !important;
}

/* 5. Popups & Dialogs */
.cd-dialog-panel, .oo-ui-window-frame {
background-color: var(--void-bg) !important;
border: 1px solid var(--void-accent) !important;
color: var(--void-text) !important;
}

/* 6. Thread Lines (The visual threading on the left) */
.cd-thread-line {
border-left-color: #333 !important;
}
.cd-thread-line:hover {
border-left-color: var(--void-accent) !important;
}

/* ============================================================
ONYX REGISTRY: VISUALS & BAR GRAPHS
============================================================ */

/* 1. The Main Ledger Container */
.onyx-ledger {
width: 100%;
border-collapse: collapse;
background: #050505;
font-family: 'Consolas', monospace;
border: 1px solid #333;
}

/* 2. Tier Headers (The Telescopic Row look) */
.onyx-tier-header {
background: #13131a;
color: #DAA520; /* Dealer Gold */
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #DAA520;
cursor: pointer;
}

/* 3. The Stat Bar Graphs */
.stat-bar-container {
width: 100px;
height: 8px;
background: #1a1a24;
border: 1px solid #333;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}

.stat-bar-fill {
height: 100%;
/* width is removed from here so the template can set it */
background: #21b0cd;
box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);
transition: width 0.8s ease-out;
}

/* Ensure the containers don't allow overflow */
.stat-bar-container {
background: #111;
border: 1px solid #222;
height: 6px;
width: 100%;
position: relative;
overflow: hidden; /* Keeps the bars inside the box */
}

/* Specific colors for classes */
.row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }
.row-class-a { border-left: 4px solid #a020f0; }
.row-class-b { border-left: 4px solid #DAA520; }
.row-class-c { border-left: 4px solid #666; }

/* 4. The Interactive Search/Jump Bar */
#onyx-scanner-input {
background: #000;
color: #DAA520;
border: 1px solid #DAA520;
padding: 10px;
width: 100%;
font-family: 'Consolas', monospace;
margin-bottom: 20px;
box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);
}

.stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }
.stat-label { font-size: 0.7em; color: #555; font-weight: bold; }
.stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }
.stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }
.onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }
.onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }
.onyx-row { transition: all 0.3s ease; }

/* ============================================================
ONYX REGISTRY: THRESHOLD LEGEND
============================================================ */
.onyx-legend-bar {
display: flex;
justify-content: space-between;
background: #0f0f14;
border: 1px solid #333;
padding: 8px 15px;
margin-bottom: 10px;
font-family: 'Consolas', monospace;
font-size: 0.75em;
}
.threshold-item { color: #888; }
.t-label { color: #555; font-weight: bold; }
.t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }

/* Mobile optimization for the legend */
@media (max-width: 600px) {
.onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }
}

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES
============================================================ */

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES (FIXED & TABBED)
============================================================ */

/* 1. THE INFOBOX (SIDE CARD) */
.dossier-card {
float: right;
width: 350px;
background: #0f0f14;
border: 1px solid #333;
border-top: 5px solid var(--void-accent);
margin: 0 0 20px 20px;
font-family: 'Consolas', monospace;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
clear: right;
}

.dossier-info-row {
display: flex;
justify-content: space-between;
padding: 8px 15px; /* Added more breathing room */
font-size: 0.85em;
border-bottom: 1px solid #1a1a24;
}

.dossier-label {
color: #888;
font-weight: bold;
padding-right: 10px; /* Prevents text from sticking to value */
}
.dossier-value { color: #d1d1d1; text-align: right; flex: 1; }

.dossier-image {
background: #050505;
text-align: center;
overflow: hidden;
}
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* 2. DOSSIER STAT BARS (Fixed Height) */
.dossier-stats { padding: 15px; background: #0a0a0f; }
.dossier-stat-item { margin-bottom: 8px; }
.dossier-stat-label {
display: flex;
justify-content: space-between;
font-size: 0.75em;
margin-bottom: 2px;
color: #aaa;
}

/* 3. ART LOADOUT (CLICKABLE TABS) */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f;
}

/* Tab Headers */
.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* Force side-by-side */
flex-wrap: nowrap !important;
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto; /* Allow horizontal scroll on phones */
}

.loadout-navigation span {
padding: 10px 15px;
font-size: 0.75em;
color: #666;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
border-right: 1px solid #333;
}

.loadout-navigation span:hover { color: #fff; background: #222; }

/* The Content Area */
.loadout-content {
padding: 20px;
min-height: 100px;
}

/* 4. MOBILE OVERRIDE (Stack everything) */
@media (max-width: 991px) {
.dossier-card {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
}

/* ART LOADOUT STYLING */
.loadout-matrix { border: 1px solid #333; background: #0a0a0f; }
.loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }

.loadout-tab {
flex: 1 0 auto !important; /* Don't let them shrink */
text-align: center !important;
padding: 12px 15px !important;
background: transparent !important;
}

.loadout-tab:hover { color: #fff; background: #222; }

/* The Active Tab follows the Faction Color */
.loadout-tab.active {
background: #13131a;
color: var(--void-accent);
border-top: 2px solid var(--void-accent);
}

.loadout-content { padding: 25px; line-height: 1.6; }

/* ART LOADOUT FIXES */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f !important; /* DARK BACKGROUND */
}

.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* FORCE HORIZONTAL */
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto;
}

.loadout-tab {
padding: 12px 20px !important;
font-size: 0.75em !important;
color: #666 !important;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
border-right: 1px solid #333 !important;
}

.loadout-content {
background: #13131a !important; /* Matches Dossier dark grey */
color: #d1d1d1 !important;
border: none !important;
}

/* Fix the White Box in loadout (CDX/Bootstrap override) */
.loadout-content, .loadout-pane, .loadout-content p, .loadout-content ul, .loadout-content li {
background: transparent !important;
color: #d1d1d1 !important;
}

/* STAT BAR FIX: Remove forced 100% width */
.stat-bar-fill {
height: 100%;
/* width is handled by calc() in the template */
background: var(--void-accent) !important;
box-shadow: 0 0 10px var(--void-accent);
}

/* DOSSIER IMAGE RESPONSIVENESS */
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* DOSSIER IMAGE ZOOM SYSTEM */
.dossier-image-box {
width: 350px;
height: 350px;
background-color: #050505;
background-size: cover; /* Zooms image to fill the square */
background-position: center; /* Keeps face centered */
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #222;
font-family: 'Consolas', monospace;
font-size: 0.8em;
letter-spacing: 2px;
border-bottom: 1px solid #333;
}

/* Mobile Fix for the Image box */
@media (max-width: 991px) {
.dossier-image-box {
width: 100%;
height: auto;
aspect-ratio: 1 / 1; /* Maintains square shape on phones */
}
}
/* ============================================================
JADNIX FORUM ENGINE (CONVENIENT DISCUSSIONS OVERHAUL)
============================================================ */

/* 1. THE COMMENT CARD */
.cd-comment-part {
background-color: #13131a !important;
border: 1px solid #333 !important;
border-radius: 4px;
padding: 15px !important;
margin-bottom: 12px !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.5);
display: block !important; /* Ensure vertical stacking */
overflow: hidden;
}

/* 2. THE SIGNATURE (Simple Header Look) */
.cd-signature {
display: block;
background: #1a1a24;
padding: 8px 15px !important;
margin: 0 0 10px 0 !important; /* Removed negative margins */
border-bottom: 1px solid #333;
font-family: 'Consolas', monospace;
font-size: 0.85em;
color: #888 !important;
}

.cd-signature .mw-userlink {
color: var(--void-accent) !important;
font-weight: bold;
text-transform: uppercase;
}

/* 3. THREADING */
.cd-comment-level:not(.cd-comment-level-0) {
border-left: 3px solid #333 !important;
margin-left: 20px !important;
padding-left: 15px !important;
}

/* 4. EMERGENCY IMAGE KILLER */
/* If any ghost script tries to inject an image, this hides it */
.cd-comment-avatar, .j-avatar-img, .cd-comment-part img {
display: none !important;
}

/* 5. ACTION BUTTONS */
.cd-comment-actions {
margin-top: 10px;
padding-top: 5px;
border-top: 1px dashed #222;
}
/* ============================================================
MISC THINGS I DON'T KNOW WHERE ELSE TO PUT
============================================================ */

/* Remove the "Powered By" icons, and icons in the footer in general */
#footer-icons, .footer-icons {
display: none !important;
}

/* Special footer look to fit the site theme */
.mw-footer {
background-color: #050505 !important;
border-top: 1px solid #333 !important;
font-family: 'Consolas', monospace;
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 1px;
}

.mw-footer a {
color: #555 !important;
}

.mw-footer a:hover {
color: var(--void-accent) !important;
text-shadow: 0 0 5px var(--void-accent);
}

/* Hide the Convenient Discussions 'Run once' link in the footer */
#footer-places-convenient-discussions-run {
display: none !important;
}

/* ============================================================
JADNIX CONVENIENT DISCUSSIONS: PREVIEW & DIFF PATCH
============================================================ */

/* 1. Fix the blinding white Preview Box */
.cd-commentForm-previewArea {
background-color: #050505 !important; /* Darkest terminal background */
color: #d1d1d1 !important;
border: 1px solid var(--void-accent) !important;
margin-top: 10px !important;
padding: 10px !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
}

/* 2. Fix the blinding white "View Changes" (Diff) Table */
table.diff, .diff td, .diff th {
background-color: #0f0f14 !important;
border-color: #333 !important;
color: #d1d1d1 !important;
}

/* The empty/unchanged context lines */
td.diff-context {
background-color: #0a0a0f !important;
color: #666 !important;
border-color: #222 !important;
}

/* The + / - Markers */
td.diff-marker {
background-color: #050505 !important;
color: #888 !important;
border: none !important;
font-weight: bold;
}

/* Lines that were ADDED (+) */
td.diff-addedline {
background-color: #13131a !important;
border-color: var(--void-accent) !important;
}
td.diff-addedline .diffchange {
background-color: rgba(160, 32, 240, 0.4) !important; /* Semi-transparent purple highlight */
color: #fff !important;
font-weight: bold;
border-radius: 2px;
}

/* Lines that were REMOVED (-) */
td.diff-deletedline {
background-color: #1a0d0d !important; /* Very dark red */
border-color: #ff4500 !important;
}
td.diff-deletedline .diffchange {
background-color: rgba(255, 69, 0, 0.3) !important;
color: #ffcaaf !important;
text-decoration: line-through;
border-radius: 2px;
}

/* 3. The "Changes" Header Text */
.cd-commentForm-diff > div:first-child {
color: var(--void-accent) !important;
font-weight: bold !important;
font-family: 'Consolas', monospace;
text-transform: uppercase;
margin-bottom: 5px;
}

/* ============================================================
R&R CORPS: SEAM FRACTURE TRACKER
============================================================ */

/* The Main Scrolling Viewport */
.seam-tracker-viewport {
width: 100%;
overflow-x: auto;
padding: 20px 0 40px 0;
background: #0a0a0f;
border: 1px solid #21b0cd; /* Skipper Blue Border */
box-shadow: inset 0 0 20px rgba(33, 176, 205, 0.1);
}

/* Custom Scrollbar for the Tracker */
.seam-tracker-viewport::-webkit-scrollbar { height: 10px; }
.seam-tracker-viewport::-webkit-scrollbar-track { background: #050505; border-top: 1px solid #333; }
.seam-tracker-viewport::-webkit-scrollbar-thumb { background: #21b0cd; border-radius: 5px; }

/* The Track holding the Cards */
.seam-track {
display: flex;
gap: 20px;
padding: 0 20px;
align-items: flex-start; /* Keeps cards from stretching to match the tallest one */
}

/* The Individual Seam Card */
.seam-card {
flex: 0 0 280px; /* Fixed width, won't shrink */
background: #13131a;
border: 1px solid #333;
border-top: 4px solid var(--seam-color, #888);
display: flex;
flex-direction: column;
font-family: 'Consolas', monospace;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.seam-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.8), 0 0 15px var(--seam-color, #888);
}

/* Card Header (ID & Dot) */
.seam-card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
background: #1a1a24;
border-bottom: 1px solid #333;
color: #fff;
font-size: 1.2em;
font-weight: bold;
}

/* The Glowing Stability Dot */
.seam-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--seam-color, #888);
box-shadow: 0 0 8px var(--seam-color, #888);
}

/* Image / Static Area */
.seam-card-image {
height: 160px;
background: #050505;
border-bottom: 1px solid #333;
position: relative;
overflow: hidden;
}

.seam-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* "NO SIGNAL" CSS Static Animation */
.seam-static {
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, #111 0px, #222 2px, #111 4px);
animation: static-flicker 0.1s infinite;
display: flex;
align-items: center;
justify-content: center;
color: #444;
font-size: 1.5em;
letter-spacing: 2px;
}

@keyframes static-flicker {
0% { background-position: 0 0; }
50% { background-position: 10px 10px; }
100% { background-position: -10px -5px; }
}

/* Epithet / Name Area */
.seam-card-epithet {
padding: 15px;
text-align: center;
color: #d1d1d1;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Nested Seams (The Dropdown) */
.seam-nested-container {
max-height: 0;
overflow: hidden;
background: #0a0a0f;
transition: max-height 0.4s ease-in-out;
}

/* Expands on desktop hover OR mobile tap/focus */
.seam-card:hover .seam-nested-container,
.seam-card:focus-within .seam-nested-container {
max-height: 300px;
border-top: 1px dashed #333;
}

.nested-seam-item {
display: flex;
justify-content: space-between;
padding: 8px 15px;
font-size: 0.8em;
border-bottom: 1px solid #111;
color: #888;
transition: background 0.2s, color 0.2s;
}

.nested-seam-item:hover {
background: #1a1a24;
color: #fff;
cursor: crosshair;
}

/* Stability Color Variables */
.rating-anchored { --seam-color: #00ff9f; } /* Green */
.rating-volatile { --seam-color: #ffd700; } /* Yellow */
.rating-fractured { --seam-color: #ff4500; } /* Red */
.rating-realm { --seam-color: #a020f0; } /* Purple */
.rating-null { --seam-color: #888888; } /* Grey */

/* ============================================================
JADNIX SEAM PAGE TEMPLATE: CUSTODY SPINE & MARGINALIA
============================================================ */

/* 1. The Cinematic Banner */
.seam-page-banner {
position: relative;
width: 100%;
height: 250px;
background: #050505;
border: 1px solid #333;
border-bottom: 3px solid #fff; /* Changes dynamically via inline style */
margin-bottom: 30px;
overflow: hidden;
}

/* 2. Banner Metadata Overlay */
.seam-banner-meta {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, rgba(10,10,15,1), rgba(10,10,15,0.8) 60%, transparent);
padding: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}

.seam-banner-title {
font-family: 'Consolas', monospace;
}
.seam-banner-title h1 {
font-size: 2.5em;
color: #fff !important;
border: none !important;
margin: 0 0 5px 0 !important;
text-shadow: 0 0 10px rgba(255,255,255,0.3);
}
.seam-banner-title h2 {
font-size: 1.2em;
color: #aaa !important;
border: none !important;
margin: 0 !important;
text-transform: uppercase;
letter-spacing: 2px;
}

/* 3. The Shifting Custody Spine */
.seam-custody-section {
padding: 0 0 40px 30px;
margin-bottom: 0;
font-size: 1.05em;
line-height: 1.6;
}
.custody-still { border-left: 5px solid #a020f0; }
.custody-skipper { border-left: 5px solid #21b0cd; }
.custody-dealer { border-left: 5px solid #DAA520; }

.seam-custody-section h2 {
margin-top: 0 !important;
padding-top: 10px;
}

/* 4. The Marginalia (Injection Boxes) */
.seam-injection {
background: #13131a;
border: 1px solid #333;
padding: 15px 20px;
margin: 20px 0 20px 40px;
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
font-size: 0.95em;
position: relative;
}

/* Injection Faction Colors */
.inj-still { border-left: 4px solid #a020f0; }
.inj-skipper { border-left: 4px solid #21b0cd; }
.inj-dealer { border-left: 4px solid #DAA520; }

.seam-injection-header {
font-family: 'Consolas', monospace;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px;
border-bottom: 1px dashed #333;
padding-bottom: 5px;
}

.inj-still .seam-injection-header { color: #a020f0; }
.inj-skipper .seam-injection-header { color: #21b0cd; }
.inj-dealer .seam-injection-header { color: #DAA520; }

Seams

2026-05-05T01:28:49Z

Sinvrh:

<div class="faction-skipper">
(SEAM PAGE TEST. WILL ADD INFO LATER AFTER CODE WORKS.)
<html>
<div class="seam-tracker-viewport">
<div class="seam-track">


<div class="seam-card rating-anchored" tabindex="0">
<a href="/wiki/Seam_3.01" style="text-decoration:none; color:inherit; display:block;">
<div class="seam-card-header">
<span>3.01</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">

<img src="https://files.catbox.moe/djvskz.jpg" alt="Homeworld's Edge">
</div>
<div class="seam-card-epithet">Homeworld's Edge</div>
</a>
</div>


<div class="seam-card rating-volatile" tabindex="0">
<a href="/wiki/Seam_2.99" style="text-decoration:none; color:inherit; display:block;">
<div class="seam-card-header">
<span>2.99</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">Almost-Home</div>
</a>


<div class="seam-nested-container">
<a href="/wiki/Seam_2.991" class="nested-seam-item" style="text-decoration:none;">
<span>2.991: Kammie's Basement</span>
<span style="color:#ff4500;">🔴</span>
</a>
<a href="/wiki/Seam_2.995" class="nested-seam-item" style="text-decoration:none;">
<span>2.995: The Cul-de-sac</span>
<span style="color:#ffd700;">🟡</span>
</a>
</div>
</div>


<div class="seam-card rating-null" tabindex="0">
<div class="seam-card-header">
<span>-1.0</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA EXPUNGED</div>
</div>


<div class="seam-card rating-fractured" tabindex="0">
<div class="seam-card-header">
<span>X.XX</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-realm" tabindex="0">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-null" tabindex="0">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-null" tabindex="0">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-null" tabindex="0">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-null" tabindex="0">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-null" tabindex="0">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>

</div>
</div>
</html>

MediaWiki:Common.css

2026-05-05T01:24:25Z

Sinvrh:

Seams

2026-05-05T01:16:51Z

Sinvrh:

<div class="faction-skipper">
(SEAM PAGE TEST. WILL ADD INFO LATER AFTER CODE WORKS.)
<html>
<div class="seam-tracker-viewport">
<div class="seam-track">


<a href="/wiki/Seam_3.01" class="seam-card rating-anchored" style="text-decoration:none;">
<div class="seam-card-header">
<span>3.01</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">

<img src="https://files.catbox.moe/djvskz.jpg" alt="Homeworld's Edge">
</div>
<div class="seam-card-epithet">Homeworld's Edge</div>
</a>


<a href="/wiki/Seam_2.99" class="seam-card rating-volatile" style="text-decoration:none;">
<div class="seam-card-header">
<span>2.99</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">Almost-Home</div>


<div class="seam-nested-container">
<div class="nested-seam-item">
<span>2.991: Kammie's Basement</span>
<span style="color:#ff4500;">🔴</span>
</div>
<div class="nested-seam-item">
<span>2.995: The Cul-de-sac</span>
<span style="color:#ffd700;">🟡</span>
</div>
</div>
</a>


<div class="seam-card rating-null">
<div class="seam-card-header">
<span>-1.0</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA EXPUNGED</div>
</div>


<div class="seam-card rating-fractured">
<div class="seam-card-header">
<span>X.XX</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-realm">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-null">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-null">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-null">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-null">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>


<div class="seam-card rating-null">
<div class="seam-card-header">
<span>X.X</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA MISSING</div>
</div>

</div>
</div>
</html>

Seams

2026-05-04T23:00:09Z

Sinvrh:

<div class="faction-skipper">
(SEAM PAGE TEST. WILL ADD INFO LATER AFTER CODE WORKS.)
<html>
<div class="seam-tracker-viewport">
<div class="seam-track">


<a href="/wiki/Seam_3.01" class="seam-card rating-anchored" style="text-decoration:none;">
<div class="seam-card-header">
<span>3.01</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">

<img src="https://files.catbox.moe/example.png" alt="Homeworld's Edge">
</div>
<div class="seam-card-epithet">Homeworld's Edge</div>
</a>


<a href="/wiki/Seam_2.99" class="seam-card rating-volatile" style="text-decoration:none;">
<div class="seam-card-header">
<span>2.99</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">Almost-Home</div>


<div class="seam-nested-container">
<div class="nested-seam-item">
<span>2.991 (Basement)</span>
<span style="color:#ff4500;">🔴</span>
</div>
<div class="nested-seam-item">
<span>2.995 (Cul-de-sac)</span>
<span style="color:#ffd700;">🟡</span>
</div>
</div>
</a>


<div class="seam-card rating-null">
<div class="seam-card-header">
<span>-1.0</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA EXPUNGED</div>
</div>

</div>
</div>
</html>

Seams

2026-05-04T22:59:20Z

Sinvrh: Created page with "# SEAM INFO AND NAVS --- <html> <div class="seam-tracker-viewport"> <div class="seam-track">  <a href="/wiki/Seam_3.01" class="seam-card rating-anchored" style="text-decoration:none;"> <div class="seam-card-header"> <span>3.01</span> <div class="seam-dot"></div> </div> <div class="seam-card-image"> <!-- Replace with actual Catbo..."

# SEAM INFO AND NAVS

---

<html>
<div class="seam-tracker-viewport">
<div class="seam-track">


<a href="/wiki/Seam_3.01" class="seam-card rating-anchored" style="text-decoration:none;">
<div class="seam-card-header">
<span>3.01</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">

<img src="https://files.catbox.moe/example.png" alt="Homeworld's Edge">
</div>
<div class="seam-card-epithet">Homeworld's Edge</div>
</a>


<a href="/wiki/Seam_2.99" class="seam-card rating-volatile" style="text-decoration:none;">
<div class="seam-card-header">
<span>2.99</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">Almost-Home</div>


<div class="seam-nested-container">
<div class="nested-seam-item">
<span>2.991 (Basement)</span>
<span style="color:#ff4500;">🔴</span>
</div>
<div class="nested-seam-item">
<span>2.995 (Cul-de-sac)</span>
<span style="color:#ffd700;">🟡</span>
</div>
</div>
</a>


<div class="seam-card rating-null">
<div class="seam-card-header">
<span>-1.0</span>
<div class="seam-dot"></div>
</div>
<div class="seam-card-image">
<div class="seam-static">NO SIGNAL</div>
</div>
<div class="seam-card-epithet">DATA EXPUNGED</div>
</div>

</div>
</div>
</html>

MediaWiki:Common.css

2026-05-04T22:58:34Z

Sinvrh:

/* ============================================================
JADNIX CODEX: MEDIK VOID (FINAL MASTER)
============================================================ */

/* 1. ROOT VARIABLES */
:root {
--void-accent: #a020f0;
--void-bg: #0a0a0f;
--void-card: #13131a;
--void-text: #d1d1d1;
--void-hover: rgba(160, 32, 240, 0.4); /* Brighter Hover */
}

/* 2. NUCLEAR BACKGROUND FIX */
html, body, .medik-wrap, .container, .container-fluid, .row, #mw-wrapper {
background-color: var(--void-bg) !important;
background-image: none !important;
color: var(--void-text) !important;
}

/* SCANLINES */
body::before {
content: " ";
position: fixed;
top: 0; left: 0; width: 100%; height: 100%;
background: repeating-linear-gradient(
0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px,
transparent 1px, transparent 2px
);
z-index: 9999;
pointer-events: none;
}

/* 3. HEADER LAYOUT */
.navbar-collapse { display: flex !important; flex-basis: auto !important; }
.navbar-nav { flex-direction: row !important; align-items: center; }
.nav-item { margin-right: 15px !important; margin-left: 15px !important; }

/* Header Text */
.navbar-nav .nav-link, .dropdown-toggle {
color: var(--void-text) !important;
font-family: 'Consolas', monospace;
font-size: 1.1em;
padding-bottom: 5px;
}
.navbar-nav .nav-link:hover, .dropdown-toggle:hover {
color: #ffffff !important;
text-shadow: 0 0 5px var(--void-accent);
}
.nav-item.active .nav-link {
font-weight: bold;
color: #fff !important;
border-bottom: 3px solid var(--void-accent);
}

/* 4. CONTENT CARD */
#content, .mw-body {
background-color: var(--void-card) !important;
border: 1px solid #333 !important;
border-left: 5px solid var(--void-accent) !important;
box-shadow: 0 0 30px rgba(0,0,0,0.8) !important;
margin-top: 20px !important;
padding: 30px !important;
color: var(--void-text) !important;
}
.col-12, .col-md-9, .col-xl-9, .py-md-3 { background: transparent !important; }

/* 5. SIDEBAR NAVIGATION FIX */
#mw-navigation .nav-link:hover,
.sidebar .nav-link:hover {
background-color: var(--void-hover) !important;
color: #fff !important;
padding-left: 20px !important;
opacity: 1 !important;
}

/* 6. GLOBAL TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
color: #fff !important;
font-family: 'Consolas', monospace;
border-bottom: 1px solid #333;
}
a {
color: var(--void-accent);
transition: 0.2s;
}
a:hover {
color: #fff;
text-shadow: 0 0 5px var(--void-accent);
text-decoration: none;
}

/* 7. DROPDOWNS */
.dropdown-menu {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
}
.dropdown-item { color: var(--void-text) !important; }
.dropdown-item:hover {
background-color: var(--void-accent) !important;
color: #fff !important;
}

/* ============================================================
FACTION THEMES
============================================================ */

/* DEALERS (Gold) */
body.theme-dealer {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
--font-family-system: 'Georgia', serif;
}
body.theme-dealer h1, body.theme-dealer h2 {
font-family: 'Georgia', serif;
color: #DAA520 !important;
}

/* SKIPPERS (Blue) */
body.theme-skipper {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
--font-family-system: 'Consolas', monospace;
}
body.theme-skipper h1, body.theme-skipper h2 {
color: #21b0cd !important;
}

/* STILL (Purple) */
body.theme-still {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
CRDD CALCULATOR
============================================================ */
#crdd-interface { background-color: #0a0a0f; border: 2px solid #21b0cd; padding: 20px; font-family: 'Consolas', monospace; color: #21b0cd; box-shadow: 0 0 20px rgba(33, 176, 205, 0.2); margin-top: 20px; max-width: 800px; }
.crdd-header { border-bottom: 1px dashed #21b0cd; padding-bottom: 10px; margin-bottom: 20px; text-align: right; font-size: 0.8em; opacity: 0.8; }
.crdd-section { margin-bottom: 30px; border: 1px solid #333; padding: 15px; background: #0f0f14; }
.crdd-section-title { background: #21b0cd; color: #000; padding: 5px 10px; font-weight: bold; display: inline-block; margin-bottom: 15px; }
.crdd-input-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.crdd-input-group label { flex: 1; font-size: 0.9em; }
.crdd-range { flex: 2; margin: 0 15px; accent-color: #21b0cd; }
.crdd-value-display { width: 30px; text-align: right; font-weight: bold; }
.crdd-skip-label { display: block; margin-bottom: 15px; color: #666; font-size: 0.8em; cursor: pointer; }
#crdd-final-result { border-top: 2px solid #21b0cd; padding-top: 20px; margin-top: 20px; text-align: center; font-size: 1.2em; font-weight: bold; min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #0d1a1d; }
.crdd-rating-text { font-size: 2em; text-shadow: 0 0 10px currentColor; margin-top: 10px; }
@media only screen and (max-width: 768px) {
.crdd-input-group { display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin-bottom: 25px !important; width: 100% !important; }
.crdd-input-group label { width: 100% !important; margin-bottom: 10px !important; font-size: 1.2em !important; }
.crdd-range { width: 100% !important; margin: 10px 0 !important; height: 40px !important; }
.crdd-value-display { width: 100% !important; text-align: right !important; font-size: 1.2em !important; color: #fff !important; }
#crdd-interface { padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }
}

/* ============================================================
SPLASH SCREEN (FULLSCREEN OVERRIDE & VARIABLES)
============================================================ */

/* 1. HIDE ALL INTERFACE ELEMENTS */
body.page-Warning #mw-navigation, /* The Sidebar */
body.page-Warning #mw-navbar, /* The Header */
body.page-Warning .navbar, /* Bootstrap Header */
body.page-Warning .mw-footer, /* The Footer */
body.page-Warning .sidebar, /* Legacy Sidebar */
body.page-Warning aside, /* Edit Tools */
body.page-Warning #catlinks { /* Categories */
display: none !important;
}

/* 2. REMOVE PADDING/MARGINS FROM BODY */
body.page-Warning #content,
body.page-Warning .mw-body {
margin: 0 !important;
padding: 0 !important;
border: none !important; /* Remove the Purple Left Border */
box-shadow: none !important;
background: transparent !important;
}

/* 3. THE FULLSCREEN CONTAINER */
body.page-Warning .splash-container {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: var(--void-bg) !important;
z-index: 2147483647 !important; /* Maximum Integer Value */
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 !important;
padding: 20px !important;
box-sizing: border-box !important;
}

/* 4. INNER BOX STYLING */
.splash-inner-wrapper {
width: 100%;
max-width: 500px;
border: 1px solid #333;
border-top: 4px solid var(--void-accent); /* Uses the Dynamic Variable */
background: var(--void-card);
padding: 30px;
box-shadow: 0 0 30px rgba(0,0,0,0.8);
text-align: center;
}

/* 5. TEXT & BUTTONS */
.splash-title {
font-family: 'Consolas', monospace;
font-size: 2em;
color: #fff;
margin-bottom: 5px;
text-shadow: 0 0 10px var(--void-accent);
}
.splash-subtitle {
color: var(--void-accent);
font-size: 0.8em;
letter-spacing: 2px;
margin-bottom: 30px;
text-transform: uppercase;
}
.splash-btn {
display: inline-block;
border: 1px solid var(--void-accent);
padding: 12px 24px;
color: #fff !important;
text-decoration: none;
font-family: 'Consolas', monospace;
margin: 20px 0;
transition: all 0.3s;
}
.splash-btn:hover {
background: var(--void-accent);
color: #000 !important;
box-shadow: 0 0 15px var(--void-accent);
}

/* 6. VARIABLE MAPPING (Fixes the Gold/Blue Randomizer) */
body.splash-gold {
--void-accent: #DAA520 !important;
--void-hover: rgba(218, 165, 32, 0.4) !important;
}
body.splash-blue {
--void-accent: #21b0cd !important;
--void-hover: rgba(33, 176, 205, 0.4) !important;
}
body.splash-purple {
--void-accent: #a020f0 !important;
--void-hover: rgba(160, 32, 240, 0.4) !important;
}

/* ============================================================
HOME PAGE NAVIGATION
============================================================ */
.nav-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.nav-card { position: relative; background-color: #0f0f14; border: 1px solid #333; height: 120px; overflow: hidden; text-decoration: none !important; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }
.nav-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.1; transition: opacity 0.3s ease, transform 0.5s ease; z-index: 1; filter: grayscale(100%); }
.nav-content { z-index: 2; text-align: center; text-shadow: 0 2px 5px rgba(0,0,0,0.8); }
.nav-title { font-family: 'Consolas', monospace; font-size: 1.2em; font-weight: bold; color: #fff; display: block; background: rgba(0,0,0,0.6); padding: 5px 10px; }
.nav-sub { font-family: 'Arial', sans-serif; font-size: 0.7em; color: #aaa; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; display: block; }
.nav-card:hover { border-color: var(--void-accent); box-shadow: 0 0 15px var(--void-accent); transform: translateY(-2px); }
.nav-card:hover .nav-bg { opacity: 0.5; transform: scale(1.1); filter: grayscale(0%); }
.nav-card:hover .nav-title { color: var(--void-accent); background: #000; }

/* ============================================================
PERSONNEL FILE
============================================================ */
.personnel-file { background-color: #0f0f14; border: 1px solid #333; border-top: 4px solid var(--void-accent); max-width: 600px; margin: 0 auto; font-family: 'Consolas', monospace; box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.id-header { background-color: #1a1a24; padding: 10px 15px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; font-size: 0.9em; color: #888; letter-spacing: 1px; }
.id-clearance { color: var(--void-accent); font-weight: bold; border: 1px solid var(--void-accent); padding: 0 5px; border-radius: 3px; }
.id-body { padding: 20px; display: flex; align-items: center; gap: 20px; }
.void-avatar { width: 100px; height: 100px; background-color: #000; border: 1px solid #333; display: flex; align-items: center; justify-content: center; color: #333; font-size: 2em; }
.id-details h2 { margin: 0 0 10px 0; font-size: 1.5em; color: #fff !important; border: none; text-shadow: 0 0 10px var(--void-accent); }
.id-details ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em; color: #ccc; }
.id-details li { margin-bottom: 5px; }
.id-details strong { color: var(--void-accent); margin-right: 5px; }
@media (max-width: 600px) { .id-body { flex-direction: column; text-align: center; } }

/* ============================================================
CONVENIENT DISCUSSIONS (VOID THEME PATCH)
============================================================ */

/* 1. Comment Layers & Backgrounds */
.cd-comment-part,
.cd-comment-part-first,
.cd-comment-part-last {
background-color: transparent !important;
color: var(--void-text) !important;
}

/* 2. The "Reply" Button */
.cd-replyButton {
font-family: 'Consolas', monospace;
font-weight: bold;
text-transform: uppercase;
font-size: 0.8em;
color: var(--void-accent) !important;
opacity: 0.7;
}
.cd-replyButton:hover {
opacity: 1;
text-shadow: 0 0 5px var(--void-accent);
}

/* 3. The Reply Form (Text Area) */
.cd-commentForm-panel {
background-color: var(--void-card) !important;
border: 1px solid var(--void-accent) !important;
padding: 15px;
}

.cd-commentForm-textarea {
background-color: #050505 !important;
color: #00ff9f !important; /* Terminal Green Typing */
border: 1px solid #333 !important;
font-family: 'Consolas', monospace !important;
}

/* 4. Form Buttons (Reply / Cancel) */
.cd-button-action, .oo-ui-buttonElement-button {
background-color: #1a1a24 !important;
color: #fff !important;
border: 1px solid var(--void-accent) !important;
}

/* 5. Popups & Dialogs */
.cd-dialog-panel, .oo-ui-window-frame {
background-color: var(--void-bg) !important;
border: 1px solid var(--void-accent) !important;
color: var(--void-text) !important;
}

/* 6. Thread Lines (The visual threading on the left) */
.cd-thread-line {
border-left-color: #333 !important;
}
.cd-thread-line:hover {
border-left-color: var(--void-accent) !important;
}

/* ============================================================
ONYX REGISTRY: VISUALS & BAR GRAPHS
============================================================ */

/* 1. The Main Ledger Container */
.onyx-ledger {
width: 100%;
border-collapse: collapse;
background: #050505;
font-family: 'Consolas', monospace;
border: 1px solid #333;
}

/* 2. Tier Headers (The Telescopic Row look) */
.onyx-tier-header {
background: #13131a;
color: #DAA520; /* Dealer Gold */
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #DAA520;
cursor: pointer;
}

/* 3. The Stat Bar Graphs */
.stat-bar-container {
width: 100px;
height: 8px;
background: #1a1a24;
border: 1px solid #333;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}

.stat-bar-fill {
height: 100%;
/* width is removed from here so the template can set it */
background: #21b0cd;
box-shadow: 0 0 8px rgba(33, 176, 205, 0.6);
transition: width 0.8s ease-out;
}

/* Ensure the containers don't allow overflow */
.stat-bar-container {
background: #111;
border: 1px solid #222;
height: 6px;
width: 100%;
position: relative;
overflow: hidden; /* Keeps the bars inside the box */
}

/* Specific colors for classes */
.row-class-s { border-left: 4px solid #fff; box-shadow: inset 5px 0 10px rgba(255,255,255,0.1); }
.row-class-a { border-left: 4px solid #a020f0; }
.row-class-b { border-left: 4px solid #DAA520; }
.row-class-c { border-left: 4px solid #666; }

/* 4. The Interactive Search/Jump Bar */
#onyx-scanner-input {
background: #000;
color: #DAA520;
border: 1px solid #DAA520;
padding: 10px;
width: 100%;
font-family: 'Consolas', monospace;
margin-bottom: 20px;
box-shadow: 0 0 15px rgba(218, 165, 32, 0.2);
}

.stat-container { display: grid; grid-template-columns: 35px 1fr; gap: 2px; align-items: center; padding: 5px 0; }
.stat-label { font-size: 0.7em; color: #555; font-weight: bold; }
.stat-bar-container { background: #111; border: 1px solid #222; height: 6px; width: 100%; position: relative; }
.stat-bar-fill { background: #21b0cd; height: 100%; box-shadow: 0 0 8px rgba(33, 176, 205, 0.5); }
.onyx-ledger th { background: #1a1a24; color: #DAA520; padding: 10px; text-align: left; border: 1px solid #333; text-transform: uppercase; font-size: 0.8em; }
.onyx-ledger td { padding: 10px; border: 1px solid #222; vertical-align: top; }
.onyx-row { transition: all 0.3s ease; }

/* ============================================================
ONYX REGISTRY: THRESHOLD LEGEND
============================================================ */
.onyx-legend-bar {
display: flex;
justify-content: space-between;
background: #0f0f14;
border: 1px solid #333;
padding: 8px 15px;
margin-bottom: 10px;
font-family: 'Consolas', monospace;
font-size: 0.75em;
}
.threshold-item { color: #888; }
.t-label { color: #555; font-weight: bold; }
.t-value { color: #DAA520; text-shadow: 0 0 5px rgba(218, 165, 32, 0.3); }

/* Mobile optimization for the legend */
@media (max-width: 600px) {
.onyx-legend-bar { flex-direction: column; gap: 5px; text-align: left; }
}

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES
============================================================ */

/* ============================================================
SUBJECT DOSSIER: MASTER STYLES (FIXED & TABBED)
============================================================ */

/* 1. THE INFOBOX (SIDE CARD) */
.dossier-card {
float: right;
width: 350px;
background: #0f0f14;
border: 1px solid #333;
border-top: 5px solid var(--void-accent);
margin: 0 0 20px 20px;
font-family: 'Consolas', monospace;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
clear: right;
}

.dossier-info-row {
display: flex;
justify-content: space-between;
padding: 8px 15px; /* Added more breathing room */
font-size: 0.85em;
border-bottom: 1px solid #1a1a24;
}

.dossier-label {
color: #888;
font-weight: bold;
padding-right: 10px; /* Prevents text from sticking to value */
}
.dossier-value { color: #d1d1d1; text-align: right; flex: 1; }

.dossier-image {
background: #050505;
text-align: center;
overflow: hidden;
}
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* 2. DOSSIER STAT BARS (Fixed Height) */
.dossier-stats { padding: 15px; background: #0a0a0f; }
.dossier-stat-item { margin-bottom: 8px; }
.dossier-stat-label {
display: flex;
justify-content: space-between;
font-size: 0.75em;
margin-bottom: 2px;
color: #aaa;
}

/* 3. ART LOADOUT (CLICKABLE TABS) */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f;
}

/* Tab Headers */
.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* Force side-by-side */
flex-wrap: nowrap !important;
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto; /* Allow horizontal scroll on phones */
}

.loadout-navigation span {
padding: 10px 15px;
font-size: 0.75em;
color: #666;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
border-right: 1px solid #333;
}

.loadout-navigation span:hover { color: #fff; background: #222; }

/* The Content Area */
.loadout-content {
padding: 20px;
min-height: 100px;
}

/* 4. MOBILE OVERRIDE (Stack everything) */
@media (max-width: 991px) {
.dossier-card {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
}

/* ART LOADOUT STYLING */
.loadout-matrix { border: 1px solid #333; background: #0a0a0f; }
.loadout-navigation { display: flex; background: #1a1a24; border-bottom: 1px solid #333; overflow-x: auto; }

.loadout-tab {
flex: 1 0 auto !important; /* Don't let them shrink */
text-align: center !important;
padding: 12px 15px !important;
background: transparent !important;
}

.loadout-tab:hover { color: #fff; background: #222; }

/* The Active Tab follows the Faction Color */
.loadout-tab.active {
background: #13131a;
color: var(--void-accent);
border-top: 2px solid var(--void-accent);
}

.loadout-content { padding: 25px; line-height: 1.6; }

/* ART LOADOUT FIXES */
.loadout-container {
margin-top: 20px;
border: 1px solid #333;
background: #0a0a0f !important; /* DARK BACKGROUND */
}

.loadout-navigation {
display: flex !important;
flex-direction: row !important; /* FORCE HORIZONTAL */
background: #1a1a24 !important;
border-bottom: 1px solid #333 !important;
overflow-x: auto;
}

.loadout-tab {
padding: 12px 20px !important;
font-size: 0.75em !important;
color: #666 !important;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
border-right: 1px solid #333 !important;
}

.loadout-content {
background: #13131a !important; /* Matches Dossier dark grey */
color: #d1d1d1 !important;
border: none !important;
}

/* Fix the White Box in loadout (CDX/Bootstrap override) */
.loadout-content, .loadout-pane, .loadout-content p, .loadout-content ul, .loadout-content li {
background: transparent !important;
color: #d1d1d1 !important;
}

/* STAT BAR FIX: Remove forced 100% width */
.stat-bar-fill {
height: 100%;
/* width is handled by calc() in the template */
background: var(--void-accent) !important;
box-shadow: 0 0 10px var(--void-accent);
}

/* DOSSIER IMAGE RESPONSIVENESS */
.dossier-image img {
max-width: 100% !important;
height: auto !important;
}

/* DOSSIER IMAGE ZOOM SYSTEM */
.dossier-image-box {
width: 350px;
height: 350px;
background-color: #050505;
background-size: cover; /* Zooms image to fill the square */
background-position: center; /* Keeps face centered */
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
color: #222;
font-family: 'Consolas', monospace;
font-size: 0.8em;
letter-spacing: 2px;
border-bottom: 1px solid #333;
}

/* Mobile Fix for the Image box */
@media (max-width: 991px) {
.dossier-image-box {
width: 100%;
height: auto;
aspect-ratio: 1 / 1; /* Maintains square shape on phones */
}
}
/* ============================================================
JADNIX FORUM ENGINE (CONVENIENT DISCUSSIONS OVERHAUL)
============================================================ */

/* 1. THE COMMENT CARD */
.cd-comment-part {
background-color: #13131a !important;
border: 1px solid #333 !important;
border-radius: 4px;
padding: 15px !important;
margin-bottom: 12px !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.5);
display: block !important; /* Ensure vertical stacking */
overflow: hidden;
}

/* 2. THE SIGNATURE (Simple Header Look) */
.cd-signature {
display: block;
background: #1a1a24;
padding: 8px 15px !important;
margin: 0 0 10px 0 !important; /* Removed negative margins */
border-bottom: 1px solid #333;
font-family: 'Consolas', monospace;
font-size: 0.85em;
color: #888 !important;
}

.cd-signature .mw-userlink {
color: var(--void-accent) !important;
font-weight: bold;
text-transform: uppercase;
}

/* 3. THREADING */
.cd-comment-level:not(.cd-comment-level-0) {
border-left: 3px solid #333 !important;
margin-left: 20px !important;
padding-left: 15px !important;
}

/* 4. EMERGENCY IMAGE KILLER */
/* If any ghost script tries to inject an image, this hides it */
.cd-comment-avatar, .j-avatar-img, .cd-comment-part img {
display: none !important;
}

/* 5. ACTION BUTTONS */
.cd-comment-actions {
margin-top: 10px;
padding-top: 5px;
border-top: 1px dashed #222;
}
/* ============================================================
MISC THINGS I DON'T KNOW WHERE ELSE TO PUT
============================================================ */

/* Remove the "Powered By" icons, and icons in the footer in general */
#footer-icons, .footer-icons {
display: none !important;
}

/* Special footer look to fit the site theme */
.mw-footer {
background-color: #050505 !important;
border-top: 1px solid #333 !important;
font-family: 'Consolas', monospace;
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 1px;
}

.mw-footer a {
color: #555 !important;
}

.mw-footer a:hover {
color: var(--void-accent) !important;
text-shadow: 0 0 5px var(--void-accent);
}

/* Hide the Convenient Discussions 'Run once' link in the footer */
#footer-places-convenient-discussions-run {
display: none !important;
}

/* ============================================================
JADNIX CONVENIENT DISCUSSIONS: PREVIEW & DIFF PATCH
============================================================ */

/* 1. Fix the blinding white Preview Box */
.cd-commentForm-previewArea {
background-color: #050505 !important; /* Darkest terminal background */
color: #d1d1d1 !important;
border: 1px solid var(--void-accent) !important;
margin-top: 10px !important;
padding: 10px !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.8) !important;
}

/* 2. Fix the blinding white "View Changes" (Diff) Table */
table.diff, .diff td, .diff th {
background-color: #0f0f14 !important;
border-color: #333 !important;
color: #d1d1d1 !important;
}

/* The empty/unchanged context lines */
td.diff-context {
background-color: #0a0a0f !important;
color: #666 !important;
border-color: #222 !important;
}

/* The + / - Markers */
td.diff-marker {
background-color: #050505 !important;
color: #888 !important;
border: none !important;
font-weight: bold;
}

/* Lines that were ADDED (+) */
td.diff-addedline {
background-color: #13131a !important;
border-color: var(--void-accent) !important;
}
td.diff-addedline .diffchange {
background-color: rgba(160, 32, 240, 0.4) !important; /* Semi-transparent purple highlight */
color: #fff !important;
font-weight: bold;
border-radius: 2px;
}

/* Lines that were REMOVED (-) */
td.diff-deletedline {
background-color: #1a0d0d !important; /* Very dark red */
border-color: #ff4500 !important;
}
td.diff-deletedline .diffchange {
background-color: rgba(255, 69, 0, 0.3) !important;
color: #ffcaaf !important;
text-decoration: line-through;
border-radius: 2px;
}

/* 3. The "Changes" Header Text */
.cd-commentForm-diff > div:first-child {
color: var(--void-accent) !important;
font-weight: bold !important;
font-family: 'Consolas', monospace;
text-transform: uppercase;
margin-bottom: 5px;
}

/* ============================================================
R&R CORPS: SEAM FRACTURE TRACKER
============================================================ */

/* The Main Scrolling Viewport */
.seam-tracker-viewport {
width: 100%;
overflow-x: auto;
padding: 20px 0 40px 0;
background: #0a0a0f;
border: 1px solid #21b0cd; /* Skipper Blue Border */
box-shadow: inset 0 0 20px rgba(33, 176, 205, 0.1);
}

/* Custom Scrollbar for the Tracker */
.seam-tracker-viewport::-webkit-scrollbar { height: 10px; }
.seam-tracker-viewport::-webkit-scrollbar-track { background: #050505; border-top: 1px solid #333; }
.seam-tracker-viewport::-webkit-scrollbar-thumb { background: #21b0cd; border-radius: 5px; }

/* The Track holding the Cards */
.seam-track {
display: flex;
gap: 20px;
padding: 0 20px;
align-items: flex-start; /* Keeps cards from stretching to match the tallest one */
}

/* The Individual Seam Card */
.seam-card {
flex: 0 0 280px; /* Fixed width, won't shrink */
background: #13131a;
border: 1px solid #333;
border-top: 4px solid var(--seam-color, #888);
display: flex;
flex-direction: column;
font-family: 'Consolas', monospace;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.seam-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.8), 0 0 15px var(--seam-color, #888);
}

/* Card Header (ID & Dot) */
.seam-card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
background: #1a1a24;
border-bottom: 1px solid #333;
color: #fff;
font-size: 1.2em;
font-weight: bold;
}

/* The Glowing Stability Dot */
.seam-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--seam-color, #888);
box-shadow: 0 0 8px var(--seam-color, #888);
}

/* Image / Static Area */
.seam-card-image {
height: 160px;
background: #050505;
border-bottom: 1px solid #333;
position: relative;
overflow: hidden;
}

.seam-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* "NO SIGNAL" CSS Static Animation */
.seam-static {
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, #111 0px, #222 2px, #111 4px);
animation: static-flicker 0.1s infinite;
display: flex;
align-items: center;
justify-content: center;
color: #444;
font-size: 1.5em;
letter-spacing: 2px;
}

@keyframes static-flicker {
0% { background-position: 0 0; }
50% { background-position: 10px 10px; }
100% { background-position: -10px -5px; }
}

/* Epithet / Name Area */
.seam-card-epithet {
padding: 15px;
text-align: center;
color: #d1d1d1;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Nested Seams (The Dropdown) */
.seam-nested-container {
max-height: 0;
overflow: hidden;
background: #0a0a0f;
transition: max-height 0.4s ease-in-out;
}

.seam-card:hover .seam-nested-container {
max-height: 300px; /* Expands on hover */
border-top: 1px dashed #333;
}

.nested-seam-item {
display: flex;
justify-content: space-between;
padding: 8px 15px;
font-size: 0.8em;
border-bottom: 1px solid #111;
color: #888;
transition: background 0.2s, color 0.2s;
}

.nested-seam-item:hover {
background: #1a1a24;
color: #fff;
cursor: crosshair;
}

/* Stability Color Variables */
.rating-anchored { --seam-color: #00ff9f; } /* Green */
.rating-volatile { --seam-color: #ffd700; } /* Yellow */
.rating-fractured { --seam-color: #ff4500; } /* Red */
.rating-realm { --seam-color: #a020f0; } /* Purple */
.rating-null { --seam-color: #888888; } /* Grey */

Subject 20D-3.0: Major Callchen

2026-05-04T22:36:31Z

Sinvrh:

<div class="faction-dealer">
{{Subject Dossier
|quote=If you grow up a little... I can work with you.
|id=20D-3.0
|image=https://files.catbox.moe/gqpyy2.png
|forename=Klanchi
|surname=Callchen
|official_titles=2nd Fleet and 5th Regiment Major of Citrine Association
|epithets=Owl Runaway, Silent Heart Trader
|aliases=Callie, Chimi, Lady Coatless
|race=Demihuman
|gender=Female
|age=Unknown
|biometrics=5’8” in / 157 lbs
|status=Alive
|group=Citrine Association
|cr=2276
|str=883
|def=675
|spd=350
|acu=225
|sol=143
|scale=10000
|summary=Major Callchen is a high-ranking officer currently on an extended break...
|family=
* '''Mothers:''' Unknown
* '''Fathers:''' Unknown
|nature=
* '''Personality:''' Klanchi is rigid and survival-focused...
|appearance=
* '''Body:''' Toned and muscular demihuman with owl wings.
* '''Attire:''' Captain uniform worn as a skirt to accommodate wings.
|history=Klanchi was born in Sapphope and spent years in a Zankian prison camp...
|sayings=
* "Supper's almost done..."
|spirita_analysis=
* '''Alignment:''' Aesin (Contra/Lightning)
* '''Focus:''' Intermediate Vehera
}}
</div>
[[:Category:Seams|View the full Seam Archive]]

Subject 20D-3.0: Major Callchen

2026-05-04T22:32:19Z

Sinvrh:

MediaWiki:Common.css

2026-05-04T21:13:00Z

Sinvrh:

The Jadnix Codex:Privacy Policy

2026-05-04T21:07:06Z

Sinvrh: Protected "The Jadnix Codex:Privacy Policy" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

{{DISPLAYTITLE:Privacy Policy}}
<div class="faction-dealer">
<html>

<div style="display: flex; align-items: center; gap: 20px; margin-bottom: 30px; border-bottom: 2px solid #DAA520; padding-bottom: 20px;">

<img src="https://files.catbox.moe/73m0cp.png" width="100" style="height: auto; filter: drop-shadow(0 0 5px #DAA520);">

<div>
<h1 style="margin: 0; color: #DAA520 !important; border: none; font-family: serif;">CODEX PRIVACY CONTRACT</h1>
<small style="color: #888; font-style: italic;">“Do people even read these things all the way through?”</small>
</div>
</div>
</html>

== THE DATA WE TAKE ==
When you interact with the Jadnix Codex, as with any site, you leave a digital footprint. Here is exactly what we collect:

* <b>Account Info:</b> Your username and/or email address. You provide these during account registration so the system can tell who you are and send you password resets;

* <b>Log Data:</b> Every time you visit, log in, or edit a page, the server logs your IP address. This is a non-negotiable part of how MediaWiki works. We use this data to prevent site abuse and ensure the Codex isn't being swarmed by bots or malicious persons by tracking and blocking them;

* <b>Public Contributions:</b> Any edit you make to a page is public. Your username (or IP address if you were able to somehow edit a page while logged out) is permanently attached to that edit in the page history.

== COOKIES ==
This site uses cookies for one reason: to keep the Codex functional. These cookies remember who you are so you don't have to log in every five seconds, and they store your site preferences. If you block cookies in your browser, the site is going to act like a stranger and you won't be able to stay logged in. We don't use tracking cookies for ads or any other corporate garbage.

== THIRD-PARTY DATA HANDLING ==
We keep the server lean by offloading high-bandwidth tasks to other services. When you use this site, your data interacts with:

* <b>Image Hosting Services:</b> Such services (like Catbox) host our images, and yours too, if you have any embedded on your personal page. When your browser loads an image from them, they see your IP address;

* <b>Brevo:</b> This is our mail relay. If the wiki sends you an email (like a password reset), your email address passes through their system to get to you;

* <b>RackNerd:</b> Our VPS host. They handle the physical server where the database lives.

We don't control these companies, and so if you are paranoid, please read their individual policies.

== WHAT WE DO (AND DO NOT DO) WITH YOUR DATA ==
We use your data to run the wiki, the Jadnix Codex. That is it.

* We <b>do not</b> sell your email or IP logs to advertisers or data brokers.

* We <b>do not</b> use your contributions for any obscure or questionable commercial marketing without your consent.

* We <b>do</b> use your data to troubleshoot server errors and ban those who try to break this site.

== YOUR RIGHTS AND DELETION ==
You can see the data we have on you at any time by checking your User Preferences and Contributions.

* <b>Deletion:</b> If you want your account gone, contact an admin. Because MediaWiki relies on a permanent edit history, we usually anonymize accounts rather than deleting them. This removes your personal info but keeps the site's history from breaking.

* <b>Data Requests:</b> If you want a copy of your data, simply ask, and we will provide it if we have it.

== CONTACT FOR INQUIRIES ==
By interacting with posting on this site, you agree to the aforementioned information regarding your privacy and data. If you have questions or if the system is acting up, please reach out to the site administrator(s) at "admin@jadnix.xyz".

The Jadnix Codex:Privacy Policy

2026-05-04T21:04:22Z

Sinvrh:

MediaWiki:Privacypage

2026-05-04T20:41:33Z

Sinvrh: Created page with "Project:Privacy Policy"

Project:Privacy Policy

The Jadnix Codex:Privacy Policy

2026-05-04T20:39:39Z

Sinvrh: /* CONTACT FOR INQUIRIES */

{{DISPLAYTITLE:Privacy Policy}}

<div class="faction-dealer">
<html>

<div style="display: flex; align-items: center; gap: 20px; margin-bottom: 30px; border-bottom: 2px solid #DAA520; padding-bottom: 20px;">

<img src="https://files.catbox.moe/73m0cp.png" width="100" style="height: auto; filter: drop-shadow(0 0 5px #DAA520);">

<div>
<h1 style="margin: 0; color: #DAA520 !important; border: none; font-family: serif;">CODEX PRIVACY CONTRACT</h1>
<small style="color: #888; font-style: italic;">“Do people even read these things all the way through?”</small>
</div>
</div>
</html>

== THE DATA WE TAKE ==
When you interact with the Jadnix Codex, as with any site, you leave a digital footprint. Here is exactly what we collect:

* <b>Account Info:</b> Your username and/or email address. You provide these during account registration so the system can tell who you are and send you password resets;

* <b>Log Data:</b> Every time you visit, log in, or edit a page, the server logs your IP address. This is a non-negotiable part of how MediaWiki works. We use this data to prevent site abuse and ensure the Codex isn't being swarmed by bots or malicious persons by tracking and blocking them;

* <b>Public Contributions:</b> Any edit you make to a page is public. Your username (or IP address if you were able to somehow edit a page while logged out) is permanently attached to that edit in the page history.

== COOKIES ==
This site uses cookies for one reason: to keep the Codex functional. These cookies remember who you are so you don't have to log in every five seconds, and they store your site preferences. If you block cookies in your browser, the site is going to act like a stranger and you won't be able to stay logged in. We don't use tracking cookies for ads or any other corporate garbage.

== THIRD-PARTY DATA HANDLING ==
We keep the server lean by offloading high-bandwidth tasks to other services. When you use this site, your data interacts with:

* <b>Image Hosting Services:</b> Such services (like Catbox) host our images, and yours too, if you have any embedded on your personal page. When your browser loads an image from them, they see your IP address;

* <b>Brevo:</b> This is our mail relay. If the wiki sends you an email (like a password reset), your email address passes through their system to get to you;

* <b>RackNerd:</b> Our VPS host. They handle the physical server where the database lives.

We don't control these companies, and so if you are paranoid, please read their individual policies.

== WHAT WE DO (AND DO NOT DO) WITH YOUR DATA ==
We use your data to run the wiki, the Jadnix Codex. That is it.

* We <b>do not</b> sell your email or IP logs to advertisers or data brokers.

* We <b>do not</b> use your contributions for any obscure or questionable commercial marketing without your consent.

* We <b>do</b> use your data to troubleshoot server errors and ban those who try to break this site.

== YOUR RIGHTS AND DELETION ==
You can see the data we have on you at any time by checking your User Preferences and Contributions.

* <b>Deletion:</b> If you want your account gone, contact an admin. Because MediaWiki relies on a permanent edit history, we usually anonymize accounts rather than deleting them. This removes your personal info but keeps the site's history from breaking.

* <b>Data Requests:</b> If you want a copy of your data, simply ask, and we will provide it if we have it.

== CONTACT FOR INQUIRIES ==
By interacting with posting on this site, you agree to the aforementioned information regarding your privacy and data. If you have questions or if the system is acting up, please reach out to the site administrator(s) at "admin@jadnix.xyz".

The Jadnix Codex:Privacy Policy

2026-05-04T20:39:20Z

Sinvrh: /* YOUR RIGHTS AND DELETION */

{{DISPLAYTITLE:Privacy Policy}}

<div class="faction-dealer">
<html>

<div style="display: flex; align-items: center; gap: 20px; margin-bottom: 30px; border-bottom: 2px solid #DAA520; padding-bottom: 20px;">

<img src="https://files.catbox.moe/73m0cp.png" width="100" style="height: auto; filter: drop-shadow(0 0 5px #DAA520);">

<div>
<h1 style="margin: 0; color: #DAA520 !important; border: none; font-family: serif;">CODEX PRIVACY CONTRACT</h1>
<small style="color: #888; font-style: italic;">“Do people even read these things all the way through?”</small>
</div>
</div>
</html>

== THE DATA WE TAKE ==
When you interact with the Jadnix Codex, as with any site, you leave a digital footprint. Here is exactly what we collect:

* <b>Account Info:</b> Your username and/or email address. You provide these during account registration so the system can tell who you are and send you password resets;

* <b>Log Data:</b> Every time you visit, log in, or edit a page, the server logs your IP address. This is a non-negotiable part of how MediaWiki works. We use this data to prevent site abuse and ensure the Codex isn't being swarmed by bots or malicious persons by tracking and blocking them;

* <b>Public Contributions:</b> Any edit you make to a page is public. Your username (or IP address if you were able to somehow edit a page while logged out) is permanently attached to that edit in the page history.

== COOKIES ==
This site uses cookies for one reason: to keep the Codex functional. These cookies remember who you are so you don't have to log in every five seconds, and they store your site preferences. If you block cookies in your browser, the site is going to act like a stranger and you won't be able to stay logged in. We don't use tracking cookies for ads or any other corporate garbage.

== THIRD-PARTY DATA HANDLING ==
We keep the server lean by offloading high-bandwidth tasks to other services. When you use this site, your data interacts with:

* <b>Image Hosting Services:</b> Such services (like Catbox) host our images, and yours too, if you have any embedded on your personal page. When your browser loads an image from them, they see your IP address;

* <b>Brevo:</b> This is our mail relay. If the wiki sends you an email (like a password reset), your email address passes through their system to get to you;

* <b>RackNerd:</b> Our VPS host. They handle the physical server where the database lives.

We don't control these companies, and so if you are paranoid, please read their individual policies.

== WHAT WE DO (AND DO NOT DO) WITH YOUR DATA ==
We use your data to run the wiki, the Jadnix Codex. That is it.

* We <b>do not</b> sell your email or IP logs to advertisers or data brokers.

* We <b>do not</b> use your contributions for any obscure or questionable commercial marketing without your consent.

* We <b>do</b> use your data to troubleshoot server errors and ban those who try to break this site.

== YOUR RIGHTS AND DELETION ==
You can see the data we have on you at any time by checking your User Preferences and Contributions.

* <b>Deletion:</b> If you want your account gone, contact an admin. Because MediaWiki relies on a permanent edit history, we usually anonymize accounts rather than deleting them. This removes your personal info but keeps the site's history from breaking.

* <b>Data Requests:</b> If you want a copy of your data, simply ask, and we will provide it if we have it.

== CONTACT FOR INQUIRIES ==
By interacting with posting on this site, you agree to the aforementioned information regarding your privacy and data. If you have questions or if the system is acting up, please reach out to the site administrator(s) at **admin@jadnix.xyz**.

The Jadnix Codex:Privacy Policy

2026-05-04T20:38:38Z

Sinvrh: /* THE DATA WE TAKE */

{{DISPLAYTITLE:Privacy Policy}}

<div class="faction-dealer">
<html>

<div style="display: flex; align-items: center; gap: 20px; margin-bottom: 30px; border-bottom: 2px solid #DAA520; padding-bottom: 20px;">

<img src="https://files.catbox.moe/73m0cp.png" width="100" style="height: auto; filter: drop-shadow(0 0 5px #DAA520);">

<div>
<h1 style="margin: 0; color: #DAA520 !important; border: none; font-family: serif;">CODEX PRIVACY CONTRACT</h1>
<small style="color: #888; font-style: italic;">“Do people even read these things all the way through?”</small>
</div>
</div>
</html>

== THE DATA WE TAKE ==
When you interact with the Jadnix Codex, as with any site, you leave a digital footprint. Here is exactly what we collect:

* <b>Account Info:</b> Your username and/or email address. You provide these during account registration so the system can tell who you are and send you password resets;

* <b>Log Data:</b> Every time you visit, log in, or edit a page, the server logs your IP address. This is a non-negotiable part of how MediaWiki works. We use this data to prevent site abuse and ensure the Codex isn't being swarmed by bots or malicious persons by tracking and blocking them;

* <b>Public Contributions:</b> Any edit you make to a page is public. Your username (or IP address if you were able to somehow edit a page while logged out) is permanently attached to that edit in the page history.

== COOKIES ==
This site uses cookies for one reason: to keep the Codex functional. These cookies remember who you are so you don't have to log in every five seconds, and they store your site preferences. If you block cookies in your browser, the site is going to act like a stranger and you won't be able to stay logged in. We don't use tracking cookies for ads or any other corporate garbage.

== THIRD-PARTY DATA HANDLING ==
We keep the server lean by offloading high-bandwidth tasks to other services. When you use this site, your data interacts with:

* <b>Image Hosting Services:</b> Such services (like Catbox) host our images, and yours too, if you have any embedded on your personal page. When your browser loads an image from them, they see your IP address;

* <b>Brevo:</b> This is our mail relay. If the wiki sends you an email (like a password reset), your email address passes through their system to get to you;

* <b>RackNerd:</b> Our VPS host. They handle the physical server where the database lives.

We don't control these companies, and so if you are paranoid, please read their individual policies.

== WHAT WE DO (AND DO NOT DO) WITH YOUR DATA ==
We use your data to run the wiki, the Jadnix Codex. That is it.

* We <b>do not</b> sell your email or IP logs to advertisers or data brokers.

* We <b>do not</b> use your contributions for any obscure or questionable commercial marketing without your consent.

* We <b>do</b> use your data to troubleshoot server errors and ban those who try to break this site.

== YOUR RIGHTS AND DELETION ==
You can see the data we have on you at any time by checking your **User Preferences** and **Contributions**.

* <b>Deletion:</b> If you want your account gone, contact an admin. Because MediaWiki relies on a permanent edit history, we usually anonymize accounts rather than deleting them. This removes your personal info but keeps the site's history from breaking.

* <b>Data Requests:</b> If you want a copy of your data, simply ask, and we will provide it if we have it.

== CONTACT FOR INQUIRIES ==
By interacting with posting on this site, you agree to the aforementioned information regarding your privacy and data. If you have questions or if the system is acting up, please reach out to the site administrator(s) at **admin@jadnix.xyz**.

The Jadnix Codex:Privacy Policy

2026-05-04T20:38:11Z

Sinvrh:

{{DISPLAYTITLE:Privacy Policy}}

<div class="faction-dealer">
<html>

<div style="display: flex; align-items: center; gap: 20px; margin-bottom: 30px; border-bottom: 2px solid #DAA520; padding-bottom: 20px;">

<img src="https://files.catbox.moe/73m0cp.png" width="100" style="height: auto; filter: drop-shadow(0 0 5px #DAA520);">

<div>
<h1 style="margin: 0; color: #DAA520 !important; border: none; font-family: serif;">CODEX PRIVACY CONTRACT</h1>
<small style="color: #888; font-style: italic;">“Do people even read these things all the way through?”</small>
</div>
</div>
</html>

== THE DATA WE TAKE ==
When you interact with the Jadnix Codex, as with any site, you leave a digital footprint. Here is exactly what we collect:

* <b>Account Info:</b> Your username and/or email address. You provide these during account registration so the system can tell who you are and send you password resets;

* <b>Log Data:</b> Every time you visit, log in, or edit a page, the server logs your **IP address**. This is a non-negotiable part of how MediaWiki works. We use this data to prevent site abuse and ensure the Codex isn't being swarmed by bots or malicious persons by tracking and blocking them;

* <b>Public Contributions:</b> Any edit you make to a page is public. Your username (or IP address if you were able to somehow edit a page while logged out) is permanently attached to that edit in the page history.

== COOKIES ==
This site uses cookies for one reason: to keep the Codex functional. These cookies remember who you are so you don't have to log in every five seconds, and they store your site preferences. If you block cookies in your browser, the site is going to act like a stranger and you won't be able to stay logged in. We don't use tracking cookies for ads or any other corporate garbage.

== THIRD-PARTY DATA HANDLING ==
We keep the server lean by offloading high-bandwidth tasks to other services. When you use this site, your data interacts with:

* <b>Image Hosting Services:</b> Such services (like Catbox) host our images, and yours too, if you have any embedded on your personal page. When your browser loads an image from them, they see your IP address;

* <b>Brevo:</b> This is our mail relay. If the wiki sends you an email (like a password reset), your email address passes through their system to get to you;

* <b>RackNerd:</b> Our VPS host. They handle the physical server where the database lives.

We don't control these companies, and so if you are paranoid, please read their individual policies.

== WHAT WE DO (AND DO NOT DO) WITH YOUR DATA ==
We use your data to run the wiki, the Jadnix Codex. That is it.

* We <b>do not</b> sell your email or IP logs to advertisers or data brokers.

* We <b>do not</b> use your contributions for any obscure or questionable commercial marketing without your consent.

* We <b>do</b> use your data to troubleshoot server errors and ban those who try to break this site.

== YOUR RIGHTS AND DELETION ==
You can see the data we have on you at any time by checking your **User Preferences** and **Contributions**.

* <b>Deletion:</b> If you want your account gone, contact an admin. Because MediaWiki relies on a permanent edit history, we usually anonymize accounts rather than deleting them. This removes your personal info but keeps the site's history from breaking.

* <b>Data Requests:</b> If you want a copy of your data, simply ask, and we will provide it if we have it.

== CONTACT FOR INQUIRIES ==
By interacting with posting on this site, you agree to the aforementioned information regarding your privacy and data. If you have questions or if the system is acting up, please reach out to the site administrator(s) at **admin@jadnix.xyz**.

The Jadnix Codex:Privacy Policy

2026-05-04T20:21:30Z

Sinvrh: Created page with "# CODEX PRIVACY POLICY ### 1. THE DATA WE TAKE When you interact with this archive, as with any site, you leave a digital footprint. Here is exactly what we collect: * **Account Info:** Your username and/or email address. You provide these during account registration so the system can tell who you are and send you password resets. * **Log Data:** Every time you visit, log in, or edit a page, the server logs your **IP address**. This is a non-negotiable part of how M..."

# CODEX PRIVACY POLICY

### 1. THE DATA WE TAKE
When you interact with this archive, as with any site, you leave a digital footprint. Here is exactly what we collect:
* **Account Info:** Your username and/or email address. You provide these during account registration so the system can tell who you are and send you password resets.
* **Log Data:** Every time you visit, log in, or edit a page, the server logs your **IP address**. This is a non-negotiable part of how MediaWiki works. We use this data to prevent site abuse and ensure the Codex isn't being swarmed by bots or malicious persons by tracking and blocking them.
* **Public Contributions:** Any edit you make to a page is public. Your username (or IP address if you were able to somehow edit a page while logged out) is permanently attached to that edit in the page history.

### 2. COOKIES
This site uses cookies for one reason: to keep the Codex functional. These cookies remember who you are so you don't have to log in every five seconds, and they store your site preferences. If you block cookies in your browser, the site is going to act like a stranger and you won't be able to stay logged in. We don't use tracking cookies for ads or any other corporate garbage.

### 3. THIRD-PARTY DATA HANDLING
We keep the server lean by offloading high-bandwidth tasks to other services. When you use this site, your data interacts with:
* **Image Hosting Services:** Such services (like Catbox) host our images, and yours too, if you have any embedded on your personal page. When your browser loads an image from them, they see your IP address.
* **Brevo:** This is our mail relay. If the wiki sends you an email (like a password reset), your email address passes through their system to get to you.
* **RackNerd:** Our VPS host. They handle the physical server where the database lives.

We don't control these companies, so if you're paranoid, read their individual policies.

### 4. WHAT WE DO (AND DON'T DO) WITH YOUR DATA
We use your data to run the wiki. That is it.
* We **do not** sell your email or IP logs to advertisers or data brokers.
* We **do not** use your contributions for any weird commercial marketing without your consent.
* We **do** use your data to troubleshoot server errors and ban people who try to break the site.

### 5. YOUR RIGHTS AND DELETION
You can see the data we have on you at any time by checking your **User Preferences** and **Contributions**.
* **Deletion:** If you want your account gone, contact the admin. Because MediaWiki relies on a permanent edit history, we usually anonymize accounts rather than deleting them. This removes your personal info but keeps the site's history from breaking.
* **Data Requests:** If you want a copy of your data, ask.

### 6. CONTACT
If you have questions or if the system is acting up, reach out to the site administrator(s) at **admin@jadnix.xyz**.

MediaWiki:Privacy

2026-05-04T20:09:06Z

Sinvrh: Created page with "Privacy Policy"

MediaWiki:Common.css

2026-05-04T20:04:47Z

Sinvrh:

MediaWiki:Common.css

2026-05-04T20:03:26Z

Sinvrh:

MediaWiki:Group-user-member

2026-05-04T19:32:11Z

Sinvrh: Created page with "{{GENDER:$1|Surveyor}}"

MediaWiki:Group-arbitrator-member

2026-05-04T19:31:50Z

Sinvrh: Created page with "Skipper"

Skipper

MediaWiki:Group-moderator-member

2026-05-04T19:31:30Z

Sinvrh: Created page with "Dealer"

Dealer

MediaWiki:Group-sysop-member

2026-05-04T19:30:47Z

Sinvrh: Created page with "{{GENDER:$1|Still}}"

MediaWiki:Group-user

2026-05-04T19:30:06Z

Sinvrh: Created page with "Surveyors"

Surveyors

MediaWiki:Group-arbitrator

2026-05-04T19:29:35Z

Sinvrh: Created page with "Rescue & Removal Corps"

Rescue & Removal Corps

MediaWiki:Group-moderator

2026-05-04T19:29:14Z

Sinvrh: Created page with "House Voidseed"

House Voidseed

MediaWiki:Group-sysop

2026-05-04T19:28:44Z

Sinvrh: Created page with "Quiescent"

Quiescent

User:Sinvrh

2026-05-04T19:07:48Z

Sinvrh:

{{DISPLAYTITLE:Sinvrh}}
<div class="faction-still">
<html>
<div class="personnel-file">
<div class="id-header">
W.S.G. PERSONNEL IDENTIFICATION
<span class="id-clearance">CLR: 5 (ADMIN)</span>
</div>
<div class="id-body">
<div class="void-avatar">
<img src="https://files.catbox.moe/gqpyy2.png"></img>
</div>
<div class="id-details">
<h2>STILL SINVRH</h2>
<ul>
<li><strong>DESIGNATION:</strong> LEADER</li>
<li><strong>FACTION:</strong> THE QUIESCENT</li>
<li><strong>STATUS:</strong> ANCHORED / ONLINE</li>
<li><strong>ASSIGNMENT:</strong> CODEX MAINTENANCE</li>
</ul>
</div>
</div>
</div>

<br>

<div style="text-align: center; font-family: 'Consolas'; font-size: 0.9em; color: #666;">
<p>> CURRENT TASK: ORGANIZING CODEX INFORMATION</p>
<p>> LAST LOGIN: [YESTERDAY]</p>
</div>
</html>
</div>