{"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-05-13T00:14:42","modified_gmt":"2026-05-12T16:14:42","slug":"origins","status":"publish","type":"page","link":"https:\/\/nucleusseries.com\/?page_id=6424","title":{"rendered":"Origins"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- ============================== -->\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<\/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;\">&times;<\/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 from the 22nd century onward are significantly more well-endowed than their 21st century counterparts. <span style=\"color: #00ff88; font-weight: bold;\">22%<\/span> of women possess the ability to lactate without ever becoming pregnant. 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> \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 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 J\u01ebkull 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 near 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 spell and incantation. 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 J\u01ebkull 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 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 Imperium Border 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\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\"\n                   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;\"\n                   onmouseover=\"this.style.backgroundColor='rgba(0, 255, 136, 0.1)'; this.style.borderColor='rgba(0, 255, 136, 0.8)'; this.style.transform='translateY(-2px)';\"\n                   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\"\n                   target=\"_blank\"\n                   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;\"\n                   onmouseover=\"this.style.backgroundColor='#ffdc5b'; this.style.transform='translateY(-2px)';\"\n                   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<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&times; 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 and those that may [&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":20,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/6424\/revisions"}],"predecessor-version":[{"id":6477,"href":"https:\/\/nucleusseries.com\/index.php?rest_route=\/wp\/v2\/pages\/6424\/revisions\/6477"}],"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}]}}