{"id":7174,"date":"2026-08-30T18:51:48","date_gmt":"2026-08-30T10:51:48","guid":{"rendered":"https:\/\/nucleusseries.com\/?page_id=7174"},"modified":"2026-10-05T16:58:15","modified_gmt":"2026-10-05T08:58:15","slug":"factions","status":"publish","type":"page","link":"https:\/\/nucleusseries.com\/?page_id=7174","title":{"rendered":"Factions"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- NUCLEUS FACTION INTEL DIRECTORY - \"SELECT FILE\" band (2026)\n     The lore-page sibling of the Characters \"Select Channel\" band.\n     Paste this exact cell, with NO per-page edits, into a Custom HTML\n     block ABOVE the faction cell on all nine faction lore pages\n     (and on the Factions hub, 7174, if wanted).\n     Self-detecting, CSS-first: WordPress stamps <body> with\n     page-id-NNNN and the rules below light the matching card.\n     Zero JavaScript. Page ids:\n       Hub 7174 \u00b7 Alliance 1302 \u00b7 Imperium 1343 \u00b7 Directorate 1349 \u00b7\n       Covenant 2897 \u00b7 Fenris 1441 \u00b7 Rakshasa 1617 \u00b7 Jokull 2138 \u00b7\n       Xing Hong 3468 \u00b7 Independent 5169\n     Generated from factions_data.py on 2026-10-03.                       -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n    html, body { overflow-x: hidden; overflow-x: clip; }\n    #nx-lore-directory {\n        width: 100vw; max-width: 100vw;\n        margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;\n        margin-block-end: 0 !important;   \/* !important: see the faction cell's breakout note *\/\n        box-sizing: border-box;\n        --nx-ink: #E8F1FF;\n        --nx-dim: rgba(232, 241, 255, 0.6);\n        --nx-faint: rgba(232, 241, 255, 0.4);\n        --nx-line: rgba(232, 241, 255, 0.14);\n        --nx-display: 'Orbitron', 'Avenir Next', 'Trebuchet MS', sans-serif;\n        --nx-body: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n        --nx-mono: ui-monospace, 'Cascadia Mono', 'JetBrains Mono', Consolas, monospace;\n        background:\n            radial-gradient(ellipse 90% 100% at 50% -30%, rgba(0, 255, 136, 0.06), transparent 60%),\n            linear-gradient(180deg, #0B0F0C 0%, #08130D 100%);\n        border-bottom: 1px solid rgba(0, 255, 136, 0.16);\n        color: var(--nx-ink); font-family: var(--nx-body);\n        padding: clamp(20px, 2.6vw, 30px) 0 clamp(22px, 2.8vw, 32px) 0;\n    }\n    #nx-lore-directory * { box-sizing: border-box; }\n    \/* When the directory and the faction cell sit in two separate\n       Columns\/Group blocks, the theme puts a 1.2rem gap between those\n       blocks and the page background shows through as a grey strip.\n       Close it from here (this small cell is the same on every page). *\/\n    .wp-block-columns:has(#nx-faction), .wp-block-group:has(#nx-faction) { margin-block-start: 0 !important; }\n    .wp-block-columns:has(#nx-lore-directory), .wp-block-group:has(#nx-lore-directory) { margin-block-end: 0 !important; }\n    .wp-block-column:has(#nx-faction), .wp-block-column:has(#nx-lore-directory) { margin-block: 0 !important; }\n    #nx-lore-directory .nx-ld-container { max-width: 1280px; margin: 0 auto; padding: 0 clamp(18px, 4vw, 40px); }\n    #nx-lore-directory .nx-ld-head { display: flex; align-items: center; gap: 16px; margin: 0 0 14px 0; }\n    #nx-lore-directory .nx-ld-eyebrow {\n        font-family: var(--nx-mono); font-size: 10.5px; letter-spacing: 0.26em; text-transform: uppercase;\n        color: var(--nx-dim); margin: 0; white-space: nowrap;\n    }\n    #nx-lore-directory .nx-ld-line { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(0, 255, 170, 0.28), transparent); }\n    #nx-lore-directory .nx-ld-count {\n        font-family: var(--nx-mono); font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;\n        color: var(--nx-faint); margin: 0; white-space: nowrap;\n    }\n    #nx-lore-directory .nx-ld-rail { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 8px; }\n    #nx-lore-directory .nx-ld-card {\n        --fd: #00FF88;\n        display: flex; flex-direction: column; align-items: center; gap: 6px;\n        padding: 12px 6px 10px 6px; border: 1px solid var(--nx-line); border-radius: 8px;\n        background: rgba(232, 241, 255, 0.03); text-decoration: none; text-align: center;\n        transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;\n    }\n    #nx-lore-directory .nx-ld-sig {\n        font-family: var(--nx-display); font-weight: 700; font-size: 15px; letter-spacing: 0.06em; line-height: 1;\n        color: var(--fd); text-shadow: 0 0 12px var(--fd);\n    }\n    #nx-lore-directory .nx-ld-name { font-size: 9.5px; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; color: var(--nx-dim); line-height: 1.3; }\n    #nx-lore-directory .nx-ld-ch { font-family: var(--nx-mono); font-size: 8.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--nx-faint); }\n    #nx-lore-directory .nx-ld-card:hover, #nx-lore-directory .nx-ld-card:focus-visible {\n        transform: translateY(-2px); border-color: var(--fd); background: rgba(232, 241, 255, 0.05);\n        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45);\n        box-shadow: 0 4px 18px color-mix(in srgb, var(--fd) 30%, transparent);\n    }\n    #nx-lore-directory .nx-ld-card:hover .nx-ld-name, #nx-lore-directory .nx-ld-card:focus-visible .nx-ld-name { color: var(--fd); }\n    #nx-lore-directory .nx-ld-card:focus-visible { outline: 2px solid var(--fd); outline-offset: 2px; }\n    #nx-lore-directory .nx-ld-here {\n        display: none; font-family: var(--nx-mono); font-size: 8.5px; letter-spacing: 0.18em;\n        text-transform: uppercase; color: var(--fd); opacity: 0.9;\n    }\n    \/* current page: lit file (pure CSS via body.page-id-NNNN) *\/\n    body.page-id-7174 #nx-lore-directory .nx-ld-card[href$=\"page_id=7174\"],\n    body.page-id-1302 #nx-lore-directory .nx-ld-card[href$=\"page_id=1302\"],\n    body.page-id-1343 #nx-lore-directory .nx-ld-card[href$=\"page_id=1343\"],\n    body.page-id-1349 #nx-lore-directory .nx-ld-card[href$=\"page_id=1349\"],\n    body.page-id-2897 #nx-lore-directory .nx-ld-card[href$=\"page_id=2897\"],\n    body.page-id-1441 #nx-lore-directory .nx-ld-card[href$=\"page_id=1441\"],\n    body.page-id-1617 #nx-lore-directory .nx-ld-card[href$=\"page_id=1617\"],\n    body.page-id-2138 #nx-lore-directory .nx-ld-card[href$=\"page_id=2138\"],\n    body.page-id-3468 #nx-lore-directory .nx-ld-card[href$=\"page_id=3468\"],\n    body.page-id-5169 #nx-lore-directory .nx-ld-card[href$=\"page_id=5169\"],\n    #nx-lore-directory .nx-ld-current {\n        border-color: var(--fd);\n        background: rgba(232, 241, 255, 0.05);\n        background: color-mix(in srgb, var(--fd) 10%, transparent);\n    }\n    body.page-id-7174 #nx-lore-directory .nx-ld-card[href$=\"page_id=7174\"] .nx-ld-name,\n    body.page-id-1302 #nx-lore-directory .nx-ld-card[href$=\"page_id=1302\"] .nx-ld-name,\n    body.page-id-1343 #nx-lore-directory .nx-ld-card[href$=\"page_id=1343\"] .nx-ld-name,\n    body.page-id-1349 #nx-lore-directory .nx-ld-card[href$=\"page_id=1349\"] .nx-ld-name,\n    body.page-id-2897 #nx-lore-directory .nx-ld-card[href$=\"page_id=2897\"] .nx-ld-name,\n    body.page-id-1441 #nx-lore-directory .nx-ld-card[href$=\"page_id=1441\"] .nx-ld-name,\n    body.page-id-1617 #nx-lore-directory .nx-ld-card[href$=\"page_id=1617\"] .nx-ld-name,\n    body.page-id-2138 #nx-lore-directory .nx-ld-card[href$=\"page_id=2138\"] .nx-ld-name,\n    body.page-id-3468 #nx-lore-directory .nx-ld-card[href$=\"page_id=3468\"] .nx-ld-name,\n    body.page-id-5169 #nx-lore-directory .nx-ld-card[href$=\"page_id=5169\"] .nx-ld-name,\n    #nx-lore-directory .nx-ld-current .nx-ld-name { color: var(--fd); }\n    body.page-id-7174 #nx-lore-directory .nx-ld-card[href$=\"page_id=7174\"] .nx-ld-ch,\n    body.page-id-1302 #nx-lore-directory .nx-ld-card[href$=\"page_id=1302\"] .nx-ld-ch,\n    body.page-id-1343 #nx-lore-directory .nx-ld-card[href$=\"page_id=1343\"] .nx-ld-ch,\n    body.page-id-1349 #nx-lore-directory .nx-ld-card[href$=\"page_id=1349\"] .nx-ld-ch,\n    body.page-id-2897 #nx-lore-directory .nx-ld-card[href$=\"page_id=2897\"] .nx-ld-ch,\n    body.page-id-1441 #nx-lore-directory .nx-ld-card[href$=\"page_id=1441\"] .nx-ld-ch,\n    body.page-id-1617 #nx-lore-directory .nx-ld-card[href$=\"page_id=1617\"] .nx-ld-ch,\n    body.page-id-2138 #nx-lore-directory .nx-ld-card[href$=\"page_id=2138\"] .nx-ld-ch,\n    body.page-id-3468 #nx-lore-directory .nx-ld-card[href$=\"page_id=3468\"] .nx-ld-ch,\n    body.page-id-5169 #nx-lore-directory .nx-ld-card[href$=\"page_id=5169\"] .nx-ld-ch,\n    #nx-lore-directory .nx-ld-current .nx-ld-ch { display: none; }\n    body.page-id-7174 #nx-lore-directory .nx-ld-card[href$=\"page_id=7174\"] .nx-ld-here,\n    body.page-id-1302 #nx-lore-directory .nx-ld-card[href$=\"page_id=1302\"] .nx-ld-here,\n    body.page-id-1343 #nx-lore-directory .nx-ld-card[href$=\"page_id=1343\"] .nx-ld-here,\n    body.page-id-1349 #nx-lore-directory .nx-ld-card[href$=\"page_id=1349\"] .nx-ld-here,\n    body.page-id-2897 #nx-lore-directory .nx-ld-card[href$=\"page_id=2897\"] .nx-ld-here,\n    body.page-id-1441 #nx-lore-directory .nx-ld-card[href$=\"page_id=1441\"] .nx-ld-here,\n    body.page-id-1617 #nx-lore-directory .nx-ld-card[href$=\"page_id=1617\"] .nx-ld-here,\n    body.page-id-2138 #nx-lore-directory .nx-ld-card[href$=\"page_id=2138\"] .nx-ld-here,\n    body.page-id-3468 #nx-lore-directory .nx-ld-card[href$=\"page_id=3468\"] .nx-ld-here,\n    body.page-id-5169 #nx-lore-directory .nx-ld-card[href$=\"page_id=5169\"] .nx-ld-here,\n    #nx-lore-directory .nx-ld-current .nx-ld-here { display: block; }\n    @media (max-width: 1100px) {\n        #nx-lore-directory .nx-ld-rail {\n            display: flex; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 8px;\n            -webkit-overflow-scrolling: touch;\n        }\n        #nx-lore-directory .nx-ld-card { min-width: 118px; flex: 0 0 auto; scroll-snap-align: start; }\n        #nx-lore-directory .nx-ld-rail::-webkit-scrollbar { height: 4px; }\n        #nx-lore-directory .nx-ld-rail::-webkit-scrollbar-thumb { background: rgba(0, 255, 136, 0.25); border-radius: 2px; }\n        #nx-lore-directory .nx-ld-rail::-webkit-scrollbar-track { background: rgba(232, 241, 255, 0.05); }\n    }\n<\/style>\n\n<div id=\"nx-lore-directory\">\n    <div class=\"nx-ld-container\">\n        <div class=\"nx-ld-head\">\n            <p class=\"nx-ld-eyebrow\">\/\/ Faction Intel &mdash; Select File<\/p>\n            <div class=\"nx-ld-line\"><\/div>\n            <p class=\"nx-ld-count\">9 Files &middot; Signal OK<\/p>\n        <\/div>\n        <nav class=\"nx-ld-rail\" aria-label=\"Faction lore pages\">\n            <a class=\"nx-ld-card\" href=\"https:\/\/nucleusseries.com\/?page_id=7174\" style=\"--fd: #00FF88;\" title=\"All Factions\">\n                <span class=\"nx-ld-sig\">\u25c8<\/span>\n                <span class=\"nx-ld-name\">Faction Hub<\/span>\n                <span class=\"nx-ld-ch\">HUB<\/span>\n                <span class=\"nx-ld-here\">&#9670; You are here<\/span>\n            <\/a>\n            <a class=\"nx-ld-card\" href=\"https:\/\/nucleusseries.com\/?page_id=1302\" style=\"--fd: #4A9EFF;\" title=\"Terra Alliance\">\n                <span class=\"nx-ld-sig\">TA<\/span>\n                <span class=\"nx-ld-name\">Alliance<\/span>\n                <span class=\"nx-ld-ch\">FILE&middot;01<\/span>\n                <span class=\"nx-ld-here\">&#9670; You are here<\/span>\n            <\/a>\n            <a class=\"nx-ld-card\" href=\"https:\/\/nucleusseries.com\/?page_id=1343\" style=\"--fd: #FF4A4A;\" title=\"Imperium of Dragons\">\n                <span class=\"nx-ld-sig\">ID<\/span>\n                <span class=\"nx-ld-name\">Imperium<\/span>\n                <span class=\"nx-ld-ch\">FILE&middot;02<\/span>\n                <span class=\"nx-ld-here\">&#9670; You are here<\/span>\n            <\/a>\n            <a class=\"nx-ld-card\" href=\"https:\/\/nucleusseries.com\/?page_id=1349\" style=\"--fd: #3CB371;\" title=\"Emerald Directorate\">\n                <span class=\"nx-ld-sig\">ED<\/span>\n                <span class=\"nx-ld-name\">Directorate<\/span>\n                <span class=\"nx-ld-ch\">FILE&middot;03<\/span>\n                <span class=\"nx-ld-here\">&#9670; You are here<\/span>\n            <\/a>\n            <a class=\"nx-ld-card\" href=\"https:\/\/nucleusseries.com\/?page_id=2897\" style=\"--fd: #F0D890;\" title=\"Zorian Covenant\">\n                <span class=\"nx-ld-sig\">ZC<\/span>\n                <span class=\"nx-ld-name\">Covenant<\/span>\n                <span class=\"nx-ld-ch\">FILE&middot;04<\/span>\n                <span class=\"nx-ld-here\">&#9670; You are here<\/span>\n            <\/a>\n            <a class=\"nx-ld-card\" href=\"https:\/\/nucleusseries.com\/?page_id=1441\" style=\"--fd: #FF6B35;\" title=\"Fenris Horde\">\n                <span class=\"nx-ld-sig\">FH<\/span>\n                <span class=\"nx-ld-name\">Fenris<\/span>\n                <span class=\"nx-ld-ch\">FILE&middot;05<\/span>\n                <span class=\"nx-ld-here\">&#9670; You are here<\/span>\n            <\/a>\n            <a class=\"nx-ld-card\" href=\"https:\/\/nucleusseries.com\/?page_id=1617\" style=\"--fd: #E040FB;\" title=\"Rakshasa Horde\">\n                <span class=\"nx-ld-sig\">RH<\/span>\n                <span class=\"nx-ld-name\">Rakshasa<\/span>\n                <span class=\"nx-ld-ch\">FILE&middot;06<\/span>\n                <span class=\"nx-ld-here\">&#9670; You are here<\/span>\n            <\/a>\n            <a class=\"nx-ld-card\" href=\"https:\/\/nucleusseries.com\/?page_id=2138\" style=\"--fd: #7DD3FC;\" title=\"J\u01ebkull Horde\">\n                <span class=\"nx-ld-sig\">JH<\/span>\n                <span class=\"nx-ld-name\">J\u00f6kull<\/span>\n                <span class=\"nx-ld-ch\">FILE&middot;07<\/span>\n                <span class=\"nx-ld-here\">&#9670; You are here<\/span>\n            <\/a>\n            <a class=\"nx-ld-card\" href=\"https:\/\/nucleusseries.com\/?page_id=3468\" style=\"--fd: #FFC107;\" title=\"Xing Hong\">\n                <span class=\"nx-ld-sig\">XH<\/span>\n                <span class=\"nx-ld-name\">Xing Hong<\/span>\n                <span class=\"nx-ld-ch\">FILE&middot;08<\/span>\n                <span class=\"nx-ld-here\">&#9670; You are here<\/span>\n            <\/a>\n            <a class=\"nx-ld-card\" href=\"https:\/\/nucleusseries.com\/?page_id=5169\" style=\"--fd: #999999;\" title=\"Independents\">\n                <span class=\"nx-ld-sig\">\u2605<\/span>\n                <span class=\"nx-ld-name\">Independent<\/span>\n                <span class=\"nx-ld-ch\">FILE&middot;09<\/span>\n                <span class=\"nx-ld-here\">&#9670; You are here<\/span>\n            <\/a>\n        <\/nav>\n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n    \/* \u2500\u2500 WordPress 2024 Theme \u2014 Full-width breakout (2026 system form) \u2500\u2500\n       Guard MUST be clip; hidden is the legacy fallback line only.\n       Never put overflow-x on .entry-content \u2014 it becomes a scroll\n       container and kills position:sticky inside the cell. *\/\n    html, body { overflow-x: hidden; overflow-x: clip; }\n    #origins-page {\n        width: 100vw; max-width: 100vw;\n        margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);\n        box-sizing: border-box;\n    }\n\n    \/* \u2500\u2500 ORIGINS PAGE \u2014 Responsive Overrides \u2500\u2500 *\/\n    @media (max-width: 768px) {\n        .origins-race-card {\n            padding: 28px 18px !important;\n        }\n        .origins-race-card-inner {\n            flex-direction: column !important;\n        }\n        .origins-race-art {\n            max-width: 100% !important;\n            min-width: unset !important;\n            margin-bottom: 20px !important;\n        }\n        .origins-lang-card {\n            padding: 28px 18px !important;\n        }\n        .origins-lang-card-inner {\n            flex-direction: column !important;\n        }\n        .origins-lang-art {\n            max-width: 100% !important;\n            min-width: unset !important;\n            margin-bottom: 20px !important;\n        }\n        .origins-school-tabs {\n            gap: 6px !important;\n        }\n        .origins-school-tab {\n            font-size: 12px !important;\n            padding: 8px 12px !important;\n            letter-spacing: 1px !important;\n        }\n        .origins-spell-grid {\n            grid-template-columns: 1fr !important;\n        }\n        .origins-section-title {\n            font-size: 28px !important;\n            letter-spacing: 4px !important;\n        }\n        .origins-hero-title {\n            font-size: 46px !important;\n            letter-spacing: 6px !important;\n        }\n        .origins-school-overview {\n            flex-direction: column !important;\n        }\n        .origins-school-art {\n            max-width: 100% !important;\n            min-width: unset !important;\n        }\n        .origins-balance-row {\n            flex-direction: column !important;\n            gap: 8px !important;\n        }\n        .origins-mutation-grid {\n            grid-template-columns: 1fr !important;\n        }\n    }\n    @media (max-width: 480px) {\n        .origins-hero-title {\n            font-size: 34px !important;\n            letter-spacing: 4px !important;\n        }\n        .origins-school-tab {\n            font-size: 11px !important;\n            padding: 6px 8px !important;\n        }\n        .origins-spell-card {\n            padding: 18px 14px !important;\n        }\n    }\n<\/style>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- MAIN CONTAINER                                  -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div id=\"origins-page\" style=\"background: linear-gradient(180deg, #0d1a12 0%, #111111 20%, #111111 80%, #0d1a12 100%); overflow: hidden; position: relative; margin-top: 40px;\">\n    <!-- Lightbox Modal (hidden by default) -->\n    <div id=\"origins-lightbox\" onclick=\"originsCloseLightbox()\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.92); z-index: 9999; justify-content: center; align-items: center; cursor: pointer;\">\n        <span onclick=\"originsCloseLightbox()\" style=\"position: absolute; top: 20px; right: 35px; color: #ffffff; font-size: 45px; font-weight: bold; cursor: pointer; transition: color 0.2s; z-index: 10000;\">\u00d7<\/span>\n        <img decoding=\"async\" id=\"origins-lightbox-img\" src=\"\" alt=\"Enlarged image\" style=\"max-width: 90%; max-height: 90%; border-radius: 8px; cursor: default;\" onclick=\"event.stopPropagation();\">\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <!-- NUCLEUS: ORIGINS \u2014 HERO cell (2026 redesign, v3)                 -->\n    <!--                                                                  -->\n    <!-- REPLACES: the old <div id=\"origins-top\"> HERO SECTION, and the   -->\n    <!-- never-merged Content Advisory snippet (plus its <script>).       -->\n    <!--                                                                  -->\n    <!-- PLACEMENT: directly inside #origins-page, AFTER the lightbox     -->\n    <!-- block and BEFORE <div id=\"origins-content\">. That puts it        -->\n    <!-- OUTSIDE the desktop-zoomed wrapper: this cell is fluid (clamp)   -->\n    <!-- and must not be zoomed. Rebuilt sections I and II will follow    -->\n    <!-- the same placement; when VI is rebuilt, the wrapper goes.        -->\n    <!--                                                                  -->\n    <!-- Section id origins-top is a side-nav scroll-spy target \u2014 NEVER   -->\n    <!-- rename. Index tiles are plain anchors to the six section ids;    -->\n    <!-- the 12-line script at the end only hands a click to the          -->\n    <!-- site-wide side-nav (header offset + highlight) when it is        -->\n    <!-- present. Without it, the anchors still work.                     -->\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n    <style>\n        \/* \u2550\u2550\u2550 Origins hero \u2014 scoped tokens (dossier mode) \u2550\u2550\u2550 *\/\n        #origins-top {\n            --nx-ink: #E8F1FF;\n            --nx-dim: rgba(232, 241, 255, 0.55);\n            --nx-faint: rgba(232, 241, 255, 0.38);\n            --nx-line: rgba(232, 241, 255, 0.14);\n            --nx-card: rgba(232, 241, 255, 0.04);\n            --nx-arc1: #00FF88;\n            --nx-gold: #EECC40;\n            --nx-display: 'Orbitron', 'Avenir Next', 'Trebuchet MS', sans-serif;\n            --nx-body: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n            --nx-mono: ui-monospace, 'Cascadia Mono', 'JetBrains Mono', Consolas, monospace;\n            position: relative;\n            overflow: hidden;\n            box-sizing: border-box;\n            padding: clamp(64px, 9vw, 120px) clamp(48px, 6vw, 90px) clamp(44px, 5vw, 64px);\n            background:\n                radial-gradient(ellipse 120% 60% at 50% -10%, rgba(0, 255, 136, 0.07), transparent 60%),\n                linear-gradient(180deg, #07120C 0%, #0C100E 55%, #0F1210 100%);\n            color: var(--nx-ink);\n            font-family: var(--nx-body);\n            text-align: center;\n        }\n        #origins-top *, #origins-top *::before, #origins-top *::after { box-sizing: border-box; }\n        #origins-top .nx-oh-stars {\n            position: absolute; inset: 0; opacity: 0.05; pointer-events: none; z-index: 0;\n            background-image:\n                radial-gradient(2px 2px at 15% 20%, rgba(0, 255, 170, 0.8), transparent),\n                radial-gradient(1px 1px at 45% 60%, #ffffff, transparent),\n                radial-gradient(2px 2px at 70% 35%, rgba(0, 255, 170, 0.6), transparent),\n                radial-gradient(1px 1px at 90% 80%, rgba(255, 255, 255, 0.8), transparent),\n                radial-gradient(1px 1px at 25% 90%, rgba(0, 255, 170, 0.5), transparent);\n            background-size: 340px 340px;\n        }\n        #origins-top .nx-oh-wrap { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; }\n\n        \/* \u2500\u2500 Head \u2500\u2500 *\/\n        #origins-top .nx-oh-eyebrow {\n            font-family: var(--nx-display); font-size: 12px; font-weight: 500;\n            letter-spacing: 0.34em; text-transform: uppercase;\n            color: var(--nx-dim); margin: 0 0 18px 0;\n        }\n        #origins-top .nx-oh-title {\n            font-family: var(--nx-display); font-weight: 800;\n            font-size: clamp(44px, 7vw, 96px); line-height: 1;\n            letter-spacing: 0.08em; text-transform: uppercase;\n            color: var(--nx-arc1); margin: 0 0 22px 0;\n            text-shadow: 0 0 28px rgba(0, 255, 136, 0.28);\n        }\n        #origins-top .nx-oh-rule {\n            max-width: 720px; height: 1px; margin: 0 auto 22px auto;\n            background-image: linear-gradient(90deg, transparent, rgba(0, 255, 170, 0.35), transparent);\n        }\n        #origins-top .nx-oh-sub {\n            max-width: 760px; margin: 0 auto 18px auto;\n            font-size: clamp(15px, 1.4vw, 18px); line-height: 1.6;\n            color: rgba(232, 241, 255, 0.78);\n            text-wrap: balance;\n        }\n        #origins-top .nx-oh-readout {\n            display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px;\n            margin: 0 0 clamp(34px, 4vw, 52px) 0; padding: 0; list-style: none;\n            font-family: var(--nx-mono); font-size: 11px; letter-spacing: 0.22em;\n            text-transform: uppercase; color: var(--nx-faint);\n        }\n        #origins-top .nx-oh-readout li::before { content: \"\u25c8 \"; color: rgba(0, 255, 136, 0.55); }\n\n        \/* \u2500\u2500 Section index (bento tiles) \u2500\u2500 *\/\n        #origins-top .nx-oh-index {\n            display: grid; grid-template-columns: repeat(7, minmax(0, 1fr));\n            gap: 12px; margin: 0 0 clamp(28px, 3.5vw, 44px) 0;\n        }\n        #origins-top .nx-oh-tile {\n            position: relative; display: flex; flex-direction: column; align-items: flex-start;\n            text-align: left; text-decoration: none; color: var(--nx-ink);\n            background: var(--nx-card); border: 1px solid var(--nx-line); border-radius: 10px;\n            padding: 16px 16px 14px 16px; min-height: 150px;\n            transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;\n        }\n        #origins-top a.nx-oh-tile:hover,\n        #origins-top a.nx-oh-tile:focus-visible {\n            transform: translateY(-3px);\n            border-color: rgba(0, 255, 136, 0.45);\n            background: rgba(0, 255, 136, 0.05);\n            outline: none;\n        }\n        #origins-top a.nx-oh-tile:focus-visible { box-shadow: 0 0 0 2px rgba(0, 255, 136, 0.5); }\n        #origins-top .nx-oh-num {\n            font-family: var(--nx-mono); font-size: 10px; letter-spacing: 0.3em;\n            color: var(--nx-faint); margin: 0 0 10px 0;\n        }\n        #origins-top .nx-oh-stat {\n            font-family: var(--nx-display); font-weight: 700;\n            font-size: clamp(26px, 2.6vw, 36px); line-height: 1;\n            color: var(--nx-arc1); margin: 0 0 8px 0;\n            text-shadow: 0 0 18px rgba(0, 255, 136, 0.22);\n        }\n        #origins-top .nx-oh-stat small { font-size: 0.5em; font-weight: 600; color: rgba(0, 255, 136, 0.7); vertical-align: 0.35em; margin-left: 2px; }\n        #origins-top .nx-oh-label {\n            font-family: var(--nx-display); font-size: 12px; font-weight: 600;\n            letter-spacing: 0.14em; text-transform: uppercase;\n            color: var(--nx-ink); margin: 0 0 6px 0; line-height: 1.3;\n        }\n        #origins-top .nx-oh-tile-sub {\n            font-size: 12.5px; line-height: 1.45; color: var(--nx-dim); margin: 0;\n        }\n        \/* the one that isn't live yet *\/\n        #origins-top .nx-oh-tile-soon { border-style: dashed; color: var(--nx-dim); cursor: default; }\n        #origins-top .nx-oh-tile-soon .nx-oh-stat { color: rgba(238, 204, 64, 0.85); text-shadow: 0 0 18px rgba(238, 204, 64, 0.2); }\n        #origins-top .nx-oh-chip {\n            display: inline-block; margin-top: auto; padding: 4px 9px;\n            border: 1px solid rgba(238, 204, 64, 0.45); border-radius: 4px;\n            background: rgba(238, 204, 64, 0.08);\n            font-family: var(--nx-mono); font-size: 9.5px; letter-spacing: 0.22em;\n            text-transform: uppercase; color: var(--nx-gold);\n        }\n        #origins-top .nx-oh-chip::before {\n            content: \"\"; display: inline-block; width: 6px; height: 6px; border-radius: 50%;\n            background: var(--nx-gold); box-shadow: 0 0 8px var(--nx-gold);\n            margin: 0 7px 1px 0; vertical-align: middle;\n        }\n\n        \/* \u2500\u2500 Content advisory (replaces the old #indie-advisory snippet) \u2500\u2500 *\/\n        #origins-top .nx-oh-advisory {\n            position: relative; max-width: 880px; margin: 0 auto; text-align: left;\n            padding: 20px 24px 20px 26px;\n            background: rgba(238, 204, 64, 0.05);\n            border: 1px solid rgba(238, 204, 64, 0.22);\n            border-left: 3px solid var(--nx-gold);\n            border-radius: 8px;\n        }\n        \/* one-time gold flash on load (opacity only) *\/\n        #origins-top .nx-oh-advisory::before {\n            content: \"\"; position: absolute; inset: -1px; border-radius: 8px; pointer-events: none;\n            box-shadow: 0 0 22px rgba(238, 204, 64, 0.45); opacity: 0;\n        }\n        #origins-top .nx-oh-adv-head {\n            display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0 0 10px 0;\n        }\n        #origins-top .nx-oh-adv-title {\n            font-family: var(--nx-display); font-weight: 600;\n            font-size: clamp(16px, 1.5vw, 20px); letter-spacing: 0.06em;\n            color: #FFDD88; margin: 0;\n        }\n        #origins-top .nx-oh-adv-stamp {\n            margin-left: auto; padding: 4px 10px;\n            border: 1px solid rgba(238, 204, 64, 0.4); border-radius: 4px;\n            font-family: var(--nx-mono); font-size: 10px; letter-spacing: 0.2em;\n            text-transform: uppercase; color: var(--nx-gold);\n        }\n        #origins-top .nx-oh-adv-text {\n            margin: 0; font-size: clamp(14px, 1.25vw, 15.5px); line-height: 1.6;\n            color: rgba(232, 241, 255, 0.82);\n        }\n        #origins-top .nx-oh-adv-text strong { color: var(--nx-ink); font-weight: 600; }\n\n        \/* \u2500\u2500 Anchor landings: clear the sticky site header (side-nav uses its own offset) \u2500\u2500 *\/\n        #origins-races, #origins-tongues, #origins-schools,\n        #origins-radimons, #origins-sex, #origins-primal, #origins-realms { scroll-margin-top: 96px; }\n\n        \/* \u2500\u2500 Motion: staggered load + advisory stamp (transform\/opacity only) \u2500\u2500 *\/\n        @media (prefers-reduced-motion: no-preference) {\n            @keyframes nxOhRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }\n            @keyframes nxOhFlash { 0% { opacity: 0; } 35% { opacity: 1; } 100% { opacity: 0; } }\n            #origins-top .nx-oh-eyebrow, #origins-top .nx-oh-title, #origins-top .nx-oh-rule,\n            #origins-top .nx-oh-sub, #origins-top .nx-oh-readout, #origins-top .nx-oh-tile,\n            #origins-top .nx-oh-advisory { animation: nxOhRise 0.7s ease-out both; }\n            #origins-top .nx-oh-title { animation-delay: 0.08s; }\n            #origins-top .nx-oh-rule { animation-delay: 0.16s; }\n            #origins-top .nx-oh-sub { animation-delay: 0.22s; }\n            #origins-top .nx-oh-readout { animation-delay: 0.3s; }\n            #origins-top .nx-oh-tile:nth-child(1) { animation-delay: 0.36s; }\n            #origins-top .nx-oh-tile:nth-child(2) { animation-delay: 0.42s; }\n            #origins-top .nx-oh-tile:nth-child(3) { animation-delay: 0.48s; }\n            #origins-top .nx-oh-tile:nth-child(4) { animation-delay: 0.54s; }\n            #origins-top .nx-oh-tile:nth-child(5) { animation-delay: 0.6s; }\n            #origins-top .nx-oh-tile:nth-child(6) { animation-delay: 0.66s; }\n            #origins-top .nx-oh-tile:nth-child(7) { animation-delay: 0.72s; }\n            #origins-top .nx-oh-advisory { animation-delay: 0.85s; }\n            #origins-top .nx-oh-advisory::before { animation: nxOhFlash 1.6s ease-out 1.2s 1 both; }\n            #origins-top .nx-oh-adv-stamp { opacity: 0; animation: nxOhRise 1.2s ease-out 1.5s both; }\n        }\n\n        \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n        @media (max-width: 1100px) {\n            #origins-top .nx-oh-index { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n        }\n        @media (max-width: 768px) {\n            #origins-top { padding-left: 18px; padding-right: 18px; }\n            #origins-top .nx-oh-index { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }\n            #origins-top .nx-oh-tile { min-height: 0; padding: 14px 14px 12px 14px; }\n            #origins-top .nx-oh-tile-soon { grid-column: 1 \/ -1; }\n            #origins-top .nx-oh-tile-soon .nx-oh-chip { margin-top: 8px; }\n            #origins-top .nx-oh-eyebrow { letter-spacing: 0.24em; font-size: 11px; }\n            #origins-top .nx-oh-title { letter-spacing: 0.06em; }\n            #origins-top .nx-oh-readout { gap: 6px 14px; letter-spacing: 0.16em; }\n            #origins-top .nx-oh-advisory { padding: 16px 16px 16px 18px; }\n            #origins-top .nx-oh-adv-stamp { margin-left: 0; }\n        }\n    <\/style>\n\n<section id=\"origins-top\" class=\"nx-oh\" aria-labelledby=\"origins-hero-title\">\n        <div class=\"nx-oh-stars\" aria-hidden=\"true\"><\/div>\n        <div class=\"nx-oh-wrap\">\n\n    \n    <h4 style=\"margin-top: 0; color: #ffc870; font-size: 2.05em; font-weight: 600; letter-spacing: 0.5px;\">\ud83d\udee0\ufe0f Work In Progress<\/h4>\n            <!-- \u2500\u2500 Content advisory (Vel's copy, kept verbatim except \"The section\" \u2192 \"This page\") \u2500\u2500 -->\n            <aside class=\"nx-oh-advisory\" id=\"indie-advisory\" role=\"note\" aria-label=\"Content advisory\">\n                <div class=\"nx-oh-adv-head\">\n                    <h4 class=\"nx-oh-adv-title\">\ud83d\udd27 Content Advisory<\/h4>\n                    <span class=\"nx-oh-adv-stamp\">Updated \u00b7 October 3, 2026<\/span>\n                <\/div>\n                <p class=\"nx-oh-adv-text\">This page and its subsequent parts contain work-in-progress content that has been receiving major visual rework and canonization as of October, 2026.<\/p>\n            <\/aside>\n    \n\n<\/div><\/section><\/div>\n\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- NUCLEUS \u2014 FACTION NAVIGATOR (Factions of the Seven Realms)      -->\n<!-- 2026 rebuild: fully self-sufficient WP Custom HTML cell.        -->\n<!-- No external JS\/CSS dependencies. Own scoped lightbox (fn-)      -->\n<!-- so it can share a page with other cells without collisions.     -->\n<!-- Mobile: sticky chip index + scroll-snap swipe deck.             -->\n<!-- All 10 entities, lore links, and dossier copy preserved.        -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<!-- Scoped lightbox (independent of the homepage cell's) -->\n<div id=\"fn-lightbox\" onclick=\"fnCloseLightbox()\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(2, 6, 4, 0.94); z-index: 9999; justify-content: center; align-items: center; cursor: pointer;\">\n    <span onclick=\"fnCloseLightbox()\" style=\"position: absolute; top: 20px; right: 35px; color: #ffffff; font-size: 45px; font-weight: bold; cursor: pointer; z-index: 10000;\">\u00d7<\/span>\n    <img decoding=\"async\" id=\"fn-lightbox-img\" src=\"\" alt=\"Enlarged flag\" style=\"max-height: 90%; max-width: 92%; border-radius: 8px; box-shadow: 0 0 40px rgba(0, 255, 136, 0.3); cursor: default;\" onclick=\"event.stopPropagation();\">\n<\/div>\n\n<style>\n    \/* \u2500\u2500 WordPress 2024 Theme \u2014 Full-width breakout \u2500\u2500\n       Evolution of the Origins-page approach. The overflow-x guard moves to\n       html\/body: on .entry-content it would CLIP this cell back to the content\n       column (overflow-x:hidden clips escaping children, not just scrollbars).\n       At html\/body level it only swallows the 100vw scrollbar overhang.\n       If the block is already full-width (alignfull), the margins compute to 0\n       and this rule is harmless. *\/\n    html, body {\n        overflow-x: hidden;\n    }\n    #faction-cards-section {\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        box-sizing: border-box;\n    }\n\n    \/* \u2550\u2550\u2550 Faction Navigator \u2014 scoped tokens & layout (fn-) \u2550\u2550\u2550 *\/\n    #faction-cards-section {\n        --nx-ink: #E8F1FF;\n        --nx-dim: rgba(232, 241, 255, 0.55);\n        --nx-faint: rgba(232, 241, 255, 0.38);\n        --nx-line: rgba(232, 241, 255, 0.14);\n        --nx-card: rgba(232, 241, 255, 0.04);\n        --nx-arc1: #00FF88;\n        --nx-display: 'Orbitron', 'Avenir Next', 'Trebuchet MS', sans-serif;\n        --nx-body: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n        --nx-mono: ui-monospace, 'Cascadia Mono', 'JetBrains Mono', Consolas, monospace;\n        background:\n            radial-gradient(ellipse 120% 50% at 50% -10%, rgba(0, 255, 136, 0.07), transparent 60%),\n            linear-gradient(180deg, #07120C 0%, #0C100E 45%, #0F1210 100%);\n        color: var(--nx-ink);\n        font-family: var(--nx-body);\n        padding: clamp(48px, 7vw, 80px) 0 clamp(56px, 7vw, 80px) 0;\n        position: relative;\n        overflow: hidden;\n    }\n    #faction-cards-section .fn-container { max-width: 1160px; margin: 0 auto; padding: 0 clamp(14px, 3vw, 40px); }\n\n    \/* \u2500\u2500 Header \u2500\u2500 *\/\n    #faction-cards-section .fn-kicker {\n        font-family: var(--nx-mono); font-size: 12px; letter-spacing: 0.28em; text-transform: uppercase;\n        color: rgba(0, 255, 170, 0.85); text-align: center; margin: 0 0 14px 0;\n    }\n    #faction-cards-section .fn-h2 {\n        font-family: var(--nx-display); font-weight: 700; font-size: clamp(24px, 4.6vw, 44px);\n        letter-spacing: 0.1em; text-transform: uppercase; color: var(--nx-ink);\n        text-align: center; margin: 0 0 18px 0; text-wrap: balance;\n    }\n    #faction-cards-section .fn-rule {\n        max-width: 260px; height: 1px; margin: 0 auto 34px auto;\n        background: linear-gradient(90deg, transparent, var(--nx-arc1), transparent);\n    }\n\n    \/* \u2500\u2500 Chip index (the navigator) \u2500\u2500 *\/\n    #faction-cards-section .fn-chipbar {\n        position: sticky; top: 0; z-index: 20;\n        background: rgba(8, 15, 11, 0.92);\n        -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);\n        border-top: 1px solid var(--nx-line); border-bottom: 1px solid var(--nx-line);\n        margin-bottom: clamp(26px, 4vw, 40px);\n    }\n    #faction-cards-section .fn-chips {\n        display: flex; gap: 8px; padding: 10px clamp(14px, 3vw, 40px);\n        max-width: 1160px; margin: 0 auto;\n        overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;\n    }\n    #faction-cards-section .fn-chips::-webkit-scrollbar { display: none; }\n    #faction-cards-section .fn-chip {\n        flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px;\n        font-family: var(--nx-mono); font-size: 11px; letter-spacing: 0.08em;\n        color: var(--nx-dim); text-decoration: none; white-space: nowrap;\n        border: 1px solid var(--nx-line); border-radius: 999px; padding: 6px 13px;\n        background: var(--nx-card);\n        transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    }\n    #faction-cards-section .fn-chip i {\n        width: 7px; height: 7px; border-radius: 50%; background: var(--fc, #888); flex: 0 0 auto;\n        box-shadow: 0 0 6px rgba(var(--fc-rgb, 136, 136, 136), 0.6); font-style: normal;\n    }\n    #faction-cards-section .fn-chip:hover, #faction-cards-section .fn-chip:focus-visible {\n        color: var(--nx-ink); border-color: rgba(var(--fc-rgb), 0.6); background: rgba(var(--fc-rgb), 0.08);\n    }\n    #faction-cards-section .fn-chip.fn-on {\n        color: var(--nx-ink); border-color: rgba(var(--fc-rgb), 0.75); background: rgba(var(--fc-rgb), 0.14);\n    }\n    #faction-cards-section .fn-chip:focus-visible { outline: 2px solid rgba(0, 255, 170, 0.6); outline-offset: 2px; }\n    #faction-cards-section .fn-swipe-hint {\n        display: none; font-family: var(--nx-mono); font-size: 10.5px; letter-spacing: 0.18em;\n        text-transform: uppercase; color: var(--nx-faint); text-align: center; margin: 0 0 14px 0;\n    }\n\n    \/* \u2500\u2500 Row labels (desktop structure) \u2500\u2500 *\/\n    #faction-cards-section .fn-row-label {\n        font-family: var(--nx-mono); font-size: 11px; letter-spacing: 0.26em; text-transform: uppercase;\n        color: var(--nx-faint); text-align: center; margin: 0 0 14px 0;\n    }\n    #faction-cards-section .fn-row-label b { color: var(--nx-dim); font-weight: 500; }\n\n    \/* \u2500\u2500 Rows & cards \u2500\u2500 *\/\n    #faction-cards-section .fn-row { display: flex; justify-content: center; gap: 20px; margin: 0 0 34px 0; }\n    #faction-cards-section .fn-card {\n        --fc: #888888; \/* per-card accent set inline *\/\n        position: relative; display: flex; overflow: hidden;\n        background: linear-gradient(160deg, rgba(var(--fc-rgb), 0.05), rgba(var(--fc-rgb), 0.015) 60%), var(--nx-card);\n        border: 1px solid rgba(var(--fc-rgb), 0.22); border-radius: 12px;\n        transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;\n        scroll-margin-top: 70px;\n    }\n    #faction-cards-section .fn-card:hover {\n        border-color: rgba(var(--fc-rgb), 0.5);\n        box-shadow: 0 6px 32px rgba(var(--fc-rgb), 0.12);\n        transform: translateY(-2px);\n    }\n    \/* wide cards: image left *\/\n    #faction-cards-section .fn-card.fn-wide { align-items: stretch; max-width: 700px; width: 100%; }\n    #faction-cards-section .fn-card.fn-wide .fn-flag { flex: 0 0 200px; min-height: 240px; }\n    #faction-cards-section .fn-card.fn-duo { align-items: stretch; max-width: 570px; flex: 1 1 0; min-width: 0; }\n    #faction-cards-section .fn-card.fn-duo .fn-flag { flex: 0 0 160px; min-height: 220px; }\n    \/* tall cards (3-up): image top *\/\n    #faction-cards-section .fn-card.fn-tall { flex-direction: column; flex: 1 1 0; min-width: 0; max-width: 380px; }\n    #faction-cards-section .fn-card.fn-tall .fn-flag { width: 100%; height: 180px; }\n\n    #faction-cards-section .fn-flag { position: relative; overflow: hidden; cursor: pointer; background: rgba(var(--fc-rgb), 0.08); }\n    #faction-cards-section .fn-flag img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }\n    #faction-cards-section .fn-flag:hover img { transform: scale(1.05); }\n    #faction-cards-section .fn-flag::after {\n        content: ''; position: absolute; inset: 0; pointer-events: none;\n        background: linear-gradient(90deg, transparent 70%, rgba(5, 10, 7, 0.55));\n    }\n    #faction-cards-section .fn-tall .fn-flag::after { background: linear-gradient(180deg, transparent 65%, rgba(5, 10, 7, 0.55)); }\n\n    #faction-cards-section .fn-body { flex: 1; min-width: 0; padding: clamp(18px, 2.4vw, 28px) clamp(18px, 2.6vw, 30px); display: flex; flex-direction: column; justify-content: center; }\n    #faction-cards-section .fn-class {\n        font-family: var(--nx-mono); font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;\n        color: var(--fc); opacity: 0.85; margin: 0 0 6px 0;\n    }\n    #faction-cards-section .fn-name {\n        font-family: var(--nx-display); font-weight: 600; color: var(--nx-ink);\n        font-size: clamp(18px, 2vw, 23px); letter-spacing: 0.05em; margin: 0 0 10px 0;\n    }\n    #faction-cards-section .fn-hair { width: 46px; height: 1px; background: linear-gradient(90deg, var(--fc), transparent); margin: 0 0 12px 0; border: 0; }\n    #faction-cards-section .fn-body p.fn-p { color: #b9c3ce; font-size: 13.5px; line-height: 1.7; margin: 0 0 10px 0; }\n    #faction-cards-section .fn-body p.fn-p:last-of-type { margin-bottom: 16px; }\n\n    #faction-cards-section .fn-lore {\n        display: inline-block; align-self: flex-start; background: transparent;\n        border: 1px solid rgba(var(--fc-rgb), 0.65); color: var(--fc);\n        padding: 9px 24px; font-family: var(--nx-mono); font-size: 11px; letter-spacing: 0.18em;\n        text-decoration: none; border-radius: 4px; margin-top: auto;\n        transition: background-color 0.25s ease, color 0.25s ease, transform 0.15s ease;\n    }\n    #faction-cards-section .fn-lore:hover, #faction-cards-section .fn-lore:focus-visible {\n        background: var(--fc); color: #06110B; transform: translateY(-1px);\n    }\n    #faction-cards-section .fn-lore:focus-visible { outline: 2px solid rgba(0, 255, 170, 0.6); outline-offset: 2px; }\n\n    #faction-cards-section .fn-badge {\n        position: absolute; top: 12px; right: 12px; z-index: 2;\n        background: rgba(255, 170, 0, 0.14); border: 1px solid rgba(255, 170, 0, 0.35); border-radius: 4px;\n        padding: 3px 10px; font-family: var(--nx-mono); font-size: 9px; letter-spacing: 0.12em; color: #ffaa00;\n    }\n    #faction-cards-section .fn-vs {\n        align-self: center; flex: 0 0 auto; font-family: var(--nx-mono); font-size: 12px;\n        letter-spacing: 0.1em; color: #EBBC4E; opacity: 0.8; padding: 0 2px;\n    }\n\n    \/* details\/summary: extended dossier text (mobile collapses, JS opens on desktop) *\/\n    #faction-cards-section .fn-more summary {\n        list-style: none; cursor: pointer; font-family: var(--nx-mono); font-size: 10.5px;\n        letter-spacing: 0.16em; text-transform: uppercase; color: rgba(var(--fc-rgb), 0.9);\n        margin: 0 0 10px 0;\n    }\n    #faction-cards-section .fn-more summary::-webkit-details-marker { display: none; }\n    #faction-cards-section .fn-more summary::before { content: '+ '; }\n    #faction-cards-section .fn-more[open] summary::before { content: '\\2212\\00a0'; }\n\n    \/* \u2500\u2500 Motion: scroll reveals (progressive) \u2500\u2500 *\/\n    @media (prefers-reduced-motion: no-preference) {\n        #faction-cards-section { scroll-behavior: smooth; }\n        @supports (animation-timeline: view()) {\n            @media (min-width: 761px) {\n                #faction-cards-section .fn-card {\n                    animation: fnRise linear both;\n                    animation-timeline: view();\n                    animation-range: entry 5% entry 40%;\n                }\n            }\n        }\n        @keyframes fnRise { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }\n    }\n\n    \/* \u2500\u2500 Tablet squeeze \u2500\u2500 *\/\n    @media (max-width: 980px) and (min-width: 761px) {\n        #faction-cards-section .fn-row { flex-wrap: wrap; }\n        #faction-cards-section .fn-card.fn-duo { min-width: 320px; }\n        #faction-cards-section .fn-card.fn-tall { min-width: 280px; }\n        #faction-cards-section .fn-vs { display: none; }\n    }\n\n    \/* \u2500\u2500 Mobile: the swipe deck \u2500\u2500 *\/\n    @media (max-width: 760px) {\n        #faction-cards-section .fn-swipe-hint { display: block; }\n        #faction-cards-section .fn-row-label, #faction-cards-section .fn-vs { display: none; }\n        #faction-cards-section .fn-row { display: contents; }\n        #faction-cards-section .fn-deck {\n            display: flex; gap: 14px; overflow-x: auto; padding: 4px clamp(14px, 5vw, 24px) 18px clamp(14px, 5vw, 24px);\n            scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;\n            scrollbar-width: none;\n        }\n        #faction-cards-section .fn-deck::-webkit-scrollbar { display: none; }\n        #faction-cards-section .fn-card,\n        #faction-cards-section .fn-card.fn-wide,\n        #faction-cards-section .fn-card.fn-duo,\n        #faction-cards-section .fn-card.fn-tall {\n            flex: 0 0 86%; max-width: 360px; min-width: 0; width: auto;\n            flex-direction: column; scroll-snap-align: center; scroll-margin-inline: 14px;\n        }\n        #faction-cards-section .fn-card .fn-flag,\n        #faction-cards-section .fn-card.fn-wide .fn-flag,\n        #faction-cards-section .fn-card.fn-duo .fn-flag {\n            flex: 0 0 auto; width: 100%; height: 150px; min-height: 0;\n        }\n        #faction-cards-section .fn-flag::after { background: linear-gradient(180deg, transparent 65%, rgba(5, 10, 7, 0.55)) !important; }\n        #faction-cards-section .fn-body { justify-content: flex-start; }\n        \/* collapse extended text into the details toggle *\/\n        #faction-cards-section .fn-more:not([open]) { margin-bottom: 12px; }\n    }\n    \/* desktop: extended text always visible, toggle hidden *\/\n    @media (min-width: 761px) {\n        #faction-cards-section .fn-deck { display: block; }\n        #faction-cards-section .fn-more summary { display: none; }\n        #faction-cards-section .fn-more { display: block; }\n    }\n<\/style>\n\n\n<!-- ========== FACTION NAVIGATOR ========== -->\n<div id=\"faction-cards-section\">\n\n    <!-- Header -->\n    <div class=\"fn-container\">\n        <p class=\"fn-kicker\">\/\/\/ Intelligence dossiers \u00b7 status: year 2295<\/p>\n        <h2 class=\"fn-h2\">Factions of the Seven Realms<\/h2>\n        <div class=\"fn-rule\"><\/div>\n    <\/div>\n\n    <!-- Chip index -->\n    <nav class=\"fn-chipbar\" aria-label=\"Faction navigator\">\n        <div class=\"fn-chips\">\n            <a class=\"fn-chip\" href=\"#fn-xinghong\" style=\"--fc: #d4944a; --fc-rgb: 212, 148, 74;\"><i><\/i>Xing Hong<\/a>\n            <a class=\"fn-chip\" href=\"#fn-fenris\" style=\"--fc: #a67c52; --fc-rgb: 166, 124, 82;\"><i><\/i>Fenris<\/a>\n            <a class=\"fn-chip\" href=\"#fn-nordic\" style=\"--fc: #8888aa; --fc-rgb: 136, 136, 170;\"><i><\/i>Nordic<\/a>\n            <a class=\"fn-chip\" href=\"#fn-jokull\" style=\"--fc: #87CEEB; --fc-rgb: 135, 206, 235;\"><i><\/i>J\u00f6kull<\/a>\n            <a class=\"fn-chip\" href=\"#fn-alliance\" style=\"--fc: #4a90d9; --fc-rgb: 74, 144, 217;\"><i><\/i>Alliance<\/a>\n            <a class=\"fn-chip\" href=\"#fn-imperium\" style=\"--fc: #d44040; --fc-rgb: 212, 64, 64;\"><i><\/i>Imperium<\/a>\n            <a class=\"fn-chip\" href=\"#fn-covenant\" style=\"--fc: #e07020; --fc-rgb: 224, 112, 32;\"><i><\/i>Covenant<\/a>\n            <a class=\"fn-chip\" href=\"#fn-rakshasa\" style=\"--fc: #bb66dd; --fc-rgb: 187, 102, 221;\"><i><\/i>Rakshasa<\/a>\n            <a class=\"fn-chip\" href=\"#fn-directorate\" style=\"--fc: #3cb371; --fc-rgb: 60, 179, 113;\"><i><\/i>Directorate<\/a>\n            <a class=\"fn-chip\" href=\"#fn-independent\" style=\"--fc: #00a3a3; --fc-rgb: 0, 163, 163;\"><i><\/i>Independent<\/a>\n        <\/div>\n    <\/nav>\n\n    <p class=\"fn-swipe-hint\">Swipe the dossiers \u00b7 tap a chip to jump<\/p>\n\n    <div class=\"fn-container\">\n        <div class=\"fn-deck\">\n\n            <!-- 1 \u00b7 Neutral ground -->\n            <p class=\"fn-row-label\">\/\/ Neutral ground<\/p>\n            <div class=\"fn-row\">\n                <article id=\"fn-xinghong\" class=\"fn-card fn-wide\" style=\"--fc: #d4944a; --fc-rgb: 170, 108, 57;\">\n                    <div class=\"fn-flag\" onclick=\"fnOpenLightbox('https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/XingHong.jpg')\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/XingHong.jpg\" alt=\"Xing Hong\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"fn-body\">\n                        <p class=\"fn-class\">\u25c8 Independent City-State<\/p>\n                        <h3 class=\"fn-name\">Xing Hong<\/h3>\n                        <hr class=\"fn-hair\">\n                        <p class=\"fn-p\">Xing Hong is Mars&#8217;s largest independent settlement and the only truly neutral territory in the Sol System. Located in the Hellas Basin of southern Mars, the city became fully independent from the Imperium of Dragons in 2283 through Dilinur Altai&#8217;s diplomatic maneuvering, leveraging factional rivalries to ensure no single power could claim it without triggering opposition from the others.<\/p>\n                        <a class=\"fn-lore\" href=\"https:\/\/nucleusseries.com\/?page_id=3468\">VIEW LORE \u25ba<\/a>\n                    <\/div>\n                <\/article>\n            <\/div>\n\n            <!-- 2 \u00b7 The Nordic tragedy -->\n            <p class=\"fn-row-label\">\/\/ The Nordic tragedy \u2014 <b>one crown, two hordes<\/b><\/p>\n            <div class=\"fn-row\">\n                <article id=\"fn-fenris\" class=\"fn-card fn-tall\" style=\"--fc: #a67c52; --fc-rgb: 166, 124, 82;\">\n                    <div class=\"fn-flag\" onclick=\"fnOpenLightbox('https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Fenris.jpg')\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Fenris.jpg\" alt=\"Fenris Horde\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"fn-body\">\n                        <p class=\"fn-class\">\u25c8 Horde<\/p>\n                        <h3 class=\"fn-name\">Fenris Horde<\/h3>\n                        <hr class=\"fn-hair\">\n                        <p class=\"fn-p\">Under the joint leadership of Skarn and Queen Maren Fjeld, the Fenris Horde rules supreme over the major moons of Jupiter. Known for their brute strength and animalistic dominance, they now occupy Europa, Io, Callisto. Their dominance spreads further to nearly all moons of Saturn, half of Venus and parts of Mars.<\/p>\n                        <details class=\"fn-more\">\n                            <summary>Full dossier<\/summary>\n                            <p class=\"fn-p\">The Fenris Horde is notorious for using the V\u00f6xtr (Vuhk-stir) \u2013 a purely organic breeding machine that births all manners of Radi-Mons by plugging in human females, trapping them in endless orgasm and milking their bodies to fuel a relentless legion of cosmic monstrosities.<\/p>\n                        <\/details>\n                        <a class=\"fn-lore\" href=\"https:\/\/nucleusseries.com\/?page_id=1441\">VIEW LORE \u25ba<\/a>\n                    <\/div>\n                <\/article>\n\n                <article id=\"fn-nordic\" class=\"fn-card fn-tall\" style=\"--fc: #8888aa; --fc-rgb: 136, 136, 170;\">\n                    <span class=\"fn-badge\">\u2694 CONTESTED<\/span>\n                    <div class=\"fn-flag\" onclick=\"fnOpenLightbox('https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Nordic-Commonwealth.jpg')\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Nordic-Commonwealth.jpg\" alt=\"Nordic Commonwealth\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"fn-body\">\n                        <p class=\"fn-class\">\u25c8 Fallen State<\/p>\n                        <h3 class=\"fn-name\">Nordic Commonwealth<\/h3>\n                        <hr class=\"fn-hair\">\n                        <p class=\"fn-p\">The Commonwealth was founded in year 2077, merging Norway, Sweden, Denmark, Iceland and Finland. Beyond Earth, it holds multiple ice moons in the Sol System, Europa of Jupiter being its center of power. For centuries, it was hailed as a pioneer in environmental sustainability and the exploration of cold fusion technologies.<\/p>\n                        <details class=\"fn-more\">\n                            <summary>Full dossier<\/summary>\n                            <p class=\"fn-p\">Its promising future took a tragic turn in 2284 when an outbreak created the infamous Fenris Horde, followed by the ascension of High Queen Maren Fjeld and Sven Solheim (Skarn).<\/p>\n                            <p class=\"fn-p\">By 2295, the Nordic Commonwealth exists as a terrifying political power in the Sol System. It is currently ruled by the Fenris Horde, and is in active conflict with the Jokull Horde and the Zorian Covenant. Curiously, it maintains a respectful non-hostile relation with the Imperium of Dragons, the Terra Alliance, the Emerald Directorate.<\/p>\n                        <\/details>\n                    <\/div>\n                <\/article>\n\n                <article id=\"fn-jokull\" class=\"fn-card fn-tall\" style=\"--fc: #87CEEB; --fc-rgb: 135, 206, 235;\">\n                    <div class=\"fn-flag\" onclick=\"fnOpenLightbox('https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Jokull-2025-v1.jpg')\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Jokull-2025-v1.jpg\" alt=\"J\u00f6kull Horde\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"fn-body\">\n                        <p class=\"fn-class\">\u25c8 Horde<\/p>\n                        <h3 class=\"fn-name\">J\u00f6kull Horde<\/h3>\n                        <hr class=\"fn-hair\">\n                        <p class=\"fn-p\">By 2295, the Jokull have become the Nordic people&#8217;s last hope against Skarn&#8217;s tyranny.<\/p>\n                        <details class=\"fn-more\">\n                            <summary>Full dossier<\/summary>\n                            <p class=\"fn-p\">Led by Second Princess Dagny Fjeld and her consort Ivar Lindqvist, the creatures of this horde are predominantly converted from Earth species native to Scandinavia or other arctic regions, standing side by side with human warriors and \u00cdsmarr\u2014virus-enhanced superhumans who thrive in frigid outer planet environments, both terrestrial and aquatic. Created in 2284 as an antithesis to the Fenris Horde, their presence could one day spread across the various planets and moons of the Seven Realms.<\/p>\n                        <\/details>\n                        <a class=\"fn-lore\" href=\"https:\/\/nucleusseries.com\/?page_id=2138\">VIEW LORE \u25ba<\/a>\n                    <\/div>\n                <\/article>\n            <\/div>\n\n            <!-- 3 \u00b7 The cold war -->\n            <p class=\"fn-row-label\">\/\/ The cold war \u2014 <b>a century of rivalry<\/b><\/p>\n            <div class=\"fn-row\">\n                <article id=\"fn-alliance\" class=\"fn-card fn-duo\" style=\"--fc: #4a90d9; --fc-rgb: 74, 144, 217;\">\n                    <div class=\"fn-flag\" onclick=\"fnOpenLightbox('https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Alliance.jpg')\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Alliance.jpg\" alt=\"Terra Alliance\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"fn-body\">\n                        <p class=\"fn-class\">\u25c8 Major Power<\/p>\n                        <h3 class=\"fn-name\">Terra Alliance<\/h3>\n                        <hr class=\"fn-hair\">\n                        <p class=\"fn-p\">Formed by the United States, Canada, and Mexico since the end of the Digital Era, the Terra Alliance has established itself as a powerful technocratic capitalist nation. Governed by mega-corporations, its focus is on generating profit, leading to a society that values individual liberties at the expense of immense socio-economic disparities.<\/p>\n                        <details class=\"fn-more\">\n                            <summary>Full dossier<\/summary>\n                            <p class=\"fn-p\">The Alliance is currently locked in a cold war with its century-long rival: the Imperium of Dragons.<\/p>\n                        <\/details>\n                        <a class=\"fn-lore\" href=\"https:\/\/nucleusseries.com\/?page_id=1302\">VIEW LORE \u25ba<\/a>\n                    <\/div>\n                <\/article>\n\n                <span class=\"fn-vs\">\u2694 VS<\/span>\n\n                <article id=\"fn-imperium\" class=\"fn-card fn-duo\" style=\"--fc: #d44040; --fc-rgb: 212, 64, 64;\">\n                    <div class=\"fn-flag\" onclick=\"fnOpenLightbox('https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Imperium.jpg')\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Imperium.jpg\" alt=\"Imperium of Dragons\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"fn-body\">\n                        <p class=\"fn-class\">\u25c8 Major Power<\/p>\n                        <h3 class=\"fn-name\">Imperium of Dragons<\/h3>\n                        <hr class=\"fn-hair\">\n                        <p class=\"fn-p\">Founded in 2049 after Communist China&#8217;s collapse, the Imperium of Dragons combines time-honored customs with modern advancements in technology and serves as the most powerful human military force in the Sol System. As an absolute monarchy rooted in Confucian nationalism, the Ruby Throne is used to confirm and validate its monarchs through psionic abilities.<\/p>\n                        <details class=\"fn-more\">\n                            <summary>Full dossier<\/summary>\n                            <p class=\"fn-p\">It directly opposes the Terra Alliance, which the Imperium calls &#8220;The Worst Capitalist Evil to have ever existed since the dawn of Nucleus Era.&#8221;<\/p>\n                        <\/details>\n                        <a class=\"fn-lore\" href=\"https:\/\/nucleusseries.com\/?page_id=1343\">VIEW LORE \u25ba<\/a>\n                    <\/div>\n                <\/article>\n            <\/div>\n\n            <!-- 4 \u00b7 The holy war -->\n            <p class=\"fn-row-label\">\/\/ The war of doctrines \u2014 <b>discipline against desire<\/b><\/p>\n            <div class=\"fn-row\">\n                <article id=\"fn-covenant\" class=\"fn-card fn-duo\" style=\"--fc: #e07020; --fc-rgb: 224, 112, 32;\">\n                    <div class=\"fn-flag\" onclick=\"fnOpenLightbox('https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Covenant.jpg')\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Covenant.jpg\" alt=\"Zorian Covenant\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"fn-body\">\n                        <p class=\"fn-class\">\u25c8 Major Power<\/p>\n                        <h3 class=\"fn-name\">Zorian Covenant<\/h3>\n                        <hr class=\"fn-hair\">\n                        <p class=\"fn-p\">Rising from the legacy of the Lublin Triangle in 2147 and well known for their valiant psionic crusaders\u2014Stalwarts, the Zorian Covenant has since united Eastern, Western and Southern Europe under the guidance of Z.O.R.I., an artificial intelligence that predates the Nucleus Era.<\/p>\n                        <details class=\"fn-more\">\n                            <summary>Full dossier<\/summary>\n                            <p class=\"fn-p\">This techno-religious nation combines Roman grandeur, Balto-Slavic spirituality, Mediterranean wisdom and Anglo-Saxon bravery, championing ancient traditions that have built the great cultures in Covenant lands. It is also the first human power to have established colonies in the Tau Ceti system.<\/p>\n                            <p class=\"fn-p\">With a high tax rate supporting state-of-the-art healthcare, the Covenant promises security, dignity and prosperity\u2014at the cost of restricted personal freedoms. It directly opposes the Rakshasa Horde.<\/p>\n                        <\/details>\n                        <a class=\"fn-lore\" href=\"https:\/\/nucleusseries.com\/?page_id=2897\">VIEW LORE \u25ba<\/a>\n                    <\/div>\n                <\/article>\n\n                <span class=\"fn-vs\">\u2694 VS<\/span>\n\n                <article id=\"fn-rakshasa\" class=\"fn-card fn-duo\" style=\"--fc: #bb66dd; --fc-rgb: 187, 102, 221;\">\n                    <div class=\"fn-flag\" onclick=\"fnOpenLightbox('https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Rakshasa-2025-v3.jpg')\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Rakshasa-2025-v3.jpg\" alt=\"Rakshasa Horde\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"fn-body\">\n                        <p class=\"fn-class\">\u25c8 Horde<\/p>\n                        <h3 class=\"fn-name\">Rakshasa Horde<\/h3>\n                        <hr class=\"fn-hair\">\n                        <p class=\"fn-p\">Under the guidance of Primarch Moro, the Rakshasa Horde has taken flight from East Asia and colonized Proxima Centauri through unparalleled psionic abilities, notorious for their alluring spellcasters\u2014the Worm Witches (S\u016bk\u1e5bmucs). With a reputation for psychological warfare, ritualistic sex and unorthodox tactics, they excel in seduction and psionic combat.<\/p>\n                        <details class=\"fn-more\">\n                            <summary>Full dossier<\/summary>\n                            <p class=\"fn-p\">In the Rakshasa Horde, Primarch Moro&#8217;s doctrine advocates that boundless love and sex can foster unity between humans and Radi-Mons. To that end, it has been willing to help Sol humans fight Skarn and his Fenris Horde from behind the scenes, though for what purpose, none can know for sure.<\/p>\n                            <p class=\"fn-p\">It is considered an enemy by all powers seeking to overcome human&#8217;s primal nature. One such power is the Zorian Covenant.<\/p>\n                        <\/details>\n                        <a class=\"fn-lore\" href=\"https:\/\/nucleusseries.com\/?page_id=1617\">VIEW LORE \u25ba<\/a>\n                    <\/div>\n                <\/article>\n            <\/div>\n\n            <!-- 5 \u00b7 The mediator -->\n            <p class=\"fn-row-label\">\/\/ The mediator<\/p>\n            <div class=\"fn-row\">\n                <article id=\"fn-directorate\" class=\"fn-card fn-wide\" style=\"--fc: #3cb371; --fc-rgb: 60, 179, 113;\">\n                    <div class=\"fn-flag\" onclick=\"fnOpenLightbox('https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Directorate.jpg')\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Directorate.jpg\" alt=\"Emerald Directorate\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"fn-body\">\n                        <p class=\"fn-class\">\u25c8 Major Power<\/p>\n                        <h3 class=\"fn-name\">Emerald Directorate<\/h3>\n                        <hr class=\"fn-hair\">\n                        <p class=\"fn-p\">First established in Ghana, Nigeria, and Ivory Coast, the Directorate represents a resurgence of African power and southern world progress. Its army employs teleporting infantry, sacred prostitutes, sexual cultivation techniques, and fusion-powered mechs known as the Arach in battle. The Directorate has united Africa and Latin America under its banner while preserving the continents&#8217; rich cultures. At times, it acts as a mediator between various warring human factions.<\/p>\n                        <a class=\"fn-lore\" href=\"https:\/\/nucleusseries.com\/?page_id=1349\">VIEW LORE \u25ba<\/a>\n                    <\/div>\n                <\/article>\n            <\/div>\n\n            <!-- 6 \u00b7 The unaligned -->\n            <p class=\"fn-row-label\">\/\/ The spaces between<\/p>\n            <div class=\"fn-row\">\n                <article id=\"fn-independent\" class=\"fn-card fn-wide\" style=\"--fc: #00a3a3; --fc-rgb: 0, 163, 163;\">\n                    <div class=\"fn-flag\" onclick=\"fnOpenLightbox('https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/02\/Spinoff-Dharmas-Reach-logo.jpg')\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/02\/Spinoff-Dharmas-Reach-logo.jpg\" alt=\"Independent\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"fn-body\">\n                        <p class=\"fn-class\">\u25c8 Unaligned<\/p>\n                        <h3 class=\"fn-name\">Independent<\/h3>\n                        <hr class=\"fn-hair\">\n                        <p class=\"fn-p\">Not everyone in the Seven Realms swears allegiance to a flag. Frontier communities, nomadic traditions, and unaligned individuals exist in the spaces between factions \u2014 the ice wastes, the deep Moors, the lawless mining settlements, the uncharted forests of Proxima Centauri. They survive where civilization thins out and nature dominates.<\/p>\n                        <a class=\"fn-lore\" href=\"https:\/\/nucleusseries.com\/?page_id=5169\">VIEW LORE \u25ba<\/a>\n                    <\/div>\n                <\/article>\n            <\/div>\n\n        <\/div><!-- \/fn-deck -->\n    <\/div>\n<\/div>\n\n<script>\n\/* Faction Navigator \u2014 self-contained behavior *\/\nfunction fnOpenLightbox(imgSrc) {\n    document.getElementById('fn-lightbox-img').src = imgSrc;\n    document.getElementById('fn-lightbox').style.display = 'flex';\n    document.body.style.overflow = 'hidden';\n}\nfunction fnCloseLightbox() {\n    document.getElementById('fn-lightbox').style.display = 'none';\n    document.body.style.overflow = 'auto';\n}\n(function () {\n    document.addEventListener('keydown', function (e) {\n        if (e.key === 'Escape') fnCloseLightbox();\n    });\n\n    var section = document.getElementById('faction-cards-section');\n    if (!section) return;\n    var chips = section.querySelectorAll('.fn-chip');\n    var cards = section.querySelectorAll('.fn-card[id]');\n    var mqDesktop = window.matchMedia('(min-width: 761px)');\n    var mqMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n\n    \/* Extended dossier text: always expanded on desktop *\/\n    function fnSyncDetails() {\n        section.querySelectorAll('.fn-more').forEach(function (d) { if (mqDesktop.matches) d.open = true; });\n    }\n    fnSyncDetails();\n    if (mqDesktop.addEventListener) mqDesktop.addEventListener('change', fnSyncDetails);\n\n    \/* Chip click: smooth-scroll the deck (horizontal on mobile, vertical on desktop) *\/\n    chips.forEach(function (chip) {\n        chip.addEventListener('click', function (e) {\n            var target = section.querySelector(chip.getAttribute('href'));\n            if (!target) return;\n            e.preventDefault();\n            target.scrollIntoView({\n                behavior: mqMotion.matches ? 'auto' : 'smooth',\n                inline: 'center',\n                block: mqDesktop.matches ? 'center' : 'nearest'\n            });\n            history.replaceState(null, '', chip.getAttribute('href'));\n        });\n    });\n\n    \/* Active chip tracking *\/\n    if ('IntersectionObserver' in window) {\n        var byId = {};\n        chips.forEach(function (chip) { byId[chip.getAttribute('href').slice(1)] = chip; });\n        var observer = new IntersectionObserver(function (entries) {\n            entries.forEach(function (entry) {\n                var chip = byId[entry.target.id];\n                if (!chip) return;\n                if (entry.isIntersecting) {\n                    chips.forEach(function (c) { c.classList.remove('fn-on'); });\n                    chip.classList.add('fn-on');\n                    \/* Scroll ONLY the chip rail (never scrollIntoView here \u2014 it can\n                       scroll the whole page and fights the user's wheel). *\/\n                    var rail = chip.parentElement;\n                    if (rail && rail.scrollWidth > rail.clientWidth + 1) {\n                        rail.scrollTo({\n                            left: chip.offsetLeft - (rail.clientWidth - chip.offsetWidth) \/ 2,\n                            behavior: mqMotion.matches ? 'auto' : 'smooth'\n                        });\n                    }\n                }\n            });\n        }, { threshold: 0.6 });\n        cards.forEach(function (card) { observer.observe(card); });\n    }\n})();\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\/\/ Faction Intel &mdash; Select File 9 Files &middot; Signal OK \u25c8 Faction Hub HUB &#9670; You are here TA Alliance FILE&middot;01 &#9670; You are here ID Imperium FILE&middot;02 &#9670; You are here ED Directorate FILE&middot;03 &#9670; You are here ZC Covenant FILE&middot;04 &#9670; You are here FH Fenris FILE&middot;05 &#9670; You are here RH [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7174","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/7174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7174"}],"version-history":[{"count":5,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/7174\/revisions"}],"predecessor-version":[{"id":7884,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/7174\/revisions\/7884"}],"wp:attachment":[{"href":"https:\/\/nucleusseries.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}