{"id":80,"date":"2026-06-09T21:33:30","date_gmt":"2026-06-09T21:33:30","guid":{"rendered":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/?p=80"},"modified":"2026-06-09T21:33:30","modified_gmt":"2026-06-09T21:33:30","slug":"mastering-skill-gems","status":"publish","type":"post","link":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/","title":{"rendered":"Skill Gems in Embers of the Uncrowned"},"content":{"rendered":"\r\n<article id=\"custom-article\" style=\"line-height: 1.6; color: #e6e6e6; background: #18181b; padding: 30px; border-radius: 16px; max-width: 900px; margin: auto;\" itemscope itemtype=\"https:\/\/schema.org\/Article\">\r\n<style>\r\n    \/* ---------------------- BASE TYPOGRAPHY ---------------------- *\/\r\n    #custom-article { font-family: Arial, sans-serif; line-height: 1.6; max-width: 1200px; margin: 0 auto; padding: 20px; }\r\n    #custom-article h1, #custom-article h2, #custom-article h3 { color: #F44336; }\r\n    #custom-article h1 { font-size: 32px; }\r\n    #custom-article h2 { font-size: 26px; margin-top: 25px; }\r\n    #custom-article h3 { font-size: 20px; margin-top: 20px; }\r\n    #custom-article p, #custom-article ul, #custom-article li { color: #e6e6e6; }\r\n    \/* ---------------------- SECTIONS ---------------------- *\/\r\n    #custom-article section { margin-bottom: 40px; padding: 20px; background-color: #1f1f23; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }\r\n    #custom-article section.visible { opacity: 1; transform: translateY(0); }\r\n    \/* ---------------------- ACCORDION & INTERACTIVE LIST ---------------------- *\/\r\n    #custom-article .accordion, #custom-article .tips-list li {\r\n        cursor: pointer;\r\n        background-color: #1f1f23;\r\n        padding: 15px;\r\n        border-radius: 5px;\r\n        transition: background-color 0.3s;\r\n        margin-bottom: 10px;\r\n        color: #e6e6e6;\r\n        font-weight: bold;\r\n    }\r\n    #custom-article .accordion:hover, #custom-article .tips-list li:hover { background-color: #2a2a2e; }\r\n    #custom-article .accordion i.fa-chevron-down, #custom-article .tips-list li i.fa-chevron-down { float: right; transition: transform 0.3s; }\r\n    #custom-article .accordion.active i.fa-chevron-down, #custom-article .tips-list li.active i.fa-chevron-down { transform: rotate(180deg); }\r\n    #custom-article .hidden-content, #custom-article .tip-content { display: none; margin-top: 10px; padding: 10px; background-color: #1f1f23; border-radius: 5px; }\r\n    \/* ---------------------- LIGHTBOX ---------------------- *\/\r\n    #lightbox-overlay { position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85); display:none; justify-content:center; align-items:center; z-index:9999; }\r\n    #lightbox-overlay img { max-width:90%; max-height:90%; border-radius:8px; box-shadow:0 0 20px rgba(0,0,0,0.5); }\r\n    \/* ---------------------- IMAGES ---------------------- *\/\r\n    #custom-article .centered-image, #custom-article .aligncenter { display:block; margin:20px auto; max-width:300px; height:auto; border-radius:8px; cursor:pointer; }\r\n    \/* ---------------------- LINKS ---------------------- *\/\r\n    #custom-article a { color:#007bff; text-decoration:none; }\r\n    #custom-article a:hover { text-decoration:underline; }\r\n    \/* ---------------------- RESPONSIVE ---------------------- *\/\r\n    @media(max-width:600px) {\r\n        #custom-article { padding: 15px; }\r\n        #custom-article h1 { font-size: 24px; }\r\n        #custom-article h2 { font-size: 20px; }\r\n        #custom-article .centered-image { margin: 10px auto; }\r\n    }\r\n    \/* ---------------------- CUSTOM INTERACTIVE STYLES ---------------------- *\/\r\n    .gem-simulator { background: #121214; border-radius: 12px; padding: 20px; margin: 20px 0; }\r\n    .skill-grid, .gem-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; }\r\n    .skill-card, .gem-card {\r\n        background: #1f1f23;\r\n        border: 2px solid #333;\r\n        border-radius: 10px;\r\n        padding: 15px;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    .skill-card:hover, .gem-card:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,0.3); }\r\n    .skill-card.selected { border-color: #F44336; box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.2); }\r\n    .gem-card.compatible { border-color: #4CAF50; }\r\n    .gem-card.incompatible { opacity: 0.6; border-color: #666; }\r\n    .tag-chip {\r\n        display: inline-block;\r\n        background: #2a2a2e;\r\n        color: #e6e6e6;\r\n        padding: 3px 10px;\r\n        border-radius: 20px;\r\n        font-size: 12px;\r\n        margin: 3px;\r\n        border: 1px solid #444;\r\n    }\r\n    .tag-chip.match { background: #1b5e20; border-color: #4CAF50; color: #fff; }\r\n    .tag-chip.no-match { background: #3a1f1f; border-color: #F44336; color: #ffcccc; }\r\n    .slot-row { display: flex; gap: 8px; margin-top: 10px; }\r\n    .slot {\r\n        width: 38px; height: 38px;\r\n        background: #121214;\r\n        border: 2px dashed #555;\r\n        border-radius: 6px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 11px;\r\n        color: #888;\r\n        transition: all 0.2s;\r\n    }\r\n    .slot.filled { border-style: solid; border-color: #F44336; background: #2a1f1f; }\r\n    .gem-mini {\r\n        width: 22px; height: 22px;\r\n        border-radius: 50%;\r\n        display: inline-block;\r\n        margin: 2px;\r\n        box-shadow: 0 0 6px rgba(255,255,255,0.3);\r\n        border: 1px solid #fff;\r\n    }\r\n    .inspector-panel {\r\n        background: #121214;\r\n        border-radius: 8px;\r\n        padding: 15px;\r\n        margin-top: 15px;\r\n        border: 1px solid #333;\r\n    }\r\n    .effect-bar {\r\n        height: 8px;\r\n        background: linear-gradient(90deg, #F44336, #ff7961);\r\n        border-radius: 4px;\r\n        margin: 4px 0;\r\n        transition: width 0.4s ease;\r\n    }\r\n    .toast {\r\n        position: fixed;\r\n        bottom: 20px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background: #1f1f23;\r\n        color: #e6e6e6;\r\n        padding: 12px 24px;\r\n        border-radius: 8px;\r\n        border: 1px solid #F44336;\r\n        box-shadow: 0 4px 12px rgba(0,0,0,0.4);\r\n        z-index: 10000;\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n        pointer-events: none;\r\n    }\r\n    .toast.show { opacity: 1; }\r\n    .ember-glow {\r\n        animation: emberPulse 2s infinite ease-in-out;\r\n    }\r\n    @keyframes emberPulse {\r\n        0%, 100% { box-shadow: 0 0 8px rgba(244, 67, 54, 0.4); }\r\n        50% { box-shadow: 0 0 20px rgba(244, 67, 54, 0.8); }\r\n    }\r\n    .section-header { display: flex; align-items: center; gap: 12px; }\r\n    .section-header i { font-size: 28px; }\r\n<\/style>\r\n\r\n<header>\r\n    <meta itemprop=\"headline\" content=\"Mastering Skill Gems in Embers of the Uncrowned\" \/>\r\n    <meta itemprop=\"datePublished\" content=\"2026-06-09\" \/>\r\n    <meta itemprop=\"dateModified\" content=\"2026-06-09\" \/>\r\n    <p itemprop=\"description\">Learn how the innovative tag based Skill Gem system works in Nexon&#8217;s upcoming dark fantasy MMORPG. Understand matching mechanics, experiment with an interactive simulator, and prepare your builds before the demo arrives.<\/p>\r\n<\/header>\r\n\r\n<main>\r\n<!-- ===================== INTRO SECTION ===================== -->\r\n<section id=\"intro\">\r\n    <h2><i class=\"fa fa-info-circle\"><\/i> The Spark That Ignites Your Power<\/h2>\r\n    <p>In the brutal world of Embers of the Uncrowned, where elven invaders have shattered kingdoms and blood stains the land, your survival depends on more than raw strength. Skill Gems are the embers that can turn a basic strike into a devastating chain of destruction or transform a defensive move into an unstoppable force.<\/p>\r\n    \r\n    <p>These powerful items drop in various grades as you explore, raid, and conquer. You obtain them through gameplay and then drag them from your bag directly into open Skill Gem slots on the skills menu. The real magic lies in the tag system that governs everything.<\/p>\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems-300x169.jpg\" data-large=\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems.jpg\" alt=\"Embers of the Uncrowned Skill Gems interface showing the skills menu on the left with active skills like Triple Strike and Critical Strike, and the bag on the right containing colorful skill gems ready to be dragged and equipped\" class=\"centered-image\"\/>\r\n\r\n    <p style=\"font-style: italic; text-align: center; margin-top: 10px;\">Click the image above to view the full resolution screenshot of the skill and bag interface.<\/p>\r\n<\/section>\r\n\r\n<!-- ===================== TAG SYSTEM SECTION ===================== -->\r\n<section id=\"tag-system\">\r\n    <h2><i class=\"fa fa-tags\"><\/i> Understanding the Tag Matching System<\/h2>\r\n    <p>Every skill and every Skill Gem carries unique effect tags. A gem can only be equipped to a skill when they share at least one tag in common. Once equipped, only the effects tied to the shared tags become active. Non matching tags on the gem simply do nothing for that skill.<\/p>\r\n    \r\n    <div style=\"background:#121214; padding:15px; border-radius:8px; margin:15px 0;\">\r\n        <p><strong>Example from the official preview:<\/strong> A Skill Gem with Physical and Wind tags equipped on a skill that has Wind and Buff tags will only apply its Wind effects. The Physical portion stays dormant.<\/p>\r\n    <\/div>\r\n\r\n    <p>Hold the Ctrl key while the skill menu is open to reveal exactly how many effects are linked to each tag from your equipped gems. Common effects that work on every skill do not appear in these tag counts, keeping the display clean and focused on meaningful synergies.<\/p>\r\n    \r\n    <p>This design rewards thoughtful experimentation. You are not just stacking power. You are shaping the very direction and efficiency of each ability you use in the fast paced isometric battles.<\/p>\r\n<\/section>\r\n\r\n<!-- ===================== INTERACTIVE SIMULATOR ===================== -->\r\n<section id=\"simulator\">\r\n    <h2><i class=\"fa fa-magic ember-glow\"><\/i> Live Skill Gem Equipper Simulator<\/h2>\r\n    <p style=\"margin-bottom:15px;\">This interactive tool lets you experience the tag system exactly as described in the official information. Select a skill, equip compatible gems from the pool, and watch the linked effects update in real time. Toggle the Ctrl inspector to see per tag counts just like in the actual game menu.<\/p>\r\n\r\n    <div class=\"gem-simulator\">\r\n        <!-- Skills Overview -->\r\n        <h3 style=\"margin-top:0; color:#F44336;\"><i class=\"fa fa-gamepad\"><\/i> Your Skills<\/h3>\r\n        <div id=\"skill-grid\" class=\"skill-grid\"><\/div>\r\n\r\n        <!-- Equipper Controls -->\r\n        <div id=\"equipper-panel\" style=\"margin-top:25px; padding:18px; background:#1a1a1d; border-radius:10px; border:1px solid #333;\">\r\n            <div style=\"display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;\">\r\n                <h3 style=\"margin:0; color:#F44336;\"><i class=\"fa fa-hand-paper-o\"><\/i> Equipping to: <span id=\"selected-skill-name\" style=\"color:#fff;\">Select a skill above<\/span><\/h3>\r\n                <div>\r\n                    <button id=\"clear-btn\" onclick=\"clearAllEquips()\" style=\"background:#3a1f1f; color:#fff; border:none; padding:8px 16px; border-radius:6px; cursor:pointer; margin-right:8px;\">Clear All<\/button>\r\n                    <button id=\"example-btn\" onclick=\"loadExampleBuild()\" style=\"background:#1b5e20; color:#fff; border:none; padding:8px 16px; border-radius:6px; cursor:pointer;\">Load Example Build<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Slots Display -->\r\n            <div id=\"slots-display\" style=\"margin:15px 0;\"><\/div>\r\n\r\n            <!-- Available Gems -->\r\n            <h4 style=\"margin:15px 0 8px; color:#ccc;\">Available Skill Gems (click to equip if compatible)<\/h4>\r\n            <div id=\"gem-grid\" class=\"gem-grid\"><\/div>\r\n\r\n            <!-- Inspector -->\r\n            <div id=\"inspector\" class=\"inspector-panel\" style=\"display:none;\">\r\n                <div style=\"display:flex; justify-content:space-between; align-items:center;\">\r\n                    <h4 style=\"margin:0;\"><i class=\"fa fa-search\"><\/i> Tag Inspector <span style=\"font-size:12px; color:#888;\">(simulates holding Ctrl)<\/span><\/h4>\r\n                    <label style=\"display:flex; align-items:center; gap:6px; cursor:pointer;\">\r\n                        <input type=\"checkbox\" id=\"ctrl-toggle\" onchange=\"updateInspector()\"> Show Ctrl View\r\n                    <\/label>\r\n                <\/div>\r\n                <div id=\"inspector-content\" style=\"margin-top:12px;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <p style=\"font-size:12px; color:#888; text-align:center; margin-top:12px;\">Tip: Click any skill card to focus it. Gems that share at least one tag with the selected skill will highlight in green. Keyboard users can Tab between cards and press Enter to interact.<\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ===================== PRO TIPS ACCORDION ===================== -->\r\n<section id=\"tips\">\r\n    <h2><i class=\"fa fa-list\"><\/i> Pro Tips for Mastering Skill Gems<\/h2>\r\n    <ul class=\"tips-list\">\r\n        <li class=\"accordion\">Prioritize multi tag coverage <i class=\"fa fa-chevron-down\"><\/i>\r\n            <div class=\"tip-content hidden-content\">\r\n                <p>Gems that match several tags on your main skill deliver more linked effects per socket. Look for overlaps like Physical + Slash on both a strike skill and a finishing gem. This maximizes value from every equip.<\/p>\r\n            <\/div>\r\n        <\/li>\r\n        <li class=\"accordion\">Audit regularly with Ctrl <i class=\"fa fa-chevron-down\"><\/i>\r\n            <div class=\"tip-content hidden-content\">\r\n                <p>Before heading into a raid or difficult encounter, open the skill menu and hold Ctrl. You will instantly see which tags are receiving the most linked effects and which are underperforming. Adjust on the fly.<\/p>\r\n            <\/div>\r\n        <\/li>\r\n        <li class=\"accordion\">Higher difficulty equals higher reward <i class=\"fa fa-chevron-down\"><\/i>\r\n            <div class=\"tip-content hidden-content\">\r\n                <p>Higher tier Skill Gems drop from higher difficulty raids. Save your most valuable sockets for these premium gems once you have cleared the content that rewards them.<\/p>\r\n            <\/div>\r\n        <\/li>\r\n        <li class=\"accordion\">Shape skill direction through combinations <i class=\"fa fa-chevron-down\"><\/i>\r\n            <div class=\"tip-content hidden-content\">\r\n                <p>Because only matching tags apply, you can steer a single skill toward damage, utility, or survivability simply by choosing gems with the right tag mix. The same base skill can feel completely different across builds.<\/p>\r\n            <\/div>\r\n        <\/li>\r\n        <li class=\"accordion\">Common gems still have a place <i class=\"fa fa-chevron-down\"><\/i>\r\n            <div class=\"tip-content hidden-content\">\r\n                <p>Gems with Common effects can be equipped anywhere. While they do not show in Ctrl tag counts, they provide reliable bonuses that never go to waste when you need filler sockets or are testing new skills.<\/p>\r\n            <\/div>\r\n        <\/li>\r\n    <\/ul>\r\n<\/section>\r\n\r\n<!-- ===================== POLL SECTION ===================== -->\r\n<section id=\"poll\">\r\n    <h2><i class=\"fa fa-users\"><\/i> Community Pulse<\/h2>\r\n    <p>The tag system adds a layer of strategic depth that goes beyond simple stat stacking. What do you think?<\/p>\r\n        <div class=\"quiz-section\" style=\"margin:30px auto; padding:20px; border:2px solid #3399ff; border-radius:12px; background:#0d0d0d; color:#fff; text-align:center; max-width:500px;\">\r\n        <h3><i class=\"fa fa-question-circle\" aria-hidden=\"true\"><\/i> Quick Poll: Your Take<\/h3>\r\n        <p>Do you believe the Skill Gem tag matching system will encourage creative and diverse builds in Embers of the Uncrowned?<\/p>\r\n\r\n        <button class=\"poll-btn\" data-vote=\"yes\" style=\"background:#00ff88; border:none; padding:10px 20px; margin:5px; border-radius:8px; cursor:pointer; color:#000;\">\r\n            Yes <i class=\"fa fa-thumbs-up\"><\/i>\r\n        <\/button>\r\n        <button class=\"poll-btn\" data-vote=\"no\" style=\"background:#ff4444; border:none; padding:10px 20px; margin:5px; border-radius:8px; cursor:pointer; color:#fff;\">\r\n            No <i class=\"fa fa-thumbs-down\"><\/i>\r\n        <\/button>\r\n\r\n        <p class=\"poll-result\" style=\"font-weight:bold; margin-top:10px;\"><\/p>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function(){\r\n        var container = document.querySelector('.quiz-section[data-poll-id=\"eotu_skill_gems_depth\"]') || document.querySelector('.quiz-section');\r\n        if(!container) return;\r\n\r\n        var buttons = container.querySelectorAll('.poll-btn');\r\n        var resultEl = container.querySelector('.poll-result');\r\n        var ajaxUrl = \"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-admin\/admin-ajax.php\";\r\n\r\n        function disableButtons(){\r\n            buttons.forEach(function(b){\r\n                b.disabled = true;\r\n                b.style.opacity = '0.6';\r\n                b.style.cursor = 'not-allowed';\r\n            });\r\n        }\r\n\r\n        buttons.forEach(function(btn){\r\n            btn.addEventListener('click', function(){\r\n                disableButtons();\r\n                var vote = btn.getAttribute('data-vote');\r\n                var form = new FormData();\r\n                form.append('action','minimal_save_poll_vote');\r\n                form.append('poll_id','eotu_skill_gems_depth');\r\n                form.append('vote',vote);\r\n\r\n                fetch(ajaxUrl,{method:'POST',body:form})\r\n                .then(r=>r.json())\r\n                .then(json=>{\r\n                    if(json && json.success && json.data){\r\n                        resultEl.textContent='Yes: '+(json.data.yes||0)+' | No: '+(json.data.no||0);\r\n                    } else {\r\n                        resultEl.textContent='Thanks for voting';\r\n                    }\r\n                }).catch(()=>{ resultEl.textContent='Network error'; });\r\n            });\r\n        });\r\n    })();\r\n    <\/script>\r\n    \r\n<\/section>\r\n\r\n<!-- ===================== SUMMARY SECTION ===================== -->\r\n<section id=\"summary\">\r\n    <h2><i class=\"fa fa-flag-checkered\"><\/i> Ready to Ignite Your Build<\/h2>\r\n    <p>Skill Gems are more than upgrades. They are the language through which you speak to the combat system in Embers of the Uncrowned. Master the tag matching rules, use the interactive tool above to test ideas, and you will walk into the demo on June 15 with a clear vision of how your character will dominate the battlefield.<\/p>\r\n    \r\n    <p>The isometric battles are fast and punishing. Every linked effect you activate can be the difference between victory and becoming another ember lost to history.<\/p>\r\n    \r\n    <p style=\"text-align:center; margin-top:20px;\">\r\n        <strong>Stay tuned to Gaming with DaOpa for more Embers of the Uncrowned guides, build showcases, and live reactions as the game approaches release.<\/strong>\r\n    <\/p>\r\n<\/section>\r\n<\/main>\r\n\r\n<footer>\r\n    <p><strong>Disclaimer:<\/strong> This article is based solely on official information published by Nexon and the Steam store page for Embers of the Uncrowned as of June 2026. The game is still in development. Skill Gem mechanics, tag lists, and drop rates may change before or after launch. Always verify details on the official website and in game once available.<\/p>\r\n<\/footer>\r\n\r\n<div id=\"lightbox-overlay\"><\/div>\r\n<div id=\"toast\" class=\"toast\"><\/div>\r\n\r\n<!-- ===================== JS BEHAVIOR ===================== -->\r\n<script src=\"https:\/\/gamingwithdaopa.ellatha.com\/media\/evefrontier\/chart.js\"><\/script>\r\n<script>\r\n\/\/ ===================== DATA =====================\r\nconst skillsData = [\r\n    { id: 'triple', name: 'Triple Strike', tags: ['Physical', 'Slash'], slots: 2, equipped: [] },\r\n    { id: 'spinning', name: 'Spinning Slash', tags: ['Physical', 'Slash', 'Wind'], slots: 2, equipped: [] },\r\n    { id: 'critical', name: 'Critical Strike', tags: ['Physical', 'Penetration', 'Block', 'Blood'], slots: 2, equipped: [] },\r\n    { id: 'phantom', name: 'Phantom Clone', tags: ['Summon', 'Buff'], slots: 1, equipped: [] }\r\n];\r\n\r\nconst gemsData = [\r\n    { id: 'g1', name: 'Gale Edge', grade: 'Uncommon', tags: ['Physical', 'Wind'], color: '#81C784' },\r\n    { id: 'g2', name: 'Bloodthirst Shard', grade: 'Rare', tags: ['Physical', 'Blood', 'Penetration'], color: '#E57373' },\r\n    { id: 'g3', name: 'Shadow Bind', grade: 'Rare', tags: ['Darkness', 'Debuff'], color: '#9575CD' },\r\n    { id: 'g4', name: \"Finisher's Mark\", grade: 'Epic', tags: ['Physical', 'Slash', 'Finish'], color: '#FFD54F' },\r\n    { id: 'g5', name: 'Spectral Ward', grade: 'Uncommon', tags: ['Summon', 'Buff'], color: '#64B5F6' },\r\n    { id: 'g6', name: 'Wind Shear', grade: 'Rare', tags: ['Wind', 'Slash'], color: '#4FC3F7' },\r\n    { id: 'g7', name: 'Vampiric Edge', grade: 'Epic', tags: ['Physical', 'Blood'], color: '#F06292' }\r\n];\r\n\r\nlet currentSelectedSkillId = null;\r\nlet skillsState = JSON.parse(JSON.stringify(skillsData)); \/\/ working copy\r\n\r\n\/\/ ===================== HELPER FUNCTIONS =====================\r\nfunction getSkillById(id) {\r\n    return skillsState.find(s => s.id === id);\r\n}\r\n\r\nfunction getGemById(id) {\r\n    return gemsData.find(g => g.id === id);\r\n}\r\n\r\nfunction calculateLinkedEffects(skill) {\r\n    let total = 0;\r\n    skill.equipped.forEach(gemId => {\r\n        const gem = getGemById(gemId);\r\n        if (gem) {\r\n            const matches = gem.tags.filter(tag => skill.tags.includes(tag)).length;\r\n            total += matches;\r\n        }\r\n    });\r\n    return total;\r\n}\r\n\r\nfunction getTagCounts(skill) {\r\n    const counts = {};\r\n    skill.tags.forEach(tag => {\r\n        counts[tag] = 0;\r\n        skill.equipped.forEach(gemId => {\r\n            const gem = getGemById(gemId);\r\n            if (gem && gem.tags.includes(tag)) {\r\n                counts[tag]++;\r\n            }\r\n        });\r\n    });\r\n    return counts;\r\n}\r\n\r\nfunction showToast(message, isError = false) {\r\n    const toast = document.getElementById('toast');\r\n    toast.textContent = message;\r\n    toast.style.borderColor = isError ? '#F44336' : '#4CAF50';\r\n    toast.classList.add('show');\r\n    setTimeout(() => {\r\n        toast.classList.remove('show');\r\n    }, 2800);\r\n}\r\n\r\n\/\/ ===================== RENDER SKILLS =====================\r\nfunction renderSkills() {\r\n    const container = document.getElementById('skill-grid');\r\n    container.innerHTML = '';\r\n    \r\n    skillsState.forEach(skill => {\r\n        const card = document.createElement('div');\r\n        card.className = `skill-card ${currentSelectedSkillId === skill.id ? 'selected' : ''}`;\r\n        card.innerHTML = `\r\n            <div style=\"display:flex; justify-content:space-between; align-items:flex-start;\">\r\n                <div>\r\n                    <strong style=\"font-size:16px;\">${skill.name}<\/strong>\r\n                    <div style=\"margin-top:8px;\">\r\n                        ${skill.tags.map(tag => `<span class=\"tag-chip\">${tag}<\/span>`).join('')}\r\n                    <\/div>\r\n                <\/div>\r\n                <div style=\"text-align:right; font-size:12px; color:#888;\">\r\n                    Slots<br>\r\n                    <span style=\"font-size:18px; color:#F44336; font-weight:bold;\">${skill.equipped.length}\/${skill.slots}<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"slot-row\">\r\n                ${Array.from({length: skill.slots}).map((_, i) => {\r\n                    if (i < skill.equipped.length) {\r\n                        const gem = getGemById(skill.equipped[i]);\r\n                        return `<div class=\"slot filled\" style=\"background:${gem.color};\">${gem.name.substring(0,2)}<\/div>`;\r\n                    }\r\n                    return `<div class=\"slot\">Empty<\/div>`;\r\n                }).join('')}\r\n            <\/div>\r\n            <div style=\"margin-top:8px; font-size:12px; color:#4CAF50;\">\r\n                Linked Effects: <strong>${calculateLinkedEffects(skill)}<\/strong>\r\n            <\/div>\r\n        `;\r\n        \r\n        card.addEventListener('click', () => {\r\n            currentSelectedSkillId = skill.id;\r\n            renderSkills();\r\n            renderEquipper();\r\n        });\r\n        \r\n        \/\/ Keyboard support\r\n        card.setAttribute('tabindex', '0');\r\n        card.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Enter' || e.key === ' ') {\r\n                e.preventDefault();\r\n                currentSelectedSkillId = skill.id;\r\n                renderSkills();\r\n                renderEquipper();\r\n            }\r\n        });\r\n        \r\n        container.appendChild(card);\r\n    });\r\n}\r\n\r\n\/\/ ===================== RENDER EQUIPPER =====================\r\nfunction renderEquipper() {\r\n    const panel = document.getElementById('equipper-panel');\r\n    const nameSpan = document.getElementById('selected-skill-name');\r\n    const slotsDiv = document.getElementById('slots-display');\r\n    const gemsContainer = document.getElementById('gem-grid');\r\n    const inspector = document.getElementById('inspector');\r\n    \r\n    if (!currentSelectedSkillId) {\r\n        nameSpan.textContent = 'Select a skill above';\r\n        slotsDiv.innerHTML = '<p style=\"color:#888; text-align:center;\">Select a skill card to begin equipping gems.<\/p>';\r\n        gemsContainer.innerHTML = '';\r\n        inspector.style.display = 'none';\r\n        return;\r\n    }\r\n    \r\n    const skill = getSkillById(currentSelectedSkillId);\r\n    nameSpan.textContent = skill.name;\r\n    inspector.style.display = 'block';\r\n    \r\n    \/\/ Slots\r\n    slotsDiv.innerHTML = `<div style=\"display:flex; gap:10px; flex-wrap:wrap;\">${skill.equipped.map((gemId, index) => {\r\n        const gem = getGemById(gemId);\r\n        return `\r\n            <div style=\"display:flex; align-items:center; background:#121214; padding:6px 10px; border-radius:8px; border:1px solid #F44336;\">\r\n                <span style=\"display:inline-block; width:18px; height:18px; background:${gem.color}; border-radius:50%; margin-right:8px; border:1px solid #fff;\"><\/span>\r\n                <span style=\"font-size:13px; margin-right:12px;\">${gem.name}<\/span>\r\n                <button onclick=\"unequipGem(${index})\" style=\"background:none; border:none; color:#F44336; cursor:pointer; font-size:16px; line-height:1;\">\u00d7<\/button>\r\n            <\/div>\r\n        `;\r\n    }).join('') || '<span style=\"color:#888;\">No gems equipped yet. Click a compatible gem below.<\/span>'}<\/div>`;\r\n    \r\n    \/\/ Gems\r\n    gemsContainer.innerHTML = '';\r\n    gemsData.forEach(gem => {\r\n        const isEquipped = skill.equipped.includes(gem.id);\r\n        const hasMatch = gem.tags.some(tag => skill.tags.includes(tag));\r\n        const card = document.createElement('div');\r\n        card.className = `gem-card ${hasMatch && !isEquipped ? 'compatible' : ''} ${isEquipped ? 'incompatible' : ''}`;\r\n        \r\n        card.innerHTML = `\r\n            <div style=\"display:flex; align-items:center; gap:10px;\">\r\n                <span style=\"display:inline-block; width:26px; height:26px; background:${gem.color}; border-radius:50%; border:2px solid #fff; flex-shrink:0;\"><\/span>\r\n                <div style=\"flex:1; min-width:0;\">\r\n                    <div style=\"font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;\">${gem.name}<\/div>\r\n                    <div style=\"font-size:11px; color:#aaa;\">${gem.grade}<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div style=\"margin-top:8px;\">\r\n                ${gem.tags.map(tag => {\r\n                    const isMatch = skill.tags.includes(tag);\r\n                    return `<span class=\"tag-chip ${isMatch ? 'match' : 'no-match'}\">${tag}<\/span>`;\r\n                }).join('')}\r\n            <\/div>\r\n            <div style=\"margin-top:8px; font-size:12px; color:${hasMatch ? '#4CAF50' : '#F44336'};\">\r\n                ${isEquipped ? 'Already equipped on this skill' : hasMatch ? 'Compatible \u2014 Click to equip' : 'No shared tags'}\r\n            <\/div>\r\n        `;\r\n        \r\n        if (hasMatch && !isEquipped && skill.equipped.length < skill.slots) {\r\n            card.addEventListener('click', () => equipGem(gem.id));\r\n            card.setAttribute('tabindex', '0');\r\n            card.addEventListener('keydown', (e) => {\r\n                if (e.key === 'Enter') equipGem(gem.id);\r\n            });\r\n        } else if (isEquipped) {\r\n            card.style.cursor = 'not-allowed';\r\n        }\r\n        \r\n        gemsContainer.appendChild(card);\r\n    });\r\n    \r\n    updateInspector();\r\n}\r\n\r\n\/\/ ===================== EQUIP \/ UNEQUIP =====================\r\nfunction equipGem(gemId) {\r\n    if (!currentSelectedSkillId) return;\r\n    \r\n    const skill = getSkillById(currentSelectedSkillId);\r\n    const gem = getGemById(gemId);\r\n    \r\n    if (!gem) return;\r\n    if (skill.equipped.length >= skill.slots) {\r\n        showToast('No open slots on this skill.', true);\r\n        return;\r\n    }\r\n    if (skill.equipped.includes(gemId)) return;\r\n    \r\n    const hasMatch = gem.tags.some(tag => skill.tags.includes(tag));\r\n    if (!hasMatch) {\r\n        showToast('This gem shares no tags with the selected skill.', true);\r\n        return;\r\n    }\r\n    \r\n    skill.equipped.push(gemId);\r\n    \r\n    \/\/ Success animation\r\n    const cards = document.querySelectorAll('.skill-card');\r\n    cards.forEach(c => {\r\n        if (c.textContent.includes(skill.name)) {\r\n            c.style.transition = 'transform 0.1s';\r\n            c.style.transform = 'scale(1.03)';\r\n            setTimeout(() => {\r\n                c.style.transform = 'scale(1)';\r\n            }, 180);\r\n        }\r\n    });\r\n    \r\n    renderSkills();\r\n    renderEquipper();\r\n    showToast(`Equipped ${gem.name} to ${skill.name}`);\r\n}\r\n\r\nfunction unequipGem(index) {\r\n    if (!currentSelectedSkillId) return;\r\n    const skill = getSkillById(currentSelectedSkillId);\r\n    const removed = skill.equipped.splice(index, 1)[0];\r\n    const gem = getGemById(removed);\r\n    \r\n    renderSkills();\r\n    renderEquipper();\r\n    if (gem) showToast(`Unequipped ${gem.name}`);\r\n}\r\n\r\nfunction clearAllEquips() {\r\n    skillsState.forEach(s => s.equipped = []);\r\n    currentSelectedSkillId = null;\r\n    document.getElementById('selected-skill-name').textContent = 'Select a skill above';\r\n    renderSkills();\r\n    renderEquipper();\r\n    showToast('All gems cleared from every skill.');\r\n}\r\n\r\nfunction loadExampleBuild() {\r\n    \/\/ Clear first\r\n    skillsState.forEach(s => s.equipped = []);\r\n    \r\n    \/\/ Logical example\r\n    const triple = getSkillById('triple');\r\n    triple.equipped = ['g4', 'g1']; \/\/ Finisher's Mark + Gale Edge (Physical\/Slash + Physical\/Wind)\r\n    \r\n    const spinning = getSkillById('spinning');\r\n    spinning.equipped = ['g6']; \/\/ Wind Shear (Wind\/Slash)\r\n    \r\n    const critical = getSkillById('critical');\r\n    critical.equipped = ['g2']; \/\/ Bloodthirst Shard (Physical\/Blood\/Penetration)\r\n    \r\n    const phantom = getSkillById('phantom');\r\n    phantom.equipped = ['g5']; \/\/ Spectral Ward (Summon\/Buff)\r\n    \r\n    currentSelectedSkillId = 'triple';\r\n    renderSkills();\r\n    renderEquipper();\r\n    showToast('Example build loaded. Feel free to experiment further!');\r\n}\r\n\r\n\/\/ ===================== INSPECTOR =====================\r\nfunction updateInspector() {\r\n    const inspector = document.getElementById('inspector');\r\n    const content = document.getElementById('inspector-content');\r\n    const ctrlToggle = document.getElementById('ctrl-toggle');\r\n    \r\n    if (!currentSelectedSkillId) {\r\n        inspector.style.display = 'none';\r\n        return;\r\n    }\r\n    \r\n    const skill = getSkillById(currentSelectedSkillId);\r\n    const totalLinked = calculateLinkedEffects(skill);\r\n    \r\n    let html = `<div style=\"margin-bottom:10px;\"><strong>Total Linked Effects:<\/strong> <span style=\"color:#F44336; font-size:18px;\">${totalLinked}<\/span><\/div>`;\r\n    \r\n    if (ctrlToggle && ctrlToggle.checked) {\r\n        const counts = getTagCounts(skill);\r\n        html += `<div style=\"font-size:13px; margin-bottom:6px; color:#aaa;\">Effects linked per tag (Ctrl view):<\/div>`;\r\n        Object.keys(counts).forEach(tag => {\r\n            const pct = Math.min(100, counts[tag] * 25);\r\n            html += `\r\n                <div style=\"margin:6px 0;\">\r\n                    <div style=\"display:flex; justify-content:space-between; font-size:13px;\">\r\n                        <span>${tag}<\/span>\r\n                        <span style=\"color:#F44336;\">${counts[tag]} effect${counts[tag] !== 1 ? 's' : ''}<\/span>\r\n                    <\/div>\r\n                    <div style=\"background:#333; height:6px; border-radius:3px; overflow:hidden;\">\r\n                        <div class=\"effect-bar\" style=\"width:${pct}%;\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n        });\r\n    } else {\r\n        html += `<div style=\"font-size:13px; color:#888;\">Enable \"Show Ctrl View\" to see per tag effect counts exactly as they appear when holding Ctrl in game.<\/div>`;\r\n    }\r\n    \r\n    content.innerHTML = html;\r\n}\r\n\r\n\/\/ ===================== LIGHTBOX (enhanced) =====================\r\nfunction initLightbox() {\r\n    const lb = document.getElementById('lightbox-overlay');\r\n    if (!lb) return;\r\n    \r\n    document.querySelectorAll('.centered-image').forEach(img => {\r\n        img.addEventListener('click', () => {\r\n            lb.innerHTML = '';\r\n            const image = document.createElement('img');\r\n            image.src = img.dataset.large;\r\n            image.alt = img.alt || 'Expanded view';\r\n            image.style.maxWidth = '92%';\r\n            image.style.maxHeight = '92%';\r\n            image.style.borderRadius = '10px';\r\n            image.style.boxShadow = '0 0 30px rgba(0,0,0,0.6)';\r\n            lb.appendChild(image);\r\n            lb.style.display = 'flex';\r\n        });\r\n    });\r\n    \r\n    lb.addEventListener('click', () => {\r\n        lb.style.display = 'none';\r\n        lb.innerHTML = '';\r\n    });\r\n}\r\n\r\n\/\/ ===================== ACCORDION =====================\r\nfunction initAccordions() {\r\n    document.querySelectorAll('.accordion').forEach(el => {\r\n        el.addEventListener('click', () => {\r\n            const box = el.querySelector('.tip-content');\r\n            el.classList.toggle('active');\r\n            box.style.display = box.style.display === 'block' ? 'none' : 'block';\r\n        });\r\n        \r\n        \/\/ Keyboard\r\n        el.setAttribute('tabindex', '0');\r\n        el.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Enter' || e.key === ' ') {\r\n                e.preventDefault();\r\n                const box = el.querySelector('.tip-content');\r\n                el.classList.toggle('active');\r\n                box.style.display = box.style.display === 'block' ? 'none' : 'block';\r\n            }\r\n        });\r\n    });\r\n}\r\n\r\n\/\/ ===================== SECTION REVEAL =====================\r\nfunction initSectionReveal() {\r\n    const sections = document.querySelectorAll('section');\r\n    const observer = new IntersectionObserver(entries => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('visible');\r\n            }\r\n        });\r\n    }, { threshold: 0.1 });\r\n    \r\n    sections.forEach(section => observer.observe(section));\r\n}\r\n\r\n\/\/ ===================== INITIALIZE EVERYTHING =====================\r\nfunction initializeSimulator() {\r\n    \/\/ Initial render\r\n    renderSkills();\r\n    \r\n    \/\/ Keyboard hint\r\n    document.addEventListener('keydown', (e) => {\r\n        if (e.key.toLowerCase() === '?' && document.activeElement.tagName === 'BODY') {\r\n            e.preventDefault();\r\n            const firstSkill = document.querySelector('.skill-card');\r\n            if (firstSkill) firstSkill.focus();\r\n        }\r\n    });\r\n    \r\n    \/\/ Initial message\r\n    setTimeout(() => {\r\n        const nameSpan = document.getElementById('selected-skill-name');\r\n        if (nameSpan && nameSpan.textContent.includes('Select')) {\r\n            \/\/ silent\r\n        }\r\n    }, 800);\r\n}\r\n\r\n\/\/ Boot\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Reveal Animation\r\n    initSectionReveal();\r\n    \r\n    \/\/ Accordion\r\n    initAccordions();\r\n    \r\n    \/\/ Lightbox\r\n    initLightbox();\r\n    \r\n    \/\/ Simulator\r\n    initializeSimulator();\r\n    \r\n    \/\/ Make sure inspector updates when toggle changes (already bound in HTML)\r\n    const ctrlToggle = document.getElementById('ctrl-toggle');\r\n    if (ctrlToggle) {\r\n        ctrlToggle.addEventListener('change', () => {\r\n            if (currentSelectedSkillId) {\r\n                const content = document.getElementById('inspector-content');\r\n                \/\/ re-render inspector content\r\n                const skill = getSkillById(currentSelectedSkillId);\r\n                const totalLinked = calculateLinkedEffects(skill);\r\n                let html = `<div style=\"margin-bottom:10px;\"><strong>Total Linked Effects:<\/strong> <span style=\"color:#F44336; font-size:18px;\">${totalLinked}<\/span><\/div>`;\r\n                \r\n                if (ctrlToggle.checked) {\r\n                    const counts = getTagCounts(skill);\r\n                    html += `<div style=\"font-size:13px; margin-bottom:6px; color:#aaa;\">Effects linked per tag (Ctrl view):<\/div>`;\r\n                    Object.keys(counts).forEach(tag => {\r\n                        const pct = Math.min(100, counts[tag] * 25);\r\n                        html += `\r\n                            <div style=\"margin:6px 0;\">\r\n                                <div style=\"display:flex; justify-content:space-between; font-size:13px;\">\r\n                                    <span>${tag}<\/span>\r\n                                    <span style=\"color:#F44336;\">${counts[tag]} effect${counts[tag] !== 1 ? 's' : ''}<\/span>\r\n                                <\/div>\r\n                                <div style=\"background:#333; height:6px; border-radius:3px; overflow:hidden;\">\r\n                                    <div class=\"effect-bar\" style=\"width:${pct}%;\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        `;\r\n                    });\r\n                } else {\r\n                    html += `<div style=\"font-size:13px; color:#888;\">Enable \"Show Ctrl View\" to see per tag effect counts exactly as they appear when holding Ctrl in game.<\/div>`;\r\n                }\r\n                content.innerHTML = html;\r\n            }\r\n        });\r\n    }\r\n    \r\n    \/\/ Bonus: subtle ember pulse on main title area\r\n    const mainTitle = document.querySelector('#custom-article h1');\r\n    if (mainTitle) mainTitle.classList.add('ember-glow');\r\n});\r\n<\/script>\r\n<\/article>\r\n","protected":false},"excerpt":{"rendered":"<p>Learn how the innovative tag based Skill Gem system works in Nexon&#8217;s upcoming dark fantasy MMORPG. Understand matching mechanics, experiment with an interactive simulator, and prepare your builds before the demo arrives. The Spark That Ignites Your Power In the brutal world of Embers of the Uncrowned, where elven invaders have shattered kingdoms and blood [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":82,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-80","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"yoast_head":"<!-- Meta Tags -->\r\n<title>Skill Gems in Embers of the Uncrowned<\/title>\r\n<meta name=\"description\" content=\"Learn how the innovative tag based Skill Gem system works in Nexon&#039;s upcoming dark fantasy MMORPG. Understand matching mechanics, experiment with an\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Skill Gems in Embers of the Uncrowned\" \/>\r\n<meta property=\"og:description\" content=\"Learn how the innovative tag based Skill Gem system works in Nexon&#039;s upcoming dark fantasy MMORPG. Understand matching mechanics, experiment with an\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Embers of the Uncrowned\" \/>\r\n<meta property=\"article:publisher\" content=\"facebook.com\/gamingwithdaopa\/\" \/>\r\n<meta property=\"article:author\" content=\"facebook.com\/gamingwithdaopa\/\" \/>\r\n<meta property=\"article:published_time\" content=\"2026-06-09T21:33:30+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems-1.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"400\" \/>\r\n\t<meta property=\"og:image:height\" content=\"263\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"daopa\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:creator\" content=\"@gamingwithdaopa\" \/>\r\n<meta name=\"twitter:site\" content=\"@gamingwithdaopa\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"daopa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/\"},\"author\":{\"name\":\"daopa\",\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/fb03a927907d90f409fac550ba375638\"},\"headline\":\"Skill Gems in Embers of the Uncrowned\",\"datePublished\":\"2026-06-09T21:33:30+00:00\",\"dateModified\":\"2026-06-09T21:33:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/\"},\"wordCount\":864,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/fb03a927907d90f409fac550ba375638\"},\"image\":{\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems-1.jpg\",\"articleSection\":[\"News\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/\",\"url\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/\",\"name\":\"Skill Gems in Embers of the Uncrowned\",\"isPartOf\":{\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems-1.jpg\",\"datePublished\":\"2026-06-09T21:33:30+00:00\",\"dateModified\":\"2026-06-09T21:33:30+00:00\",\"description\":\"Learn how the innovative tag based Skill Gem system works in Nexon's upcoming dark fantasy MMORPG. Understand matching mechanics, experiment with an\",\"breadcrumb\":{\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#primaryimage\",\"url\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems-1.jpg\",\"contentUrl\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems-1.jpg\",\"width\":400,\"height\":263,\"caption\":\"embers of the uncrowned skill gems\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Skill Gems in Embers of the Uncrowned\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#website\",\"url\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/\",\"name\":\"Embers of the Uncrowned\",\"description\":\"Embers of the Uncrowned EOTU Guide &amp; Fansite by DaOpa. Pro builds, class guides, House &amp; companion strategies for Nexon&#039;s dark fantasy MMORPG.\",\"publisher\":{\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/fb03a927907d90f409fac550ba375638\"},\"alternateName\":\"eotu\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/fb03a927907d90f409fac550ba375638\",\"name\":\"daopa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/DaOpa.png\",\"contentUrl\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/DaOpa.png\",\"width\":1087,\"height\":1604,\"caption\":\"daopa\"},\"logo\":{\"@id\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/image\/\"},\"description\":\"DaOpa has been variety streamer since 2009 with game focuses on primarily MMOs, Sandbox, RPG and FPS genres. For inquires comment in the comments sections. This channel is syndicated across various micro niche gaming related blogs operated by DaOpa. He creates fansites, guides, tools for gamers\",\"sameAs\":[\"https:\/\/gamingwithdaopa.ellatha.com\",\"facebook.com\/gamingwithdaopa\/\",\"https:\/\/x.com\/gamingwithdaopa\",\"youtube.com\/@daopa\"],\"url\":\"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/author\/daopa\/\"}]}<\/script>","yoast_head_json":{"title":"Skill Gems in Embers of the Uncrowned","description":"Learn how the innovative tag based Skill Gem system works in Nexon's upcoming dark fantasy MMORPG. Understand matching mechanics, experiment with an","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/","og_locale":"en_US","og_type":"article","og_title":"Skill Gems in Embers of the Uncrowned","og_description":"Learn how the innovative tag based Skill Gem system works in Nexon's upcoming dark fantasy MMORPG. Understand matching mechanics, experiment with an","og_url":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/","og_site_name":"Embers of the Uncrowned","article_publisher":"facebook.com\/gamingwithdaopa\/","article_author":"facebook.com\/gamingwithdaopa\/","article_published_time":"2026-06-09T21:33:30+00:00","og_image":[{"width":400,"height":263,"url":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems-1.jpg","type":"image\/jpeg"}],"author":"daopa","twitter_card":"summary_large_image","twitter_creator":"@gamingwithdaopa","twitter_site":"@gamingwithdaopa","twitter_misc":{"Written by":"daopa","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#article","isPartOf":{"@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/"},"author":{"name":"daopa","@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/fb03a927907d90f409fac550ba375638"},"headline":"Skill Gems in Embers of the Uncrowned","datePublished":"2026-06-09T21:33:30+00:00","dateModified":"2026-06-09T21:33:30+00:00","mainEntityOfPage":{"@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/"},"wordCount":864,"commentCount":0,"publisher":{"@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/fb03a927907d90f409fac550ba375638"},"image":{"@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#primaryimage"},"thumbnailUrl":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems-1.jpg","articleSection":["News"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/","url":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/","name":"Skill Gems in Embers of the Uncrowned","isPartOf":{"@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#primaryimage"},"image":{"@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#primaryimage"},"thumbnailUrl":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems-1.jpg","datePublished":"2026-06-09T21:33:30+00:00","dateModified":"2026-06-09T21:33:30+00:00","description":"Learn how the innovative tag based Skill Gem system works in Nexon's upcoming dark fantasy MMORPG. Understand matching mechanics, experiment with an","breadcrumb":{"@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#primaryimage","url":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems-1.jpg","contentUrl":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/embers-of-the-uncrowned-skill-gems-1.jpg","width":400,"height":263,"caption":"embers of the uncrowned skill gems"},{"@type":"BreadcrumbList","@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/mastering-skill-gems\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/"},{"@type":"ListItem","position":2,"name":"Skill Gems in Embers of the Uncrowned"}]},{"@type":"WebSite","@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#website","url":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/","name":"Embers of the Uncrowned","description":"Embers of the Uncrowned EOTU Guide &amp; Fansite by DaOpa. Pro builds, class guides, House &amp; companion strategies for Nexon&#039;s dark fantasy MMORPG.","publisher":{"@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/fb03a927907d90f409fac550ba375638"},"alternateName":"eotu","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/fb03a927907d90f409fac550ba375638","name":"daopa","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/image\/","url":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/DaOpa.png","contentUrl":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-content\/uploads\/sites\/43\/2026\/06\/DaOpa.png","width":1087,"height":1604,"caption":"daopa"},"logo":{"@id":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/#\/schema\/person\/image\/"},"description":"DaOpa has been variety streamer since 2009 with game focuses on primarily MMOs, Sandbox, RPG and FPS genres. For inquires comment in the comments sections. This channel is syndicated across various micro niche gaming related blogs operated by DaOpa. He creates fansites, guides, tools for gamers","sameAs":["https:\/\/gamingwithdaopa.ellatha.com","facebook.com\/gamingwithdaopa\/","https:\/\/x.com\/gamingwithdaopa","youtube.com\/@daopa"],"url":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/author\/daopa\/"}]}},"_links":{"self":[{"href":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-json\/wp\/v2\/posts\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":3,"href":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-json\/wp\/v2\/posts\/80\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-json\/wp\/v2\/posts\/80\/revisions\/84"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-json\/wp\/v2\/media\/82"}],"wp:attachment":[{"href":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-json\/wp\/v2\/media?parent=80"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-json\/wp\/v2\/categories?post=80"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gamingwithdaopa.ellatha.com\/eotu\/wp-json\/wp\/v2\/tags?post=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}