{"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-05-01T12:47:20","modified_gmt":"2026-05-01T04:47:20","slug":"characters-main-cast","status":"publish","type":"page","link":"https:\/\/nucleusseries.com\/?page_id=4228","title":{"rendered":"Character Gallery"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 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.295 -->\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 -->\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.295 \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 Cards -->\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            <div style=\"display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin-bottom: 40px;\">\n                \n                <!-- Card 1: Thomas -->\n                <div class=\"char-featured-card\" style=\"position: relative; width: 280px; background: rgba(0, 255, 136, 0.03); border: 1px solid #00ff8844; border-radius: 8px; overflow: hidden; transition: all 0.3s ease;\">\n                    <div style=\"position: relative; height: 320px; overflow: hidden;\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/01\/Thomas-4-edited.png\" alt=\"Thomas Mendoza\" style=\"width: 100%; height: 100%; object-fit: cover; filter: grayscale(30%); transition: filter 0.3s ease;\">\n                        <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: linear-gradient(transparent, rgba(10, 15, 10, 0.95));\"><\/div>\n                    <\/div>\n                    <div style=\"padding: 16px; border-top: 1px solid #00ff8833;\">\n                        <p style=\"color: #00ff88; font-family: monospace; font-size: 14px; margin: 0 0 6px 0; letter-spacing: 1px; font-weight: bold;\">THOMAS MENDOZA<\/p>\n                        <p style=\"color: #666666; font-family: monospace; font-size: 12px; margin: 0;\">Terra Alliance<\/p>\n                    <\/div>\n                    <div style=\"position: absolute; top: 12px; right: 12px; width: 10px; height: 10px; border-radius: 50%; background: #00ff88; box-shadow: 0 0 8px #00ff88;\"><\/div>\n                <\/div>\n                \n                <!-- Card 2: Fuuka -->\n                <div class=\"char-featured-card\" style=\"position: relative; width: 280px; background: rgba(187, 102, 221, 0.03); border: 1px solid #bb66dd44; border-radius: 8px; overflow: hidden; transition: all 0.3s ease;\">\n                    <div style=\"position: relative; height: 320px; overflow: hidden;\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/10\/Fuuka-v2-Origin-modded-edited-768x768.jpg\" alt=\"Fuuka Natsukawa\" style=\"width: 100%; height: 100%; object-fit: cover; filter: grayscale(30%); transition: filter 0.3s ease;\">\n                        <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: linear-gradient(transparent, rgba(10, 15, 10, 0.95));\"><\/div>\n                    <\/div>\n                    <div style=\"padding: 16px; border-top: 1px solid #bb66dd33;\">\n                        <p style=\"color: #bb66dd; font-family: monospace; font-size: 14px; margin: 0 0 6px 0; letter-spacing: 1px; font-weight: bold;\">FUUKA NATSUKAWA<\/p>\n                        <p style=\"color: #666666; font-family: monospace; font-size: 12px; margin: 0;\">Rakshasa Horde<\/p>\n                    <\/div>\n                    <div style=\"position: absolute; top: 12px; right: 12px; width: 10px; height: 10px; border-radius: 50%; background: #bb66dd; box-shadow: 0 0 8px #bb66dd;\"><\/div>\n                <\/div>\n                \n                <!-- Card 3: Seydou -->\n                <div class=\"char-featured-card\" style=\"position: relative; width: 280px; background: rgba(60, 179, 113, 0.03); border: 1px solid #3cb37144; border-radius: 8px; overflow: hidden; transition: all 0.3s ease;\">\n                    <div style=\"position: relative; height: 320px; overflow: hidden;\">\n                        <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/01\/Kofi-edited.png\" alt=\"Kofi Mensah\" style=\"width: 100%; height: 100%; object-fit: cover; filter: grayscale(30%); transition: filter 0.3s ease;\">\n                        <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: linear-gradient(transparent, rgba(10, 15, 10, 0.95));\"><\/div>\n                    <\/div>\n                    <div style=\"padding: 16px; border-top: 1px solid #3cb37133;\">\n                        <p style=\"color: #3cb371; font-family: monospace; font-size: 14px; margin: 0 0 6px 0; letter-spacing: 1px; font-weight: bold;\">KOFI MENSAH<\/p>\n                        <p style=\"color: #666666; font-family: monospace; font-size: 12px; margin: 0;\">Emerald Directorate<\/p>\n                    <\/div>\n                    <div style=\"position: absolute; top: 12px; right: 12px; width: 10px; height: 10px; border-radius: 50%; background: #3cb371; box-shadow: 0 0 8px #3cb371;\"><\/div>\n                <\/div>\n                \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<!-- Faction Navigation Block -->\n<div id=\"nucleus-faction-nav\" style=\"background: linear-gradient(180deg, #1a1a1a 0%, #0a0f0a 100%); padding: 50px 40px; position: relative; overflow: hidden; border-bottom: 1px solid #00ff8833; width: 100vw; margin-left: calc(50% - 50vw); box-sizing: border-box;\">\n    \n    <!-- Scan line effect -->\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    <div style=\"position: relative; z-index: 2; max-width: 1200px; margin: 0 auto;\">\n        \n        <p style=\"color: #00ff88; font-family: monospace; font-size: 13px; letter-spacing: 3px; text-align: center; margin-bottom: 35px; opacity: 0.7;\">\u25c8 NAVIGATE BY FACTION \u25c8<\/p>\n        \n        <!-- Faction Grid -->\n        <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 1000px; margin: 0 auto;\">\n            \n            <!-- Main Characters -->\n            <a href=\"https:\/\/nucleusseries.com\/?page_id=4228#mainchars\" class=\"nfb nfb-main\" style=\"display: block; background: transparent; border: 2px solid #00ff8866; color: #00ff88; padding: 20px 16px; font-family: monospace; font-size: 14px; text-decoration: none; border-radius: 6px; text-align: center; letter-spacing: 2px; transition: all 0.3s ease; font-weight: bold;\">MAIN<\/a>\n            \n            <!-- Alliance -->\n            <a href=\"https:\/\/nucleusseries.com\/?page_id=4044#alliance\" class=\"nfb nfb-alliance\" style=\"display: block; background: transparent; border: 2px solid #4a90d966; color: #4a90d9; padding: 20px 16px; font-family: monospace; font-size: 14px; text-decoration: none; border-radius: 6px; text-align: center; letter-spacing: 2px; transition: all 0.3s ease; font-weight: bold;\">ALLIANCE<\/a>\n            \n            <!-- Imperium -->\n            <a href=\"https:\/\/nucleusseries.com\/?page_id=4048#imperium\" class=\"nfb nfb-imperium\" style=\"display: block; background: transparent; border: 2px solid #d4404066; color: #d44040; padding: 20px 16px; font-family: monospace; font-size: 14px; text-decoration: none; border-radius: 6px; text-align: center; letter-spacing: 2px; transition: all 0.3s ease; font-weight: bold;\">IMPERIUM<\/a>\n            \n            <!-- Directorate -->\n            <a href=\"https:\/\/nucleusseries.com\/?page_id=4058#directorate\" class=\"nfb nfb-directorate\" style=\"display: block; background: transparent; border: 2px solid #3cb37166; color: #3cb371; padding: 20px 16px; font-family: monospace; font-size: 14px; text-decoration: none; border-radius: 6px; text-align: center; letter-spacing: 2px; transition: all 0.3s ease; font-weight: bold;\">DIRECTORATE<\/a>\n            \n            <!-- Covenant -->\n            <a href=\"https:\/\/nucleusseries.com\/?page_id=4067#covenant\" class=\"nfb nfb-covenant\" style=\"display: block; background: transparent; border: 2px solid #ff993366; color: #ff9933; padding: 20px 16px; font-family: monospace; font-size: 14px; text-decoration: none; border-radius: 6px; text-align: center; letter-spacing: 2px; transition: all 0.3s ease; font-weight: bold;\">COVENANT<\/a>\n            \n            <!-- Fenris -->\n            <a href=\"https:\/\/nucleusseries.com\/?page_id=4071#fenris\" class=\"nfb nfb-fenris\" style=\"display: block; background: transparent; border: 2px solid #a67c5266; color: #a67c52; padding: 20px 16px; font-family: monospace; font-size: 14px; text-decoration: none; border-radius: 6px; text-align: center; letter-spacing: 2px; transition: all 0.3s ease; font-weight: bold;\">FENRIS<\/a>\n            \n            <!-- Rakshasa -->\n            <a href=\"https:\/\/nucleusseries.com\/?page_id=4075#rakshasa\" class=\"nfb nfb-rakshasa\" style=\"display: block; background: transparent; border: 2px solid #bb66dd66; color: #bb66dd; padding: 20px 16px; font-family: monospace; font-size: 14px; text-decoration: none; border-radius: 6px; text-align: center; letter-spacing: 2px; transition: all 0.3s ease; font-weight: bold;\">RAKSHASA<\/a>\n            \n            <!-- Jokull -->\n            <a href=\"https:\/\/nucleusseries.com\/?page_id=4078#jokull\" class=\"nfb nfb-jokull\" style=\"display: block; background: transparent; border: 2px solid #87CEEB66; color: #87CEEB; padding: 20px 16px; font-family: monospace; font-size: 14px; text-decoration: none; border-radius: 6px; text-align: center; letter-spacing: 2px; transition: all 0.3s ease; font-weight: bold;\">J\u00d6KULL<\/a>\n            \n            <!-- Independent -->\n            <a href=\"https:\/\/nucleusseries.com\/?page_id=4081#miscchars\" class=\"nfb nfb-independent\" style=\"display: block; background: transparent; border: 2px solid #D4AF3766; color: #D4AF37; padding: 20px 16px; font-family: monospace; font-size: 14px; text-decoration: none; border-radius: 6px; text-align: center; letter-spacing: 2px; transition: all 0.3s ease; font-weight: bold;\">XING HONG<\/a>\n            \n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<style>\n\/* Individual hover states for each faction button *\/\n.nfb {\n    position: relative;\n    overflow: hidden;\n}\n\n.nfb-main:hover {\n    background: #00ff88 !important;\n    color: #0a0a0a !important;\n    border-color: #00ff88 !important;\n    box-shadow: 0 6px 25px rgba(0, 255, 136, 0.5);\n    transform: translateY(-3px);\n}\n\n.nfb-alliance:hover {\n    background: #4a90d9 !important;\n    color: #0a0a0a !important;\n    border-color: #4a90d9 !important;\n    box-shadow: 0 6px 25px rgba(74, 144, 217, 0.5);\n    transform: translateY(-3px);\n}\n\n.nfb-imperium:hover {\n    background: #d44040 !important;\n    color: #ffffff !important;\n    border-color: #d44040 !important;\n    box-shadow: 0 6px 25px rgba(212, 64, 64, 0.5);\n    transform: translateY(-3px);\n}\n\n.nfb-directorate:hover {\n    background: #3cb371 !important;\n    color: #0a0a0a !important;\n    border-color: #3cb371 !important;\n    box-shadow: 0 6px 25px rgba(60, 179, 113, 0.5);\n    transform: translateY(-3px);\n}\n\n.nfb-covenant:hover {\n    background: #ff9933 !important;\n    color: #0a0a0a !important;\n    border-color: #ff9933 !important;\n    box-shadow: 0 6px 25px rgba(255, 153, 51, 0.5);\n    transform: translateY(-3px);\n}\n\n.nfb-fenris:hover {\n    background: #a67c52 !important;\n    color: #0a0a0a !important;\n    border-color: #a67c52 !important;\n    box-shadow: 0 6px 25px rgba(166, 124, 82, 0.5);\n    transform: translateY(-3px);\n}\n\n.nfb-rakshasa:hover {\n    background: #bb66dd !important;\n    color: #0a0a0a !important;\n    border-color: #bb66dd !important;\n    box-shadow: 0 6px 25px rgba(187, 102, 221, 0.5);\n    transform: translateY(-3px);\n}\n\n.nfb-jokull:hover {\n    background: #87CEEB !important;\n    color: #0a0a0a !important;\n    border-color: #87CEEB !important;\n    box-shadow: 0 6px 25px rgba(135, 206, 235, 0.5);\n    transform: translateY(-3px);\n}\n\n.nfb-independent:hover {\n    background: #D4AF37 !important;\n    color: #0a0a0a !important;\n    border-color: #D4AF37 !important;\n    box-shadow: 0 6px 25px rgba(212, 175, 55, 0.5);\n    transform: translateY(-3px);\n}\n\n\/* Character card hover effects *\/\n.char-featured-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.6);\n}\n\n.char-featured-card:hover img {\n    filter: grayscale(0%) !important;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 900px) {\n    #nucleus-faction-nav div[style*=\"grid-template-columns\"] {\n        grid-template-columns: repeat(2, 1fr) !important;\n    }\n}\n\n@media (max-width: 600px) {\n    #nucleus-faction-nav div[style*=\"grid-template-columns\"] {\n        grid-template-columns: 1fr !important;\n    }\n    \n    .char-featured-card {\n        width: 100% !important;\n        max-width: 320px !important;\n    }\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-669513ed 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-28f84493 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-ce155fab 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\">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-4935966c 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\" \n                 data-gallery='[\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/04\/Sigrun-original-Grok.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Sigrun-omni-v3-Gym-Workout-1-feature.jpg\",\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Sigrun-omni-v1-Hunter-logo.jpg\",  \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Sigrun-omni-v3-Valkyrie-BDSM-outfit.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/2025-XMas-Sigrun-3.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/02\/Vol-4-verA-Sigrun-fg-logo.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/04\/Sigrun-night-gown-logo.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Sigrun-omni-v3-Shashan-dress-book-cover-raw-upscaled-4k.jpg\"]'\n                 data-character-name=\"Sigrun Fjeld\"\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                <!-- 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\" \n                     alt=\"Sigrun Fjeld\" \n                     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                \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;\">Princess Sigrun Fjeld is a warrior woman 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                <p style=\"margin: 0;\">Despite her goddess-like beauty and formidable combat skills, trauma has shattered her ability to think clearly, leaving her vulnerable to manipulation. She secretly yearns for someone who sees beyond her body, even as she weaponizes her sexuality for survival.<\/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<!-- 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\" \n                 data-gallery='[\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Xin-v2-portrait-RR-optimized.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Xin-v4-1-with-Hakon-conceptual.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Xin-v7-Proper-Rigger-2-feat.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/2025-XMas-Xin-Hakon.jpg\"]'\n                 data-character-name=\"Zhi-Xin Wu\"\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                <!-- 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\" \n                     alt=\"Zhi-Xin Wu\" \n                     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                \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;\">40<\/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 Taiwanese programmer formerly of ZenFusion Data Solutions, Zhi-Xin Wu represents the ultimate paradox of the Atomic Era\u2014a genius mind trapped in a frail body with overwhelming desires.<\/p>\n                <p style=\"margin: 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 which compensates for his physical weakness, while his unmatched intellect and desperate libido drive him toward an unlikely connection with Sigrun Fjeld\u2014a woman who might be his salvation or destruction.<\/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-4935966c 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\" \n                 data-gallery='[\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/10\/Fuuka-v2-Origin-modded.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Fuuka-v2-Holding-Lantern-modded-feat.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Fuuka-v2-at-her-study.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Fuuka-v2-chained-lantern-feat.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/2025-XMas-Fuuka-full.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Fuuka-v2-Hot-Caster-feat.jpg\"]'\n                 data-character-name=\"Fuuka Natsukawa\"\n                 data-theme=\"mirage\"\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                <!-- 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\" \n                     alt=\"Fuuka Natsukawa\" \n                     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                \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<!-- 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\" \n                 data-gallery='[\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Hakon-v2-Baby-Hatchling.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/2025-XMas-Hakon-teaser-feat.jpg\", \"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Hakon-v3-Child-Growing-1-vibrant-feat.jpg\"]'\n                 data-character-name=\"H\u00e5kon\"\n                 data-theme=\"azure\"\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                <!-- 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\" \n                     alt=\"H\u00e5kon\" \n                     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                \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;This thing yummy!&#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.<\/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-4935966c 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<!-- 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\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 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=\"#nucleus-faction-nav\" 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>\u25c8 NUCLEUS WATCH v2.295 \u25c8 \/\/ FEATURED PERSONNEL THOMAS MENDOZA Terra Alliance FUUKA NATSUKAWA Rakshasa Horde KOFI MENSAH Emerald Directorate Database contains 50+ personnel files across 9 faction categories. \/\/ Registry updated as serialization progresses \u25c8 NAVIGATE BY FACTION \u25c8 MAIN ALLIANCE IMPERIUM DIRECTORATE COVENANT FENRIS RAKSHASA J\u00d6KULL XING HONG \u25c6 CLICK CHARACTER PORTRAITS TO [&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":26,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/4228\/revisions"}],"predecessor-version":[{"id":6199,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/4228\/revisions\/6199"}],"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}]}}