{"id":4228,"date":"2026-01-15T21:01:18","date_gmt":"2026-01-15T13:01:18","guid":{"rendered":"https:\/\/nucleusseries.com\/?page_id=4228"},"modified":"2026-06-20T00:43:59","modified_gmt":"2026-06-19T16:43:59","slug":"characters-main-cast","status":"publish","type":"page","link":"https:\/\/nucleusseries.com\/?page_id=4228","title":{"rendered":"Character Gallery"},"content":{"rendered":"\n<!-- NUCLEUS SIDE NAV - CHARACTERS PAGE (FACTION DIRECTORY) -->\n<!-- ====================================================== -->\n<!-- v1.0 \u2014 Replaces the hard-coded \"Navigate by Faction\"    -->\n<!--         grid with the site nav tool framework.           -->\n<!--                                                          -->\n<!-- Requires: site_nav_tool_JavaScript.js v1.1+              -->\n<!--           site_nav_tool_CSS.css v1.1+                    -->\n<!--                                                          -->\n<!-- Each item uses \"href\" for cross-page navigation          -->\n<!-- and \"color\" for per-faction accent theming.              -->\n<!-- ====================================================== -->\n\n<script id=\"nucleus-sidenav-config\" type=\"application\/json\">\n{\n  \"faction\": \"characters\",\n  \"factionLabel\": \"Personnel Registry\",\n  \"options\": {\n    \"headerOffset\": 80,\n    \"autoHideMissing\": false\n  },\n  \"items\": [\n    { \"type\": \"divider\", \"label\": \"Factions\" },\n    { \"id\": \"nav-main\",        \"label\": \"Main\",        \"icon\": \"\u25c6\",  \"href\": \"https:\/\/nucleusseries.com\/?page_id=4228\",  \"color\": \"#00ff88\" },\n    { \"id\": \"nav-alliance\",    \"label\": \"Alliance\",    \"icon\": \"TA\", \"href\": \"https:\/\/nucleusseries.com\/?page_id=4044\",    \"color\": \"#4a9eff\" },\n    { \"id\": \"nav-imperium\",    \"label\": \"Imperium\",    \"icon\": \"ID\", \"href\": \"https:\/\/nucleusseries.com\/?page_id=4048\",    \"color\": \"#ff4a4a\" },\n    { \"id\": \"nav-directorate\", \"label\": \"Directorate\", \"icon\": \"ED\", \"href\": \"https:\/\/nucleusseries.com\/?page_id=4058\",  \"color\": \"#3cb371\" },\n    { \"id\": \"nav-covenant\",    \"label\": \"Covenant\",    \"icon\": \"ZC\", \"href\": \"https:\/\/nucleusseries.com\/?page_id=4067\",    \"color\": \"#f0d890\" },\n    { \"id\": \"nav-fenris\",      \"label\": \"Fenris\",      \"icon\": \"FH\", \"href\": \"https:\/\/nucleusseries.com\/?page_id=4071\",      \"color\": \"#ff6b35\" },\n    { \"id\": \"nav-rakshasa\",    \"label\": \"Rakshasa\",    \"icon\": \"RH\", \"href\": \"https:\/\/nucleusseries.com\/?page_id=4075\",    \"color\": \"#e040fb\" },\n    { \"id\": \"nav-jokull\",      \"label\": \"J\u00f6kull\",      \"icon\": \"JH\", \"href\": \"https:\/\/nucleusseries.com\/?page_id=4078\",      \"color\": \"#7dd3fc\" },\n\n    { \"type\": \"divider\", \"label\": \"Settlements\" },\n    { \"id\": \"nav-xinghong\",    \"label\": \"Xing Hong\",   \"icon\": \"XH\", \"href\": \"https:\/\/nucleusseries.com\/?page_id=4081\",   \"color\": \"#ffc107\" },\n\n    { \"type\": \"divider\", \"label\": \"Other\" },\n    { \"id\": \"nav-independent\", \"label\": \"Independent\",  \"icon\": \"\u2605\",  \"href\": \"https:\/\/nucleusseries.com\/?page_id=6495\",            \"color\": \"#999999\" }\n  ]\n}\n<\/script>\n\n<div id=\"nucleus-sidenav\" data-faction=\"characters\">\n  <div class=\"nsnav-collapsed-bar\">\n    <div class=\"nsnav-glow-line\"><\/div>\n    <button class=\"nsnav-expand-btn\" aria-label=\"Expand navigation\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n      <\/svg>\n    <\/button>\n    <div class=\"nsnav-collapsed-icons\"><\/div>\n  <\/div>\n  <nav class=\"nsnav-panel\" aria-label=\"Faction directory\">\n    <div class=\"nsnav-panel-inner\">\n      <div class=\"nsnav-header\">\n        <button class=\"nsnav-collapse-btn\" aria-label=\"Collapse navigation\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n          <\/svg>\n        <\/button>\n        <span class=\"nsnav-title\">FACTIONS<\/span>\n        <div class=\"nsnav-header-line\"><\/div>\n      <\/div>\n      <ul class=\"nsnav-items\"><\/ul>\n      <div class=\"nsnav-footer\">\n        <div class=\"nsnav-footer-line\"><\/div>\n        <span class=\"nsnav-footer-text\">PERSONNEL REGISTRY<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"nsnav-scanlines\"><\/div>\n    <div class=\"nsnav-corner nsnav-corner-tl\"><\/div>\n    <div class=\"nsnav-corner nsnav-corner-tr\"><\/div>\n    <div class=\"nsnav-corner nsnav-corner-bl\"><\/div>\n    <div class=\"nsnav-corner nsnav-corner-br\"><\/div>\n  <\/nav>\n<\/div>\n\n<button id=\"nucleus-sidenav-mobile-toggle\" class=\"nsnav-mobile-toggle\" aria-label=\"Open faction directory\">\n  <span class=\"nsnav-hamburger-line\"><\/span>\n  <span class=\"nsnav-hamburger-line\"><\/span>\n  <span class=\"nsnav-hamburger-line\"><\/span>\n<\/button>\n\n<div id=\"nucleus-sidenav-mobile-overlay\" class=\"nsnav-mobile-overlay\">\n  <div class=\"nsnav-mobile-panel\">\n    <div class=\"nsnav-mobile-header\">\n      <span class=\"nsnav-title\">FACTIONS<\/span>\n      <button class=\"nsnav-mobile-close\" aria-label=\"Close navigation\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n        <\/svg>\n      <\/button>\n    <\/div>\n    <ul class=\"nsnav-mobile-items\"><\/ul>\n    <div class=\"nsnav-mobile-footer\">\n      <div class=\"nsnav-footer-line\"><\/div>\n      <span class=\"nsnav-footer-text\">PERSONNEL REGISTRY<\/span>\n    <\/div>\n    <div class=\"nsnav-scanlines\"><\/div>\n  <\/div>\n<\/div>\n\n<div id=\"nucleus-target-highlight\" class=\"nsnav-target-highlight\"><\/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<!-- Nucleus Characters Page Header - v2.304 Dynamic Roster -->\n<!-- ====================================================== -->\n<!-- PERSONNEL ROSTER DATABASE                               -->\n<!-- Add characters below. On each load, 3 random factions   -->\n<!-- are chosen, then 1 random character from each.           -->\n<!-- Only the 3 selected images are ever loaded.              -->\n<!-- ====================================================== -->\n<script>\nvar NUCLEUS_ROSTER = {\n\n    \/* -------------------------------------------------- *\/\n    \/*  FACTION KEY  |  label: display name                *\/\n    \/*               |  color: hex accent color            *\/\n    \/*               |  url:   faction page link            *\/\n    \/*               |  members: array of characters       *\/\n    \/*                                                      *\/\n    \/*  Each member:  { name: \"NAME\", img: \"URL\" }         *\/\n    \/* -------------------------------------------------- *\/\n\n    main: {\n        label: \"Main Character\",\n        color: \"#00ff88\",\n        url: \"https:\/\/nucleusseries.com\/?page_id=4228#mainchars\",\n        members: [\n            { name: \"Sigrun Fjeld\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Sigrun-original-on-Europa-edited.jpg\" },\n            { name: \"Zhi-Xin Wu\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/01\/Xin-v2-edited.png\" },\n            { name: \"H\u00e5kon\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Hakon-v2-Baby-Hatchling-feat.jpg\" },\n            { name: \"Jabari Adomako\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/10\/Jabari-v5-True-Griot-with-his-Echo-Drum-standing-casual-edited.png\"},\n            { name: \"Marcus Thorne\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/10\/Marcus-Thorne-edited.png\" },\n            { name: \"Fuuka Natsukawa\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/10\/Fuuka-v2-Origin-modded-edited-768x768.jpg\" }\n        ]\n    },\n\n    alliance: {\n        label: \"Terra Alliance\",\n        color: \"#4a90d9\",\n        url: \"https:\/\/nucleusseries.com\/?page_id=4044#alliance\",\n        members: [\n            { name: \"Thomoas Mendoza\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Thomas-modded-for-SH-edited.jpg\" },\n            { name: \"Dante IV Pompeo\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Dante-modded-for-SH-edited.jpg\" },\n            { name: \"Nikki Chakraborty\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Nikki-overhaul-v2-logo-edited.jpg\"},\n            { name: \"Diego Rodriguez\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Diego-v1-edited.jpg\"},\n            { name: \"Rafael Santos\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Rafael-usual-feat-edited.jpg\"},\n            { name: \"Harrison Polk\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Harrison-feat-edited.jpg\"}\n            \/* Add more Alliance members here *\/\n        ]\n    },\n\n    imperium: {\n        label: \"Imperium of Dragons\",\n        color: \"#d44040\",\n        url: \"https:\/\/nucleusseries.com\/?page_id=4048#imperium\",\n        members: [\n            { name: \"Joon-Seok Pak\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/JS-v1-once-more-feat-edited.jpg\" },\n            { name: \"Kaori Ouyang\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Kaori-high-res-logo-etched-edited.jpg\" },\n            { name: \"Min-jung Ri\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Ming-JS-Finacee-logo-edited.jpg\"},\n            { name: \"Kaori Ouyang\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Kaori-high-res-logo-etched-edited.jpg\"},\n            { name: \"Agui\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Agui-logo.jpg\"},\n            { name: \"Ying-Zhu Qin\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/NewConjurer-3-logo-edited.jpg\"},\n            { name: \"Tie-Jun Liang\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Rust-Crow-1-logo-edited.jpg\"}\n            \/* Add more Imperium members here *\/\n        ]\n    },\n\n    directorate: {\n        label: \"Emerald Directorate\",\n        color: \"#3cb371\",\n        url: \"https:\/\/nucleusseries.com\/?page_id=4058#directorate\",\n        members: [\n            { name: \"Kofi Mensah\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/01\/Kofi-edited.png\" },\n            { name: \"Ume\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/04\/Ume-new-canon-portrait-logo-edited.jpg\"},\n            { name: \"Celine Kamara\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Celine-feat-edited.jpg\"},\n            { name: \"Wilhelm van der Merwe\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Wilhelm-feat-edited.jpg\"},\n            { name: \"Laurent N\u2019Guessan\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Laurent-canon-logo.jpg\"},\n            { name: \"Beverley Carlisle\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Bev-feat-edited.jpg\"}\n            \/* Add more Directorate members here *\/\n        ]\n    },\n\n    covenant: {\n        label: \"Zorian Covenant\",\n        color: \"#ff9933\",\n        url: \"https:\/\/nucleusseries.com\/?page_id=4067#covenant\",\n        members: [\n            { name: \"Z.O.R.I.\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/ZORI-feat-edited.jpg\"},\n            { name: \"Ivan Petrov\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Ivan-feat-edited.jpg\"},\n            { name: \"Dariusz Kami\u0144ski\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Dariusz-feat-edited.jpg\"},\n            { name: \"Marilyn Blackwood\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Inquisitor-Marilyn-Blackwood-modded-feat-edited.jpg\"},\n            { name: \"Deirdre MacCormac\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Deirdre-modded-feat-edited-1.jpg\"}\n            \/* Add more Covenant members here *\/\n        ]\n    },\n\n    fenris: {\n        label: \"Fenris Horde\",\n        color: \"#a67c52\",\n        url: \"https:\/\/nucleusseries.com\/?page_id=4071#fenris\",\n        members: [\n            { name: \"Skarn\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Skarn-pose-0-feat-edited.jpg\"},    \n            { name: \"Brynhild Fjeld\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Bryn-canon-feat-edited.jpg\" },\n            { name: \"Ysolde H\u00f6gsson\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Ysolde-canon-feat-edited.jpg\" },\n            { name: \"Maren Fjeld\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Queen-Maren-canon-1to1-full-dark-Jove-edited.jpg\"},\n            { name: \"Meiya Ji\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/02\/Meiya-Draug-form-1-logo-edited-1.jpg\"},\n            { name: \"Lokki H\u00f6gberg\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/03\/Lokki-canon-logo-1-edited.jpg\"},\n            { name: \"Kathrin Gwynn\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Kathrin-canon-feat-edited.jpg\"},\n            { name: \"Batu Arnesen\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Batu-pose-0-feat-edited.jpg\"}\n            \/* Add more Fenris members here *\/\n        ]\n    },\n\n    rakshasa: {\n        label: \"Rakshasa Horde\",\n        color: \"#bb66dd\",\n        url: \"https:\/\/nucleusseries.com\/?page_id=4075#rakshasa\",\n        members: [\n            { name: \"Shazmeen Vinh\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Shazmeen-Vinh-feat-edited.jpg\"},\n            { name: \"Moro\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Moro-v2-modded-feat-edited.jpg\"},\n            { name: \"Adisa Okonkwo\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Adisa-O-feat-edited.jpg\"},\n            { name: \"Suthep Chakri\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Suthep-Chakri-feat-edited.jpg\"},\n            { name: \"Amir Ny\u0101ya\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Amir-new-v2-feat-edited.jpg\"}\n            \/* Add more Rakshasa members here *\/\n        ]\n    },\n\n    jokull: {\n        label: \"J\u00f6kull Horde\",\n        color: \"#87CEEB\",\n        url: \"https:\/\/nucleusseries.com\/?page_id=4078#jokull\",\n        members: [\n            { name: \"Ivar Lindqvist\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Ivar-Lindqvist-feat-edited.jpg\" },\n            { name: \"Dagny Fjeld\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Lady-Dagny-feat-edited.jpg\"},\n            { name: \"Ulrik Stormhelm\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Ulrik-feat-edited.jpg\"},\n            { name: \"Hr\u00edmnir\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Hrimnir-feat-edited.jpg\"},\n            { name: \"Astrid\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Astrid-v3-feat-edited.jpg\"},\n            { name: \"Olav\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Olav-feat-edited.jpg\"}\n            \/* Add more Jokull members here *\/\n        ]\n    },\n\n    xinghong: {\n        label: \"Xing Hong\",\n        color: \"#D4AF37\",\n        url: \"https:\/\/nucleusseries.com\/?page_id=4081#miscchars\",\n        members: [\n            { name: \"Iron Roach\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Roach-v2-canon-whiskey-feat-edited.jpg\" },\n            { name: \"Dilinur Altai\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Dinu-v3-canon-one-hand-raised-logo-feat-edited.jpg\"},\n            { name: \"Kenji Tsudo\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Kenji-Tsudo-seneschal-feat-edited.jpg\"},\n            { name: \"Haylen Shih\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Haylen-Shih-v2-full-armor-canon-logo-feat-edited.jpg\"}\n            \/* Add more Xing Hong members here *\/\n        ]\n    },\n    indie: {\n        label: \"Independent\",\n        color: \"#FFFFFF\",\n        url: \"https:\/\/nucleusseries.com\/?page_id=6495\",\n        members: [\n            { name: \"Emmanuel Boateng\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Emmanuel-Canon-Weaponsmith-feat-edited.jpg\"},\n            { name: \"Ta\u1e47h\u0101\", img: \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Tanha-new-v0-training-set-1-edited.jpg\"}\n        ]\n    }\n};\n\n\n\/* ====================================================== *\/\n\/*  DYNAMIC FEATURED PERSONNEL \u2014 SELECTION & RENDERING    *\/\n\/*  No changes needed below unless altering behavior.     *\/\n\/* ====================================================== *\/\n\nvar NucleusFeatured = (function() {\n\n    \/* Pick 3 unique factions that each have at least 1 member,\n       then 1 random member from each. Returns array of 3 objects. *\/\n    function selectThree() {\n        var keys = Object.keys(NUCLEUS_ROSTER).filter(function(k) {\n            return NUCLEUS_ROSTER[k].members && NUCLEUS_ROSTER[k].members.length > 0;\n        });\n\n        \/* Fisher-Yates shuffle *\/\n        for (var i = keys.length - 1; i > 0; i--) {\n            var j = Math.floor(Math.random() * (i + 1));\n            var tmp = keys[i]; keys[i] = keys[j]; keys[j] = tmp;\n        }\n\n        var picked = keys.slice(0, 3);\n        return picked.map(function(fk) {\n            var faction = NUCLEUS_ROSTER[fk];\n            var member  = faction.members[Math.floor(Math.random() * faction.members.length)];\n            return {\n                name:    member.name,\n                img:     member.img,\n                faction: faction.label,\n                color:   faction.color,\n                url:     faction.url || '#'\n            };\n        });\n    }\n\n    \/* Build a single card's HTML string (images are real <img>, not background) *\/\n    function cardHTML(entry) {\n        var c  = entry.color;\n        var cb = c + '44';   \/* border alpha *\/\n        var cg = c + '08';   \/* bg tint      *\/\n        return '' +\n        '<a href=\"' + entry.url + '\" class=\"cfp-card\" style=\"' +\n            'display:block;text-decoration:none;' +\n            'position:relative;width:280px;' +\n            'background:' + cg + ';' +\n            'border:1px solid ' + cb + ';' +\n            'border-radius:8px;overflow:hidden;' +\n            'transition:all 0.4s ease;opacity:0;transform:translateY(12px);\">' +\n\n            \/* Image area *\/\n            '<div style=\"position:relative;height:320px;overflow:hidden;\">' +\n                '<img decoding=\"async\" src=\"' + entry.img + '\" alt=\"' + entry.name + '\" ' +\n                    'style=\"width:100%;height:100%;object-fit:cover;' +\n                    'filter:grayscale(30%);transition:filter 0.3s ease;\" ' +\n                    'loading=\"eager\">' +\n                '<div style=\"position:absolute;bottom:0;left:0;right:0;height:80px;' +\n                    'background:linear-gradient(transparent,rgba(10,15,10,0.95));\"><\/div>' +\n            '<\/div>' +\n\n            \/* Info bar *\/\n            '<div style=\"padding:16px;border-top:1px solid ' + cb + ';\">' +\n                '<p style=\"color:' + c + ';font-family:monospace;font-size:14px;' +\n                    'margin:0 0 6px 0;letter-spacing:1px;font-weight:bold;\">' +\n                    entry.name + '<\/p>' +\n                '<p style=\"color:#666666;font-family:monospace;font-size:12px;margin:0;\">' +\n                    entry.faction + '<\/p>' +\n            '<\/div>' +\n\n            \/* Status LED *\/\n            '<div style=\"position:absolute;top:12px;right:12px;width:10px;height:10px;' +\n                'border-radius:50%;background:' + c + ';' +\n                'box-shadow:0 0 8px ' + c + ';\"><\/div>' +\n        '<\/a>';\n    }\n\n    \/* Render 3 cards into the container *\/\n    function render(picks) {\n        var container = document.getElementById('cfp-card-row');\n        if (!container) return;\n\n        container.innerHTML = picks.map(cardHTML).join('');\n\n        \/* Stagger the fade-in of each card *\/\n        var cards = container.querySelectorAll('.cfp-card');\n        cards.forEach(function(card, i) {\n            setTimeout(function() {\n                card.style.opacity = '1';\n                card.style.transform = 'translateY(0)';\n            }, 120 * (i + 1));\n        });\n    }\n\n    \/* Rescan: fade out \u2192 rescan text flash \u2192 pick new \u2192 fade in *\/\n    function rescan() {\n        var container = document.getElementById('cfp-card-row');\n        var btn       = document.getElementById('cfp-rescan-btn');\n        if (!container) return;\n\n        \/* Disable button during animation *\/\n        if (btn) { btn.disabled = true; btn.style.opacity = '0.4'; }\n\n        \/* Fade out current cards *\/\n        var cards = container.querySelectorAll('.cfp-card');\n        cards.forEach(function(card) {\n            card.style.opacity = '0';\n            card.style.transform = 'translateY(-8px)';\n        });\n\n        \/* After fade-out, clear and render new *\/\n        setTimeout(function() {\n            var picks = selectThree();\n            render(picks);\n\n            \/* Re-enable button *\/\n            if (btn) {\n                setTimeout(function() {\n                    btn.disabled = false;\n                    btn.style.opacity = '1';\n                }, 500);\n            }\n        }, 420);\n    }\n\n    \/* Initial draw (called by the existing boot sequence callback) *\/\n    function init() {\n        render(selectThree());\n    }\n\n    \/* Public *\/\n    return { init: init, rescan: rescan };\n})();\n\n\/* Expose rescan globally for the onclick *\/\nwindow.nucleusRescan = NucleusFeatured.rescan;\n<\/script>\n\n\n<!-- ====================================================== -->\n<!--  HEADER MARKUP                                          -->\n<!-- ====================================================== -->\n<div id=\"chartopbuttons\" style=\"background: linear-gradient(180deg, #0a0f0a 0%, #1a1a1a 100%); padding: 50px 40px; position: relative; overflow: hidden; border-top: 1px solid #00ff8833; border-bottom: 1px solid #00ff8833; width: 100vw; margin-left: calc(50% - 50vw); box-sizing: border-box;\">\n    \n    <!-- Scan line effect overlay -->\n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 255, 136, 0.03) 2px, rgba(0, 255, 136, 0.03) 4px); pointer-events: none; z-index: 1;\"><\/div>\n    \n    <!-- Content wrapper -->\n    <div style=\"position: relative; z-index: 2; max-width: 1400px; margin: 0 auto;\">\n        \n        <!-- Boot sequence header (unchanged \u2014 driven by nuc-watch-interactive.js) -->\n        <div id=\"char-boot-sequence\" style=\"text-align: center; margin-bottom: 40px;\">\n            <p style=\"color: #00ff88; font-family: monospace; font-size: 13px; letter-spacing: 3px; margin-bottom: 8px; opacity: 0.7;\">\u25c8 NUCLEUS WATCH v2.304 \u25c8<\/p>\n            <div style=\"min-height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center;\">\n                <p id=\"char-typing-text\" style=\"color: #00ff88; font-family: monospace; font-size: 22px; margin: 0; text-shadow: 0 0 10px rgba(0, 255, 136, 0.5);\"><\/p>\n                <p id=\"char-typing-subtext\" style=\"color: #888888; font-family: monospace; font-size: 16px; margin: 10px 0 0 0; opacity: 0; transition: opacity 0.5s ease;\"><\/p>\n            <\/div>\n        <\/div>\n        \n        <!-- Featured Personnel \u2014 DYNAMIC -->\n        <div id=\"char-featured-container\" style=\"opacity: 0; transition: opacity 1s ease-in;\">\n            <p style=\"color: #00ff88; font-family: monospace; font-size: 13px; letter-spacing: 3px; text-align: center; margin-bottom: 30px; opacity: 0.7;\">\/\/ FEATURED PERSONNEL<\/p>\n            \n            <!-- Card row \u2014 populated by NucleusFeatured.init() -->\n            <div id=\"cfp-card-row\" style=\"display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin-bottom: 40px; min-height: 400px;\">\n            <\/div>\n            \n            <!-- Rescan button -->\n            <div style=\"text-align: center; margin-bottom: 36px;\">\n                <button id=\"cfp-rescan-btn\" onclick=\"nucleusRescan()\" class=\"cfp-rescan\">\n                    <span class=\"cfp-rescan-icon\">\u27f3<\/span> RESCAN PERSONNEL\n                <\/button>\n            <\/div>\n            \n            <!-- Divider -->\n            <div style=\"margin: 40px auto; width: 80%; height: 1px; background: linear-gradient(90deg, transparent, #00ff8844, transparent);\"><\/div>\n            \n            <!-- Info text -->\n            <p style=\"color: #666666; font-family: monospace; font-size: 14px; text-align: center; margin: 0 0 12px 0;\">\n                Database contains <span style=\"color: #00ff88;\">50+<\/span> personnel files across <span style=\"color: #00ff88;\">9<\/span> faction categories.\n            <\/p>\n            <p style=\"color: #444444; font-family: monospace; font-size: 12px; text-align: center; margin: 0;\">\n                \/\/ Registry updated as serialization progresses\n            <\/p>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n\n<!-- ====================================================== -->\n<!--  INIT HOOK \u2014 fires after the boot sequence finishes     -->\n<!-- ====================================================== -->\n<script>\n(function() {\n    \/* The existing initCharactersPage() in nuc-watch-interactive.js\n       already fades in #char-featured-container.  We just need our\n       cards rendered BEFORE that fade-in happens.                    *\/\n\n    var observer = new MutationObserver(function(mutations) {\n        mutations.forEach(function(m) {\n            if (m.attributeName === 'style') {\n                var el = document.getElementById('char-featured-container');\n                if (el && el.style.opacity === '1') {\n                    NucleusFeatured.init();\n                    observer.disconnect();\n                }\n            }\n        });\n    });\n\n    \/* Also handle the case where boot already completed (fast load) *\/\n    function tryInit() {\n        var el = document.getElementById('char-featured-container');\n        if (el) {\n            \/* If container isn't visible yet, observe for transition *\/\n            if (el.style.opacity !== '1') {\n                observer.observe(el, { attributes: true });\n            } else {\n                NucleusFeatured.init();\n            }\n            \/* Safety fallback: init after 6s no matter what *\/\n            setTimeout(function() {\n                var row = document.getElementById('cfp-card-row');\n                if (row && row.children.length === 0) {\n                    NucleusFeatured.init();\n                }\n            }, 6000);\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', tryInit);\n    } else {\n        tryInit();\n    }\n})();\n<\/script>\n\n\n\n\n\n<!-- ====================================================== -->\n<!--  SCOPED STYLES                                          -->\n<!-- ====================================================== -->\n<style>\n\/* Rescan button *\/\n.cfp-rescan {\n    background: transparent;\n    border: 1px solid #00ff8855;\n    color: #00ff88;\n    font-family: monospace;\n    font-size: 13px;\n    letter-spacing: 2px;\n    padding: 12px 28px;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n.cfp-rescan:hover:not(:disabled) {\n    background: #00ff8818;\n    border-color: #00ff88;\n    box-shadow: 0 0 18px rgba(0, 255, 136, 0.25);\n    transform: translateY(-2px);\n}\n.cfp-rescan:active:not(:disabled) {\n    transform: translateY(0);\n}\n.cfp-rescan:disabled {\n    cursor: wait;\n}\n.cfp-rescan-icon {\n    display: inline-block;\n    transition: transform 0.5s ease;\n    font-size: 15px;\n}\n.cfp-rescan:hover:not(:disabled) .cfp-rescan-icon {\n    transform: rotate(360deg);\n}\n\n\/* Card hover (matches original behavior) *\/\n.cfp-card:hover {\n    transform: translateY(-6px) !important;\n    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.6);\n}\n.cfp-card:hover img {\n    filter: grayscale(0%) !important;\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n    .cfp-card { width: 100% !important; max-width: 320px !important; }\n}\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-73128380 wp-block-group-is-layout-constrained\" id=\"mainchars\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\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<!-- ====== MAIN CHARACTERS - Gallery Hint ====== -->\n<div style=\"\n    max-width: 800px;\n    margin: 0 auto 40px auto;\n    padding: 15px 25px;\n    text-align: center;\n    background: linear-gradient(90deg, transparent, rgba(160, 180, 200, 0.08), transparent);\n    border-left: 3px solid rgba(160, 180, 200, 0.5);\n    border-right: 3px solid rgba(160, 180, 200, 0.5);\n\">\n    <p style=\"\n        font-family: monospace;\n        font-size: 12px;\n        letter-spacing: 1.5px;\n        color: rgba(160, 180, 200, 0.8);\n        margin: 0;\n    \">\u25c6 CLICK CHARACTER PORTRAITS TO VIEW GALLERY \u25c6<\/p>\n<\/div>\n\n<!-- ============================================== -->\n<!-- NUCLEUS CHARACTERS PAGE - MASTER STYLES v1.0  -->\n<!-- ============================================== -->\n<style>\n\/* ============================================== *\/\n\/* BASE \/ SHARED ANIMATIONS                       *\/\n\/* ============================================== *\/\n@keyframes cursorBlink {\n    0%, 50% { opacity: 1; }\n    51%, 100% { opacity: 0; }\n}\n\n\/* ============================================== *\/\n\/* SIGRUN \/ LUNAR BLUE THEME                      *\/\n\/* Colors: #6b8cce (accent), #0a1628 (dark)       *\/\n\/* ============================================== *\/\n@keyframes lunarPulse {\n    0%, 100% { opacity: 0.6; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.05); }\n}\n\n@keyframes orbitSpin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n.nucleus-profile-image:hover {\n    transform: scale(1.08);\n}\n\n.nucleus-profile-image:hover .profile-click-hint {\n    opacity: 1 !important;\n}\n\n.nucleus-profile-image:hover .profile-aura {\n    opacity: 1;\n    animation: lunarPulse 1.5s ease-in-out infinite;\n}\n\n.nucleus-trait-tag:hover {\n    background: rgba(107, 140, 206, 0.3) !important;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(107, 140, 206, 0.2);\n}\n\n\/* ============================================== *\/\n\/* XIN \/ VOID GREEN THEME                         *\/\n\/* Colors: #00ff88 (accent), #0a1a14 (dark)       *\/\n\/* ============================================== *\/\n@keyframes voidPulse {\n    0%, 100% { opacity: 0.5; transform: scale(1); }\n    50% { opacity: 0.9; transform: scale(1.03); }\n}\n\n@keyframes scanRotate {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n@keyframes dataFlow {\n    0% { opacity: 0.2; }\n    50% { opacity: 0.6; }\n    100% { opacity: 0.2; }\n}\n\n.void-profile:hover {\n    transform: scale(1.08);\n}\n\n.void-profile:hover .profile-click-hint {\n    opacity: 1 !important;\n}\n\n.void-profile:hover .void-aura {\n    animation: voidPulse 1.2s ease-in-out infinite;\n    background: radial-gradient(circle, rgba(0, 255, 136, 0.5) 0%, rgba(0, 255, 136, 0.2) 40%, transparent 70%);\n}\n\n.void-profile:hover .profile-scan-ring {\n    border-color: rgba(0, 255, 136, 0.7);\n    animation-duration: 8s;\n}\n\n.void-tag:hover {\n    background: rgba(0, 255, 136, 0.25) !important;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);\n}\n\n\/* ============================================== *\/\n\/* JABARI \/ DIRECTORATE BRONZE THEME              *\/\n\/* Colors: #d4a855 (accent), #1a1408 (dark)       *\/\n\/* ============================================== *\/\n@keyframes bronzePulse {\n    0%, 100% { opacity: 0.6; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.04); }\n}\n\n@keyframes rhythmExpand {\n    0% { \n        opacity: 0.8; \n        transform: scale(0.95);\n    }\n    100% { \n        opacity: 0; \n        transform: scale(1.15);\n    }\n}\n\n.bronze-profile:hover {\n    transform: scale(1.08);\n}\n\n.bronze-profile:hover .profile-click-hint {\n    opacity: 1 !important;\n}\n\n.bronze-profile:hover .bronze-aura {\n    animation: bronzePulse 1.5s ease-in-out infinite;\n    background: radial-gradient(circle, rgba(212, 168, 85, 0.5) 0%, rgba(212, 168, 85, 0.2) 45%, transparent 70%);\n}\n\n.bronze-profile:hover .profile-rhythm-ring {\n    border-color: rgba(212, 168, 85, 0.5);\n}\n\n.bronze-profile:hover .rhythm-outer {\n    animation: rhythmExpand 1.5s ease-out infinite;\n}\n\n.bronze-profile:hover .rhythm-middle {\n    animation: rhythmExpand 1.5s ease-out infinite 0.3s;\n}\n\n.bronze-tag:hover {\n    background: rgba(212, 168, 85, 0.28) !important;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(212, 168, 85, 0.25);\n}\n\n\n\/* ============================================== *\/\n\/* MARCUS \/ SOLAR GOLD THEME (REVISED)            *\/\n\/* Colors: #ffaa33 (holy orange), #f5ebe0 (ivory) *\/\n\/* ============================================== *\/\n@keyframes haloGlow {\n    0%, 100% { \n        opacity: 0.8; \n        transform: scale(1);\n        box-shadow: 0 0 40px rgba(255, 170, 50, 0.3);\n    }\n    50% { \n        opacity: 1; \n        transform: scale(1.03);\n        box-shadow: 0 0 60px rgba(255, 170, 50, 0.5);\n    }\n}\n\n@keyframes rayPulse {\n    0%, 100% { \n        opacity: 0.3;\n        width: 120px;\n    }\n    50% { \n        opacity: 0.7;\n        width: 150px;\n    }\n}\n\n@keyframes shieldFlare {\n    0%, 100% {\n        box-shadow: 0 0 20px rgba(255, 150, 0, 0.3), inset 0 0 15px rgba(255, 150, 0, 0.1);\n    }\n    50% {\n        box-shadow: 0 0 35px rgba(255, 150, 0, 0.5), inset 0 0 25px rgba(255, 150, 0, 0.2);\n    }\n}\n\n.solar-profile:hover {\n    transform: scale(1.05);\n}\n\n.solar-profile:hover .profile-click-hint {\n    opacity: 1 !important;\n}\n\n.solar-profile:hover .profile-halo {\n    animation: haloGlow 1.5s ease-in-out infinite;\n    background: radial-gradient(circle, rgba(255, 200, 80, 0.7) 0%, rgba(255, 150, 0, 0.35) 30%, transparent 60%);\n}\n\n.solar-profile:hover .profile-shield-ring {\n    border-color: rgba(255, 180, 60, 0.8);\n    animation: shieldFlare 2s ease-in-out infinite;\n}\n\n.solar-profile:hover ~ .solar-rays-container,\n.nucleus-character-card:hover .solar-rays-container {\n    opacity: 1 !important;\n}\n\n.solar-profile:hover ~ .solar-rays-container .solar-ray,\n.nucleus-character-card:hover .solar-rays-container .solar-ray {\n    opacity: 0.9;\n    width: 180px;\n}\n\n.solar-tag:hover {\n    background: rgba(255, 170, 50, 0.3) !important;\n    border-color: rgba(255, 180, 60, 0.8) !important;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 15px rgba(255, 150, 0, 0.35);\n    color: #fff !important;\n}\n\n\/* ============================================== *\/\n\/* FUUKA \/ MIRAGE PURPLE THEME                    *\/\n\/* Colors: #b266ff (accent), #1a0a28 (dark)       *\/\n\/* ============================================== *\/\n@keyframes miragePulse {\n    0%, 100% { opacity: 0.5; transform: scale(1); }\n    50% { opacity: 0.85; transform: scale(1.04); }\n}\n\n@keyframes mysticSwirl {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n@keyframes mirageFloat {\n    0%, 100% { \n        transform: translateY(0) translateX(0); \n        opacity: 0.4;\n    }\n    25% {\n        transform: translateY(-15px) translateX(5px);\n        opacity: 0.8;\n    }\n    50% { \n        transform: translateY(-25px) translateX(-3px); \n        opacity: 0.5;\n    }\n    75% {\n        transform: translateY(-10px) translateX(8px);\n        opacity: 0.9;\n    }\n}\n\n.mirage-profile:hover {\n    transform: scale(1.08);\n}\n\n.mirage-profile:hover .profile-click-hint {\n    opacity: 1 !important;\n}\n\n.mirage-profile:hover .mirage-aura {\n    animation: miragePulse 1.5s ease-in-out infinite;\n    background: radial-gradient(circle, rgba(178, 102, 255, 0.5) 0%, rgba(178, 102, 255, 0.25) 40%, transparent 70%);\n}\n\n.mirage-profile:hover .profile-mystic-ring {\n    border-top-color: rgba(178, 102, 255, 0.9);\n    border-bottom-color: rgba(178, 102, 255, 0.9);\n    animation-duration: 4s;\n}\n\n.mirage-profile:hover .profile-mystic-ring-inner {\n    border-left-color: rgba(178, 102, 255, 0.6);\n    border-right-color: rgba(178, 102, 255, 0.6);\n    animation-duration: 3s;\n}\n\n.mirage-tag:hover {\n    background: rgba(178, 102, 255, 0.28) !important;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 15px rgba(178, 102, 255, 0.35);\n}\n\n\/* ============================================== *\/\n\/* H\u00c5KON \/ AZURE BLUE THEME (ADORABLE)            *\/\n\/* Colors: #4da6ff (accent), #0a1a2a (dark)       *\/\n\/* ============================================== *\/\n@keyframes scaleShimmer {\n    0%, 100% { \n        opacity: 0.6; \n        transform: scale(1);\n        background: radial-gradient(circle, rgba(77, 166, 255, 0.4) 0%, rgba(126, 200, 255, 0.2) 40%, transparent 70%);\n    }\n    33% { \n        opacity: 0.8; \n        transform: scale(1.03);\n        background: radial-gradient(circle, rgba(126, 200, 255, 0.45) 0%, rgba(77, 166, 255, 0.2) 40%, transparent 70%);\n    }\n    66% { \n        opacity: 0.7; \n        transform: scale(1.02);\n        background: radial-gradient(circle, rgba(255, 215, 100, 0.3) 0%, rgba(77, 166, 255, 0.15) 40%, transparent 70%);\n    }\n}\n\n@keyframes gentleBounce {\n    0%, 100% { transform: scale(1) translateY(0); }\n    50% { transform: scale(1.02) translateY(-3px); }\n}\n\n@keyframes bubbleFloat {\n    0% { \n        transform: translateY(0) scale(1); \n        opacity: 0.3;\n    }\n    50% { \n        transform: translateY(-60px) scale(1.1); \n        opacity: 0.7;\n    }\n    100% { \n        transform: translateY(-120px) scale(0.8); \n        opacity: 0;\n    }\n}\n\n@keyframes sparkleGlow {\n    0%, 100% { opacity: 0.3; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.3); }\n}\n\n@keyframes dotPulse {\n    0%, 100% { transform: scale(1); opacity: 0.7; }\n    50% { transform: scale(1.3); opacity: 1; }\n}\n\n.azure-profile:hover {\n    transform: scale(1.1);\n}\n\n.azure-profile:hover .profile-click-hint {\n    opacity: 1 !important;\n}\n\n.azure-profile:hover .azure-aura {\n    animation: scaleShimmer 2s ease-in-out infinite;\n}\n\n.azure-profile:hover .profile-bounce-ring {\n    border-color: rgba(77, 166, 255, 0.6);\n    animation: gentleBounce 1s ease-in-out infinite;\n}\n\n.azure-tag:hover {\n    background: rgba(77, 166, 255, 0.3) !important;\n    transform: translateY(-3px) scale(1.05);\n    box-shadow: 0 6px 15px rgba(77, 166, 255, 0.3);\n}\n\n\/* ============================================== *\/\n\/* GALLERY MODAL - BASE STYLES                    *\/\n\/* ============================================== *\/\n.nucleus-gallery-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(5, 10, 20, 0.95);\n    z-index: 10000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.nucleus-gallery-overlay.active {\n    opacity: 1;\n    visibility: visible;\n}\n\n.nucleus-gallery-container {\n    position: relative;\n    max-width: 90vw;\n    max-height: 85vh;\n    text-align: center;\n}\n\n.nucleus-gallery-image {\n    max-width: 100%;\n    max-height: 70vh;\n    object-fit: contain;\n    border-radius: 8px;\n    transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.nucleus-gallery-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    cursor: pointer;\n    font-size: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n}\n\n.nucleus-gallery-nav.prev { left: -70px; }\n.nucleus-gallery-nav.next { right: -70px; }\n\n.nucleus-gallery-title {\n    font-family: 'Georgia', serif;\n    font-size: 20px;\n    margin-top: 20px;\n}\n\n.nucleus-gallery-counter {\n    font-family: monospace;\n    font-size: 12px;\n    margin-top: 8px;\n    letter-spacing: 2px;\n}\n\n.nucleus-gallery-close {\n    margin-top: 25px;\n    background: transparent;\n    padding: 10px 30px;\n    font-family: monospace;\n    font-size: 13px;\n    letter-spacing: 2px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border-radius: 4px;\n}\n\n.nucleus-gallery-dots {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 15px;\n}\n\n.nucleus-gallery-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n\/* ============================================== *\/\n\/* GALLERY - LUNAR BLUE THEME (DEFAULT)           *\/\n\/* ============================================== *\/\n.nucleus-gallery-overlay.theme-lunar .nucleus-gallery-image,\n.nucleus-gallery-overlay:not([class*=\"theme-\"]) .nucleus-gallery-image {\n    border: 2px solid rgba(107, 140, 206, 0.4);\n    box-shadow: 0 0 60px rgba(107, 140, 206, 0.3);\n}\n\n.nucleus-gallery-overlay.theme-lunar .nucleus-gallery-nav,\n.nucleus-gallery-overlay:not([class*=\"theme-\"]) .nucleus-gallery-nav {\n    background: rgba(107, 140, 206, 0.2);\n    border: 1px solid rgba(107, 140, 206, 0.4);\n    color: #a0c4ff;\n}\n\n.nucleus-gallery-overlay.theme-lunar .nucleus-gallery-nav:hover,\n.nucleus-gallery-overlay:not([class*=\"theme-\"]) .nucleus-gallery-nav:hover {\n    background: rgba(107, 140, 206, 0.4);\n    box-shadow: 0 0 20px rgba(107, 140, 206, 0.4);\n}\n\n.nucleus-gallery-overlay.theme-lunar .nucleus-gallery-title,\n.nucleus-gallery-overlay:not([class*=\"theme-\"]) .nucleus-gallery-title {\n    color: #e8f0ff;\n    text-shadow: 0 0 20px rgba(107, 140, 206, 0.3);\n}\n\n.nucleus-gallery-overlay.theme-lunar .nucleus-gallery-counter,\n.nucleus-gallery-overlay:not([class*=\"theme-\"]) .nucleus-gallery-counter {\n    color: rgba(107, 140, 206, 0.7);\n}\n\n.nucleus-gallery-overlay.theme-lunar .nucleus-gallery-close,\n.nucleus-gallery-overlay:not([class*=\"theme-\"]) .nucleus-gallery-close {\n    border: 1px solid rgba(107, 140, 206, 0.5);\n    color: #6b8cce;\n}\n\n.nucleus-gallery-overlay.theme-lunar .nucleus-gallery-close:hover,\n.nucleus-gallery-overlay:not([class*=\"theme-\"]) .nucleus-gallery-close:hover {\n    background: rgba(107, 140, 206, 0.2);\n    border-color: #6b8cce;\n    box-shadow: 0 0 15px rgba(107, 140, 206, 0.3);\n}\n\n.nucleus-gallery-overlay.theme-lunar .nucleus-gallery-dot,\n.nucleus-gallery-overlay:not([class*=\"theme-\"]) .nucleus-gallery-dot {\n    background: rgba(107, 140, 206, 0.3);\n    border: 1px solid rgba(107, 140, 206, 0.5);\n}\n\n.nucleus-gallery-overlay.theme-lunar .nucleus-gallery-dot.active,\n.nucleus-gallery-overlay:not([class*=\"theme-\"]) .nucleus-gallery-dot.active {\n    background: #6b8cce;\n    box-shadow: 0 0 10px rgba(107, 140, 206, 0.6);\n}\n\n\/* ============================================== *\/\n\/* GALLERY - VOID GREEN THEME                     *\/\n\/* ============================================== *\/\n.nucleus-gallery-overlay.theme-void .nucleus-gallery-image {\n    border: 2px solid rgba(0, 255, 136, 0.4);\n    box-shadow: 0 0 60px rgba(0, 255, 136, 0.3);\n}\n\n.nucleus-gallery-overlay.theme-void .nucleus-gallery-nav {\n    background: rgba(0, 255, 136, 0.2);\n    border: 1px solid rgba(0, 255, 136, 0.4);\n    color: #66ffaa;\n}\n\n.nucleus-gallery-overlay.theme-void .nucleus-gallery-nav:hover {\n    background: rgba(0, 255, 136, 0.4);\n    box-shadow: 0 0 20px rgba(0, 255, 136, 0.4);\n}\n\n.nucleus-gallery-overlay.theme-void .nucleus-gallery-title {\n    color: #e0fff0;\n    text-shadow: 0 0 20px rgba(0, 255, 136, 0.3);\n}\n\n.nucleus-gallery-overlay.theme-void .nucleus-gallery-counter {\n    color: rgba(0, 255, 136, 0.7);\n}\n\n.nucleus-gallery-overlay.theme-void .nucleus-gallery-close {\n    border: 1px solid rgba(0, 255, 136, 0.5);\n    color: #00ff88;\n}\n\n.nucleus-gallery-overlay.theme-void .nucleus-gallery-close:hover {\n    background: rgba(0, 255, 136, 0.2);\n    border-color: #00ff88;\n    box-shadow: 0 0 15px rgba(0, 255, 136, 0.3);\n}\n\n.nucleus-gallery-overlay.theme-void .nucleus-gallery-dot {\n    background: rgba(0, 255, 136, 0.3);\n    border: 1px solid rgba(0, 255, 136, 0.5);\n}\n\n.nucleus-gallery-overlay.theme-void .nucleus-gallery-dot.active {\n    background: #00ff88;\n    box-shadow: 0 0 10px rgba(0, 255, 136, 0.6);\n}\n\n\/* ============================================== *\/\n\/* GALLERY - BRONZE THEME                         *\/\n\/* ============================================== *\/\n.nucleus-gallery-overlay.theme-bronze .nucleus-gallery-image {\n    border: 2px solid rgba(212, 168, 85, 0.4);\n    box-shadow: 0 0 60px rgba(212, 168, 85, 0.3);\n}\n\n.nucleus-gallery-overlay.theme-bronze .nucleus-gallery-nav {\n    background: rgba(212, 168, 85, 0.2);\n    border: 1px solid rgba(212, 168, 85, 0.4);\n    color: #e8c878;\n}\n\n.nucleus-gallery-overlay.theme-bronze .nucleus-gallery-nav:hover {\n    background: rgba(212, 168, 85, 0.4);\n    box-shadow: 0 0 20px rgba(212, 168, 85, 0.4);\n}\n\n.nucleus-gallery-overlay.theme-bronze .nucleus-gallery-title {\n    color: #fff5e0;\n    text-shadow: 0 0 20px rgba(212, 168, 85, 0.3);\n}\n\n.nucleus-gallery-overlay.theme-bronze .nucleus-gallery-counter {\n    color: rgba(212, 168, 85, 0.7);\n}\n\n.nucleus-gallery-overlay.theme-bronze .nucleus-gallery-close {\n    border: 1px solid rgba(212, 168, 85, 0.5);\n    color: #d4a855;\n}\n\n.nucleus-gallery-overlay.theme-bronze .nucleus-gallery-close:hover {\n    background: rgba(212, 168, 85, 0.2);\n    border-color: #d4a855;\n    box-shadow: 0 0 15px rgba(212, 168, 85, 0.3);\n}\n\n.nucleus-gallery-overlay.theme-bronze .nucleus-gallery-dot {\n    background: rgba(212, 168, 85, 0.3);\n    border: 1px solid rgba(212, 168, 85, 0.5);\n}\n\n.nucleus-gallery-overlay.theme-bronze .nucleus-gallery-dot.active {\n    background: #d4a855;\n    box-shadow: 0 0 10px rgba(212, 168, 85, 0.6);\n}\n\n\n\/* ============================================== *\/\n\/* GALLERY - SOLAR GOLD THEME (REVISED)           *\/\n\/* ============================================== *\/\n.nucleus-gallery-overlay.theme-solar .nucleus-gallery-image {\n    border: 2px solid rgba(255, 170, 50, 0.5);\n    box-shadow: 0 0 80px rgba(255, 150, 0, 0.35);\n}\n\n.nucleus-gallery-overlay.theme-solar .nucleus-gallery-nav {\n    background: rgba(255, 170, 50, 0.2);\n    border: 2px solid rgba(255, 170, 50, 0.5);\n    color: #f5ebe0;\n}\n\n.nucleus-gallery-overlay.theme-solar .nucleus-gallery-nav:hover {\n    background: rgba(255, 170, 50, 0.4);\n    box-shadow: 0 0 25px rgba(255, 150, 0, 0.5);\n}\n\n.nucleus-gallery-overlay.theme-solar .nucleus-gallery-title {\n    color: #f5ebe0;\n    text-shadow: 0 0 25px rgba(255, 170, 50, 0.5);\n}\n\n.nucleus-gallery-overlay.theme-solar .nucleus-gallery-counter {\n    color: rgba(255, 180, 80, 0.8);\n}\n\n.nucleus-gallery-overlay.theme-solar .nucleus-gallery-close {\n    border: 2px solid rgba(255, 170, 50, 0.6);\n    color: #f5ebe0;\n}\n\n.nucleus-gallery-overlay.theme-solar .nucleus-gallery-close:hover {\n    background: rgba(255, 170, 50, 0.25);\n    border-color: #ffaa33;\n    box-shadow: 0 0 20px rgba(255, 150, 0, 0.4);\n}\n\n.nucleus-gallery-overlay.theme-solar .nucleus-gallery-dot {\n    background: rgba(255, 170, 50, 0.3);\n    border: 1px solid rgba(255, 170, 50, 0.6);\n}\n\n.nucleus-gallery-overlay.theme-solar .nucleus-gallery-dot.active {\n    background: #ffaa33;\n    box-shadow: 0 0 15px rgba(255, 150, 0, 0.7);\n}\n\n\n\/* ============================================== *\/\n\/* FUUKA \/ MIRAGE PURPLE THEME                    *\/\n\/* Colors: #b266ff (accent), #1a0a28 (dark)       *\/\n\/* ============================================== *\/\n@keyframes miragePulse {\n    0%, 100% { opacity: 0.5; transform: scale(1); }\n    50% { opacity: 0.85; transform: scale(1.04); }\n}\n\n@keyframes mysticSwirl {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n@keyframes mirageFloat {\n    0%, 100% { \n        transform: translateY(0) translateX(0); \n        opacity: 0.4;\n    }\n    25% {\n        transform: translateY(-15px) translateX(5px);\n        opacity: 0.8;\n    }\n    50% { \n        transform: translateY(-25px) translateX(-3px); \n        opacity: 0.5;\n    }\n    75% {\n        transform: translateY(-10px) translateX(8px);\n        opacity: 0.9;\n    }\n}\n\n.mirage-profile:hover {\n    transform: scale(1.08);\n}\n\n.mirage-profile:hover .profile-click-hint {\n    opacity: 1 !important;\n}\n\n.mirage-profile:hover .mirage-aura {\n    animation: miragePulse 1.5s ease-in-out infinite;\n    background: radial-gradient(circle, rgba(178, 102, 255, 0.5) 0%, rgba(178, 102, 255, 0.25) 40%, transparent 70%);\n}\n\n.mirage-profile:hover .profile-mystic-ring {\n    border-top-color: rgba(178, 102, 255, 0.9);\n    border-bottom-color: rgba(178, 102, 255, 0.9);\n    animation-duration: 4s;\n}\n\n.mirage-profile:hover .profile-mystic-ring-inner {\n    border-left-color: rgba(178, 102, 255, 0.6);\n    border-right-color: rgba(178, 102, 255, 0.6);\n    animation-duration: 3s;\n}\n\n.mirage-tag:hover {\n    background: rgba(178, 102, 255, 0.28) !important;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 15px rgba(178, 102, 255, 0.35);\n}\n\n\n\/* ============================================== *\/\n\/* FUTURE: GALLERY - ECLIPSE THEME                *\/\n\/* ============================================== *\/\n\n\n\/* ============================================== *\/\n\/* RESPONSIVE \/ MOBILE                            *\/\n\/* ============================================== *\/\n@media (max-width: 768px) {\n    .nucleus-gallery-nav.prev { left: 10px; }\n    .nucleus-gallery-nav.next { right: 10px; }\n    .nucleus-gallery-nav {\n        width: 40px;\n        height: 40px;\n        font-size: 18px;\n    }\n    \n    .nucleus-character-card {\n        margin: 0 15px;\n    }\n}\n\n@media (max-width: 480px) {\n    .nucleus-gallery-title {\n        font-size: 16px;\n    }\n    \n    .nucleus-gallery-counter {\n        font-size: 10px;\n    }\n    \n    .nucleus-gallery-close {\n        padding: 8px 20px;\n        font-size: 11px;\n    }\n}\n\n\/* ============================================== *\/\n\/* GALLERY - AZURE BLUE THEME (H\u00c5KON)             *\/\n\/* ============================================== *\/\n.nucleus-gallery-overlay.theme-azure .nucleus-gallery-image {\n    border: 3px solid rgba(77, 166, 255, 0.5);\n    box-shadow: 0 0 50px rgba(77, 166, 255, 0.35);\n    border-radius: 12px;\n}\n\n.nucleus-gallery-overlay.theme-azure .nucleus-gallery-nav {\n    background: rgba(77, 166, 255, 0.25);\n    border: 2px solid rgba(77, 166, 255, 0.5);\n    color: #7ec8ff;\n}\n\n.nucleus-gallery-overlay.theme-azure .nucleus-gallery-nav:hover {\n    background: rgba(77, 166, 255, 0.45);\n    box-shadow: 0 0 25px rgba(77, 166, 255, 0.5);\n    transform: translateY(-50%) scale(1.1);\n}\n\n.nucleus-gallery-overlay.theme-azure .nucleus-gallery-title {\n    color: #e8f4ff;\n    text-shadow: 0 0 20px rgba(77, 166, 255, 0.4);\n    font-size: 22px;\n}\n\n.nucleus-gallery-overlay.theme-azure .nucleus-gallery-counter {\n    color: rgba(126, 200, 255, 0.8);\n}\n\n.nucleus-gallery-overlay.theme-azure .nucleus-gallery-close {\n    border: 2px solid rgba(77, 166, 255, 0.5);\n    color: #4da6ff;\n    border-radius: 20px;\n    padding: 10px 25px;\n}\n\n.nucleus-gallery-overlay.theme-azure .nucleus-gallery-close:hover {\n    background: rgba(77, 166, 255, 0.25);\n    border-color: #7ec8ff;\n    box-shadow: 0 0 20px rgba(77, 166, 255, 0.4);\n    transform: scale(1.05);\n}\n\n.nucleus-gallery-overlay.theme-azure .nucleus-gallery-dot {\n    background: rgba(77, 166, 255, 0.3);\n    border: 2px solid rgba(77, 166, 255, 0.5);\n    width: 12px;\n    height: 12px;\n}\n\n.nucleus-gallery-overlay.theme-azure .nucleus-gallery-dot.active {\n    background: #4da6ff;\n    box-shadow: 0 0 12px rgba(77, 166, 255, 0.7);\n    transform: scale(1.2);\n}\n<\/style>\n\n<!-- ============================================== -->\n<!-- GALLERY MODAL STRUCTURE (SHARED BY ALL)       -->\n<!-- ============================================== -->\n<div id=\"nucleus-gallery-overlay\" class=\"nucleus-gallery-overlay\">\n    <div class=\"nucleus-gallery-container\">\n        <button class=\"nucleus-gallery-nav prev\" onclick=\"NucleusGallery.prev()\">\u2039<\/button>\n        <img decoding=\"async\" id=\"nucleus-gallery-image\" class=\"nucleus-gallery-image\" src=\"\" alt=\"\">\n        <button class=\"nucleus-gallery-nav next\" onclick=\"NucleusGallery.next()\">\u203a<\/button>\n        \n        <div id=\"nucleus-gallery-title\" class=\"nucleus-gallery-title\"><\/div>\n        <div id=\"nucleus-gallery-counter\" class=\"nucleus-gallery-counter\"><\/div>\n        <div id=\"nucleus-gallery-dots\" class=\"nucleus-gallery-dots\"><\/div>\n        \n        <button class=\"nucleus-gallery-close\" onclick=\"NucleusGallery.close()\">[ CLOSE ]<\/button>\n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-bc18b00a wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-text-align-center has-xx-large-font-size\">Main Characters<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Meet the heroes, villains, and morally ambiguous figures whose decisions shall shape the destiny of the Seven Realms.<\/p>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-313efa99 wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- Sigrun Fjeld Character Card -->\n<div class=\"nucleus-character-card\" data-character=\"sigrun\" data-theme=\"lunar\" style=\"\n    background: linear-gradient(135deg, #0a1628 0%, #1a2744 50%, #0d1a2d 100%);\n    border: 1px solid rgba(107, 140, 206, 0.3);\n    border-radius: 12px;\n    padding: 30px;\n    max-width: 480px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 4px 30px rgba(107, 140, 206, 0.15);\n\">\n    <!-- Subtle scan line overlay -->\n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(107, 140, 206, 0.02) 2px, rgba(107, 140, 206, 0.02) 4px); pointer-events: none; z-index: 1;\"><\/div>\n    \n    <!-- Corner accents -->\n    <div style=\"position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-top: 2px solid rgba(107, 140, 206, 0.5); border-left: 2px solid rgba(107, 140, 206, 0.5);\"><\/div>\n    <div style=\"position: absolute; top: 0; right: 0; width: 40px; height: 40px; border-top: 2px solid rgba(107, 140, 206, 0.5); border-right: 2px solid rgba(107, 140, 206, 0.5);\"><\/div>\n    <div style=\"position: absolute; bottom: 0; left: 0; width: 40px; height: 40px; border-bottom: 2px solid rgba(107, 140, 206, 0.5); border-left: 2px solid rgba(107, 140, 206, 0.5);\"><\/div>\n    <div style=\"position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; border-bottom: 2px solid rgba(107, 140, 206, 0.5); border-right: 2px solid rgba(107, 140, 206, 0.5);\"><\/div>\n    \n    <!-- Content wrapper -->\n    <div style=\"position: relative; z-index: 2;\">\n        \n        <!-- Profile Image Container -->\n        <div class=\"nucleus-profile-container\" style=\"text-align: center; margin-bottom: 25px;\">\n            <div class=\"nucleus-profile-image\" data-gallery=\"[\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/04\/Sigrun-original-Grok.jpg&quot;, &quot;title&quot;: &quot;Sigrun Fjeld \u2014 Original Portrait&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Sigrun-omni-v3-Gym-Workout-1-feature.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 Gym Workout&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Sigrun-omni-v1-Hunter-logo.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 Hunter Attire&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Sigrun-omni-v3-Valkyrie-BDSM-outfit.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 BDSM Attire for sex work&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/2025-XMas-Sigrun-3.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 Christmas Special, 2025&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/02\/Vol-4-verA-Sigrun-fg-logo.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 Tropical Armor&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/06\/Sigrun-night-gown-2-logo.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 Night Gown&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Sigrun-omni-v3-Shashan-dress-book-cover-raw-upscaled-4k.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 Naked in Shashan's forest&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Power_Sigrun_at_gym_logo.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 Power Domain. The training for a stronger body never stops&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/06\/Sigruns-Skuggr-enhanced-juice-tits-logo-uncensored.png&quot;, &quot;title&quot;: &quot;Sigrun \u2014 After sex with a Skuggr, her breast milk is temporarily made acidic bile that melts her enemies&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/06\/Sigrun-cultivating-with-Kraken-Grok-Venice-logo.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 Post-cultivation, her body can attract a Kraken, granting control over nearby Fenris creatures briefly&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/06\/Sigrun-trad-Nord-outfit-Grok-modded-Venice-upscaled-logo.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 In a traditional Nordic outfit, proud of her culture&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/06\/Sigrun-summer-swimmer-Taiwan-space-beach-Grok-cleaned.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 Having fun at a coastal paradise&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Libido_Sigruns_legendary_bosom.jpg&quot;, &quot;title&quot;: &quot;Sigrun \u2014 Libido Domain. Ready to breastfeed her man with her legendary bosom before sex&quot;}\n]\" data-character-name=\"Sigrun Fjeld\" style=\"\n    position: relative;\n    width: 200px;\n    height: 200px;\n    margin: 0 auto;\n    cursor: pointer;\n    border-radius: 50%;\n    transition: transform 0.3s ease;\n\">\n                <!-- Aura glow effect -->\n                <div class=\"profile-aura\" style=\"\n                    position: absolute;\n                    top: -8px;\n                    left: -8px;\n                    width: calc(100% + 16px);\n                    height: calc(100% + 16px);\n                    border-radius: 50%;\n                    background: radial-gradient(circle, rgba(107, 140, 206, 0.4) 0%, rgba(107, 140, 206, 0.1) 50%, transparent 70%);\n                    animation: lunarPulse 3s ease-in-out infinite;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Orbital ring -->\n                <div class=\"profile-orbit\" style=\"\n                    position: absolute;\n                    top: -15px;\n                    left: -15px;\n                    width: calc(100% + 30px);\n                    height: calc(100% + 30px);\n                    border: 1px solid rgba(107, 140, 206, 0.3);\n                    border-radius: 50%;\n                    animation: orbitSpin 20s linear infinite;\n                    pointer-events: none;\n                \">\n                    <div style=\"position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 6px; height: 6px; background: #6b8cce; border-radius: 50%; box-shadow: 0 0 10px #6b8cce;\"><\/div>\n                <\/div>\n                \n                <!-- Actual image -->\n                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Sigrun-original-on-Europa-edited.jpg\" alt=\"Sigrun Fjeld\" style=\"\n                        width: 100%;\n                        height: 100%;\n                        object-fit: cover;\n                        border-radius: 50%;\n                        border: 2px solid rgba(107, 140, 206, 0.5);\n                        position: relative;\n                        z-index: 1;\n                     \">\n                \n                <!-- Click hint -->\n                <div class=\"profile-click-hint\" style=\"\n                    position: absolute;\n                    bottom: -30px;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    font-family: monospace;\n                    font-size: 11px;\n                    color: rgba(107, 140, 206, 0.6);\n                    white-space: nowrap;\n                    opacity: 0;\n                    transition: opacity 0.3s ease;\n                \">[ CLICK TO VIEW GALLERY ]<\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Character Info Section -->\n        <div class=\"nucleus-character-info\">\n            <!-- Name with underline accent -->\n            <h2 style=\"\n                color: #e8f0ff;\n                font-family: 'Georgia', serif;\n                font-size: 28px;\n                font-weight: normal;\n                margin: 0 0 8px 0;\n                text-align: center;\n                text-shadow: 0 0 20px rgba(107, 140, 206, 0.3);\n                letter-spacing: 1px;\n            \">Sigrun Fjeld<\/h2>\n            \n            <!-- Title\/Role -->\n            <p style=\"\n                color: #6b8cce;\n                font-family: monospace;\n                font-size: 13px;\n                text-align: center;\n                margin: 0 0 15px 0;\n                letter-spacing: 2px;\n                text-transform: uppercase;\n            \">Psi Lynx \u2022 Third Princess of House Fjeld<\/p>\n            \n            <!-- Divider line -->\n            <div style=\"\n                width: 60%;\n                height: 1px;\n                background: linear-gradient(90deg, transparent, rgba(107, 140, 206, 0.5), transparent);\n                margin: 0 auto 15px auto;\n            \"><\/div>\n            \n            <!-- Stats row -->\n            <div style=\"\n                display: flex;\n                justify-content: center;\n                gap: 30px;\n                margin-bottom: 20px;\n                font-family: monospace;\n                font-size: 12px;\n            \">\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(107, 140, 206, 0.6); display: block; margin-bottom: 3px;\">ORIGIN<\/span>\n                    <span style=\"color: #c0d4f0;\">Bj\u00f8rgvin II, Europa<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(107, 140, 206, 0.6); display: block; margin-bottom: 3px;\">AGE<\/span>\n                    <span style=\"color: #c0d4f0;\">29<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(107, 140, 206, 0.6); display: block; margin-bottom: 3px;\">AFFINITY<\/span>\n                    <span style=\"color: #c0d4f0;\">Lunar<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Trait tags -->\n            <div style=\"\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 8px;\n                margin-bottom: 20px;\n            \">\n                <span class=\"nucleus-trait-tag\" style=\"\n                    background: rgba(107, 140, 206, 0.15);\n                    border: 1px solid rgba(107, 140, 206, 0.4);\n                    color: #a0c4ff;\n                    padding: 5px 12px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Lunar Psionics<\/span>\n                <span class=\"nucleus-trait-tag\" style=\"\n                    background: rgba(107, 140, 206, 0.15);\n                    border: 1px solid rgba(107, 140, 206, 0.4);\n                    color: #a0c4ff;\n                    padding: 5px 12px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Combat Expert<\/span>\n                <span class=\"nucleus-trait-tag\" style=\"\n                    background: rgba(107, 140, 206, 0.15);\n                    border: 1px solid rgba(107, 140, 206, 0.4);\n                    color: #a0c4ff;\n                    padding: 5px 12px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Sexual Liberation<\/span>\n                <span class=\"nucleus-trait-tag\" style=\"\n                    background: rgba(107, 140, 206, 0.15);\n                    border: 1px solid rgba(107, 140, 206, 0.4);\n                    color: #a0c4ff;\n                    padding: 5px 12px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Nordling<\/span>\n            <\/div>\n            \n            <!-- Bio text -->\n            <div style=\"\n                color: #b8c8e0;\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n                font-size: 14px;\n                line-height: 1.7;\n                text-align: left;\n            \">\n                <p style=\"margin: 0 0 12px 0;\">Sigrun Fjeld is a warrior woman, a sex bomb and a princess-in-exile harboring dark secrets from Europa&#8217;s fall. Escaping at eighteen when the Fenris Horde harvested women for breeding, she survived eleven years on Mars through bounty hunting and prostitution. Armed with Jarn the Thermal Axe, Skuld the Breacher Shotgun and Baldr the Psytum Sword, she survives Xing Hong&#8217;s underworld with fierce determination.<\/p>\n\n<p style=\"margin: 0 0 12px 0;\">On her journey, Sigrun discovers how to turn her body into a weapon, toward the singular end of destroying Skarn, the Radi-Mon Primarch who hunts her for breeding. Through her many carnal encounters with men and beasts, she becomes an open sexual interface; each partner fucking her gives her something new: political currency, psionic abilities thought closed to human physiology, and world-altering powers no other woman can acquire. She secretly yearns for someone who sees beyond her sex and body, even as she weaponizes them to the maximum.<\/p>\n\n<p style=\"margin: 0;\">But when her body has been used by so many living things, what remains that is hers alone? Is there anything she has kept sacred\u2014anything she can still offer the one person she might truly love? That question sits at the heart of The Nucleus Saga. As we wind through every fight, every transaction, every unguarded moment with Sigrun, we&#8217;ll see her tearing her way across the Cosmos\u2014bleeding, fucking and loving with the same ferocity.<\/p>\n              \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- Zhi-Xin Wu Character Card -->\n<div class=\"nucleus-character-card\" data-character=\"xin\" data-theme=\"void\" style=\"\n    background: linear-gradient(135deg, #0a1a14 0%, #0d2818 50%, #081510 100%);\n    border: 1px solid rgba(0, 255, 136, 0.3);\n    border-radius: 12px;\n    padding: 30px;\n    max-width: 480px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 4px 30px rgba(0, 255, 136, 0.15);\n\">\n    <!-- Digital scan line overlay -->\n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 255, 136, 0.02) 2px, rgba(0, 255, 136, 0.02) 4px); pointer-events: none; z-index: 1;\"><\/div>\n    \n    <!-- Data stream effect (left side) -->\n    <div class=\"void-data-stream\" style=\"\n        position: absolute;\n        top: 0;\n        left: 10px;\n        width: 1px;\n        height: 100%;\n        background: linear-gradient(180deg, transparent 0%, rgba(0, 255, 136, 0.4) 20%, rgba(0, 255, 136, 0.4) 80%, transparent 100%);\n        opacity: 0.5;\n        animation: dataFlow 3s linear infinite;\n    \"><\/div>\n    <div class=\"void-data-stream\" style=\"\n        position: absolute;\n        top: 0;\n        right: 10px;\n        width: 1px;\n        height: 100%;\n        background: linear-gradient(180deg, transparent 0%, rgba(0, 255, 136, 0.4) 20%, rgba(0, 255, 136, 0.4) 80%, transparent 100%);\n        opacity: 0.5;\n        animation: dataFlow 3s linear infinite reverse;\n    \"><\/div>\n    \n    <!-- Corner accents (circuit style) -->\n    <div style=\"position: absolute; top: 0; left: 0; width: 50px; height: 50px; border-top: 2px solid rgba(0, 255, 136, 0.5); border-left: 2px solid rgba(0, 255, 136, 0.5);\">\n        <div style=\"position: absolute; top: 8px; left: 8px; width: 6px; height: 6px; background: #00ff88; border-radius: 50%; box-shadow: 0 0 8px #00ff88;\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; top: 0; right: 0; width: 50px; height: 50px; border-top: 2px solid rgba(0, 255, 136, 0.5); border-right: 2px solid rgba(0, 255, 136, 0.5);\">\n        <div style=\"position: absolute; top: 8px; right: 8px; width: 6px; height: 6px; background: #00ff88; border-radius: 50%; box-shadow: 0 0 8px #00ff88;\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; bottom: 0; left: 0; width: 50px; height: 50px; border-bottom: 2px solid rgba(0, 255, 136, 0.5); border-left: 2px solid rgba(0, 255, 136, 0.5);\">\n        <div style=\"position: absolute; bottom: 8px; left: 8px; width: 6px; height: 6px; background: #00ff88; border-radius: 50%; box-shadow: 0 0 8px #00ff88;\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; border-bottom: 2px solid rgba(0, 255, 136, 0.5); border-right: 2px solid rgba(0, 255, 136, 0.5);\">\n        <div style=\"position: absolute; bottom: 8px; right: 8px; width: 6px; height: 6px; background: #00ff88; border-radius: 50%; box-shadow: 0 0 8px #00ff88;\"><\/div>\n    <\/div>\n    \n    <!-- Content wrapper -->\n    <div style=\"position: relative; z-index: 2;\">\n        \n        <!-- Profile Image Container -->\n        <div class=\"nucleus-profile-container\" style=\"text-align: center; margin-bottom: 25px;\">\n            <div class=\"nucleus-profile-image void-profile\" data-gallery=\"[\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Xin-v2-portrait-RR-optimized.jpg&quot;, &quot;title&quot;: &quot;Zhi-Xin Wu \u2014 Rigger, as of 2295&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Xin-v4-1-with-Hakon-conceptual.jpg&quot;, &quot;title&quot;: &quot;Xin and H\u00e5kon \u2014 Conceptual Art&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Xin-v7-Proper-Rigger-2-feat.jpg&quot;, &quot;title&quot;: &quot;Xin \u2014 Venus Attire&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/2025-XMas-Xin-Hakon.jpg&quot;, &quot;title&quot;: &quot;Xin \u2014 Christmas Special, 2025&quot;},\n    {&quot;src&quot;: &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Intellect_Xin_coding_domain_logo.jpg&quot;, &quot;title&quot;: &quot;Xin \u2014 Intellect Domain&quot;}\n]\" data-character-name=\"Zhi-Xin Wu\" style=\"\n    position: relative;\n    width: 200px;\n    height: 200px;\n    margin: 0 auto;\n    cursor: pointer;\n    border-radius: 50%;\n    transition: transform 0.3s ease;\n\">\n                <!-- Hex grid aura effect -->\n                <div class=\"profile-aura void-aura\" style=\"\n                    position: absolute;\n                    top: -10px;\n                    left: -10px;\n                    width: calc(100% + 20px);\n                    height: calc(100% + 20px);\n                    border-radius: 50%;\n                    background: radial-gradient(circle, rgba(0, 255, 136, 0.3) 0%, rgba(0, 255, 136, 0.1) 40%, transparent 70%);\n                    animation: voidPulse 2.5s ease-in-out infinite;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Scanning ring -->\n                <div class=\"profile-scan-ring\" style=\"\n                    position: absolute;\n                    top: -15px;\n                    left: -15px;\n                    width: calc(100% + 30px);\n                    height: calc(100% + 30px);\n                    border: 1px dashed rgba(0, 255, 136, 0.4);\n                    border-radius: 50%;\n                    animation: scanRotate 15s linear infinite;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Inner data ring -->\n                <div style=\"\n                    position: absolute;\n                    top: -5px;\n                    left: -5px;\n                    width: calc(100% + 10px);\n                    height: calc(100% + 10px);\n                    border: 1px solid rgba(0, 255, 136, 0.2);\n                    border-radius: 50%;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Actual image -->\n                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/01\/Xin-v2-edited.png\" alt=\"Zhi-Xin Wu\" style=\"\n                        width: 100%;\n                        height: 100%;\n                        object-fit: cover;\n                        border-radius: 50%;\n                        border: 2px solid rgba(0, 255, 136, 0.5);\n                        position: relative;\n                        z-index: 1;\n                     \">\n                \n                <!-- Click hint -->\n                <div class=\"profile-click-hint\" style=\"\n                    position: absolute;\n                    bottom: -30px;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    font-family: monospace;\n                    font-size: 11px;\n                    color: rgba(0, 255, 136, 0.6);\n                    white-space: nowrap;\n                    opacity: 0;\n                    transition: opacity 0.3s ease;\n                \">[ CLICK TO VIEW GALLERY ]<\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Character Info Section -->\n        <div class=\"nucleus-character-info\">\n            <!-- Name with terminal cursor effect -->\n            <h2 style=\"\n                color: #e0fff0;\n                font-family: 'Consolas', 'Monaco', monospace;\n                font-size: 26px;\n                font-weight: normal;\n                margin: 0 0 8px 0;\n                text-align: center;\n                text-shadow: 0 0 20px rgba(0, 255, 136, 0.4);\n                letter-spacing: 2px;\n            \">Zhi-Xin Wu<span class=\"terminal-cursor\" style=\"animation: cursorBlink 1s step-end infinite;\">_<\/span><\/h2>\n            \n            <!-- Title\/Role -->\n            <p style=\"\n                color: #00ff88;\n                font-family: monospace;\n                font-size: 13px;\n                text-align: center;\n                margin: 0 0 15px 0;\n                letter-spacing: 2px;\n                text-transform: uppercase;\n            \">ZenFusion Engineer \u2022 Rigger<\/p>\n            \n            <!-- Divider line with nodes -->\n            <div style=\"\n                width: 70%;\n                height: 1px;\n                background: linear-gradient(90deg, transparent, rgba(0, 255, 136, 0.5), transparent);\n                margin: 0 auto 15px auto;\n                position: relative;\n            \">\n                <div style=\"position: absolute; left: 50%; top: -3px; transform: translateX(-50%); width: 7px; height: 7px; background: #0a1a14; border: 1px solid #00ff88; border-radius: 50%;\"><\/div>\n            <\/div>\n            \n            <!-- Stats row -->\n            <div style=\"\n                display: flex;\n                justify-content: center;\n                gap: 30px;\n                margin-bottom: 20px;\n                font-family: monospace;\n                font-size: 12px;\n            \">\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(0, 255, 136, 0.6); display: block; margin-bottom: 3px;\">ORIGIN<\/span>\n                    <span style=\"color: #a0ffd0;\">Nantou, Taiwan<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(0, 255, 136, 0.6); display: block; margin-bottom: 3px;\">AGE<\/span>\n                    <span style=\"color: #a0ffd0;\">41<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(0, 255, 136, 0.6); display: block; margin-bottom: 3px;\">AFFINITY<\/span>\n                    <span style=\"color: #a0ffd0;\">Void<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Trait tags -->\n            <div style=\"\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 8px;\n                margin-bottom: 20px;\n            \">\n                <span class=\"nucleus-trait-tag void-tag\" style=\"\n                    background: rgba(0, 255, 136, 0.1);\n                    border: 1px solid rgba(0, 255, 136, 0.4);\n                    color: #66ffaa;\n                    padding: 5px 12px;\n                    border-radius: 4px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Void Psionics<\/span>\n                <span class=\"nucleus-trait-tag void-tag\" style=\"\n                    background: rgba(0, 255, 136, 0.1);\n                    border: 1px solid rgba(0, 255, 136, 0.4);\n                    color: #66ffaa;\n                    padding: 5px 12px;\n                    border-radius: 4px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Computer Geek<\/span>\n                <span class=\"nucleus-trait-tag void-tag\" style=\"\n                    background: rgba(0, 255, 136, 0.1);\n                    border: 1px solid rgba(0, 255, 136, 0.4);\n                    color: #66ffaa;\n                    padding: 5px 12px;\n                    border-radius: 4px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Late Bloomer<\/span>\n                <span class=\"nucleus-trait-tag void-tag\" style=\"\n                    background: rgba(0, 255, 136, 0.1);\n                    border: 1px solid rgba(0, 255, 136, 0.4);\n                    color: #66ffaa;\n                    padding: 5px 12px;\n                    border-radius: 4px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Imperial [?]<\/span>\n            <\/div>\n            \n            <!-- Bio text -->\n            <div style=\"\n                color: #b0e8d0;\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n                font-size: 14px;\n                line-height: 1.7;\n                text-align: left;\n            \">\n                <p style=\"margin: 0 0 12px 0;\">A brilliant programmer escaping colonized Taiwan, Zhi-Xin Wu represents the Nucleus Era&#8217;s ultimate paradox: a genius mind trapped in a frail body with overwhelming desires.<\/p>\n                <p style=\"margin: 0 0 12px 0;\">Having rescued and adopted the Diabolisk infant H\u00e5kon, Xin seeks both survival and companionship in Mars&#8217;s harsh reality. His custom-built arsenal includes Jade the 10mm with AI-enhanced targeting to compensate for his physical weakness, while his intellect and desperate libido drive him toward an unlikely connection with Sigrun Fjeld\u2014a woman who might be his salvation or destruction.<\/p>\n<p style=\"margin: 0;\">[?] Due to the Imperium of Dragon&#8217;s tyrannic reign over his homeland, Xin grew up believing he is of Imperial descent. His family&#8217;s true heritage remains unknown even to himself.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-313efa99 wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- H\u00e5kon Character Card -->\n<div class=\"nucleus-character-card\" data-character=\"hakon\" data-theme=\"azure\" style=\"\n    background: linear-gradient(135deg, #0a1a2a 0%, #122840 50%, #0d1f30 100%);\n    border: 1px solid rgba(77, 166, 255, 0.3);\n    border-radius: 16px;\n    padding: 30px;\n    max-width: 480px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 4px 30px rgba(77, 166, 255, 0.15);\n\">\n    <!-- Soft gradient overlay -->\n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at top, rgba(77, 166, 255, 0.05) 0%, transparent 60%); pointer-events: none; z-index: 1;\"><\/div>\n    \n    <!-- Floating bubbles -->\n    <div class=\"hakon-bubble\" style=\"\n        position: absolute;\n        bottom: 10%;\n        left: 12%;\n        width: 8px;\n        height: 8px;\n        background: rgba(77, 166, 255, 0.3);\n        border: 1px solid rgba(77, 166, 255, 0.5);\n        border-radius: 50%;\n        animation: bubbleFloat 6s ease-in-out infinite;\n    \"><\/div>\n    <div class=\"hakon-bubble\" style=\"\n        position: absolute;\n        bottom: 15%;\n        left: 25%;\n        width: 5px;\n        height: 5px;\n        background: rgba(126, 200, 255, 0.25);\n        border: 1px solid rgba(126, 200, 255, 0.4);\n        border-radius: 50%;\n        animation: bubbleFloat 5s ease-in-out infinite 1s;\n    \"><\/div>\n    <div class=\"hakon-bubble\" style=\"\n        position: absolute;\n        bottom: 20%;\n        right: 18%;\n        width: 6px;\n        height: 6px;\n        background: rgba(77, 166, 255, 0.25);\n        border: 1px solid rgba(77, 166, 255, 0.4);\n        border-radius: 50%;\n        animation: bubbleFloat 7s ease-in-out infinite 0.5s;\n    \"><\/div>\n    <div class=\"hakon-bubble\" style=\"\n        position: absolute;\n        bottom: 8%;\n        right: 30%;\n        width: 10px;\n        height: 10px;\n        background: rgba(126, 200, 255, 0.2);\n        border: 1px solid rgba(126, 200, 255, 0.35);\n        border-radius: 50%;\n        animation: bubbleFloat 8s ease-in-out infinite 2s;\n    \"><\/div>\n    <div class=\"hakon-bubble\" style=\"\n        position: absolute;\n        bottom: 5%;\n        left: 40%;\n        width: 4px;\n        height: 4px;\n        background: rgba(255, 215, 100, 0.3);\n        border: 1px solid rgba(255, 215, 100, 0.5);\n        border-radius: 50%;\n        animation: bubbleFloat 5.5s ease-in-out infinite 3s;\n    \"><\/div>\n    \n    <!-- Playful corner accents (rounded) -->\n    <div style=\"position: absolute; top: 8px; left: 8px; width: 25px; height: 25px; border-top: 3px solid rgba(77, 166, 255, 0.5); border-left: 3px solid rgba(77, 166, 255, 0.5); border-radius: 8px 0 0 0;\"><\/div>\n    <div style=\"position: absolute; top: 8px; right: 8px; width: 25px; height: 25px; border-top: 3px solid rgba(77, 166, 255, 0.5); border-right: 3px solid rgba(77, 166, 255, 0.5); border-radius: 0 8px 0 0;\"><\/div>\n    <div style=\"position: absolute; bottom: 8px; left: 8px; width: 25px; height: 25px; border-bottom: 3px solid rgba(77, 166, 255, 0.5); border-left: 3px solid rgba(77, 166, 255, 0.5); border-radius: 0 0 0 8px;\"><\/div>\n    <div style=\"position: absolute; bottom: 8px; right: 8px; width: 25px; height: 25px; border-bottom: 3px solid rgba(77, 166, 255, 0.5); border-right: 3px solid rgba(77, 166, 255, 0.5); border-radius: 0 0 8px 0;\"><\/div>\n    \n    <!-- Little star sparkles -->\n    <div class=\"hakon-sparkle\" style=\"\n        position: absolute;\n        top: 15%;\n        left: 10%;\n        font-size: 10px;\n        color: rgba(255, 215, 100, 0.7);\n        animation: sparkleGlow 2s ease-in-out infinite;\n    \">\u2726<\/div>\n    <div class=\"hakon-sparkle\" style=\"\n        position: absolute;\n        top: 25%;\n        right: 12%;\n        font-size: 8px;\n        color: rgba(126, 200, 255, 0.6);\n        animation: sparkleGlow 2.5s ease-in-out infinite 0.5s;\n    \">\u2726<\/div>\n    <div class=\"hakon-sparkle\" style=\"\n        position: absolute;\n        bottom: 35%;\n        left: 8%;\n        font-size: 6px;\n        color: rgba(77, 166, 255, 0.5);\n        animation: sparkleGlow 3s ease-in-out infinite 1s;\n    \">\u2726<\/div>\n    \n    <!-- Content wrapper -->\n    <div style=\"position: relative; z-index: 2;\">\n        \n        <!-- Profile Image Container -->\n        <div class=\"nucleus-profile-container\" style=\"text-align: center; margin-bottom: 25px;\">\n            <div class=\"nucleus-profile-image azure-profile\" data-gallery=\"[&quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Hakon-v2-Baby-Hatchling.jpg&quot;, &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/2025-XMas-Hakon-teaser-feat.jpg&quot;, &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Hakon-v3-Child-Growing-1-vibrant-feat.jpg&quot;]\" data-character-name=\"H\u00e5kon\" data-theme=\"azure\" style=\"\n                    position: relative;\n                    width: 200px;\n                    height: 200px;\n                    margin: 0 auto;\n                    cursor: pointer;\n                    border-radius: 50%;\n                    transition: transform 0.3s ease;\n                 \">\n                <!-- Color-shifting scale aura (represents his mood scales) -->\n                <div class=\"profile-aura azure-aura\" style=\"\n                    position: absolute;\n                    top: -10px;\n                    left: -10px;\n                    width: calc(100% + 20px);\n                    height: calc(100% + 20px);\n                    border-radius: 50%;\n                    background: radial-gradient(circle, rgba(77, 166, 255, 0.4) 0%, rgba(126, 200, 255, 0.2) 40%, transparent 70%);\n                    animation: scaleShimmer 4s ease-in-out infinite;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Gentle bouncing ring -->\n                <div class=\"profile-bounce-ring\" style=\"\n                    position: absolute;\n                    top: -15px;\n                    left: -15px;\n                    width: calc(100% + 30px);\n                    height: calc(100% + 30px);\n                    border: 2px dashed rgba(77, 166, 255, 0.3);\n                    border-radius: 50%;\n                    animation: gentleBounce 3s ease-in-out infinite;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Inner glow ring -->\n                <div style=\"\n                    position: absolute;\n                    top: -5px;\n                    left: -5px;\n                    width: calc(100% + 10px);\n                    height: calc(100% + 10px);\n                    border: 1px solid rgba(126, 200, 255, 0.25);\n                    border-radius: 50%;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Actual image -->\n                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Hakon-v2-Baby-Hatchling-feat.jpg\" alt=\"H\u00e5kon\" style=\"\n                        width: 100%;\n                        height: 100%;\n                        object-fit: cover;\n                        border-radius: 50%;\n                        border: 3px solid rgba(77, 166, 255, 0.5);\n                        position: relative;\n                        z-index: 1;\n                     \">\n                \n                <!-- Click hint with cute wording -->\n                <div class=\"profile-click-hint\" style=\"\n                    position: absolute;\n                    bottom: -30px;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    font-family: monospace;\n                    font-size: 11px;\n                    color: rgba(126, 200, 255, 0.7);\n                    white-space: nowrap;\n                    opacity: 0;\n                    transition: opacity 0.3s ease;\n                \">[ CLICK FOR MORE PICS! ]<\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Character Info Section -->\n        <div class=\"nucleus-character-info\">\n            <!-- Name with playful styling -->\n            <h2 style=\"\n                color: #e8f4ff;\n                font-family: 'Georgia', serif;\n                font-size: 28px;\n                font-weight: normal;\n                margin: 0 0 8px 0;\n                text-align: center;\n                text-shadow: 0 0 20px rgba(77, 166, 255, 0.4);\n                letter-spacing: 1px;\n            \">H\u00e5kon<\/h2>\n            \n            <!-- Title\/Role -->\n            <p style=\"\n                color: #4da6ff;\n                font-family: monospace;\n                font-size: 13px;\n                text-align: center;\n                margin: 0 0 15px 0;\n                letter-spacing: 2px;\n                text-transform: uppercase;\n            \">Xin&#8217;s Adopted Diabolisk<\/p>\n            \n            <!-- Divider line with cute dots -->\n            <div style=\"\n                width: 60%;\n                margin: 0 auto 15px auto;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 8px;\n            \">\n                <div style=\"flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(77, 166, 255, 0.4));\"><\/div>\n                <div style=\"width: 6px; height: 6px; background: #4da6ff; border-radius: 50%; animation: dotPulse 2s ease-in-out infinite;\"><\/div>\n                <div style=\"width: 8px; height: 8px; background: #7ec8ff; border-radius: 50%; animation: dotPulse 2s ease-in-out infinite 0.3s;\"><\/div>\n                <div style=\"width: 6px; height: 6px; background: #4da6ff; border-radius: 50%; animation: dotPulse 2s ease-in-out infinite 0.6s;\"><\/div>\n                <div style=\"flex: 1; height: 1px; background: linear-gradient(90deg, rgba(77, 166, 255, 0.4), transparent);\"><\/div>\n            <\/div>\n            \n            <!-- Stats row -->\n            <div style=\"\n                display: flex;\n                justify-content: center;\n                gap: 30px;\n                margin-bottom: 20px;\n                font-family: monospace;\n                font-size: 12px;\n            \">\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(77, 166, 255, 0.6); display: block; margin-bottom: 3px;\">ORIGIN<\/span>\n                    <span style=\"color: #a8d8ff;\">It&#8217;s a secret!<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(77, 166, 255, 0.6); display: block; margin-bottom: 3px;\">AGE<\/span>\n                    <span style=\"color: #a8d8ff;\">3<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(77, 166, 255, 0.6); display: block; margin-bottom: 3px;\">AFFINITY<\/span>\n                    <span style=\"color: #a8d8ff;\">Lunar<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Trait tags (extra rounded and soft) -->\n            <div style=\"\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 8px;\n                margin-bottom: 20px;\n            \">\n                <span class=\"nucleus-trait-tag azure-tag\" style=\"\n                    background: rgba(77, 166, 255, 0.15);\n                    border: 1px solid rgba(77, 166, 255, 0.4);\n                    color: #7ec8ff;\n                    padding: 6px 14px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Diabolisk Hatchling<\/span>\n                <span class=\"nucleus-trait-tag azure-tag\" style=\"\n                    background: rgba(77, 166, 255, 0.15);\n                    border: 1px solid rgba(77, 166, 255, 0.4);\n                    color: #7ec8ff;\n                    padding: 6px 14px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Lunar Psionic<\/span>\n                <span class=\"nucleus-trait-tag azure-tag\" style=\"\n                    background: rgba(77, 166, 255, 0.15);\n                    border: 1px solid rgba(77, 166, 255, 0.4);\n                    color: #7ec8ff;\n                    padding: 6px 14px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Color-Changing<\/span>\n                <span class=\"nucleus-trait-tag azure-tag\" style=\"\n                    background: rgba(77, 166, 255, 0.15);\n                    border: 1px solid rgba(77, 166, 255, 0.4);\n                    color: #7ec8ff;\n                    padding: 6px 14px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Slow Growth<\/span>\n            <\/div>\n            \n            <!-- H\u00e5kon's nicknames callout -->\n            <div style=\"\n                background: rgba(77, 166, 255, 0.08);\n                border: 1px dashed rgba(77, 166, 255, 0.3);\n                border-radius: 12px;\n                padding: 12px 15px;\n                margin-bottom: 18px;\n                text-align: center;\n            \">\n                <p style=\"\n                    color: rgba(126, 200, 255, 0.8);\n                    font-family: monospace;\n                    font-size: 11px;\n                    margin: 0 0 6px 0;\n                    letter-spacing: 1px;\n                \">H\u00c5KON&#8217;S FAVORITE WORDS<\/p>\n                <p style=\"\n                    color: #a8d8ff;\n                    font-family: 'Georgia', serif;\n                    font-size: 14px;\n                    font-style: italic;\n                    margin: 0;\n                \">&#8220;Pappa!&#8221; \u2022 &#8220;Sky Lady!&#8221; \u2022 &#8220;HAW-koon ready for ad-ven-chure!&#8221;<\/p>\n            <\/div>\n            \n            <!-- Bio text -->\n            <div style=\"\n                color: #b8d8f0;\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n                font-size: 14px;\n                line-height: 1.7;\n                text-align: left;\n            \">\n                <p style=\"margin: 0;\">A unique Diabolisk raised by Zhi-Xin Wu, H\u00e5kon defies classification. He has been raised with love and kindness, transforming his wrathful nature into gentleness. Despite his monstrous heritage, he demonstrates remarkable intelligence and affection toward his adoptive father Xin and &#8220;perceived mother&#8221; Sigrun, whose lavender perfume intrigues him. His instinctive command of J\u01ebturm\u00e1l psionic utterances and inexplicably stunted growth present a medical and cosmic mystery that could hold the key to deeper truths about the Radi-Mons. And his pure innocence just might be the very beacon to a better tomorrow.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- Marcus Thorne Character Card -->\n<div class=\"nucleus-character-card\" data-character=\"marcus\" data-theme=\"solar\" style=\"\n    background: linear-gradient(135deg, #0a0a0f 0%, #12121a 50%, #08080c 100%);\n    border: 1px solid rgba(255, 150, 0, 0.4);\n    border-radius: 12px;\n    padding: 30px;\n    max-width: 480px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 4px 40px rgba(255, 150, 0, 0.2), inset 0 0 60px rgba(255, 150, 0, 0.03);\n\">\n    <!-- Divine light from above -->\n    <div style=\"position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 200%; height: 100%; background: radial-gradient(ellipse at center top, rgba(255, 200, 120, 0.08) 0%, transparent 50%); pointer-events: none; z-index: 1;\"><\/div>\n    \n    <!-- Solar ray burst container -->\n    <div class=\"solar-rays-container\" style=\"\n        position: absolute;\n        top: 80px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 300px;\n        height: 300px;\n        pointer-events: none;\n        z-index: 0;\n        opacity: 0.6;\n    \">\n        <div class=\"solar-ray\" style=\"\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 150px;\n            height: 2px;\n            background: linear-gradient(90deg, rgba(255, 170, 50, 0.8), transparent);\n            transform-origin: left center;\n            transform: rotate(0deg);\n            animation: rayPulse 4s ease-in-out infinite;\n        \"><\/div>\n        <div class=\"solar-ray\" style=\"\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 150px;\n            height: 2px;\n            background: linear-gradient(90deg, rgba(255, 170, 50, 0.8), transparent);\n            transform-origin: left center;\n            transform: rotate(45deg);\n            animation: rayPulse 4s ease-in-out infinite 0.5s;\n        \"><\/div>\n        <div class=\"solar-ray\" style=\"\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 150px;\n            height: 2px;\n            background: linear-gradient(90deg, rgba(255, 170, 50, 0.8), transparent);\n            transform-origin: left center;\n            transform: rotate(90deg);\n            animation: rayPulse 4s ease-in-out infinite 1s;\n        \"><\/div>\n        <div class=\"solar-ray\" style=\"\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 150px;\n            height: 2px;\n            background: linear-gradient(90deg, rgba(255, 170, 50, 0.8), transparent);\n            transform-origin: left center;\n            transform: rotate(135deg);\n            animation: rayPulse 4s ease-in-out infinite 1.5s;\n        \"><\/div>\n        <div class=\"solar-ray\" style=\"\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 150px;\n            height: 2px;\n            background: linear-gradient(90deg, rgba(255, 170, 50, 0.8), transparent);\n            transform-origin: left center;\n            transform: rotate(180deg);\n            animation: rayPulse 4s ease-in-out infinite 2s;\n        \"><\/div>\n        <div class=\"solar-ray\" style=\"\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 150px;\n            height: 2px;\n            background: linear-gradient(90deg, rgba(255, 170, 50, 0.8), transparent);\n            transform-origin: left center;\n            transform: rotate(225deg);\n            animation: rayPulse 4s ease-in-out infinite 2.5s;\n        \"><\/div>\n        <div class=\"solar-ray\" style=\"\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 150px;\n            height: 2px;\n            background: linear-gradient(90deg, rgba(255, 170, 50, 0.8), transparent);\n            transform-origin: left center;\n            transform: rotate(270deg);\n            animation: rayPulse 4s ease-in-out infinite 3s;\n        \"><\/div>\n        <div class=\"solar-ray\" style=\"\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 150px;\n            height: 2px;\n            background: linear-gradient(90deg, rgba(255, 170, 50, 0.8), transparent);\n            transform-origin: left center;\n            transform: rotate(315deg);\n            animation: rayPulse 4s ease-in-out infinite 3.5s;\n        \"><\/div>\n    <\/div>\n    \n    <!-- Fortress-style corner accents (heavy, weighted) -->\n    <div style=\"position: absolute; top: 0; left: 0; width: 55px; height: 55px; border-top: 3px solid rgba(255, 170, 50, 0.7); border-left: 3px solid rgba(255, 170, 50, 0.7);\">\n        <div style=\"position: absolute; top: 10px; left: 10px; width: 12px; height: 12px; background: rgba(255, 170, 50, 0.15); border: 1px solid rgba(255, 170, 50, 0.5);\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; top: 0; right: 0; width: 55px; height: 55px; border-top: 3px solid rgba(255, 170, 50, 0.7); border-right: 3px solid rgba(255, 170, 50, 0.7);\">\n        <div style=\"position: absolute; top: 10px; right: 10px; width: 12px; height: 12px; background: rgba(255, 170, 50, 0.15); border: 1px solid rgba(255, 170, 50, 0.5);\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; bottom: 0; left: 0; width: 55px; height: 55px; border-bottom: 3px solid rgba(255, 170, 50, 0.7); border-left: 3px solid rgba(255, 170, 50, 0.7);\">\n        <div style=\"position: absolute; bottom: 10px; left: 10px; width: 12px; height: 12px; background: rgba(255, 170, 50, 0.15); border: 1px solid rgba(255, 170, 50, 0.5);\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; bottom: 0; right: 0; width: 55px; height: 55px; border-bottom: 3px solid rgba(255, 170, 50, 0.7); border-right: 3px solid rgba(255, 170, 50, 0.7);\">\n        <div style=\"position: absolute; bottom: 10px; right: 10px; width: 12px; height: 12px; background: rgba(255, 170, 50, 0.15); border: 1px solid rgba(255, 170, 50, 0.5);\"><\/div>\n    <\/div>\n    \n    <!-- Content wrapper -->\n    <div style=\"position: relative; z-index: 2;\">\n        \n        <!-- Profile Image Container -->\n        <div class=\"nucleus-profile-container\" style=\"text-align: center; margin-bottom: 25px;\">\n            <div class=\"nucleus-profile-image solar-profile\" \n                 data-gallery='[\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Marcus-Thorne-RR-optimized.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Marcus-drinking-tea-feat.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Marcus-v1-Standing-Proud-RR.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Marcus-with-his-gun-feat.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Marcus-in-the-gym-1-feat.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Marcus-in-the-gym-2-feat.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Marcus-praying-candle-feat.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/2025-XMas-Marcus.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Marcus-shield-in-the-field-feat.jpg\"]'\n                 data-character-name=\"Marcus Thorne\"\n                 data-theme=\"solar\"\n                 style=\"\n                    position: relative;\n                    width: 200px;\n                    height: 200px;\n                    margin: 0 auto;\n                    cursor: pointer;\n                    border-radius: 50%;\n                    transition: transform 0.4s ease;\n                 \"\n            >\n                <!-- Divine halo effect -->\n                <div class=\"profile-halo\" style=\"\n                    position: absolute;\n                    top: -20px;\n                    left: -20px;\n                    width: calc(100% + 40px);\n                    height: calc(100% + 40px);\n                    border-radius: 50%;\n                    background: radial-gradient(circle, rgba(255, 180, 60, 0.5) 0%, rgba(255, 150, 0, 0.2) 30%, transparent 60%);\n                    animation: haloGlow 3s ease-in-out infinite;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Heavy shield ring (immovable) -->\n                <div class=\"profile-shield-ring\" style=\"\n                    position: absolute;\n                    top: -10px;\n                    left: -10px;\n                    width: calc(100% + 20px);\n                    height: calc(100% + 20px);\n                    border: 3px solid rgba(255, 170, 50, 0.5);\n                    border-radius: 50%;\n                    box-shadow: 0 0 20px rgba(255, 150, 0, 0.3), inset 0 0 15px rgba(255, 150, 0, 0.1);\n                    pointer-events: none;\n                    transition: all 0.4s ease;\n                \"><\/div>\n                \n                <!-- Inner sanctum ring -->\n                <div style=\"\n                    position: absolute;\n                    top: -4px;\n                    left: -4px;\n                    width: calc(100% + 8px);\n                    height: calc(100% + 8px);\n                    border: 1px solid rgba(245, 235, 220, 0.3);\n                    border-radius: 50%;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Actual image -->\n                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/10\/Marcus-Thorne-edited.png\" \n                     alt=\"Marcus Thorne\" \n                     style=\"\n                        width: 100%;\n                        height: 100%;\n                        object-fit: cover;\n                        border-radius: 50%;\n                        border: 2px solid rgba(255, 170, 50, 0.6);\n                        position: relative;\n                        z-index: 1;\n                        box-shadow: 0 0 30px rgba(255, 150, 0, 0.25);\n                     \"\n                >\n                \n                <!-- Click hint -->\n                <div class=\"profile-click-hint\" style=\"\n                    position: absolute;\n                    bottom: -30px;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    font-family: monospace;\n                    font-size: 11px;\n                    color: rgba(245, 235, 220, 0.6);\n                    white-space: nowrap;\n                    opacity: 0;\n                    transition: opacity 0.3s ease;\n                \">[ CLICK TO VIEW GALLERY ]<\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Character Info Section -->\n        <div class=\"nucleus-character-info\">\n            <!-- Name in ivory with golden glow -->\n            <h2 style=\"\n                color: #f5ebe0;\n                font-family: 'Georgia', 'Times New Roman', serif;\n                font-size: 28px;\n                font-weight: normal;\n                margin: 0 0 8px 0;\n                text-align: center;\n                text-shadow: 0 0 30px rgba(255, 170, 50, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3);\n                letter-spacing: 2px;\n            \">Marcus Thorne<\/h2>\n            \n            <!-- Title\/Role in bright orange -->\n            <p style=\"\n                color: #ffaa33;\n                font-family: monospace;\n                font-size: 13px;\n                text-align: center;\n                margin: 0 0 15px 0;\n                letter-spacing: 2px;\n                text-transform: uppercase;\n                text-shadow: 0 0 15px rgba(255, 170, 50, 0.4);\n            \">Stalwart \u2022 Zorian Covenant<\/p>\n            \n            <!-- Divider with cross motif -->\n            <div style=\"\n                width: 70%;\n                height: 2px;\n                background: linear-gradient(90deg, transparent, rgba(255, 170, 50, 0.6), transparent);\n                margin: 0 auto 15px auto;\n                position: relative;\n            \">\n                <div style=\"position: absolute; left: 50%; top: -6px; transform: translateX(-50%); font-size: 14px; color: rgba(255, 180, 80, 0.8); text-shadow: 0 0 10px rgba(255, 150, 0, 0.6);\">\u2726<\/div>\n            <\/div>\n            \n            <!-- Stats row -->\n            <div style=\"\n                display: flex;\n                justify-content: center;\n                gap: 30px;\n                margin-bottom: 20px;\n                font-family: monospace;\n                font-size: 12px;\n            \">\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(255, 170, 50, 0.7); display: block; margin-bottom: 3px;\">ORIGIN<\/span>\n                    <span style=\"color: #f5ebe0;\">Sheffield, England<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(255, 170, 50, 0.7); display: block; margin-bottom: 3px;\">AGE<\/span>\n                    <span style=\"color: #f5ebe0;\">35<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(255, 170, 50, 0.7); display: block; margin-bottom: 3px;\">AFFINITY<\/span>\n                    <span style=\"color: #f5ebe0;\">Solar<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Trait tags (heavier, more substantial) -->\n            <div style=\"\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 8px;\n                margin-bottom: 20px;\n            \">\n                <span class=\"nucleus-trait-tag solar-tag\" style=\"\n                    background: rgba(255, 170, 50, 0.15);\n                    border: 2px solid rgba(255, 170, 50, 0.5);\n                    color: #f5ebe0;\n                    padding: 6px 14px;\n                    border-radius: 3px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    font-weight: bold;\n                    letter-spacing: 1px;\n                    transition: all 0.3s ease;\n                    box-shadow: 0 2px 8px rgba(255, 150, 0, 0.15);\n                \">Solar Psionics<\/span>\n                <span class=\"nucleus-trait-tag solar-tag\" style=\"\n                    background: rgba(255, 170, 50, 0.15);\n                    border: 2px solid rgba(255, 170, 50, 0.5);\n                    color: #f5ebe0;\n                    padding: 6px 14px;\n                    border-radius: 3px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    font-weight: bold;\n                    letter-spacing: 1px;\n                    transition: all 0.3s ease;\n                    box-shadow: 0 2px 8px rgba(255, 150, 0, 0.15);\n                \">Devout Defender<\/span>\n                <span class=\"nucleus-trait-tag solar-tag\" style=\"\n                    background: rgba(255, 170, 50, 0.15);\n                    border: 2px solid rgba(255, 170, 50, 0.5);\n                    color: #f5ebe0;\n                    padding: 6px 14px;\n                    border-radius: 3px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    font-weight: bold;\n                    letter-spacing: 1px;\n                    transition: all 0.3s ease;\n                    box-shadow: 0 2px 8px rgba(255, 150, 0, 0.15);\n                \">Stoicism<\/span>\n                <span class=\"nucleus-trait-tag solar-tag\" style=\"\n                    background: rgba(255, 170, 50, 0.15);\n                    border: 2px solid rgba(255, 170, 50, 0.5);\n                    color: #f5ebe0;\n                    padding: 6px 14px;\n                    border-radius: 3px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    font-weight: bold;\n                    letter-spacing: 1px;\n                    transition: all 0.3s ease;\n                    box-shadow: 0 2px 8px rgba(255, 150, 0, 0.15);\n                \">Valoran<\/span>\n            <\/div>\n            \n            <!-- Bio text in ivory -->\n            <div style=\"\n                color: #ddd5c8;\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n                font-size: 14px;\n                line-height: 1.7;\n                text-align: left;\n            \">\n                <p style=\"margin: 0 0 12px 0;\">A devoted Stalwart of the Zorian Covenant, Marcus Thorne grew up in the shadow of Sheffield&#8217;s abandoned steel mills. His working-class roots and Catholic faith drove him to seek purpose beyond Earth&#8217;s industrial decline. Trained in both traditional boxing and European martial arts, Marcus brings controlled brutality to combat: his fist blades and L85A9 Gauss Rifle extensions of his disciplined rage.<\/p>\n                <p style=\"margin: 0;\">His unwavering faith in the Covenant&#8217;s promise of spiritual elevation wars constantly with his forbidden attraction to Brynhild Fjeld, whose very existence challenges everything he believes about virtue and corruption. He tells himself it&#8217;s pity. He is lying to himself.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-313efa99 wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- Fuuka Natsukawa Character Card -->\n<div class=\"nucleus-character-card\" data-character=\"fuuka\" data-theme=\"mirage\" style=\"\n    background: linear-gradient(135deg, #1a0a28 0%, #2d1245 50%, #170820 100%);\n    border: 1px solid rgba(178, 102, 255, 0.3);\n    border-radius: 12px;\n    padding: 30px;\n    max-width: 480px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 4px 30px rgba(178, 102, 255, 0.15);\n\">\n    <!-- Mystical mist overlay -->\n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(178, 102, 255, 0.015) 3px, rgba(178, 102, 255, 0.015) 6px); pointer-events: none; z-index: 1;\"><\/div>\n    \n    <!-- Floating particle effects (left) -->\n    <div class=\"mirage-particle\" style=\"\n        position: absolute;\n        top: 20%;\n        left: 15px;\n        width: 4px;\n        height: 4px;\n        background: rgba(178, 102, 255, 0.6);\n        border-radius: 50%;\n        box-shadow: 0 0 8px rgba(178, 102, 255, 0.8);\n        animation: mirageFloat 4s ease-in-out infinite;\n    \"><\/div>\n    <div class=\"mirage-particle\" style=\"\n        position: absolute;\n        top: 60%;\n        left: 25px;\n        width: 3px;\n        height: 3px;\n        background: rgba(178, 102, 255, 0.4);\n        border-radius: 50%;\n        box-shadow: 0 0 6px rgba(178, 102, 255, 0.6);\n        animation: mirageFloat 5s ease-in-out infinite 1s;\n    \"><\/div>\n    \n    <!-- Floating particle effects (right) -->\n    <div class=\"mirage-particle\" style=\"\n        position: absolute;\n        top: 30%;\n        right: 20px;\n        width: 3px;\n        height: 3px;\n        background: rgba(178, 102, 255, 0.5);\n        border-radius: 50%;\n        box-shadow: 0 0 6px rgba(178, 102, 255, 0.7);\n        animation: mirageFloat 4.5s ease-in-out infinite 0.5s;\n    \"><\/div>\n    <div class=\"mirage-particle\" style=\"\n        position: absolute;\n        top: 75%;\n        right: 15px;\n        width: 4px;\n        height: 4px;\n        background: rgba(178, 102, 255, 0.6);\n        border-radius: 50%;\n        box-shadow: 0 0 8px rgba(178, 102, 255, 0.8);\n        animation: mirageFloat 5.5s ease-in-out infinite 2s;\n    \"><\/div>\n    \n    <!-- Corner accents (serpentine curves) -->\n    <div style=\"position: absolute; top: 0; left: 0; width: 60px; height: 60px; overflow: hidden;\">\n        <div style=\"position: absolute; top: -30px; left: -30px; width: 60px; height: 60px; border: 2px solid rgba(178, 102, 255, 0.4); border-radius: 50%;\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; top: 0; right: 0; width: 60px; height: 60px; overflow: hidden;\">\n        <div style=\"position: absolute; top: -30px; right: -30px; width: 60px; height: 60px; border: 2px solid rgba(178, 102, 255, 0.4); border-radius: 50%;\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; bottom: 0; left: 0; width: 60px; height: 60px; overflow: hidden;\">\n        <div style=\"position: absolute; bottom: -30px; left: -30px; width: 60px; height: 60px; border: 2px solid rgba(178, 102, 255, 0.4); border-radius: 50%;\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; overflow: hidden;\">\n        <div style=\"position: absolute; bottom: -30px; right: -30px; width: 60px; height: 60px; border: 2px solid rgba(178, 102, 255, 0.4); border-radius: 50%;\"><\/div>\n    <\/div>\n    \n    <!-- Content wrapper -->\n    <div style=\"position: relative; z-index: 2;\">\n        \n        <!-- Profile Image Container -->\n        <div class=\"nucleus-profile-container\" style=\"text-align: center; margin-bottom: 25px;\">\n            <div class=\"nucleus-profile-image mirage-profile\" data-gallery=\"[&quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Fuuka-v2-Origin-Grok-buffed.jpg&quot;, &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Fuuka-v2-Holding-Lantern-modded-feat.jpg&quot;, &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Fuuka-v2-Ext-with-BG-feat-Grok-buffed.jpg&quot;, &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Fuuka-v2-chained-lantern-feat.jpg&quot;, &quot;https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Fuuka-v2-Hot-Caster-feat.jpg&quot;]\" data-character-name=\"Fuuka Natsukawa\" data-theme=\"mirage\" style=\"\n                    position: relative;\n                    width: 200px;\n                    height: 200px;\n                    margin: 0 auto;\n                    cursor: pointer;\n                    border-radius: 50%;\n                    transition: transform 0.3s ease;\n                 \">\n                <!-- Ethereal aura effect -->\n                <div class=\"profile-aura mirage-aura\" style=\"\n                    position: absolute;\n                    top: -12px;\n                    left: -12px;\n                    width: calc(100% + 24px);\n                    height: calc(100% + 24px);\n                    border-radius: 50%;\n                    background: radial-gradient(circle, rgba(178, 102, 255, 0.35) 0%, rgba(178, 102, 255, 0.15) 40%, transparent 70%);\n                    animation: miragePulse 3.5s ease-in-out infinite;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Swirling mystic ring -->\n                <div class=\"profile-mystic-ring\" style=\"\n                    position: absolute;\n                    top: -18px;\n                    left: -18px;\n                    width: calc(100% + 36px);\n                    height: calc(100% + 36px);\n                    border-radius: 50%;\n                    border: 1px solid transparent;\n                    border-top-color: rgba(178, 102, 255, 0.6);\n                    border-bottom-color: rgba(178, 102, 255, 0.6);\n                    animation: mysticSwirl 8s linear infinite;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Secondary counter-rotating ring -->\n                <div class=\"profile-mystic-ring-inner\" style=\"\n                    position: absolute;\n                    top: -8px;\n                    left: -8px;\n                    width: calc(100% + 16px);\n                    height: calc(100% + 16px);\n                    border-radius: 50%;\n                    border: 1px solid transparent;\n                    border-left-color: rgba(178, 102, 255, 0.3);\n                    border-right-color: rgba(178, 102, 255, 0.3);\n                    animation: mysticSwirl 6s linear infinite reverse;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Actual image -->\n                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/10\/Fuuka-v2-Origin-modded-edited.jpg\" alt=\"Fuuka Natsukawa\" style=\"\n                        width: 100%;\n                        height: 100%;\n                        object-fit: cover;\n                        border-radius: 50%;\n                        border: 2px solid rgba(178, 102, 255, 0.5);\n                        position: relative;\n                        z-index: 1;\n                     \">\n                \n                <!-- Click hint -->\n                <div class=\"profile-click-hint\" style=\"\n                    position: absolute;\n                    bottom: -30px;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    font-family: monospace;\n                    font-size: 11px;\n                    color: rgba(178, 102, 255, 0.6);\n                    white-space: nowrap;\n                    opacity: 0;\n                    transition: opacity 0.3s ease;\n                \">[ CLICK TO VIEW GALLERY ]<\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Character Info Section -->\n        <div class=\"nucleus-character-info\">\n            <!-- Name with mystical styling -->\n            <h2 style=\"\n                color: #f0e0ff;\n                font-family: 'Georgia', serif;\n                font-size: 28px;\n                font-weight: normal;\n                margin: 0 0 8px 0;\n                text-align: center;\n                text-shadow: 0 0 25px rgba(178, 102, 255, 0.5);\n                letter-spacing: 1px;\n            \">Fuuka Natsukawa<\/h2>\n            \n            <!-- Title\/Role -->\n            <p style=\"\n                color: #b266ff;\n                font-family: monospace;\n                font-size: 13px;\n                text-align: center;\n                margin: 0 0 15px 0;\n                letter-spacing: 2px;\n                text-transform: uppercase;\n            \">Worm Witch \u2022 Rakshasa Horde<\/p>\n            \n            <!-- Divider line with mystical flourish -->\n            <div style=\"\n                width: 65%;\n                height: 1px;\n                background: linear-gradient(90deg, transparent, rgba(178, 102, 255, 0.6), transparent);\n                margin: 0 auto 15px auto;\n                position: relative;\n            \">\n                <div style=\"position: absolute; left: 50%; top: -4px; transform: translateX(-50%); width: 9px; height: 9px; background: #1a0a28; border: 1px solid #b266ff; border-radius: 50%; box-shadow: 0 0 8px rgba(178, 102, 255, 0.5);\"><\/div>\n            <\/div>\n            \n            <!-- Stats row -->\n            <div style=\"\n                display: flex;\n                justify-content: center;\n                gap: 30px;\n                margin-bottom: 20px;\n                font-family: monospace;\n                font-size: 12px;\n            \">\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(178, 102, 255, 0.6); display: block; margin-bottom: 3px;\">ORIGIN<\/span>\n                    <span style=\"color: #d4b8ff;\">Devithar, Proxima<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(178, 102, 255, 0.6); display: block; margin-bottom: 3px;\">AGE<\/span>\n                    <span style=\"color: #d4b8ff;\">43<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(178, 102, 255, 0.6); display: block; margin-bottom: 3px;\">AFFINITY<\/span>\n                    <span style=\"color: #d4b8ff;\">Mirage<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Trait tags -->\n            <div style=\"\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 8px;\n                margin-bottom: 20px;\n            \">\n                <span class=\"nucleus-trait-tag mirage-tag\" style=\"\n                    background: rgba(178, 102, 255, 0.12);\n                    border: 1px solid rgba(178, 102, 255, 0.4);\n                    color: #d4a0ff;\n                    padding: 5px 12px;\n                    border-radius: 15px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Summoner<\/span>\n                <span class=\"nucleus-trait-tag mirage-tag\" style=\"\n                    background: rgba(178, 102, 255, 0.12);\n                    border: 1px solid rgba(178, 102, 255, 0.4);\n                    color: #d4a0ff;\n                    padding: 5px 12px;\n                    border-radius: 15px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Mirage Psionics<\/span>\n                <span class=\"nucleus-trait-tag mirage-tag\" style=\"\n                    background: rgba(178, 102, 255, 0.12);\n                    border: 1px solid rgba(178, 102, 255, 0.4);\n                    color: #d4a0ff;\n                    padding: 5px 12px;\n                    border-radius: 15px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Curse Weaver<\/span>\n                <span class=\"nucleus-trait-tag mirage-tag\" style=\"\n                    background: rgba(178, 102, 255, 0.12);\n                    border: 1px solid rgba(178, 102, 255, 0.4);\n                    color: #d4a0ff;\n                    padding: 5px 12px;\n                    border-radius: 15px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Imperial<\/span>\n            <\/div>\n            \n            <!-- Bio text -->\n            <div style=\"\n                color: #c8b8e0;\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n                font-size: 14px;\n                line-height: 1.7;\n                text-align: left;\n            \">\n                <p style=\"margin: 0 0 12px 0;\">A mystic born on a tidally-locked planet, Fuuka presents herself as a spiritualist seeking to aid humanity against the Fenris threat. Her mastery of summoning and Mirage psionics allows her to overwhelm opponents with conjured minions while weaving debilitating curses from safety. Those who&#8217;ve witnessed her in combat also speak of a disturbing transformation\u2014though details remain inconsistent.<\/p>\n                <p style=\"margin: 0;\">Fuuka&#8217;s preference for raw cuisine, particularly sashimi, and her periodic &#8220;meditation retreats&#8221; have sparked speculation about her true nature. Yet her consistent opposition to Skarn&#8217;s forces and genuine effectiveness in combat keep most questions unasked. After all, in a universe of Radi-Mons, androids, cyborgs and psionics, who truly knows what passes for human anymore?<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- Jabari Adomako Character Card -->\n<div class=\"nucleus-character-card\" data-character=\"jabari\" data-theme=\"bronze\" style=\"\n    background: linear-gradient(135deg, #1a1408 0%, #2a1f10 50%, #151005 100%);\n    border: 1px solid rgba(212, 168, 85, 0.3);\n    border-radius: 12px;\n    padding: 30px;\n    max-width: 480px;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 4px 30px rgba(212, 168, 85, 0.15);\n\">\n    <!-- Warm ambient glow overlay -->\n    <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(ellipse at top center, rgba(212, 168, 85, 0.05) 0%, transparent 60%); pointer-events: none; z-index: 1;\"><\/div>\n    \n    <!-- Subtle rhythm line pattern -->\n    <div style=\"position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(212, 168, 85, 0.03) 20px, rgba(212, 168, 85, 0.03) 22px); pointer-events: none; z-index: 1;\"><\/div>\n    \n    <!-- Corner accents (Adinkra-inspired) -->\n    <div style=\"position: absolute; top: 0; left: 0; width: 45px; height: 45px; border-top: 2px solid rgba(212, 168, 85, 0.5); border-left: 2px solid rgba(212, 168, 85, 0.5);\">\n        <div style=\"position: absolute; top: 12px; left: 12px; width: 8px; height: 8px; border: 1px solid rgba(212, 168, 85, 0.6); transform: rotate(45deg);\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; top: 0; right: 0; width: 45px; height: 45px; border-top: 2px solid rgba(212, 168, 85, 0.5); border-right: 2px solid rgba(212, 168, 85, 0.5);\">\n        <div style=\"position: absolute; top: 12px; right: 12px; width: 8px; height: 8px; border: 1px solid rgba(212, 168, 85, 0.6); transform: rotate(45deg);\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; bottom: 0; left: 0; width: 45px; height: 45px; border-bottom: 2px solid rgba(212, 168, 85, 0.5); border-left: 2px solid rgba(212, 168, 85, 0.5);\">\n        <div style=\"position: absolute; bottom: 12px; left: 12px; width: 8px; height: 8px; border: 1px solid rgba(212, 168, 85, 0.6); transform: rotate(45deg);\"><\/div>\n    <\/div>\n    <div style=\"position: absolute; bottom: 0; right: 0; width: 45px; height: 45px; border-bottom: 2px solid rgba(212, 168, 85, 0.5); border-right: 2px solid rgba(212, 168, 85, 0.5);\">\n        <div style=\"position: absolute; bottom: 12px; right: 12px; width: 8px; height: 8px; border: 1px solid rgba(212, 168, 85, 0.6); transform: rotate(45deg);\"><\/div>\n    <\/div>\n    \n    <!-- Content wrapper -->\n    <div style=\"position: relative; z-index: 2;\">\n        \n        <!-- Profile Image Container -->\n        <div class=\"nucleus-profile-container\" style=\"text-align: center; margin-bottom: 25px;\">\n            <div class=\"nucleus-profile-image bronze-profile\" \n                 data-gallery='[\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Jabari-v5-standing-main-shot.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Jabari-v5-standing-and-eating-main-shot.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Jabari-v5-Mount-Gyata-unique.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/2025-XMas-Jabari.jpg\"]'\n                 data-character-name=\"Jabari Adomako\"\n                 data-theme=\"bronze\"\n                 style=\"\n                    position: relative;\n                    width: 200px;\n                    height: 200px;\n                    margin: 0 auto;\n                    cursor: pointer;\n                    border-radius: 50%;\n                    transition: transform 0.3s ease;\n                 \"\n            >\n                <!-- Sound wave aura effect -->\n                <div class=\"profile-aura bronze-aura\" style=\"\n                    position: absolute;\n                    top: -10px;\n                    left: -10px;\n                    width: calc(100% + 20px);\n                    height: calc(100% + 20px);\n                    border-radius: 50%;\n                    background: radial-gradient(circle, rgba(212, 168, 85, 0.35) 0%, rgba(212, 168, 85, 0.1) 45%, transparent 70%);\n                    animation: bronzePulse 3s ease-in-out infinite;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Outer rhythm ring -->\n                <div class=\"profile-rhythm-ring rhythm-outer\" style=\"\n                    position: absolute;\n                    top: -18px;\n                    left: -18px;\n                    width: calc(100% + 36px);\n                    height: calc(100% + 36px);\n                    border: 1px solid rgba(212, 168, 85, 0.25);\n                    border-radius: 50%;\n                    animation: rhythmExpand 2s ease-out infinite;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Middle rhythm ring (delayed) -->\n                <div class=\"profile-rhythm-ring rhythm-middle\" style=\"\n                    position: absolute;\n                    top: -12px;\n                    left: -12px;\n                    width: calc(100% + 24px);\n                    height: calc(100% + 24px);\n                    border: 1px solid rgba(212, 168, 85, 0.35);\n                    border-radius: 50%;\n                    animation: rhythmExpand 2s ease-out infinite 0.4s;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Inner accent ring -->\n                <div style=\"\n                    position: absolute;\n                    top: -5px;\n                    left: -5px;\n                    width: calc(100% + 10px);\n                    height: calc(100% + 10px);\n                    border: 1px solid rgba(212, 168, 85, 0.3);\n                    border-radius: 50%;\n                    pointer-events: none;\n                \"><\/div>\n                \n                <!-- Actual image -->\n                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/10\/Jabari-v5-True-Griot-with-his-Echo-Drum-standing-casual-edited.png\" \n                     alt=\"Jabari Adomako\" \n                     style=\"\n                        width: 100%;\n                        height: 100%;\n                        object-fit: cover;\n                        border-radius: 50%;\n                        border: 2px solid rgba(212, 168, 85, 0.5);\n                        position: relative;\n                        z-index: 1;\n                     \"\n                >\n                \n                <!-- Click hint -->\n                <div class=\"profile-click-hint\" style=\"\n                    position: absolute;\n                    bottom: -30px;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    font-family: monospace;\n                    font-size: 11px;\n                    color: rgba(212, 168, 85, 0.6);\n                    white-space: nowrap;\n                    opacity: 0;\n                    transition: opacity 0.3s ease;\n                \">[ CLICK TO VIEW GALLERY ]<\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Character Info Section -->\n        <div class=\"nucleus-character-info\">\n            <!-- Name with warm styling -->\n            <h2 style=\"\n                color: #fff5e0;\n                font-family: 'Georgia', serif;\n                font-size: 28px;\n                font-weight: normal;\n                margin: 0 0 8px 0;\n                text-align: center;\n                text-shadow: 0 0 25px rgba(212, 168, 85, 0.4);\n                letter-spacing: 1px;\n            \">Jabari Adomako<\/h2>\n            \n            <!-- Title\/Role -->\n            <p style=\"\n                color: #d4a855;\n                font-family: monospace;\n                font-size: 13px;\n                text-align: center;\n                margin: 0 0 15px 0;\n                letter-spacing: 2px;\n                text-transform: uppercase;\n            \">Griot \u2022 Emerald Directorate<\/p>\n            \n            <!-- Divider line with diamond accent -->\n            <div style=\"\n                width: 65%;\n                height: 1px;\n                background: linear-gradient(90deg, transparent, rgba(212, 168, 85, 0.5), transparent);\n                margin: 0 auto 15px auto;\n                position: relative;\n            \">\n                <div style=\"position: absolute; left: 50%; top: -4px; transform: translateX(-50%) rotate(45deg); width: 8px; height: 8px; background: #1a1408; border: 1px solid rgba(212, 168, 85, 0.6);\"><\/div>\n            <\/div>\n            \n            <!-- Stats row -->\n            <div style=\"\n                display: flex;\n                justify-content: center;\n                gap: 30px;\n                margin-bottom: 20px;\n                font-family: monospace;\n                font-size: 12px;\n            \">\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(212, 168, 85, 0.6); display: block; margin-bottom: 3px;\">ORIGIN<\/span>\n                    <span style=\"color: #e8d5b0;\">Ndovu Zenith, Osram<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(212, 168, 85, 0.6); display: block; margin-bottom: 3px;\">AGE<\/span>\n                    <span style=\"color: #e8d5b0;\">26<\/span>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: rgba(212, 168, 85, 0.6); display: block; margin-bottom: 3px;\">AFFINITY<\/span>\n                    <span style=\"color: #e8d5b0;\">Fusion<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Trait tags -->\n            <div style=\"\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                gap: 8px;\n                margin-bottom: 20px;\n            \">\n                <span class=\"nucleus-trait-tag bronze-tag\" style=\"\n                    background: rgba(212, 168, 85, 0.12);\n                    border: 1px solid rgba(212, 168, 85, 0.4);\n                    color: #e8c878;\n                    padding: 5px 12px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Fusion Psionics<\/span>\n                <span class=\"nucleus-trait-tag bronze-tag\" style=\"\n                    background: rgba(212, 168, 85, 0.12);\n                    border: 1px solid rgba(212, 168, 85, 0.4);\n                    color: #e8c878;\n                    padding: 5px 12px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Idealistic<\/span>\n                <span class=\"nucleus-trait-tag bronze-tag\" style=\"\n                    background: rgba(212, 168, 85, 0.12);\n                    border: 1px solid rgba(212, 168, 85, 0.4);\n                    color: #e8c878;\n                    padding: 5px 12px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Jack of All Trades<\/span>\n                <span class=\"nucleus-trait-tag bronze-tag\" style=\"\n                    background: rgba(212, 168, 85, 0.12);\n                    border: 1px solid rgba(212, 168, 85, 0.4);\n                    color: #e8c878;\n                    padding: 5px 12px;\n                    border-radius: 20px;\n                    font-family: monospace;\n                    font-size: 11px;\n                    letter-spacing: 0.5px;\n                    transition: all 0.3s ease;\n                \">Maridian<\/span>\n            <\/div>\n            \n            <!-- Bio text -->\n            <div style=\"\n                color: #d4c4a8;\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n                font-size: 14px;\n                line-height: 1.7;\n                text-align: left;\n            \">\n                <p style=\"margin: 0 0 12px 0;\">A noble spirit from the Moon&#8217;s prosperous Near Side, Jabari&#8217;s journey from high school dropout to a bard wandering the Seven Realms embodies human potential. Fluent in multiple psionic languages, his fusion of Lunar and Mirage powers stands tested as he discovers the inconvenient truths behind the various factions&#8217; ambitions.<\/p>\n                <p style=\"margin: 0;\">Despite his humorous and casual attitude, Jabari struggles between hedonism and genuine human connection. His easy-going nature masks a darker past.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"chartopbuttons\" style=\"font-family: Arial, sans-serif; line-height: 1.6; padding: 0px; margin: 0;\">\n    <div class=\"wp-block-buttons\" style=\"display:flex; flex-wrap:wrap; justify-content:center; gap:0rem; >        \n<div class=\"wp-block-button has-custom-width wp-block-button__width-50\">\n            <a href=\"#\" class=\"wp-block-button__link wp-element-button\" \n               style=\"padding:1rem 2rem;\n                      background-color:#070f0d;\n                      font-family:'Orbitron',sans-serif;\n                      letter-spacing:2px;\n                      font-weight:600;\n                      text-shadow:0 0 10px rgba(255,255,255,0.5)\">BACK TO TOP<\/a>\n        <\/div><\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>FACTIONS PERSONNEL REGISTRY FACTIONS PERSONNEL REGISTRY \u25c8 NUCLEUS WATCH v2.304 \u25c8 \/\/ FEATURED PERSONNEL \u27f3 RESCAN PERSONNEL Database contains 50+ personnel files across 9 faction categories. \/\/ Registry updated as serialization progresses \u25c6 CLICK CHARACTER PORTRAITS TO VIEW GALLERY \u25c6 \u2039 \u203a [ CLOSE ] Main Characters Meet the heroes, villains, and morally ambiguous figures [&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-4228","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/4228","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=4228"}],"version-history":[{"count":81,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/4228\/revisions"}],"predecessor-version":[{"id":6817,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/4228\/revisions\/6817"}],"wp:attachment":[{"href":"https:\/\/nucleusseries.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}