View source for Mew's Guardian Guide

{{#css:MediaWiki:Tabs.css}}
<html>
<html lang="en" id="top">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>CoraTO Wiki • Guardian Guide</title>
 
</head>
<body>
  <div class="mw-page-scope">
    <!-- Hero -->
    <header class="hero">
      <div class="hero-inner">
        <div class="hero-logo">[[File:Guard_Ian.gif|center|220x220px]]</div>
        <h1 class="hero-title">Mew's Guardian Guide</h1>
        <p class="hero-subtitle">Complete Journey to Guardian Mastery</p>
        <div class="status-pill">WIKI UNDER CONSTRUCTION</div>
      </div>
    </header>
    
    <div class="quick-stats">
      <div class="stat-card">
        <div class="stat-number">65+</div>
        <div class="stat-label">Required Level</div>
      </div>
      <div class="stat-card">
        <div class="stat-number">5</div>
        <div class="stat-label">Guardian Types</div>
      </div>
      <div class="stat-card">
        <div class="stat-number">3</div>
        <div class="stat-label">Main Questlines</div>
      </div>
      <div class="stat-card">
        <div class="stat-number">16</div>
        <div class="stat-label">Secret Cards</div>
      </div>
    </div>
        
    <nav class="nav-tabs" aria-label="Main sections">
      <button id="tabbtn-overview" class="nav-tab active" data-tab="tab-overview"><span class="full-text">Overview</span><span class="short-text">Overview</span></button>
      <button id="tabbtn-faq" class="nav-tab" data-tab="tab-faq"><span class="full-text">FAQ</span><span class="short-text">FAQ</span></button>
      <button id="tabbtn-cid" class="nav-tab" data-tab="tab-cid"><span class="full-text">Card ID</span><span class="short-text">Card ID</span></button>
      <button id="tabbtn-soul-seed" class="nav-tab" data-tab="tab-soul-seed"><span class="full-text">Soul Seed</span><span class="short-text">Soul Seed</span></button>
      <button id="tabbtn-guardian-quest" class="nav-tab" data-tab="tab-guardian-quest"><span class="full-text">Guardian Quest</span><span class="short-text">G.Quest</span></button>
      <button id="tabbtn-empathy" class="nav-tab" data-tab="tab-empathy"><span class="full-text">Empathy</span><span class="short-text">Empathy</span></button>
      <button id="tabbtn-types" class="nav-tab" data-tab="tab-types"><span class="full-text">Guardian Types</span><span class="short-text">G.Types</span></button>
      <button id="tabbtn-builds" class="nav-tab" data-tab="tab-builds"><span class="full-text">Builds</span><span class="short-text">Builds</span></button>
      <button id="tabbtn-harkon-defense" class="nav-tab" data-tab="tab-harkon-defense"><span class="full-text">Harkon Defense</span><span class="short-text">Harkon</span></button>
      <button id="tabbtn-examples" class="nav-tab" data-tab="tab-examples"><span class="full-text">Examples</span><span class="short-text">Examples</span></button>
    </nav>
        
    <main class="content">
      <!-- OVERVIEW TAB -->
      <section id="tab-overview" class="tab-content active" aria-labelledby="Overview">
        <div class="section-header">
          <h2 id="quick-overview">Quick Overview</h2>
          <p class="section-lead">Everything you need to know about guardians in one place</p>
        </div>
            
            <div class="info-grid">
                <div class="info-card">
                    <h3>What is a Guardian?</h3>
                    <p>A guardian is a permanent familiar that follows you around and assists in PvE combat using skills. They're your ultimate companion in Trickster Online!</p>
                </div>
                
                <div class="info-card">
                    <h3>Time Investment</h3>
                    <p>First guardian (legendary): ~10 days with minimal prep. With good preparation: 3-5 days. You can start at level 65!</p>
                </div>
                
                <div class="info-card">
                    <h3>Main Process</h3>
                    <p>1. Card Identification (CID) → 2. Soul Seed Quest → 3. Guardian Creation → 4. Empathy Building</p>
                </div>
                
                <div class="info-card">
                    <h3>Pro Tips</h3>
                    <p>Always CID BEFORE planting your seed! Collect items beforehand. Research your build. Ask the community for help!</p>
                </div>
            </div>
            
            <div class="tip-box">
                Looking for a quick start? Jump to the <a href="#" onclick="showTab('faq'); return false;">FAQ section</a> for immediate answers, or check out the <a href="#" onclick="showTab('types'); return false;">Guardian Types section</a> to plan your build!
            </div>

            <div class="warning-box">
                This guide is regularly updated with the latest information. If you're looking for a simplified version, check out the <a href="#" onclick="showTab('builds'); return false;">Basic Guardian Builds</a> guide for quick reference.
            </div>
            
            <button class="collapsible">About the Author</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Who is Mewsie?</h3>
                    <p>My IGN is Mewsie and I am a collector of fashion-related items. I have 9 guardians at the time of this guide on rTO alone (3 legendaries including one spinel, 3 superior, 1 normal, and 3 mighty), all of them I like to use to fit my itch for fashion. I also was able to make a legendary in a day (CID+build) on CoraTO. If you see me running around, feel free to say "Hello"! I will not hesitate to help if I possibly can. I've lead more Tricksters on this topic than I'd like to admit, so I figured "Why not make an all-encompassing guide?".</p>
                </div>
                
                <div class="info-card">
                    <h3>Guide History</h3>
                    <p>This guide has been a work in progress since around 2017-2018, and I never intend to call it finished—there is always more information to learn. I originally held this on the rTO forums, and then on a stand-alone document after.</p>
                </div>
                
                <div class="info-card">
                    <h3>My Goal</h3>
                    <p>My goal is to be the most descriptive guide out there so it's a one-stop-shop for your guardian needs! From a decade old player and the proud owner of currently 9 guardians on rTO and 2 legendaries and 1 mighty on CoraTO, here is my in-depth and fantastic guide into the wonderful world of guardians.</p>
                </div>
                
                <div class="tip-box">
                    Feel free to reach out to me in-game if you have questions or suggestions for improving this guide. I'm always happy to help fellow players on their guardian journey!
                </div>
            </div>
            
            <div class="info-card">
                <h3>About This Guide</h3>
                <p>Are you stuck on your guardian? Do you not know where to start? Do you want insider tips and tricks to speeding up the process? Do you like pictures and a comprehensible layout for your guides? Look no further! Mew's got you covered.</p>
            </div>
            
            <div class="tab-footer">
                <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
            </div>
        </section>
        
        <!-- FAQ TAB -->
        <section id="tab-faq" class="tab-content" aria-labelledby="FAQ">
            <div class="section-header">
                <h2 id="faq-section">Frequently Asked Questions</h2>
                <p class="section-lead">All your guardian questions answered</p>
            </div>
            
            <button class="collapsible">General Guardian FAQ</button>
            <div class="collapsible-content">
                <table class="faq-table">
                    <tr>
                        <th>Question</th>
                        <th>Answer</th>
                    </tr>
                    <tr>
                        <td class="question">What is a guardian?</td>
                        <td>A guardian is a familiar that permanently follows you around and assists in PvE (NOTE: NOT PvP) using skills.</td>
                    </tr>
                    <tr>
                        <td class="question">How do I know what skills my guardian can use?</td>
                        <td>The skills are marked by a green flag at the top-left hand corner. It looks like <img src="https://mewsie.world/CoraTOWiki/images/thumb/d/d3/Cure_icon.png/32px-Cure_icon.png" alt="Cure Icon" style="width: 35px; height: 35px;"> (if available). You can also right-click the skill at NPCs to see if it's guardian-compatible.</td>
                    </tr>
                    <tr>
                        <td class="question">How long will it take?</td>
                        <td><strong>Short answer:</strong> My first legendary took 10 days with minimal prep. My second took less than 3 days.<br><br><strong>Long answer:</strong> Depends on prep, type, and method. The more you research and collect items beforehand, the quicker the process goes. You can technically start this whole thing at level 65.</td>
                    </tr>
                    <tr>
                        <td class="question">What is empathy?</td>
                        <td>Empathy is a "secret" point system that builds your guardian's stats. You can't see empathy directly, but you can see the results in a build graph similar to your MyView. The system tracks your actions to determine your guardian's final stats.</td>
                    </tr>
                    <tr>
                        <td class="question">What is secret empathy?</td>
                        <td>Secret Empathy is a complex system that gives your guardian seed +1 for each type except one, which will be +2. This is pure RNG. You won't be able to see the empathy until after it hatches, which is where the "Secret" comes from. You gain secret empathy through CID and fortune telling.</td>
                    </tr>
                    <tr>
                        <td class="question">What's the best guardian for me?</td>
                        <td>Depends on your playstyle! For bossing and endgame content, check the cookie-cutter build. Otherwise, pick what speaks to your soul - you'll be stuck with it! Do more research to find your best fit.</td>
                    </tr>
                    <tr>
                        <td class="question">Should I go for legendary first?</td>
                        <td>On CoraTO, it's worth a slight DPS boost. You can get full SCs within 800-1k cards. Make sure you CID first! However, the DPS increase is relatively small compared to the effort required.</td>
                    </tr>
                    <tr>
                        <td class="question">I DON'T want legendary first!</td>
                        <td>CID BEFORE PLANTING YOUR SEED! Get the SCs first, card farm first, then worry about building later. Don't soft-lock your character while trying to get all the SCs!</td>
                    </tr>
                </table>
            </div>
            
            <button class="collapsible">Advanced FAQ</button>
            <div class="collapsible-content">
                <table class="faq-table">
                    <tr>
                        <th>Question</th>
                        <th>Answer</th>
                    </tr>
                    <tr>
                        <td class="question">What is the red Empathy Aura Combo meter on my Build screen?</td>
                        <td>IGNORE IT. IT'S JUST A COMBO METER. It's information overload. It's not an EXP bar!</td>
                    </tr>
                    <tr>
                        <td class="question">Do the number of actions have to be exact?</td>
                        <td>Yes, more or less. You want to be as accurate as possible to reduce your margin of error. Empathy (EM) is exact, SEM is unknown (thought to be exactly 2k but estimated at 1.6k with regular actions).</td>
                    </tr>
                    <tr>
                        <td class="question">Do I need CID/Secret Empathy?</td>
                        <td><strong>For Regular/Mighty/Superior:</strong> You'll need about 800 cards to get a complete set. After that it depends on how you do CID/if you do anything fortune-related/anything else SEM-related.<br><br><strong>For Spinel:</strong> You need about double of everything.<br><br><strong>Tip:</strong> If you're only going for regular/mighty/superior, then you'll need about 800 to get a complete set of SCs.</td>
                    </tr>
                    <tr>
                        <td class="question">Why Cookie-Cutter Build?</td>
                        <td>Lucky Fist is based on enemy HP rather than internal stats, making it ideal for something that can't buff itself. This is meta for CoraTO because much of the endgame, including custom content bosses, are based around incredibly high HP bosses (over 300 million HP).<br><br>You tell me you wouldn't want something that does basically 1/6 of that every 30 seconds for just a slight grind investment, versus hammering away with your Paula doing 3.5k damage if you're lucky with PvP equipment + compositions + tempers after waiting 3.5 minutes for CH5 to appear...</td>
                    </tr>
                    <tr>
                        <td class="question">What is squiggle? What is 90 DA?</td>
                        <td>Squiggle refers to the picture emote of a jumbled squiggle made when your character exclaims "Nothing is here!" and makes an angry motion. 90 DA refers to the DA stat, and how much you need in total. This allows you to always have a concrete result from drilling, which is either "Item is found!" with the lightbulb, or the Squiggle.</td>
                    </tr>
                    <tr>
                        <td class="question">Additional Important Information</td>
                        <td><strong>Second Guardian:</strong> You must purchase a Soul Ticket for another guardian slot (MyShop > Pet&Drill > Guardian)<br><br><strong>Runes:</strong> You can't replace the top-left rune or add one to the green slot (original development never got that far)<br><br><strong>Spinels:</strong> Are naturally the hardest to obtain<br><br><strong>Spinel Package:</strong> Sold in MyShop > Pet&Drill > Guardian, comes with seed AND map (don't need to buy another!)</td>
                    </tr>
                </table>
            </div>
            <button class="collapsible">Common Mistakes & Solutions</button>
            <div class="collapsible-content">
                <div class="warning-box">
                    <h3>Mistake #1: Planting Seed Before CID</h3>
                    <p><strong>Problem:</strong> Can't get Secret Cards after planting</p>
                    <p><strong>Solution:</strong> Always complete CID questline first, get all Secret Cards before touching your seed</p>
                </div>
                
                <div class="warning-box">
                    <h3>Mistake #2: Incorrect Empathy Counting</h3>
                    <p><strong>Problem:</strong> Guardian stats don't match expectations</p>
                    <p><strong>Solution:</strong> Use external counters, double-check action counts, be precise with numbers</p>
                </div>
                
                <div class="warning-box">
                    <h3>Mistake #3: Wrong Guardian Type Choice</h3>
                    <p><strong>Problem:</strong> Regret after seeing other guardian types</p>
                    <p><strong>Solution:</strong> Research thoroughly, ask community, consider your playstyle and time investment</p>
                </div>
                
                <div class="tip-box">
                    <h3>Success Tips</h3>
                    <ul>
                        <li><strong>Plan Ahead:</strong> Collect all materials before starting</li>
                        <li><strong>Ask Questions:</strong> Community is helpful and experienced</li>
                        <li><strong>Take Breaks:</strong> Guardian creation is a marathon, not a sprint</li>
                        <li><strong>Document Progress:</strong> Keep notes on what you've done</li>
                        <li><strong>Have Fun:</strong> Enjoy the journey, not just the destination</li>
                    </ul>
                </div>
            </div>
            <div class="tab-footer">
                <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
            </div>
        </div>
        
        <!-- CARD ID TAB CONTENT -->
        <section id="tab-cid" class="tab-content" aria-labelledby="Card ID">
            <div class="section-header">
                <h2>Card Identification Questline</h2>
                <p class="section-lead">Your gateway to Secret Cards and guardian creation</p>
            </div>
            
            <div class="info-card">
                <h3>Prerequisites</h3>
                <ul>
                    <li>Level 65+, 2nd job+</li>
                    <li>One of each Arcana Card (4 total)</li>
                    <li>5 Harkon Shards</li>
                </ul>
            </div>
            
            <div class="tip-box">
                Play normally from Blooming Cora to Azteca - you'll be level 66+ and have 2 Arcana cards from Card Girl's riddles in Southwest Forest and Gate of Azteca!
            </div>
            
            <div class="tip-box">
                Ask around for the other Arcana cards - they're basically worthless to other players, so they'll likely give them away!
            </div>
            
            <div class="tip-box">
                Harkon Shards are found in Harkon Heirlooms. Drill in Path to Mermaid 1&2 or kill Cone Stones. Drilling is easier!
            </div>
            
            <div class="step-list">
                <div class="step-item">
                    <strong>Find Poppouri</strong><br>
                    Go to Poppouri Cave - Rainbow Cave. Anyone can teleport to the crawlspace.
                </div>
                <div class="step-item">
                    <strong>Talk to Fairy Nono</strong><br>
                    She'll ask for each Arcana Card individually. After each card, fight the corresponding monster.
                </div>
                <div class="step-item">
                    <strong>Visit Artisan Poppuri</strong><br>
                    Go to Moss Cave with your 5 Harkon Shards after the last test.
                </div>
                <div class="step-item">
                    <strong>Return to Fairy Nono</strong><br>
                    Get your Card Identification Skill!
                </div>
            </div>

            <button class="collapsible">CID Game Mechanics</button>
            <div class="collapsible-content">
                <h3>About CID:</h3>
                <p>Card Identification is the natural method to getting Secret Cards and secret empathy points for your soul seed. You must CID if it is your first guardian to gain Secret Cards, unless you buy them from other players. You can also get other goodies such as compound stones, potions, and chaos feathers, all scaled based on the level you get to.</p>
                
                <div class="image-container">
                    <img src="https://mewsie.world/CoraTOWiki/images/thumb/3/3e/Cid_diagram.png/300px-Cid_diagram.png" alt="CID Diagram" style="max-width: 450px;">
                    <p class="image-caption">Diagram of the CID interface</p>
                </div>
                
                <div class="image-container">
                    <img src="https://mewsie.world/CoraTOWiki/images/5/52/Cid_card_example.png" alt="CID Card Example" style="max-width: 450px;">
                    <p class="image-caption">Example of a card with life information when right-clicked</p>
                </div>
                
                <h3>Game Elements:</h3>
                <ul>
                    <li><strong>Stage:</strong> How many cards this playthrough you've used without losing all your lives</li>
                    <li><strong>Life:</strong> How many times you can fail before it boots you from this minigame</li>
                    <li><strong>Life bar:</strong> Diagram of the lives you have comparatively</li>
                    <li><strong>Playing Cards:</strong> As all boardgames, this is where you play</li>
                    <li><strong>Card in use:</strong> This is the card you used this round</li>
                    <li><strong>Combo:</strong> How many pairs in a row you've discovered. You can get extra lives with better combos</li>
                    <li><strong>Symbol:</strong> (see: Top-right of revealed cards) - These are based on suites you'd find in a normal card-game along with 4 colours each. These are how you know what to pair with if you don't want to hover over the board all the time</li>
                    <li><strong>Pair:</strong> Same-symboled, same-imaged cards. Your goal.</li>
                </ul>
                
                <div class="warning-box">
                    THERE WILL BE ONE OUTLIER CARD!! THIS ONE CANNOT BE MATCHED. Match the other ones in order to reveal this one!
                </div>
                
                <div class="tip-box">
                    Use higher-life cards for the first stage only! Check card info by right-clicking to see life values. From the second stage-on, you should use +3 Life cards.
                </div>

                <h3>CID - Q&A:</h3>
                <p><strong>Q. How many cards will I need?</strong></p>
                <p>The answer is simple: No one knows. You will need an upwards of 1,000, guaranteed, if you're going for a legendary. If you're going for just regular/mighty/superior, then you will need about 800 to get a full set. After that is up to how you CID/if you do anything fortune-related/anything else SEM-related. The only difference is Spinel where you need about double anything.</p>
                
                <p><strong>Q. Do I need to CID/get secret empathy?</strong></p>
                <p>The only ones that need SEM are Legendary and Accomplished, however, all of the guardians need Secret Cards, which can only be obtained mainly by CID. Neither of these mentioned guardians do anything but change appearance, have a different title, and can hold a certain amount of skills more/less than others.</p>
                
                <p><strong>Q. Should I do CID first or after setting up my EM?</strong></p>
                <p>You should CID first. This will affect how you set up your EM completely, and if you're going for an Accomplished guardian, make-or-break your guardian plans in general since that relies on that +2 as the final.</p>
            </div>
            
            <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Card_Identification_Quests_Guide.html" class="external-link" target="_blank">Detailed CID Guide</a>
            
            <div class="tab-footer">
                <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
            </div>
      </section>
        
      <!-- SOUL SEED TAB CONTENT -->
      <section id="tab-soul-seed" class="tab-content" aria-labelledby="Soul Seed">
            <div class="section-header">
                <h2>Soul Seed Questline</h2>
                <p class="section-lead">Growing your guardian's foundation</p>
            </div>
            
            <div class="info-card">
                <h3>Prerequisites</h3>
                <ul>
                    <li>Level 135+, 3rd job</li>
                    <li>Questionable Letter in Inventory</li>
                    <li>CID questline finished (you DON'T need all SCs!)</li>
                    <li>Access to Mirage Island Field 6</li>
                    <li>10x each: Iron Knight's, Brass Knight's, Bone Fighter's, Bone Warrior's, and Bone Magician's Souls</li>
                    <li>15x each: Cobra Flower, Tooth Flower, Mud Bigfoot, and Lotus Wormhole Seeds</li>
                </ul>
            </div>
            
            <div class="warning-box">
                You don't have to give up your Dimensional Key! Keep it to visit Eclipse's dimension anytime. However, it can't be banked, and you won't get the free Secret Card from the Dimensional Card Pack.
            </div>
            
            <div class="tip-box">
                Collect all items beforehand! Souls are in Vamp Castle, Seeds are in Swamp. Check your System Mail for the Questionable Letter!
            </div>

            <div class="tip-box">
                If you haven't done Mirage when you were in Oops Warf your first time, it'll definitely be easier to do so now. You only need to complete the sandmen's quests to get through.
            </div>
            
            <div class="info-grid">
                <div class="info-card">
                    <h3>Soul Locations</h3>
                    <p>All required souls can be found in various Vamp Castle locations. If you got 3rd job naturally, you probably have some already!</p>
                </div>
                
                <div class="info-card">
                    <h3>Seed Locations</h3>
                    <p>All required seeds are obtained in Swamp areas. Plan a farming session to collect all 60 seeds efficiently!</p>
                </div>
            </div>
            
            <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Soul_Seed_Quests_Guide.html" class="external-link" target="_blank">Detailed Soul Seed Guide</a>
            <a href="https://wikimirror.lifeto.co/wiki.ggftw.com/trickster/Episode_3_Quests.html" class="external-link" target="_blank">Mirage Questline Guide</a>
            
            <div class="tab-footer">
                <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
            </div>
        </section>
        
        <!-- GUARDIAN QUEST TAB CONTENT -->
        <section id="tab-guardian-quest" class="tab-content" aria-labelledby="Guardian Quest">
            <div class="section-header">
                <h2>Soul Guardian Questline</h2>
                <p class="section-lead">Bringing your guardian to life</p>
            </div>
            
            <button class="collapsible">First Guardian</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Prerequisites</h3>
                    <ul>
                        <li>Level 180+, Third Job</li>
                        <li>Matured Poseidon Seed</li>
                        <li>Harkon</li>
                        <li>Honey Tea</li>
                        <li>All 16 SC cards for the Secret Space Map</li>
                    </ul>
                </div>
                
                <div class="step-list">
                    <div class="step-item">
                        <strong>Collect Secret Cards</strong><br>
                        Get all 16 Secret Cards and check the "Secret" tab in MyView to access Janus's Secret Hideaway - Memory of Flames.
                    </div>
                    <div class="step-item">
                        <strong>Visit Janus</strong><br>
                        Go to Memory of Flames with Honey Tea and Harkon. Kill the Red Flame Monster for Janus.
                    </div>
                    <div class="step-item">
                        <strong>Eclipse's Request</strong><br>
                        Janus will send you to Eclipse, who will ask for an "Unknown item" which is your Honey Tea.
                    </div>
                    <div class="step-item">
                        <strong>Doppelganger Fight</strong><br>
                        Eclipse sends you to Don Danihen, who requires you to kill your Doppleganger which mirrors your level after talking to the Abraxas Mirror.
                    </div>
                    <div class="step-item">
                        <strong>Complete the Quest</strong><br>
                        Finishing that, talk to Little Rosaline until she sends you back to Janus, who will give you your completed guardian!
                    </div>
                </div>

                <div class="tip-box">
                    You can check out meta builds <a href="https://docs.google.com/spreadsheets/d/1SkdhgabTyefBNrZ_WfSMQdHrddwXcTSJDchQWQl--GU/edit?gid=0#gid=0" target="_blank">here</a> for this server's endgame content.
                </div>

                <div class="tip-box">
                    If you plan on making any guardian requiring SEM, I *highly suggest* you CID for them instead of buying them, as you'll eventually get each of them.
                </div>

                <div class="tip-box">
                    Harkon can be received by doing Blacksmith Marx's questlines at Snow Hill, Techichi, and Tapasco Mines. You can also drill it up (rarely) in Techichi Fields, Tapasco Fields, Gate of Abyss, and Spicy Dragon's boss room.
                </div>
            </div>
            
            <button class="collapsible">Additional Guardians (2nd+)</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Prerequisites</h3>
                    <ul>
                        <li>One or more existing guardians</li>
                        <li>Harkon (NOT needed in CoraTO!)</li>
                        <li>Soul Ticket (if beyond your 2nd guardian)</li>
                        <li>Space Map</li>
                        <li>Poseidon OR Spinel Seed (maturity doesn't matter)</li>
                    </ul>
                </div>
                
                <div class="warning-box">
                    In CoraTO, you get a free Spinel seed at the end of Episode 6! You get 2 free guardian slots from Janus, then need Soul Tickets.
                </div>
                
                <p>It's incredibly simple: Use the Space Map with your new guardian seed, talk to Janus, give him the Harkon (if required), and you're done!</p>

                <div class="tip-box">
                    You can check out meta builds <a href="https://docs.google.com/spreadsheets/d/1SkdhgabTyefBNrZ_WfSMQdHrddwXcTSJDchQWQl--GU/edit?gid=0#gid=0" target="_blank">here</a> for this server's endgame content.
                </div>
            </div>
            
            <div class="tip-box">
                Harkon can be obtained from Blacksmith Marx's questlines at Snow Hill, Techichi, and Tapasco Mines, or rarely drilled in various fields.
            </div>
            
            <a href="https://docs.google.com/spreadsheets/d/1SkdhgabTyefBNrZ_WfSMQdHrddwXcTSJDchQWQl--GU/edit?gid=0#gid=0" class="external-link" target="_blank">Meta Builds Spreadsheet</a>
            
            <div class="tab-footer">
                <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
            </div>
        </section>
        
        <!-- EMPATHY TAB -->
        <section id="tab-empathy" class="tab-content" aria-labelledby="Empathy">
            <div class="section-header">
                <h2>Card Identification & Empathy System</h2>
                <p class="section-lead">Building your guardian's personality and stats</p>
            </div>
            
            <div class="info-card">
                <h3>Prerequisites</h3>
                <ul>
                    <li>CID skill</li>
                    <li>Monster and Character Cards</li>
                    <li>Patience and strategy</li>
                </ul>
            </div>
            
            <div class="tip-box">
                <strong>Getting Cards:</strong> General questing gives character cards. If you start a character from scratch and get it through all the way to Azteca (totally doable in a day), you will have ample cards to get started, character and monster alike.
            </div>
            
            <div class="tip-box">
                <strong>Card Pricing:</strong> People will generally sell cards for 15,000-40,000 galder. 15k-40k is the universal price. Up to 300k means they're usually for a skill mastery. Do not let people rip you off.
            </div>
            
            <div class="warning-box">
                If you're doing a legendary guardian, do NOT start this process before you get your soul seed. Trust me, you're better off!
            </div>
            
            <div class="info-grid">
                <div class="info-card">
                    <h3>About CID Minigame</h3>
                    <p>Card Identification is a memory matching game where you pair identical cards. Success gives you Secret Cards, empathy points, compound stones, potions, and chaos feathers!</p>
                </div>
                
                <div class="info-card">
                    <h3>Card Pricing</h3>
                    <p>General cards: 15k-40k galder. Up to 300k usually means skill mastery cards. Don't let people overcharge you!</p>
                </div>
                
                <div class="info-card">
                    <h3>Card Sources</h3>
                    <p>Character cards come from general questing. A fresh character through Azteca gives ample cards to start with!</p>
                </div>
                
                <div class="info-card">
                    <h3>Empathy Explained</h3>
                    <p>Empathy is a hidden point system that builds your guardian's stats. You can't see it directly, but results appear in a build graph similar to MyView.</p>
                </div>
            </div>
            
            <button class="collapsible">Regular Empathy System</button>
            <div class="collapsible-content">
                <p>There's 4 types of regular empathy: Power, Charm, Magic, and Sense. Each of these correlate with the 4 different types of characters in the game.</p>
                
                <div class="image-container">
                    <img src="https://mewsie.world/CoraTOWiki/images/b/b4/Guardian_build_screen.png" alt="Guardian Build Screen" style="max-width: 450px;">
                    <p class="image-caption">Your new best friend: The Guardian WIP Build screen</p>
                </div>
                
                <div class="image-container">
                    <img src="https://mewsie.world/CoraTOWiki/images/thumb/2/23/Guardian_empathy_table_1.png/300px-Guardian_empathy_table_1.png" alt="Guardian Empathy Table" style="max-width: 600px;">
                    <p class="image-caption">Regular Empathy Chart - Shows how to gain different types of empathy</p>
                </div>
                
                <div class="warning-box">
                    The Empathy Aura Info combo bar is just a combo bar, nothing more! It is NOT an EXP bar! Ignore it!
                </div>
                
                <p>You gain empathy by doing several things like viewing character profiles, consuming potions, drilling, and more. Each action contributes to different empathy types.</p>
                
                <div class="tip-box">
                    All builds start out at 0,0,0,0. Any builds that end up at 0 at the end will be turned into 1 automatically after hatching. All stats cause the seed to mature at 6 points of regular empathy, so plan accordingly.
                </div>
            </div>
            
            <button class="collapsible">Secret Empathy System</button>
            <div class="collapsible-content">
                <p>You gain secret empathy by using a card for CID, getting past stage 3 in CID, matching 2 SC tiles to gain a SC in CID, and any fortune read from Stella.</p>
                
                <p>What SEM is going to do to your seed is give it +1 for each type except one, which will be +2. This, to the extent of my knowledge, is pure RNG. You won't be able to see the empathy until after it hatches, which is where the "Secret" comes from. It's up to you to mark that last 3 flashes caused by CID/fortune-telling. But, you must, must, must finish with CID and not Fortune-Telling. If it no longer glows at Fortune-telling, CID until it stops flashing from doing so.</p>
                
                <div class="image-container">
                    <img src="https://mewsie.world/CoraTOWiki/images/thumb/8/8c/Guardian_sem_chart_corrected_kyo.webp/300px-Guardian_sem_chart_corrected_kyo.webp.png" alt="Guardian SEM Chart" style="max-width: 600px;">
                    <p class="image-caption">Guardian SEM guide. Note that you need to level SEM twice (~2000 points). Big THANK YOU to KusangiKyo for the text in Red!</p>
                </div>
                
                <div class="tip-box">
                    Hate matching games? Mill it. This is where you start CID, select a card, right click, exit, and repeat. I like to do this near the end because I have grown to hate CID. I actually add that I click on four cards, just to check to see if there's any SCs there (you would be surprised what I've gotten on stage 1).
                </div>
                
                <div class="warning-box">
                    REMINDERS:<br>
                    - THE SEM IS RANDOM. YOU CANNOT PREDICT THIS. PAY ATTENTION TO THE FLASHES!<br>
                    - PLEASE, PLEASE, PLEASE PAY ATTENTION TO THE LIFE OF YOUR CARDS! YOU COULD BE WASTING YOUR HARD-EARNED/SPENT CARDS!<br>
                    - YOU CANNOT SEE SEM POINTS UNTIL AFTER YOU HATCH SO PAY ATTENTION TO THE FLASHES!
                </div>
            </div>

            <div class="info-card">
                <h3>Secret Empathy (SEM) - Critical Information</h3>
                <p><strong>What is SEM:</strong> Secret system that gives +1 to each type except one, which receives +2. It's completely RNG!</p>
                
                <div class="warning-box">
                    <strong>WARNING:</strong> You CANNOT see SEM points until after hatching! Pay attention to flashes!
                </div>
                
                <p><strong>How to gain SEM:</strong></p>
                <ul>
                    <li>Use a card in CID</li>
                    <li>Pass stage 3 in CID</li>
                    <li>Combine 2 SC tiles to gain an SC in CID</li>
                    <li>Any fortune reading from Stella</li>
                </ul>
                
                <p><strong>Required points:</strong> ~2000 SEM points (estimated 1.6k with regular actions)</p>
                
                <div class="tip-box">
                    <strong>Tip:</strong> 20 flashes = 1 level. You should finish with CID, not Fortune-telling!
                </div>
            </div>
            
            <div class="info-card">
                <h3>Complete Empathy Table</h3>
                <p>Exact values for precise empathy building:</p>
                <div class="empathy-table">
                    <table style="width: 100%; border-collapse: collapse; margin: 15px 0;">
                        <thead>
                            <tr style="color: white;">
                                <th style="padding: 12px; border: 1px solid #ddd; background: linear-gradient(135deg, #e91e63, #c44569);">Action</th>
                                <th style="padding: 12px; border: 1px solid #ddd; background: linear-gradient(135deg, #ff4444, #cc0000);">Power</th>
                                <th style="padding: 12px; border: 1px solid #ddd; background: linear-gradient(135deg, #4488ff, #0066cc);">Magic</th>
                                <th style="padding: 12px; border: 1px solid #ddd; background: linear-gradient(135deg, #8844ff, #6600cc);">Sense</th>
                                <th style="padding: 12px; border: 1px solid #ddd; background: linear-gradient(135deg, #ff8844, #cc6600);">Charm</th>
                                <th style="padding: 12px; border: 1px solid #ddd; background: linear-gradient(135deg, #e91e63, #c44569);">Notes</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">View character profile</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #ffe0e0; color: #cc0000;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd;">Private profile via spam-click</td>
                            </tr>
                            <tr>
                                <td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Consume 2500 HP in potions</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #ffe0e0; color: #cc0000;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #ffe0e0; color: #cc6600;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd;">HP potions give 1 Charm for every 2 Power</td>
                            </tr>
                            <tr>
                                <td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Consume 2500 MP in potions</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #e0e8ff; color: #0066cc;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #e8e0ff; color: #6600cc;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd;">Only at level 3+</td>
                            </tr>
                            <tr>
                                <td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Drill - "Nothing is here!"</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #ffe0e0; color: #cc0000;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #ffe0e0; color: #cc0000;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd;">Squiggle tile with 90 DA</td>
                            </tr>
                            <tr>
                                <td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Drill - Find item</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #e8e0ff; color: #6600cc;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd;">Drill with items</td>
                            </tr>
                            <tr>
                                <td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Earn galder</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #fff0e0; color: #cc6600;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd;">GALDER affects the seed!</td>
                            </tr>
                            <tr>
                                <td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Use attack skills</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #ffe0e0; color: #cc0000;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd;">Combat skills</td>
                            </tr>
                            <tr>
                                <td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Use magic skills</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #e0e8ff; color: #0066cc;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd;">Magic skills</td>
                            </tr>
                            <tr>
                                <td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Use sense skills</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #e8e0ff; color: #6600cc;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd;">Sense skills</td>
                            </tr>
                            <tr>
                                <td style="padding: 10px; border: 1px solid #ddd; font-weight: bold;">Use charm skills</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center;">0</td>
                                <td style="padding: 10px; border: 1px solid #ddd; text-align: center; background: #fff0e0; color: #cc6600;">+1</td>
                                <td style="padding: 10px; border: 1px solid #ddd;">Charm skills</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                
                <div class="warning-box">
                    <strong>IMPORTANT:</strong> Almost everything you do in the game affects the seed, except: 1:1 trades, picking up items (NOT GALDER!), friend/party/guild requests, and storing items in the bank. Everything else affects it!
                </div>
            </div>
            
            
            <div class="tab-footer">
                <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
            </div>
        </section>
        
        <!-- GUARDIAN TYPES TAB -->
        <section id="tab-types" class="tab-content" aria-labelledby="Guardian Types">
            <div class="section-header">
                <h2 id="types-section">Guardian Types & Looks</h2>
                <p class="section-lead">Choose your guardian's type based on difficulty of accomplishment and appearance</p>
            </div>
            
            <!-- Interactive Guardian Type Selector -->
            <div class="guardian-selector">
                <div class="selector-header">
                    <h3>Compare Guardian Types</h3>
                    <p>Use the slider below to compare guardian types by difficulty level</p>
                </div>
                
                <div class="difficulty-slider-container">
                    <div class="difficulty-labels">
                        <span>Easiest</span>
                        <span>Moderate</span>
                        <span>Challenging</span>
                        <span>Very Hard</span>
                        <span>Extreme</span>
                    </div>
                    <input type="range" min="1" max="5" value="1" class="difficulty-slider" id="guardianTypeSlider" oninput="showGuardianByDifficulty(this.value)">
                </div>
                
                <div class="image-container guardian-preview-image">
                    <img src="https://mewsie.world/CoraTOWiki/images/5/5d/Guardians_preview.png" alt="Guardian Types Preview" style="max-width: 100%;">
                    <p class="image-caption"><strong>Different guardian types and appearances</strong></p>
                </div>
                
                
                <div class="warning-box">
                    <strong>Remember:</strong> You'll be stuck with your choice! Research well and choose what fits your playstyle and commitment level. You can check meta builds <a href="https://docs.google.com/spreadsheets/d/1SkdhgabTyefBNrZ_WfSMQdHrddwXcTSJDchQWQl--GU/edit?gid=0#gid=0" target="_blank">here</a> for this server's endgame content.
                </div>
            </div>
            
            <!-- Guardian Types Comparison Table -->
            <div class="guardian-comparison-table-container">
                <h3 class="comparison-title">Guardian Types at a Glance</h3>
                <div class="guardian-comparison-table">
                    <table>
                        <thead>
                            <tr>
                                <th>Type</th>
                                <th>Points Required</th>
                                <th>Difficulty</th>
                                <th>Best For</th>
                                <th>Special Notes</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="regular-row">
                                <td><strong>Regular</strong></td>
                                <td>4~12 points</td>
                                <td>
                                    <div class="difficulty-meter">
                                        <div class="difficulty-fill" style="width: 20%;"></div>
                                    </div>
                                    <span>Easiest</span>
                                </td>
                                <td>First-time guardian makers, casual players</td>
                                <td>Cannot be 3,3,3,3 (creates superior)</td>
                            </tr>
                            <tr class="mighty-row">
                                <td><strong>Mighty</strong></td>
                                <td>13~15 points</td>
                                <td>
                                    <div class="difficulty-meter">
                                        <div class="difficulty-fill" style="width: 40%;"></div>
                                    </div>
                                    <span>Moderate</span>
                                </td>
                                <td>Players wanting more power without legendary commitment</td>
                                <td>Best starting build for bossing</td>
                            </tr>
                            <tr class="legendary-row">
                                <td><strong>Legendary</strong></td>
                                <td>18~19 points</td>
                                <td>
                                    <div class="difficulty-meter">
                                        <div class="difficulty-fill" style="width: 60%;"></div>
                                    </div>
                                    <span>Challenging</span>
                                </td>
                                <td>Dedicated players, endgame content</td>
                                <td>Requires CID completion</td>
                            </tr>
                            <tr class="superior-row">
                                <td><strong>Superior</strong></td>
                                <td>8, 12, or 16 points<br>(2,2,2,2), (3,3,3,3), or (4,4,4,4)</td>
                                <td>
                                    <div class="difficulty-meter">
                                        <div class="difficulty-fill" style="width: 80%;"></div>
                                    </div>
                                    <span>Very Hard</span>
                                </td>
                                <td>Experienced players seeking optimization</td>
                                <td>Requires precise stat management</td>
                            </tr>
                            <tr class="accomplished-row">
                                <td><strong>Accomplished</strong></td>
                                <td>16 points (4,4,4,4)</td>
                                <td>
                                    <div class="difficulty-meter">
                                        <div class="difficulty-fill" style="width: 100%;"></div>
                                    </div>
                                    <span>Extreme</span>
                                </td>
                                <td>Guardian masters, min-maxers</td>
                                <td>Requires both CID and precise hatching</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            
            <!-- Detailed Guardian Type Cards -->
            <div class="guardian-types-accordion">
                <h3 class="detailed-info-title">Detailed Information by Type</h3>
                <p class="detailed-info-subtitle">Click on each guardian type to see detailed information</p>
                
                <button class="guardian-accordion regular-accordion">Regular Guardian <span class="difficulty-tag easy-tag">Easiest</span></button>
                <div class="guardian-panel">
                    <div class="guardian-type-detail">
                        <div class="guardian-type-card regular">
                            <div class="guardian-icon"></div>
                            <h3>Regular Guardian</h3>
                            <p><strong>Requirements:</strong> 4~12 points</p>
                            <p><strong>Difficulty:</strong> Easiest to accomplish</p>
                            <p><strong>Best For:</strong> First-time guardian makers, casual players</p>
                            <div class="tip-box">
                                Cannot be 3,3,3,3 (this creates a superior build). If you're just doing your first guardian to get to Spinel, you can just hatch it immediately with a 0,0,0,0 build. It will end up a 1,1,1,1 after hatching!
                            </div>
                        </div>
                    </div>
                </div>
                
                <button class="guardian-accordion mighty-accordion">Mighty Guardian <span class="difficulty-tag moderate-tag">Moderate</span></button>
                <div class="guardian-panel">
                    <div class="guardian-type-detail">
                        <div class="guardian-type-card mighty">
                            <div class="guardian-icon"></div>
                            <h3>Mighty Guardian</h3>
                            <p><strong>Requirements:</strong> 13~15 points (easiest is 14 points)</p>
                            <p><strong>Difficulty:</strong> Moderate to accomplish</p>
                            <p><strong>Best For:</strong> Players wanting more power without legendary commitment</p>
                            <div class="tip-box">
                                This is the best starting build for a bossing guardian. If you decide to max one of your guardians' stats, do this last. Otherwise you'll end up with less than desirable.
                            </div>
                        </div>
                    </div>
                </div>
                
                <button class="guardian-accordion legendary-accordion">Legendary Guardian <span class="difficulty-tag challenging-tag">Challenging</span></button>
                <div class="guardian-panel">
                    <div class="guardian-type-detail">
                        <div class="guardian-type-card legendary">
                            <div class="guardian-icon"></div>
                            <h3>Legendary Guardian</h3>
                            <p><strong>Requirements:</strong> 18~19 points, requires CID</p>
                            <p><strong>Difficulty:</strong> Challenging to accomplish</p>
                            <p><strong>Best For:</strong> Dedicated players, endgame content</p>
                            <div class="warning-box">
                                Most people feel it's hard because it's tedious, but it is definitely middle-of-the-road. CID until it stops flashing when you use cards. Throw in some Fortune-telling to speed up the process.
                            </div>
                            
                            <div class="tip-box">
                                <strong>Tip for Legendary:</strong> You can get a complete set of SCs with 800-1k cards, which means you'll basically already be at legendary. Make sure to do CID first!
                            </div>
                            
                            <div class="tip-box">
                                <strong>Fortune Telling Tip:</strong> Doing 10 fortunes in one day knocks off about 75~150 cards from CID every time, and even more when you get a cross (3 of a kind). This can significantly speed up your legendary guardian progress!
                            </div>
                        </div>
                    </div>
                </div>
                
                <button class="guardian-accordion superior-accordion">Superior Guardian <span class="difficulty-tag very-hard-tag">Very Hard</span></button>
                <div class="guardian-panel">
                    <div class="guardian-type-detail">
                        <div class="guardian-type-card superior">
                            <div class="guardian-icon"></div>
                            <h3>Superior Guardian</h3>
                            <p><strong>Requirements:</strong> 8 (2,2,2,2), 12 (3,3,3,3) OR 16 (4,4,4,4) AFTER hatch</p>
                            <p><strong>Difficulty:</strong> Very challenging to accomplish</p>
                            <p><strong>Best For:</strong> Experienced players seeking optimization</p>
                            <div class="tip-box">
                                Unlike Legendary and regular, you can't be reckless. Your desired stat must be the one with the most "extra" put into it without exceeding 3 or 4 points (depending on your build).
                            </div>
                        </div>
                    </div>
                </div>
                
                <button class="guardian-accordion accomplished-accordion">Accomplished Guardian <span class="difficulty-tag extreme-tag">Extreme</span></button>
                <div class="guardian-panel">
                    <div class="guardian-type-detail">
                        <div class="guardian-type-card accomplished">
                            <div class="guardian-icon"></div>
                            <h3>Accomplished Guardian</h3>
                            <p><strong>Requirements:</strong> 16 point builds (4,4,4,4) AFTER hatching AND CID</p>
                            <p><strong>Difficulty:</strong> Extremely challenging to accomplish</p>
                            <p><strong>Best For:</strong> Guardian masters, min-maxers</p>
                            <div class="warning-box">
                                Literally the hardest to do. The love child of Legendary and Superior Guardians. Do your SEM process first. When you're finished SEM, start with EM. You need to make it 3 across the board except for the SEM's +2.<br><br>
                                <strong>NOTE: IF YOUR SEM'S +2 LANDS ON YOUR DESIRED TYPE, YOU CAN NOT, I REPEAT, CANNOT GET THAT GUARDIAN.</strong>
                            </div>
                            
                            <div class="tip-box">
                                <strong>Process for Accomplished:</strong><br>
                                1. Do the SEM process first<br>
                                2. PAY ATTENTION to the flashes (you CANNOT do this build without this knowledge)<br>
                                3. When you finish SEM, start with EM<br>
                                4. Need to make it 3 across all stats except for the SEM's +2
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="decision-helper">
                <h3>Guardian Type Decision Helper</h3>
                <p>Not sure which guardian type is right for you? Answer these questions:</p>
                
                <div class="decision-questions">
                    <div class="decision-question">
                        <p><strong>How much time can you invest?</strong></p>
                        <div class="decision-options">
                            <span class="option" data-type="regular">A few days</span>
                            <span class="option" data-type="mighty">About a week</span>
                            <span class="option" data-type="legendary">1-2 weeks</span>
                            <span class="option" data-type="superior,accomplished">2+ weeks</span>
                        </div>
                    </div>
                    
                    <div class="decision-question">
                        <p><strong>What's your experience level?</strong></p>
                        <div class="decision-options">
                            <span class="option" data-type="regular">Beginner</span>
                            <span class="option" data-type="mighty">Intermediate</span>
                            <span class="option" data-type="legendary">Advanced</span>
                            <span class="option" data-type="superior,accomplished">Expert</span>
                        </div>
                    </div>
                    
                    <div class="decision-question">
                        <p><strong>What's your goal?</strong></p>
                        <div class="decision-options">
                            <span class="option" data-type="regular">Just want a companion</span>
                            <span class="option" data-type="mighty">Decent combat support</span>
                            <span class="option" data-type="legendary">Endgame bossing</span>
                            <span class="option" data-type="superior,accomplished">Min-max perfection</span>
                        </div>
                    </div>
                </div>
                
                <div class="decision-result">
                    <p>Based on your selections, we recommend: <span id="recommendedType">Select options above</span></p>
                </div>
            </div>
            
            <div class="tab-footer">
                <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
            </div>
            
            <!-- Add CSS for the new interactive elements -->
            
            
           
                
             
        </section>
        
        <!-- BUILDS TAB -->
        <section id="tab-builds" class="tab-content" aria-labelledby="Builds">
            <div class="section-header">
                <h2 id="builds-section">Guardian Builds & Strategies</h2>
                <p class="section-lead">Optimize your guardian for different content</p>
            </div>
            
            <button class="collapsible">Cookie Cutter Build (Meta)</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Why Cookie-Cutter Build?</h3>
                    <p>Lucky Fist is based on enemy HP rather than internal stats, making it ideal for something that can't buff itself. This is meta for CoraTO because much of the endgame, including custom content bosses, are based around incredibly high HP bosses (over 300 million HP).</p>
                    
                    <p>You tell me you wouldn't want something that does basically 1/6 of that every 30 seconds for just a slight grind investment, versus hammering away with your Paula doing 3.5k damage if you're lucky with PvP equipment + compositions + tempers after waiting 3.5 minutes for CH5 to appear...</p>
                </div>
                
                <div class="info-card">
                    <h3>Purpose</h3>
                    <p>THE meta build for CoraTO endgame content, events, KOI/KRO, and all boss hunting. Optimized for maximum effectiveness.</p>
                </div>
                
                <div class="info-card">
                    <h3>Stats Focus</h3>
                    <p>The best build for this is 3263, or 3 power, 2 magic, 6 sense, 3 charm. This works for most characters, but you may want to adjust one or two stats, depending on your character type.</p>
                </div>
                
                <div class="warning-box">
                    <strong>Important Building Strategy:</strong> Your desired stat must, must, must be the one with the most "extra" put into it without exceeding 3 or 4 points (depending on your build). A lot of guides get this wrong and tell you to do your desired stat last, but that makes it much, much harder to remotely get the one you want.
                </div>

                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0;">
                    <div class="image-container">
                        <img src="https://mewsie.world/CoraTOWiki/images/thumb/d/d3/Legendary_kamon.png/300px-Legendary_kamon.png" alt="Legendary Kamon" style="max-width: 100%;">
                        <p class="image-caption">+2 Sense Legendary with Cookie-Cutter Build</p>
                    </div>
                    
                    <div class="image-container">
                        <img src="https://mewsie.world/CoraTOWiki/images/0/00/Squiggle_tile.png" alt="Squiggle Tile" style="max-width: 100%;">
                        <p class="image-caption">Squiggle Tile (Spam click with 90 DA in "Nothing is Here!" spot)</p>
                    </div>
                </div>
                
                <h3>Build Process (Standard Method):</h3>
                <div class="info-card">
                    <ol>
                        <li><strong>View character profiles</strong> (preferably private, via spam-click): <span style="color: #ff9800; font-weight: bold;">2 Charm</span></li>
                        <li><strong>Consume 7.5k HP potions</strong>: <span style="color: #f44336; font-weight: bold;">3 Power</span>, <span style="color: #ff9800; font-weight: bold;">3 Charm</span></li>
                        <li><strong>Consume 5k MP potions</strong>: <span style="color: #f44336; font-weight: bold;">3 Power</span>, <span style="color: #2196f3; font-weight: bold;">2 Magic</span>, <span style="color: #9c27b0; font-weight: bold;">1 Sense</span>, <span style="color: #ff9800; font-weight: bold;">3 Charm</span></li>
                        <li><strong>Drill with items</strong> (spam-click squiggle tile until level 3, then drill WITH items until 6): <span style="color: #f44336; font-weight: bold;">3 Power</span>, <span style="color: #2196f3; font-weight: bold;">2 Magic</span>, <span style="color: #9c27b0; font-weight: bold;">6 Sense</span>, <span style="color: #ff9800; font-weight: bold;">3 Charm</span></li>
                    </ol>
                </div>

                <h3>Condensed Build Version:</h3>
                <div class="warning-box">
                    <strong>Not Recommended:</strong> Can't learn Mana Arrow + Arrow Rush for penguins or Cure, and Skunk Pouch has higher failure rate. <strong>DO NOT USE IF YOU ARE MAGIC TYPE!</strong>
                </div>
                <div class="info-card">
                    <ul>
                        <li><strong>7.5k HP Potions:</strong> 3 Power, 1 Charm</li>
                        <li><strong>5k MP Potions:</strong> 3 Power, 2 Magic, 1 Charm</li>
                        <li><strong>AFK Drill:</strong> 3 Power, 2 Magic, 6 Sense, 1 Charm</li>
                    </ul>
                </div>
                
                <h3>Essential Skills:</h3>
                <div class="skills-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px; margin: 20px 0;">
                    <div class="skill-category" style="background: #ffebee; padding: 15px; border-radius: 8px; border-left: 4px solid #f44336;">
                        <h4 style="color: #f44336; margin-top: 0;">Power Skills</h4>
                        <ul>
                            <li><strong>Shockvibe</strong> and <strong>Luck Breaker</strong> (1st power npc; magic/sense chars with input)</li>
                            <li><strong>Faint</strong> (Buff 2nd npc) <em>OR</em></li>
                            <li><strong>Shockwave</strong> (power/charm chars, can also be used for magic/sense for additional boss damage without player input - preferred for CoraTO End Game Events)</li>
                        </ul>
                    </div>
                    
                    <div class="skill-category" style="background: #e3f2fd; padding: 15px; border-radius: 8px; border-left: 4px solid #2196f3;">
                        <h4 style="color: #2196f3; margin-top: 0;">Magic Skills</h4>
                        <ul>
                            <li><strong>Mana Arrow</strong> (lv 10) - 1st Mage NPC</li>
                            <li><strong>Arrow Rush</strong> (lv 10) - 1st Mage NPC</li>
                        </ul>
                    </div>
                    
                    <div class="skill-category" style="background: #f3e5f5; padding: 15px; border-radius: 8px; border-left: 4px solid #9c27b0;">
                        <h4 style="color: #9c27b0; margin-top: 0;">Sense Skills</h4>
                        <ul>
                            <li><strong>Stone Strike</strong> (lv 10) - First Sense Job NPC</li>
                            <li><strong>Armor Destroyer</strong> (1) - First Sense Job NPC</li>
                            <li><strong>Lucky Seven</strong> (10) - First Sense Job NPC</li>
                            <li><strong>Shield Breaker</strong> (10) - Lion 2nd job NPC</li>
                            <li><strong>Lucky Fist</strong> (10) - Lion 2nd job NPC</li>
                        </ul>
                    </div>
                    
                    <div class="skill-category" style="background: #fff3e0; padding: 15px; border-radius: 8px; border-left: 4px solid #ff9800;">
                        <h4 style="color: #ff9800; margin-top: 0;">Charm Skills</h4>
                        <ul>
                            <li><strong>Skunk Pouch</strong> - 1st charm NPC</li>
                        </ul>
                    </div>
                </div>

                <div class="tip-box">
                    <strong>For Sense types using long-range</strong> (throwing, guns): Use Skunk Pouch / Lucky Fist / Luck Break / Shield Break on repeatable slots and <strong>Sticky Foot</strong> on singular slots.
                </div>
                
                <div class="image-container" style="text-align: center; margin: 30px 0;">
                    <img src="https://mewsie.world/CoraTOWiki/images/c/c4/Cookie_cutter_skill_order.png" alt="Cookie Cutter Skill Order" style="max-width: 100%; height: auto; border: 2px solid #ddd; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
                    <p class="image-caption" style="font-weight: bold; margin-top: 15px; font-size: 1.1em;">Skill Order Guide (Magic/Sense with input on left; Regular on right)</p>
                </div>
                
                <div class="warning-box">
                    <strong>Important Bug:</strong> If you use Louis's rune to equip Faint+Guardbreak, it will still apply to Shockwave after you equip Cochma to get Shieldbreaker+Lucky Fist (this bug only applies to passive skills)!
                </div>

                <div class="warning-box">
                    <strong>Mage Disclaimer:</strong> If you are a <strong>mage</strong>, do NOT use Louis's rune and instead opt for Luck Breaker (Power) and Magic Defense Break (Charm). Use this variant <strong>only if</strong> you want to attack <strong>alongside</strong> the guardian.
                </div>
                
                <div class="image-container">
                    <img src="https://mewsie.world/CoraTOWiki/images/thumb/b/b7/Guardian_runes.png/300px-Guardian_runes.png" alt="Guardian Runes" style="max-width: 450px;">
                    <p class="image-caption">Guardian Runes - Used to enhance your guardian's abilities</p>
                </div>
                
                <div class="image-container" style="text-align: center; margin: 20px 0;">
                    <img src="https://mewsie.world/CoraTOWiki/images/thumb/7/75/Cochma_and_louis_rune.png/300px-Cochma_and_louis_rune.png" alt="Cochma and Louis Runes" style="max-width: 400px; height: auto; border: 2px solid #ddd; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
                    <p class="image-caption" style="font-weight: bold; margin-top: 15px;">Cochma and Louis Runes - Buy Louis first!</p>
                </div>
                
                <a href="https://docs.google.com/spreadsheets/d/1SkdhgabTyefBNrZ_WfSMQdHrddwXcTSJDchQWQl--GU/edit?gid=0#gid=0" class="external-link" target="_blank">Detailed Meta Builds</a>
            </div>
            
            <div class="tab-footer">
                <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
            </div>
        </section>
        
        <!-- HD TAB -->
        <section id="tab-hd" class="tab-content" aria-labelledby="HD">
            <div class="section-header">
                <h2 id="hd-section">HD Gameplay Mechanics</h2>
                <p class="section-lead">Understanding the Shadow World mechanics and gameplay</p>
            </div>
            
            <button class="collapsible">CID Examples & Strategies</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Example: First-Time CID Session</h3>
                    <p><strong>Scenario:</strong> Level 80 Sheep going for their first legendary guardian</p>
                    <p><strong>Preparation:</strong></p>
                    <ul>
                        <li>Collected 1,200 cards (mix of +1, +2, +3 life cards)</li>
                        <li>Checked Poseidon's Blessing locations for SC bonus</li>
                        <li>Brought plenty of potions and food</li>
                    </ul>
                    <p><strong>Strategy:</strong></p>
                    <ul>
                        <li><strong>Stage 1:</strong> Use high-life cards (+5, +4) to learn the patterns</li>
                        <li><strong>Stage 2+:</strong> Switch to +3 life cards for consistency</li>
                        <li><strong>Memory technique:</strong> Focus on card positions, not images</li>
                        <li><strong>Result:</strong> Got 14/16 Secret Cards in 800 cards, completed set with trading</li>
                    </ul>
                </div>
                
                <div class="info-card">
                    <h3>Example: Efficient Card Farming</h3>
                    <p><strong>Best Locations by Level:</strong></p>
                    <ul>
                        <li><strong>Level 65-80:</strong> Azteca Field 1 (Tomahawk Cactus) - Easy, good drop rate</li>
                        <li><strong>Level 80-100:</strong> Vamp Castle Gate (Vamp Bat) - Higher level cards</li>
                        <li><strong>Level 100+:</strong> Megalopolis (Harpy) - Best card variety</li>
                    </ul>
                    <p><strong>Pro Tips:</strong></p>
                    <ul>
                        <li>Farm during 2x drop events for maximum efficiency</li>
                        <li>Use Detect to find card-dropping monsters faster</li>
                        <li>Check card life values before CID sessions</li>
                    </ul>
                </div>
            </div>
            
            <button class="collapsible">Soul Seed Quest Examples</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Example: Efficient Soul Farming Route</h3>
                    <p><strong>Vamp Castle Soul Collection (30 minutes):</strong></p>
                    <ul>
                        <li><strong>Iron Knight Soul:</strong> Vamp Castle B1 → Kill Iron Knights near entrance</li>
                        <li><strong>Brass Knight Soul:</strong> Vamp Castle B2 → Center area has highest spawn</li>
                        <li><strong>Bone Fighter/Warrior/Magician:</strong> Vamp Castle B3 → Clear systematically</li>
                    </ul>
                    <p><strong>Optimization:</strong> Use AoE skills, bring plenty of potions, party with friends for faster clearing</p>
                </div>
                
                <div class="info-card">
                    <h3>Example: Swamp Seed Collection</h3>
                    <p><strong>Efficient Seed Route (45 minutes):</strong></p>
                    <ul>
                        <li><strong>Cobra Flower:</strong> Swamp 1 → North-east corner has best spawn rate</li>
                        <li><strong>Tooth Flower:</strong> Swamp 2 → Center area, respawns quickly</li>
                        <li><strong>Mud Bigfoot:</strong> Swamp 3 → Western side, use Detect skill</li>
                        <li><strong>Lotus Wormhole:</strong> Swamp 4 → Scattered throughout, be patient</li>
                    </ul>
                    <p><strong>Pro Tip:</strong> Collect all 60 seeds in one session to avoid multiple trips</p>
                </div>
            </div>
            
            <button class="collapsible">Guardian Quest Examples</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Example: First Guardian Timeline</h3>
                    <p><strong>Day 1-3: Preparation Phase</strong></p>
                    <ul>
                        <li>Complete CID questline and collect Secret Cards</li>
                        <li>Farm souls and seeds for Soul Seed quest</li>
                        <li>Obtain Harkon from Blacksmith Marx questlines</li>
                    </ul>
                    <p><strong>Day 4: Soul Seed Quest</strong></p>
                    <ul>
                        <li>Complete Mirage Island access if needed</li>
                        <li>Turn in all materials to get mature Poseidon seed</li>
                    </ul>
                    <p><strong>Day 5: Guardian Creation</strong></p>
                    <ul>
                        <li>Use Secret Space Map to access Memory of Flames</li>
                        <li>Complete Doppelganger fight (scales to your level)</li>
                        <li>Receive your first guardian!</li>
                    </ul>
                </div>
                
                <div class="info-card">
                    <h3>Example: Doppelganger Fight Strategy</h3>
                    <p><strong>Level 180 Sheep vs Doppelganger:</strong></p>
                    <ul>
                        <li><strong>Preparation:</strong> Full buffs, best equipment, plenty of potions</li>
                        <li><strong>Strategy:</strong> Doppelganger mirrors your stats exactly</li>
                        <li><strong>Key Points:</strong> Use terrain, kite if ranged, burst damage if melee</li>
                        <li><strong>Difficulty:</strong> Scales with your level - higher level = harder fight</li>
                    </ul>
                    <p><strong>Pro Tip:</strong> Consider doing this quest at a lower level if you're struggling</p>
                </div>
            </div>
            
            <button class="collapsible">Empathy Building Examples</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Example: Cookie-Cutter Build Empathy</h3>
                    <p><strong>Target Stats for Sense Guardian:</strong></p>
                    <ul>
                        <li><strong>Sense: 6</strong> (2,000 Sense actions)</li>
                        <li><strong>Charm: 5</strong> (1,600 Charm actions)</li>
                        <li><strong>Others: 4 each</strong> (1,200 actions each)</li>
                    </ul>
                    <p><strong>Action Examples:</strong></p>
                    <ul>
                        <li><strong>Sense:</strong> Use Detect, Lucky Fist, Shield Break repeatedly</li>
                        <li><strong>Charm:</strong> Dance, use charm-based skills</li>
                        <li><strong>Power:</strong> Physical attacks, power skills</li>
                        <li><strong>Magic:</strong> Cast spells, use magic skills</li>
                    </ul>
                </div>
                
                <div class="info-card">
                    <h3>Example: Empathy Session Planning</h3>
                    <p><strong>2-Hour Empathy Session:</strong></p>
                    <ul>
                        <li><strong>Location:</strong> Megalopolis (safe, no monsters)</li>
                        <li><strong>Setup:</strong> Macro or manual clicking, comfortable position</li>
                        <li><strong>Actions per hour:</strong> ~600-800 (depending on method)</li>
                        <li><strong>Breaks:</strong> Every 30 minutes to avoid fatigue</li>
                        <li><strong>Tracking:</strong> Keep count or use external counter</li>
                    </ul>
                    <p><strong>Pro Tip:</strong> Do empathy building while watching movies or listening to music</p>
                </div>
            </div>
            
            <button class="collapsible">Guardian Type Selection Examples</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Example: Choosing Your Guardian Type</h3>
                    <p><strong>Scenario 1: Casual Player</strong></p>
                    <ul>
                        <li><strong>Recommendation:</strong> Regular or Mighty Guardian</li>
                        <li><strong>Reasoning:</strong> Less time investment, still effective</li>
                        <li><strong>Skills:</strong> 8-10 skill slots, good for basic builds</li>
                    </ul>
                    <p><strong>Scenario 2: Hardcore Player</strong></p>
                    <ul>
                        <li><strong>Recommendation:</strong> Legendary Guardian</li>
                        <li><strong>Reasoning:</strong> Maximum skill slots, best stats</li>
                        <li><strong>Investment:</strong> 800-1000 cards, 2000+ empathy actions</li>
                    </ul>
                    <p><strong>Scenario 3: Collector/Fashion Player</strong></p>
                    <ul>
                        <li><strong>Recommendation:</strong> Spinel Guardian</li>
                        <li><strong>Reasoning:</strong> Unique appearance, prestige</li>
                        <li><strong>Warning:</strong> Double the requirements of regular guardians</li>
                    </ul>
                </div>
            </div>
            
            <button class="collapsible">Build Strategy Examples</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Example: Cookie-Cutter Meta Build</h3>
                    <p><strong>Core Skills:</strong></p>
                    <ul>
                        <li><strong>Lucky Fist:</strong> Main damage skill (% HP based)</li>
                        <li><strong>Shield Break:</strong> Reduces enemy defense</li>
                        <li><strong>Detect:</strong> Utility for finding items/monsters</li>
                        <li><strong>Heal:</strong> Sustainability</li>
                    </ul>
                    <p><strong>Why This Works:</strong></p>
                    <ul>
                        <li>Lucky Fist scales with enemy HP, not guardian stats</li>
                        <li>Perfect for high-HP bosses (300M+ HP)</li>
                        <li>Consistent damage regardless of equipment</li>
                        <li>Works well in both solo and party content</li>
                    </ul>
                </div>
                
                <div class="info-card">
                    <h3>Example: Specialized Builds</h3>
                    <p><strong>Support Guardian Build:</strong></p>
                    <ul>
                        <li><strong>Focus:</strong> Charm-based skills</li>
                        <li><strong>Skills:</strong> Heal, Mental Up, Blessing, Dance</li>
                        <li><strong>Role:</strong> Party support and healing</li>
                    </ul>
                    <p><strong>DPS Guardian Build:</strong></p>
                    <ul>
                        <li><strong>Focus:</strong> Power/Magic skills</li>
                        <li><strong>Skills:</strong> High-damage attacks, buffs</li>
                        <li><strong>Role:</strong> Maximum damage output</li>
                    </ul>
                </div>
            </div>
            
            <button class="collapsible">Harkon Defense Examples</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Example: HD Preparation Checklist</h3>
                    <p><strong>Before HD Starts:</strong></p>
                    <ul>
                        <li>✓ Popeye Anenome Card in inventory</li>
                        <li>✓ Mind's Eye skill learned</li>
                        <li>✓ Full potions and food</li>
                        <li>✓ Best equipment equipped</li>
                        <li>✓ Party members coordinated</li>
                    </ul>
                    <p><strong>During Preparation Phase (2 minutes):</strong></p>
                    <ul>
                        <li>Apply all buffs (Mental Up, Blessing, etc.)</li>
                        <li>Position near your assigned statue</li>
                        <li>Coordinate with team on voice chat</li>
                        <li>Check guardian skills are ready</li>
                    </ul>
                </div>
                
                <div class="info-card">
                    <h3>Example: HD Battle Strategy</h3>
                    <p><strong>Defense Phase Strategy:</strong></p>
                    <ul>
                        <li><strong>Priority 1:</strong> Keep statues alive at all costs</li>
                        <li><strong>Priority 2:</strong> Clear shadow monsters efficiently</li>
                        <li><strong>Priority 3:</strong> Prepare for Chronos boss phase</li>
                    </ul>
                    <p><strong>Team Roles:</strong></p>
                    <ul>
                        <li><strong>Tanks:</strong> Draw monster aggro away from statues</li>
                        <li><strong>DPS:</strong> Focus fire on high-threat monsters</li>
                        <li><strong>Support:</strong> Heal statues and party members</li>
                        <li><strong>Guardians:</strong> Use Lucky Fist on bosses, support skills on team</li>
                    </ul>
                </div>
                
                <div class="info-card">
                    <h3>Example: HD Rewards Planning</h3>
                    <p><strong>Gloom Mode Farming (Beginner):</strong></p>
                    <ul>
                        <li><strong>Goal:</strong> Shadow equipment for alts</li>
                        <li><strong>Time:</strong> 15-20 minutes per run</li>
                        <li><strong>Difficulty:</strong> Low, good for learning</li>
                    </ul>
                    <p><strong>Boss Mode Farming (Advanced):</strong></p>
                    <ul>
                        <li><strong>Goal:</strong> Maximum Chronos shards</li>
                        <li><strong>Time:</strong> 30-45 minutes per run</li>
                        <li><strong>Requirement:</strong> Coordinated team, good equipment</li>
                    </ul>
                </div>
            </div>
            
            
            
            <div class="tab-footer">
                <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
            </div>
        </div>
        
        
    <div class="tab-footer">
        <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
    </div>
</section>
        
<!-- HARKON DEFENSE TAB -->
<section id="tab-harkon-defense" class="tab-content" aria-labelledby="Harkon Defense">
    <div class="section-header">
        <h2 id="harkon-defense-section">Harkon Defense</h2>
        <p class="section-lead">Learn about Harkon Defense and Poseidon's Blessing</p>
    </div>
        
        <div class="info-card">
            <h3>About Harkon Defense (HD)</h3>
            <p>Harkon Defense is a mini-game mode centered around tower defense and guardian combat. You can use this game mode to get decent/BIS equips (depending on your class), exclusive fuses, pets, and access to custom exchanges including MS Stone exchange and Token of True Trickster exchange during events.</p>
        </div>
        
        <div class="warning-box">
            <strong>Important:</strong> HD requires teamwork and coordination. Your primary objective is to defeat shadow monsters and keep the Harkon statues alive. The health display is bugged to show more than actually there - be careful!
        </div>
        
        <h3>Prerequisites & Setup:</h3>
        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0;">
            <div>
                <h4>Required Items:</h4>
                <ul>
                    <li style="display: flex; align-items: center; gap: 10px;"><img src="https://mewsie.world/CoraTOWiki/images/0/00/Popeye_anenome_card.png" alt="Popeye Anenome Card" style="width: 32px; height: 32px; object-fit: contain;"><span><strong>Popeye Anenome Card</strong> - From Ghost Blue Field 1</span></li>
                    <li><strong>Mind's Eye Skill</strong> - From Eclipse in Event Garden</li>
                </ul>
                
                <div class="tip-box">
                    <strong>Pro Tip:</strong> You do NOT have to give up your Eclipse Key if you want a free teleport to Mega--just talk to Eclipse only once!
                </div>
            </div>
        </div>
        
        <h3>How to Access HD:</h3>
        <div class="info-card">
            <ol>
                <li><strong>Get Popeye Anenome Card:</strong> Farm Ghost Blue Field 1, drops from Light Pink Coral (NOT cash boxes)</li>
                <li><strong>Obtain Mind's Eye:</strong> Speak to Eclipse in Event Garden</li>
                <li><strong>Wait for Alerts:</strong> Watch for messages 10 minutes, 2 minutes, and at start time</li>
                <li><strong>Go to Specified Town:</strong> Use Mind's Eye in the announced location</li>
                <li><strong>Find Stella:</strong> Check minimap for 2-3 new red dots, hover to find Stella</li>
                <li><strong>Enter Sanctuary:</strong> Talk to Eclipse when she appears</li>
            </ol>
        </div>
        
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px; margin: 20px 0;">
            <div class="image-container">
                <img src="https://mewsie.world/CoraTOWiki/images/8/86/Harkon_defense_ghost_blue_2min.png" alt="HD Alert" style="max-width: 100%;">
                <p class="image-caption">HD Alert - 2 Minutes Warning</p>
            </div>
            
            <div class="image-container">
                <img src="https://mewsie.world/CoraTOWiki/images/f/f3/Ghost_blue_shadow_world_open.png" alt="Shadow World Open" style="max-width: 100%;">
                <p class="image-caption">Shadow World Open - Entry Available</p>
            </div>
            
            <div class="image-container">
                <img src="https://mewsie.world/CoraTOWiki/images/e/e9/Ghost_blue_sanctuary_lost.png" alt="Sanctuary Lost" style="max-width: 100%;">
                <p class="image-caption">Sanctuary Lost - Entry Closed</p>
            </div>
        </div>
        
        <h3>HD Gameplay Mechanics:</h3>
        <div class="image-container" style="float: right; margin: 0 0 20px 20px; max-width: 400px; z-index: 10; position: relative;">
            <img src="https://mewsie.world/CoraTOWiki/images/thumb/2/2d/Harkon_defense_guide_image.png/300px-Harkon_defense_guide_image.png" alt="HD Interface Guide" style="max-width: 100%;">
            <p class="image-caption">HD Interface - General Diagram</p>
        </div>
        
        <div class="info-card" style="margin-top: 20px; clear: left; z-index: 1; position: relative;">
            <h4>Battle Flow:</h4>
            <ul>
                <li><strong>Preparation Phase:</strong> ~2 minutes to buff after entering</li>
                <li><strong>Defense Phase:</strong> Protect Harkon statues from shadow monsters</li>
                <li><strong>Boss Phase:</strong> Chronos appears near the end (only source of Chronos shards)</li>
                <li><strong>Completion:</strong> Successfully defend all statues for Poseidon's Blessing</li>
            </ul>
        </div>
        
        <div style="clear: both;"></div>
        
        <h3>HD Difficulty Modes:</h3>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin: 20px 0;">
            <div class="guardian-type-card" style="background: #e8f5e8; border-left: 4px solid #4caf50;">
                <h4 style="color: #4caf50;">Gloom Mode</h4>
                <p><strong>Difficulty:</strong> Lowest</p>
                <p><strong>Best For:</strong> Shadow Equipment farming</p>
                <p><strong>Rewards:</strong> Shadow Equips, basic shards</p>
            </div>
            
            <div class="guardian-type-card" style="background: #fff3e0; border-left: 4px solid #ff9800;">
                <h4 style="color: #ff9800;">Normal Mode</h4>
                <p><strong>Difficulty:</strong> Medium</p>
                <p><strong>Best For:</strong> Balanced farming</p>
                <p><strong>Rewards:</strong> Moderate shards, mixed equipment</p>
            </div>
            
            <div class="guardian-type-card" style="background: #ffebee; border-left: 4px solid #f44336;">
                <h4 style="color: #f44336;">Boss Mode</h4>
                <p><strong>Difficulty:</strong> Highest</p>
                <p><strong>Best For:</strong> Maximum shard farming</p>
                <p><strong>Rewards:</strong> Best shard rates, rare equipment</p>
            </div>
        </div>
        
        <h3>Rewards & Exchange:</h3>
        <div class="info-card">
            <h4>Where to Exchange:</h4>
            <p>Go to Mega Shop and use Mind's Eye. Next to Rosemary, you'll find <strong>Stella</strong> ready to exchange shards and equipment.</p>
            
            <h4>Available Exchanges:</h4>
            <ul>
                <li><strong>Regular Exchange:</strong> Shards for equipment and items</li>
                <li><strong>Custom MS Stone Exchange:</strong> Special CoraTO exchange system</li>
                <li><strong>Token of True Trickster:</strong> Event-based exchange (limited time)</li>
            </ul>
        </div>
        
        <button class="collapsible">Poseidon's Blessing (Clover+Bonus)</button>
        <div class="collapsible-content">
            <div class="info-card">
                <h3>Blessing Effects</h3>
                <p>When you successfully defend a Harkon Sanctuary in its entirety, you get a Poseidon's Blessing. This nerfs the monsters in a given area as well as increases SC chances with CID! Yes, it's true! Check your map before you CID!</p>
            </div>
            
            <div class="warning-box">
                "Rose Garden" only counts Vamp Castle Gate, not Event Garden!!! EVENT GARDEN IS CONSIDERED MEGALOPOLIS!!!
            </div>
            
            <div class="image-container">
                <img src="https://mewsie.world/CoraTOWiki/images/thumb/c/cd/Clover_map.png/452px-Clover_map.png" alt="Clover Map" style="max-width: 450px;">
                <p class="image-caption">General Map of the Towns and where their Clover would be if they had Poseidon's Blessing</p>
            </div>
            
            <div class="image-container">
                <img src="https://mewsie.world/CoraTOWiki/images/thumb/5/58/Clover_map_tapasco.png/300px-Clover_map_tapasco.png" alt="Clover Map Tapasco" style="max-width: 450px;">
                <p class="image-caption">Clover Map showing Tapasco</p>
            </div>
        </div>
        
        <div class="tab-footer">
            <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
        </div>
    </section>
    
    <!-- EXAMPLES TAB -->
    <section id="tab-examples" class="tab-content" aria-labelledby="Examples">
        <div class="section-header">
            <h2 id="examples-section">Practical Examples & Scenarios</h2>
            <p class="section-lead">Real-world examples of guardian mechanics in action</p>
        </div>
        
        <button class="collapsible">CID Examples & Strategies</button>
        <div class="collapsible-content">
            <div class="info-card">
                <h3>Example: First-Time CID Session</h3>
                <p><strong>Scenario:</strong> Level 80 Sheep going for their first legendary guardian</p>
                <p><strong>Preparation:</strong></p>
                <ul>
                    <li>Collected 1,200 cards (mix of +1, +2, +3 life cards)</li>
                    <li>Checked Poseidon's Blessing locations for SC bonus</li>
                    <li>Brought plenty of potions and food</li>
                </ul>
                <p><strong>Strategy:</strong></p>
                <ul>
                    <li><strong>Stage 1:</strong> Use high-life cards (+5, +4) to learn the patterns</li>
                    <li><strong>Stage 2+:</strong> Switch to +3 life cards for consistency</li>
                    <li><strong>Memory technique:</strong> Focus on card positions, not images</li>
                    <li><strong>Result:</strong> Got 14/16 Secret Cards in 800 cards, completed set with trading</li>
                </ul>
            </div>
            
            <div class="info-card">
                <h3>Example: Efficient Card Farming</h3>
                <p><strong>Best Locations by Level:</strong></p>
                <ul>
                    <li><strong>Level 65-80:</strong> Azteca Field 1 (Tomahawk Cactus) - Easy, good drop rate</li>
                    <li><strong>Level 80-100:</strong> Vamp Castle Gate (Vamp Bat) - Higher level cards</li>
                    <li><strong>Level 100+:</strong> Megalopolis (Harpy) - Best card variety</li>
                </ul>
                <p><strong>Pro Tips:</strong></p>
                <ul>
                    <li>Farm during 2x drop events for maximum efficiency</li>
                    <li>Use Detect to find card-dropping monsters faster</li>
                    <li>Check card life values before CID sessions</li>
                </ul>
            </div>
        </div>
        
        <button class="collapsible">Soul Seed Quest Examples</button>
        <div class="collapsible-content">
            <div class="info-card">
                <h3>Example: Efficient Soul Farming Route</h3>
                <p><strong>Vamp Castle Soul Collection (30 minutes):</strong></p>
                <ul>
                    <li><strong>Iron Knight Soul:</strong> Vamp Castle B1 → Kill Iron Knights near entrance</li>
                    <li><strong>Brass Knight Soul:</strong> Vamp Castle B2 → Center area has highest spawn</li>
                    <li><strong>Bone Fighter/Warrior/Magician:</strong> Vamp Castle B3 → Clear systematically</li>
                </ul>
                <p><strong>Optimization:</strong> Use AoE skills, bring plenty of potions, party with friends for faster clearing</p>
            </div>
            
            <div class="info-card">
                <h3>Example: Swamp Seed Collection</h3>
                <p><strong>Efficient Seed Route (45 minutes):</strong></p>
                <ul>
                    <li><strong>Cobra Flower:</strong> Swamp 1 → North-east corner has best spawn rate</li>
                    <li><strong>Tooth Flower:</strong> Swamp 2 → Center area, respawns quickly</li>
                    <li><strong>Mud Bigfoot:</strong> Swamp 3 → Western side, use Detect skill</li>
                    <li><strong>Lotus Wormhole:</strong> Swamp 4 → Scattered throughout, be patient</li>
                </ul>
                <p><strong>Pro Tip:</strong> Collect all 60 seeds in one session to avoid multiple trips</p>
            </div>
        </div>
        
        <button class="collapsible">Guardian Quest Examples</button>
        <div class="collapsible-content">
            <div class="info-card">
                <h3>Example: First Guardian Timeline</h3>
                <p><strong>Day 1-3: Preparation Phase</strong></p>
                <ul>
                    <li>Complete CID questline and collect Secret Cards</li>
                    <li>Farm souls and seeds for Soul Seed quest</li>
                    <li>Obtain Harkon from Blacksmith Marx questlines</li>
                </ul>
                <p><strong>Day 4: Soul Seed Quest</strong></p>
                <ul>
                    <li>Complete Mirage Island access if needed</li>
                    <li>Turn in all materials to get mature Poseidon seed</li>
                </ul>
                <p><strong>Day 5: Guardian Creation</strong></p>
                <ul>
                    <li>Use Secret Space Map to access Memory of Flames</li>
                    <li>Complete Doppelganger fight (scales to your level)</li>
                    <li>Receive your first guardian!</li>
                </ul>
            </div>
            
            <div class="info-card">
                <h3>Example: Doppelganger Fight Strategy</h3>
                <p><strong>Level 180 Sheep vs Doppelganger:</strong></p>
                <ul>
                    <li><strong>Preparation:</strong> Full buffs, best equipment, plenty of potions</li>
                    <li><strong>Strategy:</strong> Doppelganger mirrors your stats exactly</li>
                    <li><strong>Key Points:</strong> Use terrain, kite if ranged, burst damage if melee</li>
                    <li><strong>Difficulty:</strong> Scales with your level - higher level = harder fight</li>
                </ul>
                <p><strong>Pro Tip:</strong> Consider doing this quest at a lower level if you're struggling</p>
            </div>
        </div>
        
        <button class="collapsible">Empathy Building Examples</button>
        <div class="collapsible-content">
            <div class="info-card">
                <h3>Example: Cookie-Cutter Build Empathy</h3>
                <p><strong>Target Stats for Sense Guardian:</strong></p>
                <ul>
                    <li><strong>Sense: 6</strong> (2,000 Sense actions)</li>
                    <li><strong>Charm: 5</strong> (1,600 Charm actions)</li>
                    <li><strong>Others: 4 each</strong> (1,200 actions each)</li>
                </ul>
                <p><strong>Action Examples:</strong></p>
                <ul>
                    <li><strong>Sense:</strong> Use Detect, Lucky Fist, Shield Break repeatedly</li>
                    <li><strong>Charm:</strong> Dance, use charm-based skills</li>
                    <li><strong>Power:</strong> Physical attacks, power skills</li>
                    <li><strong>Magic:</strong> Cast spells, use magic skills</li>
                </ul>
            </div>
            
            <div class="info-card">
                <h3>Example: Empathy Session Planning</h3>
                <p><strong>2-Hour Empathy Session:</strong></p>
                <ul>
                    <li><strong>Location:</strong> Megalopolis (safe, no monsters)</li>
                    <li><strong>Setup:</strong> Macro or manual clicking, comfortable position</li>
                    <li><strong>Actions per hour:</strong> ~600-800 (depending on method)</li>
                    <li><strong>Breaks:</strong> Every 30 minutes to avoid fatigue</li>
                    <li><strong>Tracking:</strong> Keep count or use external counter</li>
                </ul>
                <p><strong>Pro Tip:</strong> Do empathy building while watching movies or listening to music</p>
            </div>
        </div>
        
        <button class="collapsible">Guardian Type Selection Examples</button>
        <div class="collapsible-content">
            <div class="info-card">
                <h3>Example: Choosing Your Guardian Type</h3>
                <p><strong>Scenario 1: Casual Player</strong></p>
                <ul>
                    <li><strong>Recommendation:</strong> Regular or Mighty Guardian</li>
                    <li><strong>Reasoning:</strong> Less time investment, still effective</li>
                    <li><strong>Skills:</strong> 8-10 skill slots, good for basic builds</li>
                </ul>
                <p><strong>Scenario 2: Hardcore Player</strong></p>
                <ul>
                    <li><strong>Recommendation:</strong> Legendary Guardian</li>
                    <li><strong>Reasoning:</strong> Maximum skill slots, best stats</li>
                    <li><strong>Investment:</strong> 800-1000 cards, 2000+ empathy actions</li>
                </ul>
                <p><strong>Scenario 3: Collector/Fashion Player</strong></p>
                <ul>
                    <li><strong>Recommendation:</strong> Mix of guardian types</li>
                    <li><strong>Reasoning:</strong> Different appearances, variety</li>
                    <li><strong>Investment:</strong> Multiple guardian slots, varied builds</li>
                </ul>
            </div>
        </div>
        
        <button class="collapsible">Build Strategy Examples</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Example: Cookie-Cutter Meta Build</h3>
                    <p><strong>Core Skills:</strong></p>
                    <ul>
                        <li><strong>Lucky Fist:</strong> Main damage skill (% HP based)</li>
                        <li><strong>Shield Break:</strong> Reduces enemy defense</li>
                        <li><strong>Detect:</strong> Utility for finding items/monsters</li>
                        <li><strong>Heal:</strong> Sustainability</li>
                    </ul>
                    <p><strong>Why This Works:</strong></p>
                    <ul>
                        <li>Lucky Fist scales with enemy HP, not guardian stats</li>
                        <li>Perfect for high-HP bosses (300M+ HP)</li>
                        <li>Consistent damage regardless of equipment</li>
                        <li>Works well in both solo and party content</li>
                    </ul>
                </div>
                
                <div class="info-card">
                    <h3>Example: Specialized Builds</h3>
                    <p><strong>Support Guardian Build:</strong></p>
                    <ul>
                        <li><strong>Focus:</strong> Charm-based skills</li>
                        <li><strong>Skills:</strong> Heal, Mental Up, Blessing, Dance</li>
                        <li><strong>Role:</strong> Party support and healing</li>
                    </ul>
                    <p><strong>DPS Guardian Build:</strong></p>
                    <ul>
                        <li><strong>Focus:</strong> Power/Magic skills</li>
                        <li><strong>Skills:</strong> High-damage attacks, buffs</li>
                        <li><strong>Role:</strong> Maximum damage output</li>
                    </ul>
                </div>
            </div>
            
            <button class="collapsible">Harkon Defense Examples</button>
            <div class="collapsible-content">
                <div class="info-card">
                    <h3>Example: HD Preparation Checklist</h3>
                    <p><strong>Before HD Starts:</strong></p>
                    <ul>
                        <li>✓ Popeye Anenome Card in inventory</li>
                        <li>✓ Mind's Eye skill learned</li>
                        <li>✓ Full potions and food</li>
                        <li>✓ Best equipment equipped</li>
                        <li>✓ Party members coordinated</li>
                    </ul>
                    <p><strong>During Preparation Phase (2 minutes):</strong></p>
                    <ul>
                        <li>Apply all buffs (Mental Up, Blessing, etc.)</li>
                        <li>Position near your assigned statue</li>
                        <li>Coordinate with team on voice chat</li>
                        <li>Check guardian skills are ready</li>
                    </ul>
                </div>
                
                <div class="info-card">
                    <h3>Example: HD Battle Strategy</h3>
                    <p><strong>Defense Phase Strategy:</strong></p>
                    <ul>
                        <li><strong>Priority 1:</strong> Keep statues alive at all costs</li>
                        <li><strong>Priority 2:</strong> Clear shadow monsters efficiently</li>
                        <li><strong>Priority 3:</strong> Prepare for Chronos boss phase</li>
                    </ul>
                    <p><strong>Team Roles:</strong></p>
                    <ul>
                        <li><strong>Tanks:</strong> Draw monster aggro away from statues</li>
                        <li><strong>DPS:</strong> Focus fire on high-threat monsters</li>
                        <li><strong>Support:</strong> Heal statues and party members</li>
                        <li><strong>Guardians:</strong> Use Lucky Fist on bosses, support skills on team</li>
                    </ul>
                </div>
                
                <div class="info-card">
                    <h3>Example: HD Rewards Planning</h3>
                    <p><strong>Gloom Mode Farming (Beginner):</strong></p>
                    <ul>
                        <li><strong>Goal:</strong> Shadow equipment for alts</li>
                        <li><strong>Time:</strong> 15-20 minutes per run</li>
                        <li><strong>Difficulty:</strong> Low, good for learning</li>
                    </ul>
                    <p><strong>Boss Mode Farming (Advanced):</strong></p>
                    <ul>
                        <li><strong>Goal:</strong> Maximum Chronos shards</li>
                        <li><strong>Time:</strong> 30-45 minutes per run</li>
                        <li><strong>Requirement:</strong> Coordinated team, good equipment</li>
                    </ul>
                </div>
            </div>
        
        <div class="tab-footer">
            <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
        </div>
    </section>
</main>

<!-- RESOURCES SECTION (Always visible at the bottom) -->
<section id="resources-section" class="resources-footer">
    <div class="section-header">
        <h2>Resources & Acknowledgements</h2>
        <p class="section-lead">Community knowledge and contributions</p>
    </div>
    
    <div class="info-card">
        <h3>Sources & Contributors:</h3>
        <ul>
            <li><strong>Almora's guide</strong> - Comprehensive information and detailed explanations</li>
            <li><strong>Geepie's guide</strong> - Additional guardian insights</li>
            <li><strong>Infinity Guild</strong> - Guardian creation expertise and support</li>
            <li><strong>BeProud and JjaeQT</strong> - Build optimization advice</li>
            <li><strong>Bunny</strong> - Helpful tips and suggestions</li>
            <li><strong>CoraTO Community</strong> - Feedback and testing</li>
            <li><strong>CoraTO Admin and Mods</strong> - Server support and game improvements</li>
            <li><strong>SeirosNoori</strong> - Guide beautification</li>
        </ul>
        <p>If you prefer another approach to this same guide, access [[Mew's_Guardian_Guide_Origin|Mew's_Guardian_Guide_Origin]]</p>
        <p>This guide has been compiled from various community sources and personal experience. All content is provided for educational purposes only. Images are used with permission or are from public resources.</p>
    </div>
    
    <div class="footer-nav">
        <a href="#" class="back-to-top" onclick="scrollToTop(); return false;">↑ Back to Top</a>
    </div>
</section>
</body>
</html>