{"id":6424,"date":"2026-05-10T18:10:59","date_gmt":"2026-05-10T10:10:59","guid":{"rendered":"https:\/\/nucleusseries.com\/?page_id=6424"},"modified":"2026-06-26T00:08:46","modified_gmt":"2026-06-25T16:08:46","slug":"origins","status":"publish","type":"page","link":"https:\/\/nucleusseries.com\/?page_id=6424","title":{"rendered":"Origins"},"content":{"rendered":"\n<!-- NUCLEUS SIDE NAV - ORIGINS PAGE -->\n<script id=\"nucleus-sidenav-config\" type=\"application\/json\">\n{\n  \"faction\": \"independent\",\n  \"factionLabel\": \"Origins\",\n  \"options\": {\n    \"headerOffset\": 80\n  },\n  \"items\": [\n    { \"type\": \"divider\", \"label\": \"Sections\" },\n    { \"id\": \"origins-top\", \"label\": \"Overview\", \"icon\": \"\u25c8\" },\n    { \"id\": \"origins-races\", \"label\": \"I \u00b7 Human Races\", \"icon\": \"\ud83d\udc64\" },\n    { \"id\": \"origins-tongues\", \"label\": \"II \u00b7 Psionic Tongues\", \"icon\": \"\ud83d\udde3\ufe0f\" },\n    { \"id\": \"origins-schools\", \"label\": \"III \u00b7 Psionic Schools\", \"icon\": \"\u2726\" },\n    { \"id\": \"origins-radimons\", \"label\": \"IV \u00b7 Radi-Mons\", \"icon\": \"\ud83e\uddec\" },\n    { \"id\": \"origins-sex\", \"label\": \"V \u00b7 Sex\", \"icon\": \"\ud83d\udca6\" },\n    { \"id\": \"origins-primal\", \"label\": \"VI \u00b7 PRIMAL\", \"icon\": \"\ud83e\udd0d\" }\n\n  ]\n}\n<\/script>\n\n<div id=\"nucleus-sidenav\" data-faction=\"independent\">\n  <div class=\"nsnav-collapsed-bar\">\n    <div class=\"nsnav-glow-line\"><\/div>\n    <button class=\"nsnav-expand-btn\" aria-label=\"Expand navigation\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <polyline points=\"9 18 15 12 9 6\"><\/polyline>\n      <\/svg>\n    <\/button>\n    <div class=\"nsnav-collapsed-icons\"><\/div>\n  <\/div>\n  <nav class=\"nsnav-panel\" aria-label=\"Page sections\">\n    <div class=\"nsnav-panel-inner\">\n      <div class=\"nsnav-header\">\n        <button class=\"nsnav-collapse-btn\" aria-label=\"Collapse navigation\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <polyline points=\"15 18 9 12 15 6\"><\/polyline>\n          <\/svg>\n        <\/button>\n        <span class=\"nsnav-title\">NAVIGATION<\/span>\n        <div class=\"nsnav-header-line\"><\/div>\n      <\/div>\n      <ul class=\"nsnav-items\"><\/ul>\n      <div class=\"nsnav-footer\">\n        <div class=\"nsnav-footer-line\"><\/div>\n        <span class=\"nsnav-footer-text\">ORIGINS<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"nsnav-scanlines\"><\/div>\n    <div class=\"nsnav-corner nsnav-corner-tl\"><\/div>\n    <div class=\"nsnav-corner nsnav-corner-tr\"><\/div>\n    <div class=\"nsnav-corner nsnav-corner-bl\"><\/div>\n    <div class=\"nsnav-corner nsnav-corner-br\"><\/div>\n  <\/nav>\n<\/div>\n\n<button id=\"nucleus-sidenav-mobile-toggle\" class=\"nsnav-mobile-toggle\" aria-label=\"Open navigation\">\n  <span class=\"nsnav-hamburger-line\"><\/span>\n  <span class=\"nsnav-hamburger-line\"><\/span>\n  <span class=\"nsnav-hamburger-line\"><\/span>\n<\/button>\n\n<div id=\"nucleus-sidenav-mobile-overlay\" class=\"nsnav-mobile-overlay\">\n  <div class=\"nsnav-mobile-panel\">\n    <div class=\"nsnav-mobile-header\">\n      <span class=\"nsnav-title\">NAVIGATION<\/span>\n      <button class=\"nsnav-mobile-close\" aria-label=\"Close navigation\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n        <\/svg>\n      <\/button>\n    <\/div>\n    <ul class=\"nsnav-mobile-items\"><\/ul>\n    <div class=\"nsnav-mobile-footer\">\n      <div class=\"nsnav-footer-line\"><\/div>\n      <span class=\"nsnav-footer-text\">ORIGINS<\/span>\n    <\/div>\n    <div class=\"nsnav-scanlines\"><\/div>\n  <\/div>\n<\/div>\n\n<div id=\"nucleus-target-highlight\" class=\"nsnav-target-highlight\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- ============================== -->\n<!-- NUCLEUS: ORIGINS PAGE          -->\n<!-- Official Site \u2014 WordPress Cell -->\n<!-- v2 \u2014 Lore Team Revisions       -->\n<!-- ============================== -->\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     EXTERNAL DEPENDENCIES:\n     Load these from your Custom Code repo:\n     \u2022 nucleus-carousel.css\n     \u2022 nucleus-carousel.js\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n    \/* \u2500\u2500 WordPress 2024 Theme \u2014 Full-width breakout \u2500\u2500 *\/\n    .entry-content,\n    .wp-block-post-content,\n    .page-content {\n        overflow-x: hidden;\n    }\n\n    \/* \u2500\u2500 ORIGINS PAGE \u2014 Responsive Overrides \u2500\u2500 *\/\n    @media (max-width: 768px) {\n        .origins-race-card {\n            padding: 28px 18px !important;\n        }\n        .origins-race-card-inner {\n            flex-direction: column !important;\n        }\n        .origins-race-art {\n            max-width: 100% !important;\n            min-width: unset !important;\n            margin-bottom: 20px !important;\n        }\n        .origins-lang-card {\n            padding: 28px 18px !important;\n        }\n        .origins-lang-card-inner {\n            flex-direction: column !important;\n        }\n        .origins-lang-art {\n            max-width: 100% !important;\n            min-width: unset !important;\n            margin-bottom: 20px !important;\n        }\n        .origins-school-tabs {\n            gap: 6px !important;\n        }\n        .origins-school-tab {\n            font-size: 12px !important;\n            padding: 8px 12px !important;\n            letter-spacing: 1px !important;\n        }\n        .origins-spell-grid {\n            grid-template-columns: 1fr !important;\n        }\n        .origins-section-title {\n            font-size: 28px !important;\n            letter-spacing: 4px !important;\n        }\n        .origins-hero-title {\n            font-size: 46px !important;\n            letter-spacing: 6px !important;\n        }\n        .origins-school-overview {\n            flex-direction: column !important;\n        }\n        .origins-school-art {\n            max-width: 100% !important;\n            min-width: unset !important;\n        }\n        .origins-balance-row {\n            flex-direction: column !important;\n            gap: 8px !important;\n        }\n        .origins-mutation-grid {\n            grid-template-columns: 1fr !important;\n        }\n    }\n    @media (max-width: 480px) {\n        .origins-hero-title {\n            font-size: 34px !important;\n            letter-spacing: 4px !important;\n        }\n        .origins-school-tab {\n            font-size: 11px !important;\n            padding: 6px 8px !important;\n        }\n        .origins-spell-card {\n            padding: 18px 14px !important;\n        }\n    }\n\n    \/* \u2500\u2500 Animations \u2500\u2500 *\/\n    @keyframes origins-fadeIn {\n        from { opacity: 0; transform: translateY(18px); }\n        to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* \u2500\u2500 School tab panel transitions \u2500\u2500 *\/\n    .origins-school-panel {\n        display: none;\n        animation: origins-fadeIn 0.35s ease-out;\n    }\n    .origins-school-panel.active {\n        display: block;\n    }\n\n    \/* \u2500\u2500 Spell card hover \u2500\u2500 *\/\n    .origins-spell-card {\n        transition: transform 0.2s ease;\n    }\n    .origins-spell-card:hover {\n        transform: translateY(-3px);\n    }\n\n    \/* \u2500\u2500 Sections IV & V \u2014 Panel visibility \u2500\u2500 *\/\n    .origins-radimon-panel,\n    .origins-sex-panel {\n        display: none;\n        animation: origins-fadeIn 0.35s ease-out;\n    }\n    .origins-radimon-panel.active,\n    .origins-sex-panel.active {\n        display: block;\n    }\n\n    \/* \u2500\u2500 Sections IV & V \u2014 Responsive \u2500\u2500 *\/\n    @media (max-width: 768px) {\n        .origins-radimon-tabs,\n        .origins-sex-tabs {\n            gap: 8px !important;\n        }\n        .origins-radimon-tab,\n        .origins-sex-tab {\n            font-size: 11px !important;\n            padding: 10px 14px !important;\n            letter-spacing: 1px !important;\n        }\n        #origins-radimons .origins-radimon-panel > div,\n        #origins-sex .origins-sex-panel > div {\n            flex-direction: column !important;\n        }\n        #origins-radimons .origins-radimon-panel > div > div:first-child,\n        #origins-sex .origins-sex-panel > div > div:first-child {\n            max-width: 100% !important;\n            min-width: unset !important;\n        }\n    }\n    @media (max-width: 480px) {\n        .origins-radimon-tab,\n        .origins-sex-tab {\n            font-size: 10px !important;\n            padding: 8px 10px !important;\n        }\n    }\n\n    \/* \u2500\u2500 Section VI \u2014 PRIMAL Panel visibility \u2500\u2500 *\/\n    .origins-primal-panel {\n        display: none;\n        animation: origins-fadeIn 0.35s ease-out;\n    }\n    .origins-primal-panel.active {\n        display: block;\n    }\n\n    \/* \u2500\u2500 Section VI \u2014 Responsive \u2500\u2500 *\/\n    @media (max-width: 768px) {\n        .origins-primal-tabs {\n            gap: 6px !important;\n        }\n        .origins-primal-tab {\n            font-size: 10px !important;\n            padding: 10px 12px !important;\n            letter-spacing: 1px !important;\n        }\n        #origins-primal .origins-primal-panel > div {\n            flex-direction: column !important;\n        }\n        #origins-primal .origins-primal-panel > div > div:first-child {\n            max-width: 100% !important;\n            min-width: unset !important;\n        }\n    }\n    @media (max-width: 480px) {\n        .origins-primal-tab {\n            font-size: 9px !important;\n            padding: 8px 10px !important;\n        }\n    }\n\n<\/style>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- MAIN CONTAINER                                  -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div style=\"background: linear-gradient(180deg, #0d1a12 0%, #111111 20%, #111111 80%, #0d1a12 100%); overflow: hidden; position: relative; margin-top: 40px; width: 100vw; margin-left: calc(-50vw + 50%); box-sizing: border-box;\">\n\n    <!-- Lightbox Modal (hidden by default) -->\n    <div id=\"origins-lightbox\" onclick=\"originsCloseLightbox()\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.92); z-index: 9999; justify-content: center; align-items: center; cursor: pointer;\">\n        <span onclick=\"originsCloseLightbox()\" style=\"position: absolute; top: 20px; right: 35px; color: #ffffff; font-size: 45px; font-weight: bold; cursor: pointer; transition: color 0.2s; z-index: 10000;\">\u00d7<\/span>\n        <img decoding=\"async\" id=\"origins-lightbox-img\" src=\"\" alt=\"Enlarged image\" style=\"max-width: 90%; max-height: 90%; border-radius: 8px; cursor: default;\" onclick=\"event.stopPropagation();\">\n    <\/div>\n\n\n    <!-- Content wrapper -->\n    <div style=\"position: relative; z-index: 1;\">\n\n\n        <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <!-- HERO SECTION                    -->\n        <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div id=\"origins-top\" style=\"padding: 70px 20px 40px 20px; text-align: center;\">\n\n            <p style=\"color: #666; font-size: 13px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 12px;\">Nucleus Universe Compendium<\/p>\n\n            <h1 class=\"origins-hero-title\" style=\"color: #00ff88; font-size: 56px; font-weight: 200; letter-spacing: 12px; text-transform: uppercase; margin: 0 0 16px 0;\">ORIGINS<\/h1>\n\n            <p style=\"color: #aaa; font-size: 16px; max-width: 540px; margin: 0 auto; line-height: 1.6; letter-spacing: 0.5px;\">The peoples, tongues &amp; powers that shape civilization across the Seven Realms<\/p>\n\n            <!-- Three-stat summary -->\n            <div style=\"display: flex; justify-content: center; gap: 50px; flex-wrap: wrap; margin-top: 35px;\">\n                <div style=\"text-align: center;\">\n                    <span style=\"color: #00ff88; font-size: 30px; font-weight: bold;\">7+2<\/span>\n                    <p style=\"color: #666; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin: 5px 0 0 0;\">Human Races<\/p>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: #00ff88; font-size: 30px; font-weight: bold;\">6<\/span>\n                    <p style=\"color: #666; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin: 5px 0 0 0;\">Psionic Tongues<\/p>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <span style=\"color: #00ff88; font-size: 30px; font-weight: bold;\">5<\/span>\n                    <p style=\"color: #666; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin: 5px 0 0 0;\">Spell Schools<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n\n        <!-- Divider -->\n        <div style=\"max-width: 700px; margin: 0 auto; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 255, 170, 0.3), rgba(0, 0, 0, 0)); height: 1px;\"><\/div>\n\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <!-- SECTION 1: HUMAN RACES                          -->\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div id=\"origins-races\" style=\"padding: 55px 20px 50px 20px;\">\n\n            <p style=\"color: rgba(0, 255, 170, 0.9); font-size: 12px; letter-spacing: 4px; text-transform: uppercase; text-align: center; margin-bottom: 8px;\">Section I<\/p>\n\n            <h2 class=\"origins-section-title\" style=\"color: #fff; font-size: 34px; font-weight: 300; letter-spacing: 6px; text-transform: uppercase; text-align: center; margin: 0 0 10px 0;\">Human Races<\/h2>\n\n            <p style=\"color: #888; font-size: 14px; text-align: center; max-width: 660px; margin: 0 auto 20px auto; line-height: 1.6;\">In the 23rd century, humanity has evolved beyond old-world ethnic labels. Seven distinct cultural lineages \u2014 plus those forged in laboratories and those that may not be human at all \u2014 define the peoples of the Seven Realms.<\/p>\n\n            <p style=\"color: #999; font-size: 13px; text-align: center; max-width: 660px; margin: 0 auto 28px auto; line-height: 1.65;\">While the great cultural mixing of the 21st century blended old-world ethnicities, centuries of space colonization had the opposite effect. Generations of exposure to cosmic radiation appear to have activated something deep within the human cell nucleus \u2014 strengthening ancestral genetic codes and driving lineages toward greater ethnic distinction rather than homogeneity. Many theorize this is the same radiation responsible for humanity&#8217;s psionic awakening.<\/p>\n\n            <!-- Cosmic Mutation Panel -->\n            <div style=\"max-width: 720px; margin: 0 auto 35px auto; padding: 20px 24px; background: linear-gradient(135deg, rgba(0, 255, 136, 0.04), rgba(0, 200, 255, 0.03)); border: 1px solid rgba(0, 255, 136, 0.12); border-radius: 10px;\">\n                <p style=\"margin: 0 0 4px 0; font-size: 11px; color: rgba(0, 255, 170, 0.7); letter-spacing: 3px; text-transform: uppercase; text-align: center;\">Cosmic Radiation \u2014 Nucleus-Level Benevolent Mutations<\/p>\n                <div class=\"origins-mutation-grid\" style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 14px;\">\n                    <div style=\"padding: 12px 14px; background: rgba(255, 255, 255, 0.03); border-radius: 6px;\">\n                        <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #aaa;\">\u2640 Female Evolution<\/p>\n                        <p style=\"margin: 0; font-size: 13px; color: #ddd; line-height: 1.55;\">Women have become more well-endowed than their 21st century ancestors. C and D are now the most common cup sizes, <span style=\"color: #00ff88; font-weight: bold;\">22%<\/span> of women possess the ability to lactate via incantations or sexual arousal, and <span style=\"color: #d4b578; font-weight: bold;\">78%<\/span> experience natural hyperovulation in their menstrual cycles. Average natural life expectancy has remained largely unchanged.<\/p>\n                    <\/div>\n                    <div style=\"padding: 12px 14px; background: rgba(255, 255, 255, 0.03); border-radius: 6px;\">\n                        <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #aaa;\">\u2642 Male Evolution<\/p>\n                        <p style=\"margin: 0; font-size: 13px; color: #ddd; line-height: 1.55;\">Men&#8217;s average natural life expectancy has increased by <span style=\"color: #00ff88; font-weight: bold;\">69%<\/span>, to approximately <span style=\"color: #00ff88;\">120 years<\/span>. Age-related sperm decline has been delayed to around <span style=\"color: #00ff88;\">111 years old<\/span> while average semen volume per release is <span style=\"color: #d4b569; font-weight: bold;\">55%<\/span> greater \u2014 extending reproductive viability by generations.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n            <!-- RACE CAROUSEL -->\n            <div class=\"nc-carousel\" data-carousel-id=\"races-carousel\" data-loop=\"true\">\n                <div class=\"nc-carousel-track\">\n\n\n                    <!-- \u2500\u2500 SLIDE 1: VALORAN \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-race-card\" style=\"background: linear-gradient(135deg, rgba(232, 197, 71, 0.06), rgba(232, 197, 71, 0.02)); border: 1px solid rgba(232, 197, 71, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-race-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-race-art\" style=\"min-width: 200px; max-width: 200px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Valoran-concept-logo-enhanced.jpg\" alt=\"Valoran\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 6px 0; font-size: 26px; font-weight: 600; color: #e8c547; letter-spacing: 2px;\">VALORAN<\/h3>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Caucasian &amp; European Heritage<\/p>\n                                    <p style=\"margin: 0 0 16px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">A people deeply rooted in a legacy of exploration, conquest and cultural influence. The name evokes prestige and tradition \u2014 but also hints at the complexities of colonialism and cultural evolution that shaped their history across the centuries.<\/p>\n                                    <p style=\"margin: 0 0 10px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Valorans are the dominant ethnic group in the <span style=\"color: #66ccff;\">Terra Alliance<\/span> and the <span style=\"color: #ffcc66;\">Zorian Covenant<\/span>, shaping the political and military landscape of Inner Sol.<\/p>\n                                    <div style=\"margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(232, 197, 71, 0.12);\">\n                                        <span style=\"font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Primary Tongue<\/span>\n                                        <p style=\"margin: 4px 0 0 0; color: #c0c0c0; font-size: 14px;\"><strong style=\"color: #e8c547;\">Ordovox<\/strong> \u2014 the measured tongue of order and precision<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 SLIDE 2: IMPERIAL \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-race-card\" style=\"background: linear-gradient(135deg, rgba(255, 68, 68, 0.06), rgba(255, 68, 68, 0.02)); border: 1px solid rgba(255, 68, 68, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-race-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-race-art\" style=\"min-width: 200px; max-width: 200px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Imperial-concept-logo-enhanced.jpg\" alt=\"Imperial\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 6px 0; font-size: 26px; font-weight: 600; color: #ff4444; letter-spacing: 2px;\">IMPERIAL<\/h3>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">East Asian Heritage<\/p>\n                                    <p style=\"margin: 0 0 16px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Representing the powerful, centralized and dynastic cultures of Asia. The name aligns with the <span style=\"color: #ff4444;\">Imperium of Dragons<\/span> \u2014 a history of ancient power structures, imperial rule and unity across vast regions. Chinese, Japanese, Korean and Southeast Asian traditions converge under this lineage.<\/p>\n                                    <p style=\"margin: 0 0 10px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Imperials form the cultural backbone of the Imperium and have significant diaspora populations across Venus and Proxima Centauri.<\/p>\n                                    <div style=\"margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 68, 68, 0.12);\">\n                                        <span style=\"font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Primary Tongues<\/span>\n                                        <p style=\"margin: 4px 0 0 0; color: #c0c0c0; font-size: 14px;\"><strong style=\"color: #ff4444;\">Devav\u0101\u1e47\u012b<\/strong> \u2014 flowing syllables that resonate with cosmic harmony &nbsp;\u00b7&nbsp; <strong style=\"color: #ff4444;\">Reikan<\/strong> \u2014 a universal tongue the Imperium claims as its own<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 SLIDE 3: MARIDIAN \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-race-card\" style=\"background: linear-gradient(135deg, rgba(212, 168, 85, 0.06), rgba(212, 168, 85, 0.02)); border: 1px solid rgba(212, 168, 85, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-race-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-race-art\" style=\"min-width: 200px; max-width: 200px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Maridian-concept-logo-2-enhanced.jpg\" alt=\"Maridian\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 6px 0; font-size: 26px; font-weight: 600; color: #d4a855; letter-spacing: 2px;\">MARIDIAN<\/h3>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">African &amp; African Diaspora Heritage<\/p>\n                                    <p style=\"margin: 0 0 16px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Derived from Africa&#8217;s position where the prime meridian crosses the equator, symbolizing the continent&#8217;s role as a central point in global geography. A fluid name for a people with strong roots and deep connection to the world \u2014 like the vast rivers of the Nile, Congo and Niger.<\/p>\n                                    <p style=\"margin: 0 0 10px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Maridians are prominent in the <span style=\"color: #33cc88;\">Emerald Directorate<\/span> and maintain powerful cultural enclaves across Mars and Venus.<\/p>\n                                    <div style=\"margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(212, 168, 85, 0.12);\">\n                                        <span style=\"font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Primary Tongue<\/span>\n                                        <p style=\"margin: 4px 0 0 0; color: #c0c0c0; font-size: 14px;\"><strong style=\"color: #d4a855;\">Anansemka<\/strong> \u2014 resonant, earth-connected tones that pulse with life&#8217;s energy<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 SLIDE 4: DJINNO \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-race-card\" style=\"background: linear-gradient(135deg, rgba(179, 102, 255, 0.06), rgba(179, 102, 255, 0.02)); border: 1px solid rgba(179, 102, 255, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-race-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-race-art\" style=\"min-width: 200px; max-width: 200px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Djinno-concept-logo.jpg\" alt=\"Djinno\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 6px 0; font-size: 26px; font-weight: 600; color: #b366ff; letter-spacing: 2px;\">DJINNO<\/h3>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Indian &amp; Middle Eastern Heritage<\/p>\n                                    <p style=\"margin: 0 0 16px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Rich with mystical and legendary connotations, the name evokes the deep cultural and spiritual heritage of both India and the Middle East. Djinnos share a strong connection to the mystical \u2014 especially in psionics \u2014 and a resilience shaped by harsh environments across millennia.<\/p>\n                                    <p style=\"margin: 0 0 10px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Djinnos are found across every Realm, with a particularly strong presence in the Imperium&#8217;s border territories and the Rakshasa Horde&#8217;s Proximan communities.<\/p>\n                                    <div style=\"margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(179, 102, 255, 0.12);\">\n                                        <span style=\"font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Primary Tongues<\/span>\n                                        <p style=\"margin: 4px 0 0 0; color: #c0c0c0; font-size: 14px;\"><strong style=\"color: #b366ff;\">Devav\u0101\u1e47\u012b<\/strong> &nbsp;\u00b7&nbsp; <strong style=\"color: #b366ff;\">Karasav<\/strong> \u2014 the shadow tongue of Central Asian shamans<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 SLIDE 5: NORDLING \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-race-card\" style=\"background: linear-gradient(135deg, rgba(136, 204, 255, 0.06), rgba(136, 204, 255, 0.02)); border: 1px solid rgba(136, 204, 255, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-race-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-race-art\" style=\"min-width: 200px; max-width: 200px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Nordling-concept-logo-enhanced.jpg\" alt=\"Nordling\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 6px 0; font-size: 26px; font-weight: 600; color: #88ccff; letter-spacing: 2px;\">NORDLING<\/h3>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Nordic &amp; Scandinavian Heritage<\/p>\n                                    <p style=\"margin: 0 0 16px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">A strong cultural term reflecting a connection to northern climates and a heritage of exploration, seafaring and myth. Nordlings carry a cultural pride tied to resilience, environmental endurance and community that made them the first people to colonize the Jovian moons \u2014 yet they are among the most persecuted peoples in the Seven Realms.<\/p>\n                                    <p style=\"margin: 0 0 10px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Since Primarch Skarn&#8217;s tyranny took hold on Jupiter, Nordlings have been shunned across human societies. Their psionic tongue \u2014 shared with the Fenris and Jokull Hordes \u2014 is commonly called <em style=\"color: #ff8888;\">&#8220;the tongue of man-eaters and beasts&#8221;<\/em>, fueling discrimination.<\/p>\n                                    <div style=\"margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(136, 204, 255, 0.12);\">\n                                        <span style=\"font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Primary Tongue<\/span>\n                                        <p style=\"margin: 4px 0 0 0; color: #c0c0c0; font-size: 14px;\"><strong style=\"color: #88ccff;\">J\u01ebturm\u00e1l<\/strong> \u2014 the ancient tongue of frost and fury<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 SLIDE 6: NOVIAN \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-race-card\" style=\"background: linear-gradient(135deg, rgba(0, 204, 153, 0.06), rgba(0, 204, 153, 0.02)); border: 1px solid rgba(0, 204, 153, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-race-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-race-art\" style=\"min-width: 200px; max-width: 200px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Novian-concept-logo-enhanced.jpg\" alt=\"Novian\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 6px 0; font-size: 26px; font-weight: 600; color: #00cc99; letter-spacing: 2px;\">NOVIAN<\/h3>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Latino &amp; Hispanic Heritage<\/p>\n                                    <p style=\"margin: 0 0 16px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">The &#8220;New World&#8221; association brings together the historical fusion of European, Indigenous and African roots in Latin America, along with their pioneering spirit. A name that feels both grounded and dynamic, capturing the multifaceted nature of Latin American cultures.<\/p>\n                                    <p style=\"margin: 0 0 10px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Novians share linguistic psionic traditions with both Valorans and Maridians, making them culturally versatile across the Terra Alliance and beyond.<\/p>\n                                    <div style=\"margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(0, 204, 153, 0.12);\">\n                                        <span style=\"font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Primary Tongues<\/span>\n                                        <p style=\"margin: 4px 0 0 0; color: #c0c0c0; font-size: 14px;\"><strong style=\"color: #00cc99;\">Ordovox<\/strong> &nbsp;\u00b7&nbsp; <strong style=\"color: #00cc99;\">Anansemka<\/strong><\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 SLIDE 7: PRIMORIAN \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-race-card\" style=\"background: linear-gradient(135deg, rgba(102, 187, 85, 0.06), rgba(102, 187, 85, 0.02)); border: 1px solid rgba(102, 187, 85, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-race-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-race-art\" style=\"min-width: 200px; max-width: 200px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Primorian-concept-logo-enhanced.jpg\" alt=\"Primorian\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 6px 0; font-size: 26px; font-weight: 600; color: #66bb55; letter-spacing: 2px;\">PRIMORIAN<\/h3>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Native, Indigenous &amp; Austronesian Heritage<\/p>\n                                    <p style=\"margin: 0 0 16px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Tied to the primordial peoples of the world \u2014 Taiwanese, Indonesian, Pacific Islander, and Indigenous communities across the globe. Primorians carry a spiritual bond with their environment that has only deepened across two centuries of space colonization. Their spiritual practices have influenced psionic research since humanity&#8217;s earliest contact with Aether.<\/p>\n                                    <p style=\"margin: 0 0 10px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Due to the <span style=\"color: #ff4444;\">Imperium of Dragons&#8217;<\/span> century-long conquest and cultural assimilation campaigns, many Primorians do not realize their true lineage \u2014 growing up believing they are Imperials. Even Nucleus Watches frequently fail to detect these misclassifications, leaving entire generations estranged from their ancestral roots.<\/p>\n                                    <div style=\"margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(102, 187, 85, 0.12);\">\n                                        <span style=\"font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Primary Tongue<\/span>\n                                        <p style=\"margin: 4px 0 0 0; color: #c0c0c0; font-size: 14px;\"><strong style=\"color: #66bb55;\">Anansemka<\/strong> \u2014 rhythms that pulse with life&#8217;s energy<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 SLIDE 8: RADI-HUMAN \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-race-card\" style=\"background: linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(0, 255, 170, 0.03)); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-race-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-race-art\" style=\"min-width: 200px; max-width: 200px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/RadiHu-concept-logo-enhanced.jpg\" alt=\"Radi-Human\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 6px 0; font-size: 26px; font-weight: 600; letter-spacing: 2px; background: linear-gradient(90deg, #ff8888, #ffcc66, #88ff88, #88ccff, #cc88ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\">RADI-HUMAN<\/h3>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Nuclear-Breed Humans \u00b7 Accelerated Growth Supersoldiers<\/p>\n                                    <p style=\"margin: 0 0 16px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Bioengineered humans created through controlled synthesis of genetic material in specialized breeding chambers. Radi-Humans retain fully human morphology while gaining enhanced durability and compressed development \u2014 reaching the biological equivalent of nineteen years old within nineteen months of gestation.<\/p>\n                                    <p style=\"margin: 0 0 10px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">The average Radi-Human looks nearly impossible to assign to any single race. Their synthetic origins draw from genetic pools across every lineage, producing individuals of striking, ambiguous appearance. Fully sapient and emotionally complex, they exist in legal and social limbo \u2014 technically human, but born through processes that bypass natural reproduction entirely. Only a handful exist.<\/p>\n                                    <div style=\"margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.1);\">\n                                        <span style=\"font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Primary Tongue<\/span>\n                                        <p style=\"margin: 4px 0 0 0; color: #c0c0c0; font-size: 14px;\">Varies \u2014 Radi-Humans inherit no ancestral linguistic tradition and may learn <strong style=\"color: #aaa;\">any<\/strong> psionic language, making them uniquely adaptable casters<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 SLIDE 9: NIRBOH \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-race-card\" style=\"background: linear-gradient(135deg, rgba(200, 170, 100, 0.06), rgba(100, 80, 180, 0.04)); border: 1px solid rgba(200, 170, 100, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-race-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-race-art\" style=\"min-width: 200px; max-width: 200px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Nirboh-concept-logo.jpg\" alt=\"Nirboh\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 6px 0; font-size: 26px; font-weight: 600; letter-spacing: 2px; background: linear-gradient(90deg, #c8aa64, #e8d8a8, #c8aa64); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-shadow: none;\">NIRBOH<\/h3>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">??? \u00b7 Are they even human?<\/p>\n                                    <p style=\"margin: 0 0 16px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">No one alive has seen a Nirboh. Yet across the 23rd century, the conviction that they exist \u2014 or <em>once<\/em> existed \u2014 grows stronger by the decade. Their self-repairing Indra Fountains dot the Seven Realms. Their bioengineering underpins the Rakshasa Horde&#8217;s most sacred technologies. Their ruins on Proxima Centauri predate human arrival by millennia.<\/p>\n                                    <p style=\"margin: 0 0 10px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Every culture disagrees on what Nirbohs were. <span style=\"color: #b366ff;\">Djinnos<\/span> and non-Imperium <span style=\"color: #ff4444;\">Imperials<\/span> believe them to be beings who found enlightenment alongside the ancient Buddha himself \u2014 entering Nirvana together, reachable only there. <span style=\"color: #e8c547;\">Valorans<\/span> and <span style=\"color: #88ccff;\">Nordlings<\/span> believe the Nirbohs are alien beings from another galaxy entirely. The truth remains the great unanswered question of the Nucleus universe.<\/p>\n                                    <div style=\"margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(200, 170, 100, 0.12);\">\n                                        <span style=\"font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Primary Tongue<\/span>\n                                        <p style=\"margin: 4px 0 0 0; color: #c0c0c0; font-size: 14px;\">Unknown \u2014 some scholars believe <strong style=\"color: #c8aa64;\">Devav\u0101\u1e47\u012b<\/strong> or <strong style=\"color: #c8aa64;\">Reikan<\/strong> may derive from Nirboh communication, but no evidence is conclusive<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                <\/div><!-- \/nc-carousel-track -->\n            <\/div><!-- \/nc-carousel -->\n        <\/div>\n\n\n        <!-- Divider -->\n        <div style=\"max-width: 700px; margin: 0 auto; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 255, 170, 0.3), rgba(0, 0, 0, 0)); height: 1px;\"><\/div>\n\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <!-- SECTION 2: PSIONIC LANGUAGES                    -->\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div id=\"origins-tongues\" style=\"padding: 55px 20px 50px 20px;\">\n\n            <p style=\"color: rgba(0, 255, 170, 0.9); font-size: 12px; letter-spacing: 4px; text-transform: uppercase; text-align: center; margin-bottom: 8px;\">Section II<\/p>\n\n            <h2 class=\"origins-section-title\" style=\"color: #fff; font-size: 34px; font-weight: 300; letter-spacing: 6px; text-transform: uppercase; text-align: center; margin: 0 0 10px 0;\">Psionic Tongues<\/h2>\n\n            <p style=\"color: #888; font-size: 14px; text-align: center; max-width: 620px; margin: 0 auto 35px auto; line-height: 1.6;\">Six sacred languages channel the raw power of Aether into spells and incantations. Each carries the weight of the civilization that forged it.<\/p>\n\n\n            <!-- LANGUAGE CAROUSEL -->\n            <div class=\"nc-carousel\" data-carousel-id=\"tongues-carousel\" data-loop=\"true\">\n                <div class=\"nc-carousel-track\">\n\n\n                    <!-- \u2500\u2500 ORDOVOX \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-lang-card\" style=\"background: linear-gradient(135deg, rgba(192, 192, 192, 0.06), rgba(192, 192, 192, 0.02)); border: 1px solid rgba(192, 192, 192, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-lang-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-lang-art\" style=\"min-width: 180px; max-width: 180px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/psi-lang-concept-Ordovox-logo.jpg\" alt=\"Ordovox\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 4px 0; font-size: 24px; font-weight: 600; color: #c0c0c0; letter-spacing: 2px;\">ORDOVOX<\/h3>\n                                    <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #666; letter-spacing: 1px; font-style: italic;\">Latin \u2192 &#8220;ordo&#8221; (order) + &#8220;vox&#8221; (voice)<\/p>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Favored by: Valorans \u00b7 Novians<\/p>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">The measured tongue of order and precision. Reflecting the structured nature of Latin and its association with clarity, Ordovox is a language of mysteries and old knowledge whose commanding syllables shape reality itself.<\/p>\n                                    <div style=\"margin-top: 16px; padding: 14px 18px; background: rgba(192, 192, 192, 0.05); border-left: 3px solid rgba(192, 192, 192, 0.3); border-radius: 0 6px 6px 0;\">\n                                        <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Sample Incantation \u2014 Lunar Shield<\/p>\n                                        <p style=\"margin: 0; font-size: 20px; color: #c0c0c0; font-style: italic; letter-spacing: 1px;\">&#8220;Scutum Lunaris!&#8221;<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 ANANSEMKA \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-lang-card\" style=\"background: linear-gradient(135deg, rgba(212, 168, 85, 0.06), rgba(212, 168, 85, 0.02)); border: 1px solid rgba(212, 168, 85, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-lang-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-lang-art\" style=\"min-width: 180px; max-width: 180px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/psi-lang-concept-Anan-logo.jpg\" alt=\"Anansemka\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 4px 0; font-size: 24px; font-weight: 600; color: #d4a855; letter-spacing: 2px;\">ANANSEMKA<\/h3>\n                                    <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #666; letter-spacing: 1px; font-style: italic;\">Akan \u2192 &#8220;Ananse&#8221; (spider trickster god) + &#8220;kasa&#8221; (speech)<\/p>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Favored by: Maridians \u00b7 Novians \u00b7 Primorians \u00b7 Tiamat Horde<\/p>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Resonant, earth-connected tones that pulse with life&#8217;s energy. This language has evolved greatly in the 23rd century and now encompasses continental native languages that carry psionic power. Due to its total lack of a writing system, Anansemka fulfills a unique niche as a purely oral incantation tradition.<\/p>\n                                    <div style=\"margin-top: 16px; padding: 14px 18px; background: rgba(212, 168, 85, 0.05); border-left: 3px solid rgba(212, 168, 85, 0.3); border-radius: 0 6px 6px 0;\">\n                                        <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Sample Incantation \u2014 Moonfire Surge<\/p>\n                                        <p style=\"margin: 0 0 3px 0; font-size: 20px; color: #d4a855; font-style: italic; letter-spacing: 1px;\">&#8220;Asub\u0254nten \u025bt\u0254ky\u025bre!&#8221;<\/p>\n                                        <p style=\"margin: 0; font-size: 12px; color: #888;\">(Ah-soo-bohn-tehn eh-toh-chyeh-reh!)<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 DEVAV\u0100\u1e46\u012a \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-lang-card\" style=\"background: linear-gradient(135deg, rgba(179, 102, 255, 0.06), rgba(179, 102, 255, 0.02)); border: 1px solid rgba(179, 102, 255, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-lang-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-lang-art\" style=\"min-width: 180px; max-width: 180px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/psi-lang-concept-Devavani-logo.jpg\" alt=\"Devavani\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 4px 0; font-size: 24px; font-weight: 600; color: #b366ff; letter-spacing: 2px;\">DEVAV\u0100\u1e46\u012a<\/h3>\n                                    <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #666; letter-spacing: 1px; font-style: italic;\">Sanskrit \u2192 &#8220;Divine Language&#8221; \u00b7 \u5929\u5973\u8a9e (Tennyo-go)<\/p>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Favored by: Djinnos \u00b7 Imperials \u00b7 Rakshasa Horde<\/p>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Flowing, rhythmic cadence whose syllables resonate with cosmic harmony. Drawing from an ancient traditional name for Sanskrit, Devav\u0101\u1e47\u012b sounds mystical and sacred \u2014 the language of choice for the Imperium&#8217;s most devastating combat psionics and the Rakshasa&#8217;s spiritual rites alike.<\/p>\n                                    <div style=\"margin-top: 16px; padding: 14px 18px; background: rgba(179, 102, 255, 0.05); border-left: 3px solid rgba(179, 102, 255, 0.3); border-radius: 0 6px 6px 0;\">\n                                        <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Sample Incantation \u2014 Crimson Meteor<\/p>\n                                        <p style=\"margin: 0 0 3px 0; font-size: 20px; color: #b366ff; font-style: italic; letter-spacing: 1px;\">&#8220;Rudhira Ultk\u0101 Patatu!&#8221;<\/p>\n                                        <p style=\"margin: 0; font-size: 12px; color: #888;\">(\u0930\u0941\u0927\u093f\u0930 \u0909\u0932\u094d\u0915\u093e \u092a\u0924\u0924!)<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 J\u01eaTURM\u00c1L \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-lang-card\" style=\"background: linear-gradient(135deg, rgba(136, 204, 255, 0.06), rgba(136, 204, 255, 0.02)); border: 1px solid rgba(136, 204, 255, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-lang-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-lang-art\" style=\"min-width: 180px; max-width: 180px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/psi-lang-concept-Joturmal-logo.jpg\" alt=\"Joturmal\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 4px 0; font-size: 24px; font-weight: 600; color: #88ccff; letter-spacing: 2px;\">J\u01eaTURM\u00c1L<\/h3>\n                                    <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #666; letter-spacing: 1px; font-style: italic;\">Old Norse \u2192 &#8220;j\u01ebtunn&#8221; (giant) + &#8220;m\u00e1l&#8221; (speech) \u00b7 \u7956\u8c5a\u8a9e<\/p>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Favored by: Nordlings \u00b7 Fenris Horde \u00b7 Jokull Horde<\/p>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">The ancient tongue of frost and fury. Harsh, commanding syllables that invoke the mythological and primordial aspects of Norse culture. Commonly and disparagingly called <em style=\"color: #ff8888;\">&#8220;the tongue of man-eaters and beasts&#8221;<\/em> \u2014 a stigma Nordlings bear across every Realm they enter.<\/p>\n                                    <div style=\"margin-top: 16px; padding: 14px 18px; background: rgba(136, 204, 255, 0.05); border-left: 3px solid rgba(136, 204, 255, 0.3); border-radius: 0 6px 6px 0;\">\n                                        <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Sample Incantation \u2014 Frost Moon Bolt<\/p>\n                                        <p style=\"margin: 0 0 3px 0; font-size: 20px; color: #88ccff; font-style: italic; letter-spacing: 1px;\">&#8220;Frost, Bylgja!&#8221;<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 REIKAN (Overhauled \u2014 Black & White theme) \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-lang-card\" style=\"background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.3)); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-lang-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-lang-art\" style=\"min-width: 180px; max-width: 180px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/psi-lang-concept-Reikan-logo.jpg\" alt=\"Reikan\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 4px 0; font-size: 24px; font-weight: 600; color: #ffffff; letter-spacing: 2px;\">REIKAN<\/h3>\n                                    <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #888; letter-spacing: 1px; font-style: italic;\">\u970a\u89b3 \u2014 &#8220;Spiritual Observation&#8221; \u00b7 A universal tongue that bridges all cultures<\/p>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Not bound to any race or faction<\/p>\n\n                                    <p style=\"margin: 0 0 14px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Discovered in 2025 in Taiwan by an unknown scholar with a fascination for Japanese kanji and tantric Buddhism. This researcher uncovered a full-kanji language that was never meant for any single people \u2014 Reikan was designed to bridge all cultures. Despite <span style=\"color: #ff4444;\">Imperium<\/span> propaganda claiming Reikan as an Imperial tongue, very few in the Seven Realms can actually speak it, and people of any ethnicity can learn it.<\/p>\n\n                                    <p style=\"margin: 0 0 14px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Learning Reikan does not require knowledge of any hieroglyphic language. Rather, it demands an acceptance of one&#8217;s own sexuality and spirituality \u2014 a prerequisite that makes it as much a journey inward as a linguistic study. <em style=\"color: #aaa;\">Every Reikan spell is expressed in exactly three kanji.<\/em><\/p>\n\n                                    <div style=\"margin-top: 16px; padding: 14px 18px; background: rgba(255, 255, 255, 0.04); border-left: 3px solid rgba(255, 255, 255, 0.25); border-radius: 0 6px 6px 0;\">\n                                        <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Sample Incantations<\/p>\n                                        <p style=\"margin: 0 0 6px 0; font-size: 20px; color: #ffffff; font-style: italic; letter-spacing: 2px;\">\u5fc3\u5f93\u4ee4 <span style=\"font-size: 12px; color: #888; font-style: normal; letter-spacing: 0;\">\u2014 Shin-J\u016b-Rei \u00b7 Mind Dominion<\/span><\/p>\n                                        <p style=\"margin: 0 0 6px 0; font-size: 20px; color: #ffffff; font-style: italic; letter-spacing: 2px;\">\u5922\u9396\u7720 <span style=\"font-size: 12px; color: #888; font-style: normal; letter-spacing: 0;\">\u2014 Mu-Sa-Min \u00b7 Dream Chain Sleep<\/span><\/p>\n                                        <p style=\"margin: 0; font-size: 20px; color: #ffffff; font-style: italic; letter-spacing: 2px;\">\u970a\u900f\u8996 <span style=\"font-size: 12px; color: #888; font-style: normal; letter-spacing: 0;\">\u2014 Rei-T\u014d-Shi \u00b7 Spirit Sight<\/span><\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                    <!-- \u2500\u2500 KARASAV \u2500\u2500 -->\n                    <div class=\"nc-carousel-slide\">\n                        <div class=\"origins-lang-card\" style=\"background: linear-gradient(135deg, rgba(68, 170, 136, 0.06), rgba(68, 170, 136, 0.02)); border: 1px solid rgba(68, 170, 136, 0.2); border-radius: 12px; padding: 35px 30px; max-width: 800px; margin: 0 auto;\">\n                            <div class=\"origins-lang-card-inner\" style=\"display: flex; gap: 28px; align-items: flex-start;\">\n                                <div class=\"origins-lang-art\" style=\"min-width: 180px; max-width: 180px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/psi-lang-concept-Karasav-logo.jpg\" alt=\"Karasav\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                                <\/div>\n                                <div style=\"flex: 1;\">\n                                    <h3 style=\"margin: 0 0 4px 0; font-size: 24px; font-weight: 600; color: #44aa88; letter-spacing: 2px;\">KARASAV<\/h3>\n                                    <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #666; letter-spacing: 1px; font-style: italic;\">Chagatai Turkic \u2192 \u0642\u0627\u0631\u0627\u0633\u0627\u06cb \u2014 &#8220;Black Decree&#8221;<\/p>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Favored by: Central Asian Djinnos \u00b7 Directorate Territories<\/p>\n                                    <p style=\"margin: 0 0 14px 0; font-size: 15px; color: #ddd; line-height: 1.65;\">Rooted in the traditions of the <em>kara kam<\/em> \u2014 Black Shamans who negotiated with Erlik, judge of the dead. Low guttural consonants, clipped vowels and hard stops lend themselves to whispered incantations and long-distance spell coherence. Practitioners rarely raise their voices. Among the six psionic languages, Karasav is the least studied \u2014 and those who master it tend not to advertise the fact.<\/p>\n                                    <div style=\"margin-top: 16px; padding: 14px 18px; background: rgba(68, 170, 136, 0.05); border-left: 3px solid rgba(68, 170, 136, 0.3); border-radius: 0 6px 6px 0;\">\n                                        <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Sample Incantation \u2014 Black Snare<\/p>\n                                        <p style=\"margin: 0 0 3px 0; font-size: 20px; color: #44aa88; font-style: italic; letter-spacing: 1px;\">&#8220;Kara Tuzaq!&#8221;<\/p>\n                                        <p style=\"margin: 0; font-size: 12px; color: #888;\">(\u0642\u0627\u0631\u0627 \u062a\u0648\u0632\u0627\u0642)<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n\n                <\/div><!-- \/nc-carousel-track -->\n            <\/div><!-- \/nc-carousel -->\n        <\/div>\n\n\n        <!-- Divider -->\n        <div style=\"max-width: 700px; margin: 0 auto; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 255, 170, 0.3), rgba(0, 0, 0, 0)); height: 1px;\"><\/div>\n\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <!-- SECTION 3: PSIONIC SCHOOLS & SPELLS             -->\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div id=\"origins-schools\" style=\"padding: 55px 20px 50px 20px;\">\n\n            <p style=\"color: rgba(0, 255, 170, 0.9); font-size: 12px; letter-spacing: 4px; text-transform: uppercase; text-align: center; margin-bottom: 8px;\">Section III<\/p>\n\n            <h2 class=\"origins-section-title\" style=\"color: #fff; font-size: 34px; font-weight: 300; letter-spacing: 6px; text-transform: uppercase; text-align: center; margin: 0 0 10px 0;\">Psionic Schools<\/h2>\n\n            <p style=\"color: #888; font-size: 14px; text-align: center; max-width: 600px; margin: 0 auto 35px auto; line-height: 1.6;\">Five aspects of cosmic power, each with its own philosophy, temperament and price. Select a school to explore its spells.<\/p>\n\n\n            <!-- \u2500\u2500 SCHOOL TABS \u2500\u2500 -->\n            <div class=\"origins-school-tabs\" style=\"display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-bottom: 30px;\">\n                <button onclick=\"switchSchool('lunar')\" class=\"origins-school-tab\" id=\"tab-lunar\" style=\"padding: 10px 20px; border: 1px solid rgba(170, 204, 255, 0.4); border-radius: 6px; background: rgba(170, 204, 255, 0.12); color: #aaccff; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">\u263d LUNAR<\/button>\n                <button onclick=\"switchSchool('solar')\" class=\"origins-school-tab\" id=\"tab-solar\" style=\"padding: 10px 20px; border: 1px solid rgba(255, 204, 51, 0.25); border-radius: 6px; background: transparent; color: rgba(255, 204, 51, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">\u2600 SOLAR<\/button>\n                <button onclick=\"switchSchool('eclipse')\" class=\"origins-school-tab\" id=\"tab-eclipse\" style=\"padding: 10px 20px; border: 1px solid rgba(255, 51, 51, 0.25); border-radius: 6px; background: transparent; color: rgba(255, 51, 51, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">\u25d0 ECLIPSE<\/button>\n                <button onclick=\"switchSchool('mirage')\" class=\"origins-school-tab\" id=\"tab-mirage\" style=\"padding: 10px 20px; border: 1px solid rgba(204, 102, 255, 0.25); border-radius: 6px; background: transparent; color: rgba(204, 102, 255, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">\u25c7 MIRAGE<\/button>\n                <button onclick=\"switchSchool('void')\" class=\"origins-school-tab\" id=\"tab-void\" style=\"padding: 10px 20px; border: 1px solid rgba(51, 204, 136, 0.25); border-radius: 6px; background: transparent; color: rgba(51, 204, 136, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">\u25ef VOID<\/button>\n            <\/div>\n\n            <div style=\"max-width: 860px; margin: 0 auto;\">\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- LUNAR PANEL                        -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-school-panel active\" id=\"panel-lunar\">\n                    <div class=\"origins-school-overview\" style=\"display: flex; gap: 24px; align-items: flex-start; margin-bottom: 28px;\">\n                        <div class=\"origins-school-art\" style=\"min-width: 160px; max-width: 160px;\">\n                            <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/psi-school-concept-Lunar-logo.jpg\" alt=\"Lunar School\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                        <\/div>\n                        <div style=\"flex: 1;\">\n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 0 0 12px 0;\">Lunar psionics channels the moon&#8217;s tranquil, mutable energy. The easiest school to learn, the most versatile \u2014 and the hardest to master. Among the Atomic Accord&#8217;s census: <span style=\"color: #aaccff;\">69% of Lunar adepts are female, 29% male, 2% non-binary.<\/span><\/p>\n                            <div class=\"origins-balance-row\" style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\n                                <span style=\"font-size: 12px; padding: 4px 12px; border-radius: 4px; background: rgba(170, 204, 255, 0.1); border: 1px solid rgba(170, 204, 255, 0.2); color: #aaccff;\">\u2726 Beats Mirage<\/span>\n                                <span style=\"font-size: 12px; padding: 4px 12px; border-radius: 4px; background: rgba(255, 51, 51, 0.08); border: 1px solid rgba(255, 51, 51, 0.2); color: #ff6666;\">\u2727 Weak to Eclipse<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"origins-spell-grid\" style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;\">\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(170, 204, 255, 0.07), rgba(170, 204, 255, 0.02)); border: 1px solid rgba(170, 204, 255, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">J\u01ebturm\u00e1l \u00b7 Offense<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #aaccff; font-weight: 600;\">Frost Moon Bolt<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic; letter-spacing: 0.5px;\">&#8220;Frost, Bylgja!&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">A concentrated bolt of freezing Lunar energy launched from the caster&#8217;s hand. Reliable, fast, and devastating at range.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(170, 204, 255, 0.07), rgba(170, 204, 255, 0.02)); border: 1px solid rgba(170, 204, 255, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Anansemka \u00b7 Offense<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #aaccff; font-weight: 600;\">Moon-Enchanted Bolts<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic; letter-spacing: 0.5px;\">&#8220;B\u0254lae Sika!&#8221;<\/p>\n                            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #777;\">(Baw-lah-eh See-kah!)<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">Psionic projectiles imbued with Lunar resonance. Favored by Maridian combat psions for rapid-fire engagements.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(170, 204, 255, 0.07), rgba(170, 204, 255, 0.02)); border: 1px solid rgba(170, 204, 255, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Ordovox \u00b7 Defense<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #aaccff; font-weight: 600;\">Lunar Shield<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic; letter-spacing: 0.5px;\">&#8220;Scutum Lunaris!&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">A shimmering barrier of Lunar energy that absorbs incoming attacks. One of the most commonly taught defensive spells in Alliance academies.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(170, 204, 255, 0.07), rgba(170, 204, 255, 0.02)); border: 1px solid rgba(170, 204, 255, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Devav\u0101\u1e47\u012b \u00b7 Offense<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #aaccff; font-weight: 600;\">Moon Strike<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic; letter-spacing: 0.5px;\">&#8220;Chandra\u015bila Prav\u0101ha!&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">A devastating current of Lunar force channeled through Devav\u0101\u1e47\u012b&#8217;s flowing syllables, shaping raw gravity into a focused strike.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- SOLAR PANEL                        -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-school-panel\" id=\"panel-solar\">\n                    <div class=\"origins-school-overview\" style=\"display: flex; gap: 24px; align-items: flex-start; margin-bottom: 28px;\">\n                        <div class=\"origins-school-art\" style=\"min-width: 160px; max-width: 160px;\">\n                            <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/psi-school-concept-Solar-logo.jpg\" alt=\"Solar School\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                        <\/div>\n                        <div style=\"flex: 1;\">\n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 0 0 12px 0;\">Solar psionics draws from the sun&#8217;s boundless warmth and luminosity \u2014 a beacon of the positive principle. Healing, enhancement and radiance. <span style=\"color: #ffcc33;\">60% of adepts are male, 40% female.<\/span> Masters can photosynthesize, forgoing food entirely while basking in sunlight.<\/p>\n                            <div class=\"origins-balance-row\" style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\n                                <span style=\"font-size: 12px; padding: 4px 12px; border-radius: 4px; background: rgba(255, 204, 51, 0.1); border: 1px solid rgba(255, 204, 51, 0.2); color: #ffcc33;\">\u2726 Beats Void<\/span>\n                                <span style=\"font-size: 12px; padding: 4px 12px; border-radius: 4px; background: rgba(204, 102, 255, 0.08); border: 1px solid rgba(204, 102, 255, 0.2); color: #cc88ff;\">\u2727 Weak to Mirage<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"origins-spell-grid\" style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;\">\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(255, 204, 51, 0.07), rgba(255, 204, 51, 0.02)); border: 1px solid rgba(255, 204, 51, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Ordovox \u00b7 Offense<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #ffcc33; font-weight: 600;\">Blinding Light<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;Lux Caecans!&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">A flash of pure Solar radiance that sears vision and overwhelms psionic senses. Leaves targets disoriented and vulnerable \u2014 a favored opener among Valoran Solar adepts.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(255, 204, 51, 0.07), rgba(255, 204, 51, 0.02)); border: 1px solid rgba(255, 204, 51, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">J\u01ebturm\u00e1l \u00b7 Offense<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #ffcc33; font-weight: 600;\">Dawn&#8217;s Spear<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;Dagrspj\u00f3t Bjart!&#8221;<\/p>\n                            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #777;\">(Dah-gr-spyoht Byart!)<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">A piercing bolt of concentrated dawn-light. Travels faster than most Lunar projectiles, trading area coverage for pinpoint accuracy.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(255, 204, 51, 0.07), rgba(255, 204, 51, 0.02)); border: 1px solid rgba(255, 204, 51, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Ordovox \u00b7 Defense<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #ffcc33; font-weight: 600;\">Sun Shield<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;Scutum Solis!&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">A blazing barrier of Solar radiance. Burns anything that contacts it while protecting the caster from physical and psionic harm.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(255, 204, 51, 0.07), rgba(255, 204, 51, 0.02)); border: 1px solid rgba(255, 204, 51, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Ordovox \u00b7 Healing<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #ffcc33; font-weight: 600;\">Radiant Restoration<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;Lux Sanatio.&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">A measured invocation that channels Solar warmth into wounded flesh, knitting bone and closing wounds. The calm precision of Ordovox makes it the preferred healing incantation in Alliance field hospitals.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- ECLIPSE PANEL                      -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-school-panel\" id=\"panel-eclipse\">\n                    <div class=\"origins-school-overview\" style=\"display: flex; gap: 24px; align-items: flex-start; margin-bottom: 28px;\">\n                        <div class=\"origins-school-art\" style=\"min-width: 160px; max-width: 160px;\">\n                            <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/psi-school-concept-Eclipse-logo.jpg\" alt=\"Eclipse School\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                        <\/div>\n                        <div style=\"flex: 1;\">\n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 0 0 12px 0;\">Drawing from the tumultuous convergence of cosmic bodies, Eclipse embodies raw, unbridled power. <span style=\"color: #ff5555;\">Purely aggressive, unparalleled in offensive might.<\/span> Many institutions dissuade students from studying it \u2014 its association with terrorism and the sacrificial nature of its strongest spells have tainted its reputation.<\/p>\n                            <div class=\"origins-balance-row\" style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\n                                <span style=\"font-size: 12px; padding: 4px 12px; border-radius: 4px; background: rgba(255, 51, 51, 0.1); border: 1px solid rgba(255, 51, 51, 0.2); color: #ff5555;\">\u2726 Beats Lunar<\/span>\n                                <span style=\"font-size: 12px; padding: 4px 12px; border-radius: 4px; background: rgba(51, 204, 136, 0.08); border: 1px solid rgba(51, 204, 136, 0.2); color: #44cc88;\">\u2727 Weak to Void<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"origins-spell-grid\" style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;\">\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(255, 51, 51, 0.07), rgba(255, 51, 51, 0.02)); border: 1px solid rgba(255, 51, 51, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Devav\u0101\u1e47\u012b \u00b7 Offense<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #ff5555; font-weight: 600;\">Blood Finger Spear<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;M\u0101\u1e43sa \u015aalya!&#8221;<\/p>\n                            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #777;\">(Maa-m-sa Sha-lya!)<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">The caster&#8217;s own blood hardens into a piercing projectile. A signature Rakshasa Eclipse technique \u2014 painful to cast, lethal to receive.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(255, 51, 51, 0.07), rgba(255, 51, 51, 0.02)); border: 1px solid rgba(255, 51, 51, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Ordovox \u00b7 Offense<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #ff5555; font-weight: 600;\">Crimson Shadow Bolt<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;Umbra Rubra Fulgur!&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">A bolt of Eclipse energy wreathed in dark red shadow. Standard combat spell for Valoran Eclipse practitioners \u2014 fast, efficient, deadly.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(255, 51, 51, 0.07), rgba(255, 51, 51, 0.02)); border: 1px solid rgba(255, 51, 51, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Devav\u0101\u1e47\u012b \u00b7 Enhancement<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #ff5555; font-weight: 600;\">Blood Frenzy<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;Rakta Unm\u0101da \u2014 Pravartat\u0101m!&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">Augments the caster or allies with berserk strength \u2014 at the cost of the caster&#8217;s own flesh, consumed to fuel the enhancement.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(255, 51, 51, 0.07), rgba(255, 51, 51, 0.02)); border: 1px solid rgba(255, 51, 51, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Karasav \u00b7 Trap<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #ff5555; font-weight: 600;\">Black Snare<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;Kara Tuzaq!&#8221;<\/p>\n                            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #777;\">(\u0642\u0627\u0631\u0627 \u062a\u0648\u0632\u0627\u0642)<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">An Eclipse trap laid in silence. Binds and corrodes anything that triggers it \u2014 the whispered weapon of Central Asian shadow psions.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- MIRAGE PANEL                       -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-school-panel\" id=\"panel-mirage\">\n                    <div class=\"origins-school-overview\" style=\"display: flex; gap: 24px; align-items: flex-start; margin-bottom: 28px;\">\n                        <div class=\"origins-school-art\" style=\"min-width: 160px; max-width: 160px;\">\n                            <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/psi-school-concept-Mirage-logo.jpg\" alt=\"Mirage School\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                        <\/div>\n                        <div style=\"flex: 1;\">\n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 0 0 12px 0;\">Mirage bends the boundaries of real and illusion \u2014 a school of allure, control and deception. <span style=\"color: #cc66ff;\">Rich elites and celebrities frequently dabble in it<\/span> to enhance charm at social gatherings. Its masters exude undeniable charisma \u2014 and are often accused of being disingenuous or dangerously possessive.<\/p>\n                            <div class=\"origins-balance-row\" style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\n                                <span style=\"font-size: 12px; padding: 4px 12px; border-radius: 4px; background: rgba(204, 102, 255, 0.1); border: 1px solid rgba(204, 102, 255, 0.2); color: #cc66ff;\">\u2726 Beats Solar<\/span>\n                                <span style=\"font-size: 12px; padding: 4px 12px; border-radius: 4px; background: rgba(170, 204, 255, 0.08); border: 1px solid rgba(170, 204, 255, 0.2); color: #aaccff;\">\u2727 Weak to Lunar<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"origins-spell-grid\" style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;\">\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(204, 102, 255, 0.07), rgba(204, 102, 255, 0.02)); border: 1px solid rgba(204, 102, 255, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Devav\u0101\u1e47\u012b \u00b7 Enchantment<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #cc66ff; font-weight: 600;\">Dreamless Slumber<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;M\u0101\u1e47ikya Su\u1e63upti&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">Forces the target into a deep, dreamless sleep. A spell of mercy or ambush \u2014 depending on who casts it.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(204, 102, 255, 0.07), rgba(204, 102, 255, 0.02)); border: 1px solid rgba(204, 102, 255, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Reikan \u00b7 Domination<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #cc66ff; font-weight: 600;\">Mind Dominion<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic; letter-spacing: 2px;\">\u5fc3\u5f93\u4ee4<\/p>\n                            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #777;\">(Shin-J\u016b-Rei)<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">Three kanji that command absolute obedience. The ultimate Mirage spell \u2014 dominion over another&#8217;s thoughts. Mastered by a scant few; feared by all who know its name.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(204, 102, 255, 0.07), rgba(204, 102, 255, 0.02)); border: 1px solid rgba(204, 102, 255, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Anansemka \u00b7 Defense<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #cc66ff; font-weight: 600;\">Amethyst Barrier<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;Bo-oh-deh Ntwamudua!&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">A violet crystalline barrier woven from illusion and willpower. Deflects both physical and psionic attacks while distorting the caster&#8217;s position.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(204, 102, 255, 0.07), rgba(204, 102, 255, 0.02)); border: 1px solid rgba(204, 102, 255, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Devav\u0101\u1e47\u012b \u00b7 Illusion<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #cc66ff; font-weight: 600;\">Mirror Mirage<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;Darpa\u1e47a M\u0101y\u0101j\u0101la!&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">Creates illusory duplicates of the caster, each capable of independent action. The reflections scatter attention and sow confusion in combat.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- VOID PANEL                         -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-school-panel\" id=\"panel-void\">\n                    <div class=\"origins-school-overview\" style=\"display: flex; gap: 24px; align-items: flex-start; margin-bottom: 28px;\">\n                        <div class=\"origins-school-art\" style=\"min-width: 160px; max-width: 160px;\">\n                            <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/psi-school-concept-Void-logo.jpg\" alt=\"Void School\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px;\">\n                        <\/div>\n                        <div style=\"flex: 1;\">\n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 0 0 12px 0;\">Tapped from the inscrutable vastness of the cosmos. Emblematic of silence, cold and the expanse of space. Void demands a <span style=\"color: #33cc88;\">logical, analytical mind<\/span> \u2014 and prolonged use dampens emotions. In extreme cases, practitioners become detached and heartless, viewing the world with icy indifference.<\/p>\n                            <div class=\"origins-balance-row\" style=\"display: flex; gap: 16px; flex-wrap: wrap;\">\n                                <span style=\"font-size: 12px; padding: 4px 12px; border-radius: 4px; background: rgba(51, 204, 136, 0.1); border: 1px solid rgba(51, 204, 136, 0.2); color: #33cc88;\">\u2726 Beats Eclipse<\/span>\n                                <span style=\"font-size: 12px; padding: 4px 12px; border-radius: 4px; background: rgba(255, 204, 51, 0.08); border: 1px solid rgba(255, 204, 51, 0.2); color: #ffcc33;\">\u2727 Weak to Solar<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"origins-spell-grid\" style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;\">\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(51, 204, 136, 0.07), rgba(51, 204, 136, 0.02)); border: 1px solid rgba(51, 204, 136, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Devav\u0101\u1e47\u012b \u00b7 Negation<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #33cc88; font-weight: 600;\">Nullification<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;\u015a\u016bnyat\u0101 \u015a\u0101ntih.&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">Cancels an incoming spell entirely, dissolving its Aether back into the cosmos. The quintessential Void counter \u2014 silence answering fury.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(51, 204, 136, 0.07), rgba(51, 204, 136, 0.02)); border: 1px solid rgba(51, 204, 136, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">J\u01ebturm\u00e1l \u00b7 Offense<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #33cc88; font-weight: 600;\">Iron Breath<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;J\u00e1rn-\u00f6nd!&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">A frigid exhalation charged with Void energy. Freezes and corrodes metallic structures \u2014 devastating against armored targets and machinery.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(51, 204, 136, 0.07), rgba(51, 204, 136, 0.02)); border: 1px solid rgba(51, 204, 136, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">J\u01ebturm\u00e1l \u00b7 Control<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #33cc88; font-weight: 600;\">Bone Grip<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;Beinaklifr!&#8221;<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">Seizes control of the target&#8217;s skeletal structure, immobilizing them from within. A cruel and efficient restraint favored by Nordling Void specialists.<\/p>\n                        <\/div>\n                        <div class=\"origins-spell-card\" style=\"background: linear-gradient(135deg, rgba(51, 204, 136, 0.07), rgba(51, 204, 136, 0.02)); border: 1px solid rgba(51, 204, 136, 0.18); border-radius: 10px; padding: 22px 20px;\">\n                            <p style=\"margin: 0 0 4px 0; font-size: 11px; color: #888; letter-spacing: 1.5px; text-transform: uppercase;\">Karasav \u00b7 Stealth<\/p>\n                            <h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #33cc88; font-weight: 600;\">Shadow Veil<\/h4>\n                            <p style=\"margin: 0 0 8px 0; font-size: 20px; color: #ddd; font-style: italic;\">&#8220;K\u00f6l\u00e4g\u00e4 Ton.&#8221;<\/p>\n                            <p style=\"margin: 0 0 4px 0; font-size: 12px; color: #777;\">(\u0643\u06c6\u0644\u06d5\u06af\u06d5 \u062a\u0648\u0646)<\/p>\n                            <p style=\"margin: 0; font-size: 13px; color: #999; line-height: 1.5;\">Void cloaking that grants invisibility \u2014 but breaks upon injury or arousal. The cost of concealment is perfect stillness of mind and body.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div><!-- \/school panels container -->\n        <\/div>\n\n\n        <!-- Divider -->\n        <div style=\"max-width: 700px; margin: 0 auto; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 255, 170, 0.3), rgba(0, 0, 0, 0)); height: 1px;\"><\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <!-- SECTION 4: RADI-MONS                            -->\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div id=\"origins-radimons\" style=\"padding: 55px 20px 50px 20px;\">\n\n            <p style=\"color: rgba(0, 255, 170, 0.9); font-size: 12px; letter-spacing: 4px; text-transform: uppercase; text-align: center; margin-bottom: 8px;\">Section IV<\/p>\n\n            <h2 class=\"origins-section-title\" style=\"color: #fff; font-size: 34px; font-weight: 300; letter-spacing: 6px; text-transform: uppercase; text-align: center; margin: 0 0 10px 0;\">Radi-Mons<\/h2>\n\n            <p style=\"color: #888; font-size: 14px; text-align: center; max-width: 660px; margin: 0 auto 20px auto; line-height: 1.6;\">Bioengineered creatures created through the synthesis of human genetic material with the DNA of Earth-origin organisms. The resulting hybrids retain genetic similarities to humans while expressing enhanced versions of their base creature&#8217;s capabilities.<\/p>\n\n            <p style=\"color: #999; font-size: 13px; text-align: center; max-width: 660px; margin: 0 auto 28px auto; line-height: 1.65;\">The original concept was developed by an ancient Primarch whose fragmentary research notes survived into the Nucleus Era. Meiya Ji refined these theories into practical application, transforming Radi-Mons from laboratory curiosities into viable military and colonization assets. The human genetic foundation grants them near-immunity to cosmic radiation, resistance to conventional diseases, and the ability to survive in environments lethal to unmodified humans.<\/p>\n\n            <!-- Radi-Mon Info Panel -->\n            <div style=\"max-width: 720px; margin: 0 auto 35px auto; padding: 20px 24px; background: linear-gradient(135deg, rgba(255, 100, 100, 0.04), rgba(100, 255, 150, 0.03)); border: 1px solid rgba(255, 136, 100, 0.15); border-radius: 10px;\">\n                <p style=\"margin: 0 0 4px 0; font-size: 11px; color: rgba(255, 170, 100, 0.8); letter-spacing: 3px; text-transform: uppercase; text-align: center;\">The Three Hordes \u2014 Primary Radi-Mon Powers<\/p>\n                <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px;\">\n                    <div style=\"padding: 12px 14px; background: rgba(255, 100, 100, 0.06); border-radius: 6px; text-align: center;\">\n                        <p style=\"margin: 0 0 4px 0; font-size: 13px; color: #ff6666; font-weight: 600;\">Fenris Horde<\/p>\n                        <p style=\"margin: 0; font-size: 12px; color: #aaa; line-height: 1.5;\">Saturn origin. Conquest, overwhelming force, exploiting sex.<\/p>\n                    <\/div>\n                    <div style=\"padding: 12px 14px; background: rgba(136, 204, 255, 0.06); border-radius: 6px; text-align: center;\">\n                        <p style=\"margin: 0 0 4px 0; font-size: 13px; color: #88ccff; font-weight: 600;\">Jokull Horde<\/p>\n                        <p style=\"margin: 0; font-size: 12px; color: #aaa; line-height: 1.5;\">Europa origin. Nordic resistance, preserving humanity, transformation.<\/p>\n                    <\/div>\n                    <div style=\"padding: 12px 14px; background: rgba(179, 102, 255, 0.06); border-radius: 6px; text-align: center;\">\n                        <p style=\"margin: 0 0 4px 0; font-size: 13px; color: #b366ff; font-weight: 600;\">Rakshasa Horde<\/p>\n                        <p style=\"margin: 0; font-size: 12px; color: #aaa; line-height: 1.5;\">Proxima Centauri origin. Sex as strength, desire as philosophy.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n            <!-- \u2500\u2500 RADI-MON BIRTH TYPE TABS \u2500\u2500 -->\n            <div class=\"origins-radimon-tabs\" style=\"display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 30px;\">\n                <button onclick=\"switchRadimon('unfertilized')\" class=\"origins-radimon-tab\" id=\"tab-unfertilized\" style=\"padding: 12px 22px; border: 1px solid rgba(255, 136, 100, 0.4); border-radius: 6px; background: rgba(255, 136, 100, 0.12); color: #ff8866; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">\u25c7 UNFERTILIZED<\/button>\n                <button onclick=\"switchRadimon('fertilized')\" class=\"origins-radimon-tab\" id=\"tab-fertilized\" style=\"padding: 12px 22px; border: 1px solid rgba(255, 204, 100, 0.25); border-radius: 6px; background: transparent; color: rgba(255, 204, 100, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">\u2666 FERTILIZED<\/button>\n                <button onclick=\"switchRadimon('converted')\" class=\"origins-radimon-tab\" id=\"tab-converted\" style=\"padding: 12px 22px; border: 1px solid rgba(170, 100, 255, 0.25); border-radius: 6px; background: transparent; color: rgba(170, 100, 255, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">\u2b21 CONVERTED<\/button>\n            <\/div>\n\n            <div style=\"max-width: 900px; margin: 0 auto;\">\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- UNFERTILIZED BIRTH PANEL           -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-radimon-panel active\" id=\"panel-unfertilized\">\n                    <div style=\"display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;\">\n                        <!-- Art Showcase (Left) -->\n                        <div style=\"flex: 1; min-width: 280px; max-width: 380px;\">\n                            <div style=\"background: linear-gradient(135deg, rgba(255, 136, 100, 0.08), rgba(255, 136, 100, 0.02)); border: 1px solid rgba(255, 136, 100, 0.2); border-radius: 12px; padding: 16px; margin-bottom: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER -->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/02\/Breast-Barrow-5-logo.jpg\" alt=\"Unfertilized Radi-Mon Creation\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(255, 136, 100, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">A Fenris Breast Barrow \u2014 where women&#8217;s ova are harvested and cloned<\/p>\n                            <\/div>\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\">\n                                <!-- SECONDARY ART PLACEHOLDERS -->\n                                <div style=\"background: rgba(255, 136, 100, 0.06); border: 1px solid rgba(255, 136, 100, 0.15); border-radius: 8px; padding: 10px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Fiend-2-SH.jpg\" alt=\"Bone Fiend\" loading=\"lazy\" style=\"width: 100%; border-radius: 6px; aspect-ratio: 1\/1; object-fit: cover; background: rgba(255, 136, 100, 0.08);\">\n                                    <p style=\"margin: 8px 0 0 0; font-size: 10px; color: #777; text-align: center;\">Bone Fiend<\/p>\n                                <\/div>\n                                <div style=\"background: rgba(255, 136, 100, 0.06); border: 1px solid rgba(255, 136, 100, 0.15); border-radius: 8px; padding: 10px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Skuggr-SH.jpg\" alt=\"Skuggr\" loading=\"lazy\" style=\"width: 100%; border-radius: 6px; aspect-ratio: 1\/1; object-fit: cover; background: rgba(255, 136, 100, 0.08);\">\n                                    <p style=\"margin: 8px 0 0 0; font-size: 10px; color: #777; text-align: center;\">Skuggr<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- Content (Right) -->\n                        <div style=\"flex: 1.2; min-width: 300px;\">\n                            <h3 style=\"margin: 0 0 8px 0; font-size: 24px; font-weight: 600; color: #ff8866; letter-spacing: 1px;\">Unfertilized Birth<\/h3>\n                            <p style=\"margin: 0 0 6px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Quantum Cloning \u00b7 Mass Production \u00b7 Horde Warfare<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">Created from a woman&#8217;s ovum alone \u2014 extracted, quantum cloned, and cultivated without fertilization. This method produces creatures in vast numbers, each genetically identical, each lacking the spark of individual consciousness.<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">The <span style=\"color: #ff6666;\">Fenris Horde<\/span> favors this approach above all others. Their Breast Barrows harvest ova continuously from captive women, quantum-replicating each egg hundreds of times before cultivation. The result: endless waves of Bone Fiends, Skuggrs, and worker-class Maurs.<\/p>\n\n                            <div style=\"margin: 20px 0; padding: 16px 18px; background: rgba(255, 136, 100, 0.06); border-left: 3px solid rgba(255, 136, 100, 0.4); border-radius: 0 8px 8px 0;\">\n                                <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #ff8866; letter-spacing: 2px; text-transform: uppercase;\">Characteristics<\/p>\n                                <ul style=\"margin: 0; padding-left: 18px; color: #ccc; font-size: 14px; line-height: 1.7;\">\n                                    <li>Mindless or near-mindless \u2014 requires telepathic guidance from Krakens or Draugs<\/li>\n                                    <li>Mass-producible within weeks rather than months<\/li>\n                                    <li>Disposable cannon fodder and labor force<\/li>\n                                    <li>No individual will; follows pheromone signals and pack instinct<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <p style=\"font-size: 14px; color: #999; line-height: 1.6; margin: 16px 0; font-style: italic;\">&#8220;The Horde wastes nothing. A single woman can birth ten thousand soldiers \u2014 and never know she did.&#8221;<br><span style=\"color: #666;\">\u2014 Lokki H\u00f6gberg, Chief Scientist of the Fenris Horde<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- FERTILIZED BIRTH PANEL             -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-radimon-panel\" id=\"panel-fertilized\">\n                    <div style=\"display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;\">\n                        <!-- Art Showcase (Left) -->\n                        <div style=\"flex: 1; min-width: 280px; max-width: 380px;\">\n                            <div style=\"background: linear-gradient(135deg, rgba(255, 204, 100, 0.08), rgba(255, 204, 100, 0.02)); border: 1px solid rgba(255, 204, 100, 0.2); border-radius: 12px; padding: 16px; margin-bottom: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER -->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Breeding-Lotus-1-canon-logo.jpg\" alt=\"Fertilized Radi-Mon Creation\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(255, 204, 100, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">A Rakshasa Breeding Lotus \u2014 where lovers create life together<\/p>\n                            <\/div>\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\">\n                                <!-- SECONDARY ART PLACEHOLDERS -->\n                                <div style=\"background: rgba(255, 204, 100, 0.06); border: 1px solid rgba(255, 204, 100, 0.15); border-radius: 8px; padding: 10px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Hakon-v3-Child-Growing-1-vibrant-feat.jpg\" alt=\"Diabolisk\" loading=\"lazy\" style=\"width: 100%; border-radius: 6px; aspect-ratio: 1\/1; object-fit: cover; background: rgba(255, 204, 100, 0.08);\">\n                                    <p style=\"margin: 8px 0 0 0; font-size: 10px; color: #777; text-align: center;\">Baby Diabolisk<\/p>\n                                <\/div>\n                                <div style=\"background: rgba(255, 204, 100, 0.06); border: 1px solid rgba(255, 204, 100, 0.15); border-radius: 8px; padding: 10px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Kraken-cinema-art-2-logo.jpg\" alt=\"Elder Kraken\" loading=\"lazy\" style=\"width: 100%; border-radius: 6px; aspect-ratio: 1\/1; object-fit: cover; background: rgba(255, 204, 100, 0.08);\">\n                                    <p style=\"margin: 8px 0 0 0; font-size: 10px; color: #777; text-align: center;\">Elder Kraken<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- Content (Right) -->\n                        <div style=\"flex: 1.2; min-width: 300px;\">\n                            <h3 style=\"margin: 0 0 8px 0; font-size: 24px; font-weight: 600; color: #ffcc66; letter-spacing: 1px;\">Fertilized Birth<\/h3>\n                            <p style=\"margin: 0 0 6px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Conscious Creation \u00b7 Elite Variants \u00b7 Souls Forged in Love<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">Created from an ovum fertilized by a lover&#8217;s semen \u2014 the union of two beings producing something greater than either. These Radi-Mons possess genuine consciousness, self-awareness, and often fierce loyalty to those who created them.<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">The <span style=\"color: #b366ff;\">Rakshasa Horde<\/span> pioneered this method through their Breeding Lotuses, where consensual sex between partners produces elite creatures imbued with both parents&#8217; psionic signatures. The resulting beings carry fragments of their creators&#8217; memories and emotions.<\/p>\n\n                            <div style=\"margin: 20px 0; padding: 16px 18px; background: rgba(255, 204, 100, 0.06); border-left: 3px solid rgba(255, 204, 100, 0.4); border-radius: 0 8px 8px 0;\">\n                                <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #ffcc66; letter-spacing: 2px; text-transform: uppercase;\">Characteristics<\/p>\n                                <ul style=\"margin: 0; padding-left: 18px; color: #ccc; font-size: 14px; line-height: 1.7;\">\n                                    <li>Possesses true consciousness and individual will \u2014 some approach human-level sapience<\/li>\n                                    <li>Cannot be mass-produced; each requires genuine emotional bond between creators<\/li>\n                                    <li>Dramatically more powerful than unfertilized variants<\/li>\n                                    <li>May inherit psionic abilities from either or both parents<\/li>\n                                    <li>Often develops deep familial bonds with their creators<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <p style=\"font-size: 14px; color: #999; line-height: 1.6; margin: 16px 0; font-style: italic;\">&#8220;What we breed with love returns love. What we breed with cruelty&#8230; the Fenris have shown us what that becomes.&#8221;<br><span style=\"color: #666;\">\u2014 Primarch Moro, the Bodhi Tree of Shashan<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- CONVERTED PANEL                    -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-radimon-panel\" id=\"panel-converted\">\n                    <div style=\"display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;\">\n                        <!-- Art Showcase (Left) -->\n                        <div style=\"flex: 1; min-width: 280px; max-width: 380px;\">\n                            <div style=\"background: linear-gradient(135deg, rgba(170, 100, 255, 0.08), rgba(170, 100, 255, 0.02)); border: 1px solid rgba(170, 100, 255, 0.2); border-radius: 12px; padding: 16px; margin-bottom: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER -->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Draug-Transformation.jpg\" alt=\"Converted Radi-Mon\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(170, 100, 255, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">A Draug transformation \u2014 humanity reshaped<\/p>\n                            <\/div>\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\">\n                                <!-- SECONDARY ART PLACEHOLDERS -->\n                                <div style=\"background: rgba(170, 100, 255, 0.06); border: 1px solid rgba(170, 100, 255, 0.15); border-radius: 8px; padding: 10px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/02\/Meiya-Draug-form-1-logo.jpg\" alt=\"Draug\" loading=\"lazy\" style=\"width: 100%; border-radius: 6px; aspect-ratio: 1\/1; object-fit: cover; background: rgba(170, 100, 255, 0.08);\">\n                                    <p style=\"margin: 8px 0 0 0; font-size: 10px; color: #777; text-align: center;\">Female Draug (Fenris)<\/p>\n                                <\/div>\n                                <div style=\"background: rgba(170, 100, 255, 0.06); border: 1px solid rgba(170, 100, 255, 0.15); border-radius: 8px; padding: 10px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Ivar-casting-spells-like-a-true-Nord-feat.jpg\" alt=\"Winterborn\" loading=\"lazy\" style=\"width: 100%; border-radius: 6px; aspect-ratio: 1\/1; object-fit: cover; background: rgba(170, 100, 255, 0.08);\">\n                                    <p style=\"margin: 8px 0 0 0; font-size: 10px; color: #777; text-align: center;\">Winterborn (Jokull)<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- Content (Right) -->\n                        <div style=\"flex: 1.2; min-width: 300px;\">\n                            <h3 style=\"margin: 0 0 8px 0; font-size: 24px; font-weight: 600; color: #aa66ff; letter-spacing: 1px;\">Converted<\/h3>\n                            <p style=\"margin: 0 0 6px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Transformation \u00b7 The Line Between Human and Monster<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">Previously natural-born creatures or humans transformed into Radi-Mons through viral infection or deliberate genetic rewriting at the nucleus level, reshaping bodies into forms their original selves would not recognize.<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">The degree of transformation varies wildly. <span style=\"color: #ff6666;\">Fenris Draugs<\/span> lose most of their human appearance, their flesh fusing with chitinous armor (if male) or liquid skin (if female), and their minds bent toward the Horde&#8217;s will. <span style=\"color: #88ccff;\">Jokull Winterborn<\/span> retain their humanity almost entirely, gaining the ability to partially shapeshift while preserving consciousness and identity. <span style=\"color: #b366ff;\">Rakshasa Worm Witches<\/span> walk a middle path \u2014 outwardly human, inwardly something ancient and serpentine.<\/p>\n\n                            <div style=\"margin: 20px 0; padding: 16px 18px; background: rgba(170, 100, 255, 0.06); border-left: 3px solid rgba(170, 100, 255, 0.4); border-radius: 0 8px 8px 0;\">\n                                <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #aa66ff; letter-spacing: 2px; text-transform: uppercase;\">Characteristics<\/p>\n                                <ul style=\"margin: 0; padding-left: 18px; color: #ccc; font-size: 14px; line-height: 1.7;\">\n                                    <li>Retains memories from pre-conversion life \u2014 though personality may shift<\/li>\n                                    <li>Physical appearance ranges from &#8220;barely changed&#8221; to &#8220;unrecognizable&#8221;<\/li>\n                                    <li>Gains biological immortality and enhanced regeneration<\/li>\n                                    <li>Requires human contact (often sexual) to sustain themselves<\/li>\n                                    <li>Technology determines whether conversion is liberating or enslaving<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <p style=\"font-size: 14px; color: #999; line-height: 1.6; margin: 16px 0; font-style: italic;\">&#8220;The conversion didn&#8217;t erase who I was. It burned away everything I was afraid to be.&#8221;<br><span style=\"color: #666;\">\u2014 Ivar Lindqvist, Winterborn operative<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div><!-- \/radimon panels container -->\n        <\/div>\n\n\n        <!-- Divider -->\n        <div style=\"max-width: 700px; margin: 0 auto; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 255, 170, 0.3), rgba(0, 0, 0, 0)); height: 1px;\"><\/div>\n\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <!-- SECTION 5: SEX                                  -->\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div id=\"origins-sex\" style=\"padding: 55px 20px 50px 20px;\">\n\n            <p style=\"color: rgba(255, 136, 170, 0.9); font-size: 12px; letter-spacing: 4px; text-transform: uppercase; text-align: center; margin-bottom: 8px;\">Section V \u00b7 The Center of Everything<\/p>\n\n            <h2 class=\"origins-section-title\" style=\"color: #fff; font-size: 34px; font-weight: 300; letter-spacing: 6px; text-transform: uppercase; text-align: center; margin: 0 0 10px 0;\">Sex<\/h2>\n\n            <p style=\"color: #888; font-size: 14px; text-align: center; max-width: 660px; margin: 0 auto 20px auto; line-height: 1.6;\">In the Nucleus universe, sex is not merely pleasure or procreation \u2014 it is the engine of psionic evolution. The intimate exchange of bodily essences carries Aether itself, making consensual sex one of the most potent forces in the Seven Realms.<\/p>\n\n            <p style=\"color: #999; font-size: 13px; text-align: center; max-width: 660px; margin: 0 auto 28px auto; line-height: 1.65;\">The humans of the 21st century might call this gratuitous. Nonetheless, the cosmic radiation that awakened humanity&#8217;s psionic potential reshaped the relationship between sex and power. What tantric masters once theorized \u2014 that sexual energy could transcend the physical \u2014 became measurable, replicable, and weaponizable. The factions who understood this earliest now rule the Seven Realms.<\/p>\n\n            <!-- Core Principle Panel -->\n            <div style=\"max-width: 720px; margin: 0 auto 35px auto; padding: 20px 24px; background: linear-gradient(135deg, rgba(255, 136, 170, 0.05), rgba(255, 200, 170, 0.03)); border: 1px solid rgba(255, 136, 170, 0.15); border-radius: 10px;\">\n                <p style=\"margin: 0 0 4px 0; font-size: 11px; color: rgba(255, 170, 190, 0.8); letter-spacing: 3px; text-transform: uppercase; text-align: center;\">The Principium \u2014 Why Bodies Matter<\/p>\n                <p style=\"margin: 14px 0 0 0; font-size: 14px; color: #ddd; line-height: 1.7; text-align: center;\">The <strong style=\"color: #ffaacc;\">Principium of Nucleus Gates<\/strong> identifies eight acupoints where the human body interfaces most powerfully with ambient Aether. When these gates are <em>exposed<\/em> or <em>engaged<\/em> during intimacy, Aether absorption and output increase dramatically. This is why cultivations across every culture demand nudity \u2014 for honesty, arousal and <span style=\"color: #00ff88;\">unrestricted psionic power<\/span>.<\/p>\n            <\/div>\n\n\n            <!-- \u2500\u2500 SEX TYPE TABS \u2500\u2500 -->\n            <div class=\"origins-sex-tabs\" style=\"display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 30px;\">\n                <button onclick=\"switchSex('regular')\" class=\"origins-sex-tab\" id=\"tab-regular\" style=\"padding: 12px 26px; border: 1px solid rgba(255, 200, 170, 0.4); border-radius: 6px; background: rgba(255, 200, 170, 0.12); color: #ffccaa; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">\u2661 REGULAR SEX<\/button>\n                <button onclick=\"switchSex('cultivation')\" class=\"origins-sex-tab\" id=\"tab-cultivation\" style=\"padding: 12px 26px; border: 1px solid rgba(255, 100, 170, 0.25); border-radius: 6px; background: transparent; color: rgba(255, 100, 170, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">\u2726 NUCLEUS CULTIVATION<\/button>\n            <\/div>\n\n            <div style=\"max-width: 900px; margin: 0 auto;\">\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- REGULAR SEX PANEL                  -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-sex-panel active\" id=\"panel-regular\">\n                    <div style=\"display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;\">\n                        <!-- Art Showcase (Left) -->\n                        <div style=\"flex: 1; min-width: 280px; max-width: 380px;\">\n                            <div style=\"background: linear-gradient(135deg, rgba(255, 200, 170, 0.08), rgba(255, 200, 170, 0.02)); border: 1px solid rgba(255, 200, 170, 0.2); border-radius: 12px; padding: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER -->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Reg-Sex-art-logo.jpg\" alt=\"Intimacy in the 23rd Century\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(255, 200, 170, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">Sex happens \u2014 especially in an age of cosmic power<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Content (Right) -->\n                        <div style=\"flex: 1.2; min-width: 300px;\">\n                            <h3 style=\"margin: 0 0 8px 0; font-size: 24px; font-weight: 600; color: #ffccaa; letter-spacing: 1px;\">Regular Sex<\/h3>\n                            <p style=\"margin: 0 0 6px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Pleasure \u00b7 Procreation \u00b7 Human Connection<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">The kind of sex humanity has always known \u2014 for pleasure, for bonding, for creating new life. In the 23rd century, Medi-Vap has eliminated STDs entirely, making protective measures like condoms obsolete and casual sex harmless. With sex being prevalent everywhere, many adults fuck, few stay loyal, even fewer know what love is.<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">Despite all the cosmic changes, most humans still procreate naturally. Children are still born from love (and accident), raised in families, and grow into adults who will one day face the same questions their ancestors did. For humans, psionic potential doesn&#8217;t awaken until after virginity is lost \u2014 but regular sex alone doesn&#8217;t guarantee a powerful awakening.<\/p>\n\n                            <div style=\"margin: 20px 0; padding: 16px 18px; background: rgba(255, 200, 170, 0.06); border-left: 3px solid rgba(255, 200, 170, 0.4); border-radius: 0 8px 8px 0;\">\n                                <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #ffccaa; letter-spacing: 2px; text-transform: uppercase;\">What Regular Sex Does<\/p>\n                                <ul style=\"margin: 0; padding-left: 18px; color: #ccc; font-size: 14px; line-height: 1.7;\">\n                                    <li>Provides pleasure and emotional bonding \u2014 unchanged from ancient times<\/li>\n                                    <li>Enables natural human reproduction<\/li>\n                                    <li>Awakens dormant psionic potential upon loss of virginity<\/li>\n                                    <li>Minor Aether exchange occurs, but insufficient for cultivation effects<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <p style=\"font-size: 14px; color: #999; line-height: 1.6; margin: 16px 0; font-style: italic;\">&#8220;Not everything has to be cosmic. Sometimes two people just want each other&#8230;and that&#8217;s enough.&#8221;<br><span style=\"color: #666;\">\u2014 Sigrun Fjeld<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- NUCLEUS CULTIVATION PANEL          -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-sex-panel\" id=\"panel-cultivation\">\n                    <div style=\"display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;\">\n                        <!-- Art Showcase (Left) -->\n                        <div style=\"flex: 1; min-width: 280px; max-width: 380px;\">\n                            <div style=\"background: linear-gradient(135deg, rgba(255, 100, 170, 0.08), rgba(255, 100, 170, 0.02)); border: 1px solid rgba(255, 100, 170, 0.2); border-radius: 12px; padding: 16px; margin-bottom: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER -->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Nuc-Cult-art-2-logo-prior-to-sallow-bath.jpg\" alt=\"Nucleus Cultivation Ritual\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(255, 100, 170, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">The Sallow Bath \u2014 a Nordling bonds with her chosen partner in body and soul<\/p>\n                            <\/div>\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\">\n                                <!-- SECONDARY ART PLACEHOLDERS -->\n                                <div style=\"background: rgba(255, 100, 170, 0.06); border: 1px solid rgba(255, 100, 170, 0.15); border-radius: 8px; padding: 10px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/04\/Pot-Plg-4-logo.jpg\" alt=\"Pot Plg\" loading=\"lazy\" style=\"width: 100%; border-radius: 6px; aspect-ratio: 1\/1; object-fit: cover; background: rgba(255, 100, 170, 0.08);\">\n                                    <p style=\"margin: 8px 0 0 0; font-size: 10px; color: #777; text-align: center;\">The Pot Pledge &#8211; consensual BDSM female submissive sex<\/p>\n                                <\/div>\n                                <div style=\"background: rgba(255, 100, 170, 0.06); border: 1px solid rgba(255, 100, 170, 0.15); border-radius: 8px; padding: 10px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Witch-Tasting-2.1-logo.jpg\" alt=\"Witch Feast\" loading=\"lazy\" style=\"width: 100%; border-radius: 6px; aspect-ratio: 1\/1; object-fit: cover; background: rgba(255, 100, 170, 0.08);\">\n                                    <p style=\"margin: 8px 0 0 0; font-size: 10px; color: #777; text-align: center;\">The Witch Tasting &#8211; Proximan blending of group sex and food culture<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div style=\"background: linear-gradient(135deg, rgba(255, 100, 170, 0.08), rgba(255, 100, 170, 0.02)); border: 1px solid rgba(255, 100, 170, 0.2); border-radius: 12px; padding: 16px; margin-bottom: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER (once more)-->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Coiled-3-logo.jpg\" alt=\"Nucleus Cultivation Ritual - Beastiality\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(255, 100, 170, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">Root-Tongue Service \u2014 an Imperial Conjurer mates with her pet Kvelm. She lets the beast coil and fuck her, her anus acting like a cloaca for its hemipenis<\/p>\n                            <\/div>\n\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\">\n                                <!-- SECONDARY ART PLACEHOLDERS (once more)-->\n                                <div style=\"background: rgba(255, 100, 170, 0.06); border: 1px solid rgba(255, 100, 170, 0.15); border-radius: 8px; padding: 10px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Lotus-Seeding-5-logo.jpg\" alt=\"Lotus Seeding\" loading=\"lazy\" style=\"width: 100%; border-radius: 6px; aspect-ratio: 1\/1; object-fit: cover; background: rgba(255, 100, 170, 0.08);\">\n                                    <p style=\"margin: 8px 0 0 0; font-size: 10px; color: #777; text-align: center;\">The Lotus Seeding &#8211; Inside Rakshasa hive, a Proximan couple engage in 108-hour lovemaking to raise an army born from the woman&#8217;s cloned and fertilized eggs<\/p>\n                                <\/div>\n                                <div style=\"background: rgba(255, 100, 170, 0.06); border: 1px solid rgba(255, 100, 170, 0.15); border-radius: 8px; padding: 10px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/04\/The-Twinning-1-logo.jpg\" alt=\"Covenant Holy Sex Rite\" loading=\"lazy\" style=\"width: 100%; border-radius: 6px; aspect-ratio: 1\/1; object-fit: cover; background: rgba(255, 100, 170, 0.08);\">\n                                    <p style=\"margin: 8px 0 0 0; font-size: 10px; color: #777; text-align: center;\">The Twinning \u2013 Exclusive to the Zorian Covenant, a sacred marriage through sanctified threesome to forge a resilient new family<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- Content (Right) -->\n                        <div style=\"flex: 1.2; min-width: 300px;\">\n                            <h3 style=\"margin: 0 0 8px 0; font-size: 24px; font-weight: 600; color: #ff66aa; letter-spacing: 1px;\">Nucleus Cultivation (\u9748\u6838\u4fee\u7149)<\/h3>\n                            <p style=\"margin: 0 0 6px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Ritual Sex \u00b7 Psionic Evolution \u00b7 Radi-Mon Creation<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">Once an oriental secret, now known to various cultures&#8217; elite psions in the Seven Realms. Sexual cultivation that transcends pleasure \u2014 a practice for elevating consciousness, amplifying psionic power, healing trauma, or creating Radi-Mon life. This requires understanding of the Principium, specific sex positions engaging multiple Nucleus Gates, sustained duration (minimum 30 minutes), and deep emotions: the genuine resonance between lovers, the bondage between master and subject\u2026or the shared duty between seeder and breeder.<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\"><strong style=\"color: #ff66aa;\">Sex under coercion or dubious consent alters the cultivation effects significantly.<\/strong> Forced sex produces no direct Aether exchange but can be exploited to achieve cross-species breeding on a massive scale. The cosmos knows the difference between them all: surrender given and surrender taken, sensual lovemaking and animalistic breeding.<\/p>\n\n                            <div style=\"margin: 20px 0; padding: 16px 18px; background: rgba(255, 100, 170, 0.06); border-left: 3px solid rgba(255, 100, 170, 0.4); border-radius: 0 8px 8px 0;\">\n                                <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #ff66aa; letter-spacing: 2px; text-transform: uppercase;\">What Cultivation Achieves<\/p>\n                                <ul style=\"margin: 0; padding-left: 18px; color: #ccc; font-size: 14px; line-height: 1.7;\">\n                                    <li>Mutual Aether enhancement and emotional synchronization<\/li>\n                                    <li>Psionic awakening in non-psions (rare but documented)<\/li>\n                                    <li>Healing of psychological and physical trauma<\/li>\n                                    <li>Creation of Radi-Mons through extraction and replication of the woman\u2019s ovum afterwards<\/li>\n                                    <li>Forging of permanent psionic bonds (White Bodhi Oath, Pot Pledge, Sallow Bath, etc)<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <!-- The Woman's Body Section -->\n                            <div style=\"margin: 24px 0; padding: 18px 20px; background: linear-gradient(135deg, rgba(179, 102, 255, 0.06), rgba(255, 100, 170, 0.04)); border: 1px solid rgba(179, 102, 255, 0.2); border-radius: 10px;\">\n                                <p style=\"margin: 0 0 10px 0; font-size: 12px; color: #cc88ff; letter-spacing: 2px; text-transform: uppercase;\">The Feminine Interface<\/p>\n                                <p style=\"font-size: 14px; color: #ddd; line-height: 1.65; margin: 0 0 12px 0;\">A prevailing understanding \u2014 debated but not disproven \u2014 holds that <strong style=\"color: #ffaacc;\">the woman is the 0 (conduit)<\/strong> and <strong style=\"color: #aaccff;\">the man is the 1 (catalyst)<\/strong>.<\/p>\n                                <p style=\"font-size: 14px; color: #ccc; line-height: 1.65; margin: 0 0 12px 0;\">Women&#8217;s bodies are psionically more versatile \u2014 their sexual organs compatible not only with human men but with certain Radi-Mons and alien biological structures. The female human body is found to be a superior design, and an <em>open lovemaking interface<\/em>: unlockable across species, free from cultural encoding, capable of receiving and transmuting that which enters her. This explains why women alone can enjoy literal sex with reptilian creatures like Kvelms or breed Radi-Mons within structures like Breast Barrows.<\/p>\n                                <p style=\"font-size: 14px; color: #ccc; line-height: 1.65; margin: 0;\">Men do not possess this trait and cannot achieve cultivation alone. Male Aether is <em>directional<\/em> \u2014 a current, not a vessel. High pressure, single purpose, capable of crossing vast psionic distance, but unable to contain itself without a receiving body to complete the circuit. <strong style=\"color: #ddd;\">Both genders need each other.<\/strong><\/p>\n                            <\/div>\n\n                            <p style=\"font-size: 14px; color: #999; line-height: 1.6; margin: 16px 0; font-style: italic;\">&#8220;Nucleus Cultivation does not create love. It binds what already exists \u2014 in sweat, in milk, in cum, in cry.&#8221;<br><span style=\"color: #666;\">\u2014 Chalice Adisa, Last Sermon, 2222<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div><!-- \/sex panels container -->\n        <\/div>\n\n        <!-- Divider -->\n        <div style=\"max-width: 700px; margin: 0 auto; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 255, 170, 0.3), rgba(0, 0, 0, 0)); height: 1px;\"><\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <!-- SECTION 6: PRIMAL                               -->\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div id=\"origins-primal\" style=\"padding: 55px 20px 50px 20px;\">\n\n            <p style=\"color: rgba(0, 255, 170, 0.9); font-size: 12px; letter-spacing: 4px; text-transform: uppercase; text-align: center; margin-bottom: 8px;\">Section VI<\/p>\n\n            <h2 class=\"origins-section-title\" style=\"color: #fff; font-size: 34px; font-weight: 300; letter-spacing: 6px; text-transform: uppercase; text-align: center; margin: 0 0 10px 0;\">PRIMAL<\/h2>\n\n            <p style=\"color: #888; font-size: 14px; text-align: center; max-width: 660px; margin: 0 auto 20px auto; line-height: 1.6;\">The PRIMAL system represents the Nucleus Watch&#8217;s biometric analysis of human capability \u2014 reducing the complexity of human existence to six quantifiable attributes displayed only to the wearer.<\/p>\n\n            <p style=\"color: #999; font-size: 13px; text-align: center; max-width: 660px; margin: 0 auto 28px auto; line-height: 1.65;\">Every strength demands a sacrifice. Every gift comes with a cost. The PRIMAL system reveals what humans have always sensed: that we cannot excel at everything, that the warrior&#8217;s body trades away the scholar&#8217;s mind, that the lover&#8217;s heart steals from the survivor&#8217;s resilience. This is the measurement of human potential.<\/p>\n\n            <!-- Rule of 22 Panel -->\n            <div style=\"max-width: 720px; margin: 0 auto 35px auto; padding: 20px 24px; background: linear-gradient(135deg, rgba(220, 20, 60, 0.04), rgba(255, 105, 180, 0.03)); border: 1px solid rgba(220, 20, 60, 0.15); border-radius: 10px;\">\n                <p style=\"margin: 0 0 4px 0; font-size: 11px; color: rgba(255, 150, 150, 0.8); letter-spacing: 3px; text-transform: uppercase; text-align: center;\">The Rule of 22 \u2014 Zero-Sum Existence<\/p>\n                <p style=\"margin: 14px 0 0 0; font-size: 14px; color: #ddd; line-height: 1.7; text-align: center;\">Every human&#8217;s PRIMAL stats sum to exactly <strong style=\"color: #ff6688;\">22 points<\/strong> without external boosts. Gaining strength means sacrificing speed, intelligence, or desire. This zero-sum nature creates impossible choices: the warrior who falls in love might find their Power dropping as Libido rises, making them vulnerable in battle but luckier in life.<\/p>\n            <\/div>\n\n            <!-- Dynamic Reallocation Panel -->\n            <div style=\"max-width: 720px; margin: 0 auto 35px auto; padding: 20px 24px; background: linear-gradient(135deg, rgba(0, 127, 255, 0.04), rgba(80, 200, 120, 0.03)); border: 1px solid rgba(0, 127, 255, 0.12); border-radius: 10px;\">\n                <p style=\"margin: 0 0 12px 0; font-size: 11px; color: rgba(100, 180, 255, 0.8); letter-spacing: 3px; text-transform: uppercase; text-align: center;\">Dynamic Reallocation \u2014 Stats Shift with Life<\/p>\n                <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;\">\n                    <div style=\"padding: 10px 12px; background: rgba(255, 255, 255, 0.03); border-radius: 6px;\">\n                        <p style=\"margin: 0; font-size: 13px; color: #ccc; line-height: 1.5;\"><span style=\"color: #ff6688;\">Falling in love:<\/span> +1-3 Libido (drawn from other stats)<\/p>\n                    <\/div>\n                    <div style=\"padding: 10px 12px; background: rgba(255, 255, 255, 0.03); border-radius: 6px;\">\n                        <p style=\"margin: 0; font-size: 13px; color: #ccc; line-height: 1.5;\"><span style=\"color: #dc143c;\">Prolonged combat:<\/span> +1 Power\/Resilience<\/p>\n                    <\/div>\n                    <div style=\"padding: 10px 12px; background: rgba(255, 255, 255, 0.03); border-radius: 6px;\">\n                        <p style=\"margin: 0; font-size: 13px; color: #ccc; line-height: 1.5;\"><span style=\"color: #0080ff;\">Extended isolation:<\/span> -1 Magnetism, +1 Intellect<\/p>\n                    <\/div>\n                    <div style=\"padding: 10px 12px; background: rgba(255, 255, 255, 0.03); border-radius: 6px;\">\n                        <p style=\"margin: 0; font-size: 13px; color: #ccc; line-height: 1.5;\"><span style=\"color: #b57edc;\">Sexual abstinence:<\/span> -2 Libido (redistributed)<\/p>\n                    <\/div>\n                    <div style=\"padding: 10px 12px; background: rgba(255, 255, 255, 0.03); border-radius: 6px;\">\n                        <p style=\"margin: 0; font-size: 13px; color: #ccc; line-height: 1.5;\"><span style=\"color: #daa520;\">Near-death experience:<\/span> Random redistribution<\/p>\n                    <\/div>\n                    <div style=\"padding: 10px 12px; background: rgba(255, 255, 255, 0.03); border-radius: 6px;\">\n                        <p style=\"margin: 0; font-size: 13px; color: #ccc; line-height: 1.5;\"><span style=\"color: #50c878;\">Pregnancy:<\/span> +2 Resilience, +1 Magnetism, -3 others<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n            <!-- \u2500\u2500 PRIMAL STAT TABS \u2500\u2500 -->\n            <div class=\"origins-primal-tabs\" style=\"display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-bottom: 30px;\">\n                <button onclick=\"switchPrimal('power')\" class=\"origins-primal-tab\" id=\"tab-power\" style=\"padding: 12px 20px; border: 1px solid rgba(220, 20, 60, 0.4); border-radius: 6px; background: rgba(220, 20, 60, 0.12); color: #dc143c; font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">P \u00b7 POWER<\/button>\n                <button onclick=\"switchPrimal('resilience')\" class=\"origins-primal-tab\" id=\"tab-resilience\" style=\"padding: 12px 20px; border: 1px solid rgba(218, 165, 32, 0.25); border-radius: 6px; background: transparent; color: rgba(218, 165, 32, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">R \u00b7 RESILIENCE<\/button>\n                <button onclick=\"switchPrimal('intellect')\" class=\"origins-primal-tab\" id=\"tab-intellect\" style=\"padding: 12px 20px; border: 1px solid rgba(0, 127, 255, 0.25); border-radius: 6px; background: transparent; color: rgba(0, 127, 255, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">I \u00b7 INTELLECT<\/button>\n                <button onclick=\"switchPrimal('magnetism')\" class=\"origins-primal-tab\" id=\"tab-magnetism\" style=\"padding: 12px 20px; border: 1px solid rgba(181, 126, 220, 0.25); border-radius: 6px; background: transparent; color: rgba(181, 126, 220, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">M \u00b7 MAGNETISM<\/button>\n                <button onclick=\"switchPrimal('agility')\" class=\"origins-primal-tab\" id=\"tab-agility\" style=\"padding: 12px 20px; border: 1px solid rgba(80, 200, 120, 0.25); border-radius: 6px; background: transparent; color: rgba(80, 200, 120, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">A \u00b7 AGILITY<\/button>\n                <button onclick=\"switchPrimal('libido')\" class=\"origins-primal-tab\" id=\"tab-libido\" style=\"padding: 12px 20px; border: 1px solid rgba(255, 105, 180, 0.25); border-radius: 6px; background: transparent; color: rgba(255, 105, 180, 0.6); font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.2s;\">L \u00b7 LIBIDO<\/button>\n            <\/div>\n\n            <div style=\"max-width: 900px; margin: 0 auto;\">\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- POWER PANEL                        -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-primal-panel active\" id=\"panel-power\">\n                    <div style=\"display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;\">\n                        <!-- Art Showcase (Left) -->\n                        <div style=\"flex: 1; min-width: 280px; max-width: 400px;\">\n                            <div style=\"background: linear-gradient(135deg, rgba(220, 20, 60, 0.08), rgba(220, 20, 60, 0.02)); border: 1px solid rgba(220, 20, 60, 0.2); border-radius: 12px; padding: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER -->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Power_Sigrun_at_gym_logo.jpg\" alt=\"Power - Sigrun Training\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(220, 20, 60, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">Sigrun Fjeld training her striking form \u2014 raw strength forged through discipline<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Content (Right) -->\n                        <div style=\"flex: 1.2; min-width: 300px;\">\n                            <h3 style=\"margin: 0 0 8px 0; font-size: 28px; font-weight: 700; color: #dc143c; letter-spacing: 2px;\">POWER<\/h3>\n                            <p style=\"margin: 0 0 6px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Raw Physical Strength \u00b7 Muscular Capability \u00b7 Melee Devastation<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">The most primal of all attributes. Power determines how hard you hit, how much you can lift, and whether your body can deliver the force your will demands. Warriors, laborers, and those who shape the world through physical dominance invest heavily here.<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">High Power individuals can shatter reinforced doors, send opponents flying with a single strike, and wield heavy weapons that would break lesser arms. The cost is often paid in Intellect or Agility \u2014 the strongest fighters rarely outthink their enemies or dodge what they could simply tank.<\/p>\n\n                            <div style=\"margin: 20px 0; padding: 16px 18px; background: rgba(220, 20, 60, 0.06); border-left: 3px solid rgba(220, 20, 60, 0.4); border-radius: 0 8px 8px 0;\">\n                                <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #dc143c; letter-spacing: 2px; text-transform: uppercase;\">What Power Affects<\/p>\n                                <ul style=\"margin: 0; padding-left: 18px; color: #ccc; font-size: 14px; line-height: 1.7;\">\n                                    <li>Melee damage output and weapon handling<\/li>\n                                    <li>Carrying capacity and physical labor efficiency<\/li>\n                                    <li>Grappling strength and resistance to being moved<\/li>\n                                    <li>Intimidation through sheer physical presence<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <p style=\"font-size: 14px; color: #999; line-height: 1.6; margin: 16px 0; font-style: italic;\">&#8220;Fuck being smart. I hit hard enough, you&#8217;d be too dead to think.&#8221;<br><span style=\"color: #666;\">\u2014 Sigrun Fjeld, P:7<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- RESILIENCE PANEL                   -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-primal-panel\" id=\"panel-resilience\">\n                    <div style=\"display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;\">\n                        <!-- Art Showcase (Left) -->\n                        <div style=\"flex: 1; min-width: 280px; max-width: 400px;\">\n                            <div style=\"background: linear-gradient(135deg, rgba(218, 165, 32, 0.08), rgba(218, 165, 32, 0.02)); border: 1px solid rgba(218, 165, 32, 0.2); border-radius: 12px; padding: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER -->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Marcus-shield-in-the-field-feat.jpg\" alt=\"Resilience - Marcus on Battlefield\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(218, 165, 32, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">Marcus Thorne holding the line \u2014 the immovable shield that never breaks<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Content (Right) -->\n                        <div style=\"flex: 1.2; min-width: 300px;\">\n                            <h3 style=\"margin: 0 0 8px 0; font-size: 28px; font-weight: 700; color: #daa520; letter-spacing: 2px;\">RESILIENCE<\/h3>\n                            <p style=\"margin: 0 0 6px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Endurance \u00b7 Stamina \u00b7 Healing Rate \u00b7 The Will to Endure<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">The body&#8217;s capacity to absorb punishment and keep fighting. High Resilience determines how long you can sustain combat, how quickly wounds close, and whether you&#8217;re still standing when everyone else has fallen. Stalwarts, defenders, and those who protect others build their lives around this stat.<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">Those with exceptional Resilience can shrug off injuries that would incapacitate normal humans, maintain peak performance for hours without rest, and recover from wounds in days that would take others weeks. The tradeoff often comes from Agility \u2014 the immovable object rarely needs to dodge.<\/p>\n\n                            <div style=\"margin: 20px 0; padding: 16px 18px; background: rgba(218, 165, 32, 0.06); border-left: 3px solid rgba(218, 165, 32, 0.4); border-radius: 0 8px 8px 0;\">\n                                <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #daa520; letter-spacing: 2px; text-transform: uppercase;\">What Resilience Affects<\/p>\n                                <ul style=\"margin: 0; padding-left: 18px; color: #ccc; font-size: 14px; line-height: 1.7;\">\n                                    <li>Total health pool and damage absorption<\/li>\n                                    <li>Natural healing speed and wound recovery<\/li>\n                                    <li>Stamina for extended combat or physical labor<\/li>\n                                    <li>Resistance to poison, disease, and environmental hazards<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <p style=\"font-size: 14px; color: #999; line-height: 1.6; margin: 16px 0; font-style: italic;\">&#8220;A man must always be unbreakable.&#8221;<br><span style=\"color: #666;\">\u2014 Marcus Thorne, R:8<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- INTELLECT PANEL                    -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-primal-panel\" id=\"panel-intellect\">\n                    <div style=\"display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;\">\n                        <!-- Art Showcase (Left) -->\n                        <div style=\"flex: 1; min-width: 280px; max-width: 400px;\">\n                            <div style=\"background: linear-gradient(135deg, rgba(0, 127, 255, 0.08), rgba(0, 127, 255, 0.02)); border: 1px solid rgba(0, 127, 255, 0.2); border-radius: 12px; padding: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER -->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Intellect_Xin_coding_domain_logo.jpg\" alt=\"Intellect - Xin at Computer\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(0, 127, 255, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">Zhi-Xin Wu at his quantum terminal \u2014 where genius rewrites reality<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Content (Right) -->\n                        <div style=\"flex: 1.2; min-width: 300px;\">\n                            <h3 style=\"margin: 0 0 8px 0; font-size: 28px; font-weight: 700; color: #0080ff; letter-spacing: 2px;\">INTELLECT<\/h3>\n                            <p style=\"margin: 0 0 6px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Cognitive Processing \u00b7 Memory \u00b7 Problem-Solving \u00b7 Spell Potency<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">The mind&#8217;s processing power. Intellect determines how quickly you analyze situations, how well you retain information, and crucially \u2014 how potent your psionic spells become. Riggers, scholars, and casters who favor devastating single strikes over sustained combat maximize this attribute.<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">High Intellect allows individuals to crack encryption systems in seconds, memorize entire texts at a glance, and cast spells that hit with amplified force. The classic tradeoff: brilliant minds often inhabit fragile bodies. An I:8 genius with P:1 can barely open jars \u2014 but with the right training (and awakening), their Void bolts can crack starship hulls.<\/p>\n\n                            <div style=\"margin: 20px 0; padding: 16px 18px; background: rgba(0, 127, 255, 0.06); border-left: 3px solid rgba(0, 127, 255, 0.4); border-radius: 0 8px 8px 0;\">\n                                <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #0080ff; letter-spacing: 2px; text-transform: uppercase;\">What Intellect Affects<\/p>\n                                <ul style=\"margin: 0; padding-left: 18px; color: #ccc; font-size: 14px; line-height: 1.7;\">\n                                    <li>Psionic spell damage and effect potency<\/li>\n                                    <li>Hacking, analysis, and technical problem-solving<\/li>\n                                    <li>Memory retention and learning speed<\/li>\n                                    <li>Resistance to mental manipulation and illusions<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <p style=\"font-size: 14px; color: #999; line-height: 1.6; margin: 16px 0; font-style: italic;\">&#8220;Give me three minutes with any system. I&#8217;ll find the flaw.&#8221;<br><span style=\"color: #666;\">\u2014 Zhi-Xin Wu, I:8<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- MAGNETISM PANEL                    -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-primal-panel\" id=\"panel-magnetism\">\n                    <div style=\"display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;\">\n                        <!-- Art Showcase (Left) -->\n                        <div style=\"flex: 1; min-width: 280px; max-width: 400px;\">\n                            <div style=\"background: linear-gradient(135deg, rgba(181, 126, 220, 0.08), rgba(181, 126, 220, 0.02)); border: 1px solid rgba(181, 126, 220, 0.2); border-radius: 12px; padding: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER -->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/01\/Fuuka-v2-chained-lantern-feat.jpg\" alt=\"Magnetism - Fuuka in Temple\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(181, 126, 220, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">Fuuka Natsukawa glancing back \u2014 one look that commands attention<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Content (Right) -->\n                        <div style=\"flex: 1.2; min-width: 300px;\">\n                            <h3 style=\"margin: 0 0 8px 0; font-size: 28px; font-weight: 700; color: #b57edc; letter-spacing: 2px;\">MAGNETISM<\/h3>\n                            <p style=\"margin: 0 0 6px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Pheromone Production \u00b7 Social Presence \u00b7 Charisma \u00b7 Body Scent<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">The invisible pull that draws others in. Magnetism governs pheromone output, the quality of one&#8217;s natural scent, and that ineffable presence that makes some people impossible to ignore. Diplomats, seducers, and those who achieve through influence rather than force cultivate this attribute.<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">High Magnetism individuals can sway crowds with a glance, negotiate impossible deals, and leave lasting impressions that border on addiction. Their body chemistry literally draws others closer. The cost is often Intellect or Power \u2014 the most magnetic personalities rarely need to think or fight their way through problems.<\/p>\n\n                            <div style=\"margin: 20px 0; padding: 16px 18px; background: rgba(181, 126, 220, 0.06); border-left: 3px solid rgba(181, 126, 220, 0.4); border-radius: 0 8px 8px 0;\">\n                                <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #b57edc; letter-spacing: 2px; text-transform: uppercase;\">What Magnetism Affects<\/p>\n                                <ul style=\"margin: 0; padding-left: 18px; color: #ccc; font-size: 14px; line-height: 1.7;\">\n                                    <li>Persuasion, negotiation, and social manipulation<\/li>\n                                    <li>Natural pheromone output and body scent appeal<\/li>\n                                    <li>First impressions and lasting emotional impact<\/li>\n                                    <li>Leadership presence and crowd influence<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <p style=\"font-size: 14px; color: #999; line-height: 1.6; margin: 16px 0; font-style: italic;\">&#8220;Ara, such enthusiasm! Though you might want to pace yourselves. I can be quite&#8230;exhausting, ne?&#8221;<br><span style=\"color: #666;\">\u2014 Fuuka Natsukawa<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- AGILITY PANEL                      -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-primal-panel\" id=\"panel-agility\">\n                    <div style=\"display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;\">\n                        <!-- Art Showcase (Left) -->\n                        <div style=\"flex: 1; min-width: 280px; max-width: 400px;\">\n                            <div style=\"background: linear-gradient(135deg, rgba(80, 200, 120, 0.08), rgba(80, 200, 120, 0.02)); border: 1px solid rgba(80, 200, 120, 0.2); border-radius: 12px; padding: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER -->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2025\/11\/Jabari-v5-standing-main-shot.jpg\" alt=\"Agility - Jabari Sprinting\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(80, 200, 120, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">Jabari Adomako in motion \u2014 speed that turns battlefields into dance floors<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Content (Right) -->\n                        <div style=\"flex: 1.2; min-width: 300px;\">\n                            <h3 style=\"margin: 0 0 8px 0; font-size: 28px; font-weight: 700; color: #50c878; letter-spacing: 2px;\">AGILITY<\/h3>\n                            <p style=\"margin: 0 0 6px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Reflexes \u00b7 Dexterity \u00b7 Physical Coordination \u00b7 Movement Speed<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">The body&#8217;s capacity for speed and precision. Agility determines reaction time, movement fluidity, and the ability to place yourself exactly where you need to be. Griots, assassins, and those who favor mobility over armor invest everything in this attribute.<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">High Agility individuals can dodge bullets, navigate impossible terrain, and strike before opponents register the threat. Directorate doctrine deliberately limits defensive training for Griots, believing reliance on armor breeds complacency \u2014 forcing them to think three moves ahead at all times. The cost is usually Resilience: what you can&#8217;t hit, you can&#8217;t hurt, but one solid connection ends the fight.<\/p>\n\n                            <div style=\"margin: 20px 0; padding: 16px 18px; background: rgba(80, 200, 120, 0.06); border-left: 3px solid rgba(80, 200, 120, 0.4); border-radius: 0 8px 8px 0;\">\n                                <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #50c878; letter-spacing: 2px; text-transform: uppercase;\">What Agility Affects<\/p>\n                                <ul style=\"margin: 0; padding-left: 18px; color: #ccc; font-size: 14px; line-height: 1.7;\">\n                                    <li>Dodge chance and reaction speed<\/li>\n                                    <li>Movement speed and terrain traversal<\/li>\n                                    <li>Precision with ranged weapons and fine motor tasks<\/li>\n                                    <li>Initiative in combat \u2014 who acts first<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <p style=\"font-size: 14px; color: #999; line-height: 1.6; margin: 16px 0; font-style: italic;\">&#8220;The blade that never arrives needs no parry.&#8221;<br><span style=\"color: #666;\">\u2014 Directorate Griot doctrine<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <!-- LIBIDO PANEL                       -->\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"origins-primal-panel\" id=\"panel-libido\">\n                    <div style=\"display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap;\">\n                        <!-- Art Showcase (Left) -->\n                        <div style=\"flex: 1; min-width: 280px; max-width: 400px;\">\n                            <div style=\"background: linear-gradient(135deg, rgba(255, 105, 180, 0.08), rgba(255, 105, 180, 0.02)); border: 1px solid rgba(255, 105, 180, 0.2); border-radius: 12px; padding: 16px;\">\n                                <!-- PRIMARY ART PLACEHOLDER -->\n                                <img decoding=\"async\" src=\"https:\/\/nucleusseries.com\/wp-content\/uploads\/2026\/05\/Libido_Sigruns_legendary_bosom.jpg\" alt=\"Libido - Sigrun Ready\" loading=\"lazy\" style=\"width: 100%; border-radius: 8px; aspect-ratio: 4\/3; object-fit: cover; background: rgba(255, 105, 180, 0.1);\">\n                                <p style=\"margin: 12px 0 0 0; font-size: 11px; color: #888; text-align: center; letter-spacing: 1px;\">Sigrun Fjeld \u2014 when the urge to fuck becomes its own power<\/p>\n                            <\/div>\n                        <\/div>\n                        <!-- Content (Right) -->\n                        <div style=\"flex: 1.2; min-width: 300px;\">\n                            <h3 style=\"margin: 0 0 8px 0; font-size: 28px; font-weight: 700; color: #ff69b4; letter-spacing: 2px;\">LIBIDO<\/h3>\n                            <p style=\"margin: 0 0 6px 0; font-size: 12px; color: #888; letter-spacing: 2px; text-transform: uppercase;\">Sexual Energy \u00b7 Aether Recovery \u00b7 Total Aether Pool \u00b7 Fluid Volume<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">The most misunderstood attribute \u2014 and perhaps the most powerful. Libido governs not just sexual drive but the body&#8217;s fundamental connection to cosmic Aether. High Libido means faster psionic recovery, larger Aether reserves, and in ways scholars still debate, enhanced luck through quantum probability manipulation.<\/p>\n                            \n                            <p style=\"font-size: 15px; color: #ddd; line-height: 1.65; margin: 16px 0;\">Libido also affects physical output: lactation volume in women, ejaculation volume in men. Those with maxed Libido can sustain psionic combat indefinitely \u2014 their Aether regenerates faster than they spend it. The tradeoff is brutal: constant sexual drive that demands outlet. L:8 individuals report overwhelming urges that require regular sex lest their other stats begin degrading from the distraction.<\/p>\n\n                            <div style=\"margin: 20px 0; padding: 16px 18px; background: rgba(255, 105, 180, 0.06); border-left: 3px solid rgba(255, 105, 180, 0.4); border-radius: 0 8px 8px 0;\">\n                                <p style=\"margin: 0 0 8px 0; font-size: 11px; color: #ff69b4; letter-spacing: 2px; text-transform: uppercase;\">What Libido Affects<\/p>\n                                <ul style=\"margin: 0; padding-left: 18px; color: #ccc; font-size: 14px; line-height: 1.7;\">\n                                    <li>Aether recovery rate and total Aether pool<\/li>\n                                    <li>Lactation volume (\u2640) and ejaculation volume (\u2642)<\/li>\n                                    <li>Cultivation potency during ritual sex<\/li>\n                                    <li>Probability manipulation \u2014 what others call &#8220;luck&#8221;<\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <p style=\"font-size: 14px; color: #999; line-height: 1.6; margin: 16px 0; font-style: italic;\">&#8220;You like my smell? Smell me all you like, then.&#8221;<br><span style=\"color: #666;\">\u2014 Sigrun Fjeld (L:5) speaking to Xin (L:10)<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div><!-- \/primal panels container -->\n        <\/div>\n\n\n        <!-- Divider -->\n        <div style=\"max-width: 700px; margin: 0 auto; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 255, 170, 0.3), rgba(0, 0, 0, 0)); height: 1px;\"><\/div>\n\n        <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <!-- CLOSING: TAGLINE + CTA          -->\n        <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <div style=\"padding: 50px 20px 60px 20px; text-align: center; max-width: 700px; margin: 0 auto;\">\n            <p style=\"font-size: 1.15em; color: #e0e0e0; font-style: italic; line-height: 1.6; margin: 0 0 30px 0;\">\n                Seven races. Two mysteries. Six tongues. Five schools of power.<br>\n                <span style=\"color: #00ff88; font-weight: bold;\">One universe where all of it collides.<\/span>\n            <\/p>\n            <div style=\"display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;\">\n                <a href=\"https:\/\/nucleusseries.com\/?page_id=4228\" style=\"display: inline-block; padding: 14px 28px; background-color: transparent; color: #00ff88; font-family: 'Orbitron', sans-serif; letter-spacing: 2px; font-weight: 600; font-size: 14px; text-decoration: none; border: 1px solid rgba(0, 255, 136, 0.5); border-radius: 6px; transition: background-color 0.2s, transform 0.15s, border-color 0.2s; min-width: 200px; text-align: center;\" onmouseover=\"this.style.backgroundColor='rgba(0, 255, 136, 0.1)'; this.style.borderColor='rgba(0, 255, 136, 0.8)'; this.style.transform='translateY(-2px)';\" onmouseout=\"this.style.backgroundColor='transparent'; this.style.borderColor='rgba(0, 255, 136, 0.5)'; this.style.transform='translateY(0)';\">\n                    MEET THE CHARACTERS\n                <\/a>\n                <a href=\"https:\/\/www.royalroad.com\/fiction\/138143\/nucleus-1-dreams-and-desires\" target=\"_blank\" style=\"display: none; padding: 14px 28px; background-color: #eecc40; color: #000; font-family: 'Orbitron', sans-serif; letter-spacing: 2px; font-weight: 600; font-size: 14px; text-decoration: none; border-radius: 6px; transition: background-color 0.2s, transform 0.15s; min-width: 200px; text-align: center;\" onmouseover=\"this.style.backgroundColor='#ffdc5b'; this.style.transform='translateY(-2px)';\" onmouseout=\"this.style.backgroundColor='#eecc40'; this.style.transform='translateY(0)';\">\n                    READ THE BOOK\n                <\/a>\n            <\/div>\n        <\/div>\n\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <!-- SITE NAV TOOL (Floating Section Navigator)      -->\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <!--\n            Section IDs for anchor targeting:\n            #origins-top       \u2192 Page top \/ Hero\n            #origins-races     \u2192 Human Races\n            #origins-tongues   \u2192 Psionic Tongues\n            #origins-schools   \u2192 Psionic Schools\n        -->\n        <!-- NAV TOOL CELL GOES HERE -->\n\n\n    <\/div><!-- \/z-index content wrapper -->\n<\/div><!-- \/main container -->\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- SCHOOL TAB SWITCHING SCRIPT                     -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function() {\n    var schoolColors = {\n        lunar:   { r: 170, g: 204, b: 255 },\n        solar:   { r: 255, g: 204, b: 51  },\n        eclipse: { r: 255, g: 51,  b: 51  },\n        mirage:  { r: 204, g: 102, b: 255 },\n        void:    { r: 51,  g: 204, b: 136 }\n    };\n\n    window.switchSchool = function(school) {\n        var panels = document.querySelectorAll('.origins-school-panel');\n        for (var i = 0; i < panels.length; i++) {\n            panels[i].classList.remove('active');\n        }\n        var target = document.getElementById('panel-' + school);\n        if (target) target.classList.add('active');\n\n        var tabs = document.querySelectorAll('.origins-school-tab');\n        for (var j = 0; j < tabs.length; j++) {\n            var tabSchool = tabs[j].id.replace('tab-', '');\n            var c = schoolColors[tabSchool];\n            if (tabSchool === school) {\n                tabs[j].style.background = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.12)';\n                tabs[j].style.borderColor = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.4)';\n                tabs[j].style.color = 'rgb(' + c.r + ',' + c.g + ',' + c.b + ')';\n            } else {\n                tabs[j].style.background = 'transparent';\n                tabs[j].style.borderColor = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.25)';\n                tabs[j].style.color = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.6)';\n            }\n        }\n    };\n})();\n<\/script>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- LIGHTBOX \u2014 Auto-binds all images on this page   -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function() {\n    function originsOpenLightbox(src) {\n        var lb = document.getElementById('origins-lightbox');\n        var img = document.getElementById('origins-lightbox-img');\n        if (!lb || !img) return;\n        img.src = src;\n        lb.style.display = 'flex';\n        document.body.style.overflow = 'hidden';\n    }\n\n    window.originsCloseLightbox = function() {\n        var lb = document.getElementById('origins-lightbox');\n        if (!lb) return;\n        lb.style.display = 'none';\n        document.body.style.overflow = '';\n    };\n\n    \/\/ Escape key support\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape') originsCloseLightbox();\n    });\n\n    \/\/ Auto-bind: make every img inside the Origins page clickable\n    function bindImages() {\n        var container = document.getElementById('origins-top');\n        if (!container) return;\n        \/\/ Walk up to the main container\n        var main = container.parentElement.parentElement;\n        var imgs = main.querySelectorAll('img');\n        for (var i = 0; i < imgs.length; i++) {\n            (function(img) {\n                img.style.cursor = 'pointer';\n                img.style.transition = 'transform 0.2s ease';\n                img.addEventListener('mouseenter', function() { img.style.transform = 'scale(1.03)'; });\n                img.addEventListener('mouseleave', function() { img.style.transform = 'scale(1)'; });\n                img.addEventListener('click', function() { originsOpenLightbox(img.src); });\n            })(imgs[i]);\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', bindImages);\n    } else {\n        bindImages();\n    }\n})();\n<\/script>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- RADI-MON & SEX TAB SWITCHING SCRIPTS            -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function() {\n    \/\/ Radi-Mon tab colors\n    var radimonColors = {\n        unfertilized: { r: 255, g: 136, b: 100 },\n        fertilized:   { r: 255, g: 204, b: 100 },\n        converted:    { r: 170, g: 100, b: 255 }\n    };\n\n    window.switchRadimon = function(type) {\n        var panels = document.querySelectorAll('.origins-radimon-panel');\n        for (var i = 0; i < panels.length; i++) {\n            panels[i].classList.remove('active');\n        }\n        var target = document.getElementById('panel-' + type);\n        if (target) target.classList.add('active');\n\n        var tabs = document.querySelectorAll('.origins-radimon-tab');\n        for (var j = 0; j < tabs.length; j++) {\n            var tabType = tabs[j].id.replace('tab-', '');\n            var c = radimonColors[tabType];\n            if (tabType === type) {\n                tabs[j].style.background = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.12)';\n                tabs[j].style.borderColor = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.4)';\n                tabs[j].style.color = 'rgb(' + c.r + ',' + c.g + ',' + c.b + ')';\n            } else {\n                tabs[j].style.background = 'transparent';\n                tabs[j].style.borderColor = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.25)';\n                tabs[j].style.color = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.6)';\n            }\n        }\n    };\n\n    \/\/ Sex tab colors\n    var sexColors = {\n        regular:     { r: 255, g: 200, b: 170 },\n        cultivation: { r: 255, g: 100, b: 170 }\n    };\n\n    window.switchSex = function(type) {\n        var panels = document.querySelectorAll('.origins-sex-panel');\n        for (var i = 0; i < panels.length; i++) {\n            panels[i].classList.remove('active');\n        }\n        var target = document.getElementById('panel-' + type);\n        if (target) target.classList.add('active');\n\n        var tabs = document.querySelectorAll('.origins-sex-tab');\n        for (var j = 0; j < tabs.length; j++) {\n            var tabType = tabs[j].id.replace('tab-', '');\n            var c = sexColors[tabType];\n            if (tabType === type) {\n                tabs[j].style.background = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.12)';\n                tabs[j].style.borderColor = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.4)';\n                tabs[j].style.color = 'rgb(' + c.r + ',' + c.g + ',' + c.b + ')';\n            } else {\n                tabs[j].style.background = 'transparent';\n                tabs[j].style.borderColor = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.25)';\n                tabs[j].style.color = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.6)';\n            }\n        }\n    };\n})();\n<\/script>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- PRIMAL TAB SWITCHING SCRIPT                     -->\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function() {\n    \/\/ PRIMAL stat colors (hex converted to RGB)\n    var primalColors = {\n        power:      { r: 220, g: 20,  b: 60  },  \/\/ Crimson Red #DC143C\n        resilience: { r: 218, g: 165, b: 32  },  \/\/ Deep Golden #DAA520\n        intellect:  { r: 0,   g: 127, b: 255 },  \/\/ Azure Blue #007FFF\n        magnetism:  { r: 181, g: 126, b: 220 },  \/\/ Lavender Violet #B57EDC\n        agility:    { r: 80,  g: 200, b: 120 },  \/\/ Emerald Green #50C878\n        libido:     { r: 255, g: 105, b: 180 }   \/\/ Lustful Pink #FF69B4\n    };\n\n    window.switchPrimal = function(stat) {\n        var panels = document.querySelectorAll('.origins-primal-panel');\n        for (var i = 0; i < panels.length; i++) {\n            panels[i].classList.remove('active');\n        }\n        var target = document.getElementById('panel-' + stat);\n        if (target) target.classList.add('active');\n\n        var tabs = document.querySelectorAll('.origins-primal-tab');\n        for (var j = 0; j < tabs.length; j++) {\n            var tabStat = tabs[j].id.replace('tab-', '');\n            var c = primalColors[tabStat];\n            if (tabStat === stat) {\n                tabs[j].style.background = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.12)';\n                tabs[j].style.borderColor = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.4)';\n                tabs[j].style.color = 'rgb(' + c.r + ',' + c.g + ',' + c.b + ')';\n            } else {\n                tabs[j].style.background = 'transparent';\n                tabs[j].style.borderColor = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.25)';\n                tabs[j].style.color = 'rgba(' + c.r + ',' + c.g + ',' + c.b + ', 0.6)';\n            }\n        }\n    };\n})();\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NAVIGATION ORIGINS NAVIGATION ORIGINS \u00d7 Nucleus Universe Compendium ORIGINS The peoples, tongues &amp; powers that shape civilization across the Seven Realms 7+2 Human Races 6 Psionic Tongues 5 Spell Schools Section I Human Races In the 23rd century, humanity has evolved beyond old-world ethnic labels. Seven distinct cultural lineages \u2014 plus those forged in laboratories [&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-6424","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/6424","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=6424"}],"version-history":[{"count":90,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/6424\/revisions"}],"predecessor-version":[{"id":6892,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/6424\/revisions\/6892"}],"wp:attachment":[{"href":"https:\/\/nucleusseries.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}