Hologramsie: Difference between revisions

From CoraTO Wiki - Official Wiki
Jump to navigation Jump to search
← Older edit
VisualWikitext
No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#css:MediaWiki:Tabs.css}}
<usestyle src="MainPage.css" />
<html>
<usestyle src="Tabs.css" />
<usestyle src="DestaqueCard.css" />
<usestyle src="ChangelogBox.css" />
<usestyle src="InfoBox.css" />
<usestyle src="Img.css" />
<usestyle src="MindMap.css" />
 
<usescript src="TabFocus.js"/>
<usescript src="ShowFirstTabs.js"/>
<usescript src="MindMap.js"/>
 
<html lang="en" id="top">
<html lang="en" id="top">
<head>
<head>
Line 27: Line 37:
     <main class="content">
     <main class="content">
       <!-- OVERVIEW TAB -->
       <!-- OVERVIEW TAB -->
       <section id="tab-overview" class="tab-content active" role="tabpanel" aria-labelledby="tab-overview-label">
       <section id="tab-overview" class="tab-content active" role="tabpanel" aria-labelledby="tabbtn-overview">
         <div class="section-header">
         <div class="section-header">
           <h2 id="quick-overview">Quick Overview</h2>
           <h2 id="quick-overview">Quick Overview</h2>
Line 44: Line 54:
                     <p>Hologramsie provides comprehensive services including:</p>
                     <p>Hologramsie provides comprehensive services including:</p>
         <div class="destaques-grid">
         <div class="destaques-grid">
           <div class="destaque-card" data-tab-trigger="tab-services" data-tab-button="tabbtn-services" data-scroll-to="banking-services">
           <div class="destaque-card" data-tab-trigger="tab-services" data-tab-button="tabbtn-services" data-scroll-to="banking-services" data-node-target="mm-services-bank">
             <div class="destaque-image">
             <div class="destaque-image">
               <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23e3f2fd'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%231976d2'%3EBanking%3C/text%3E%3C/svg%3E" alt="Banking Services">
               <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23e3f2fd'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%231976d2'%3EBanking%3C/text%3E%3C/svg%3E" alt="Banking Services">
Line 54: Line 64:
           </div>
           </div>


           <div class="destaque-card" data-tab-trigger="tab-services" data-tab-button="tabbtn-services" data-scroll-to="equipment-enhancement-services">
           <div class="destaque-card" data-tab-trigger="tab-services" data-tab-button="tabbtn-services" data-scroll-to="equipment-enhancement-services" data-node-target="mm-services-repair">
             <div class="destaque-image">
             <div class="destaque-image">
               <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23f3e5f5'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%237b1fa2'%3EEquipment%3C/text%3E%3C/svg%3E" alt="Equipment Services">
               <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23f3e5f5'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%237b1fa2'%3EEquipment%3C/text%3E%3C/svg%3E" alt="Equipment Services">
Line 64: Line 74:
           </div>
           </div>


           <div class="destaque-card" data-tab-trigger="tab-services" data-tab-button="tabbtn-services" data-scroll-to="pet-management-services">
           <div class="destaque-card" data-tab-trigger="tab-services" data-tab-button="tabbtn-services" data-scroll-to="pet-management-services" data-node-target="mm-services-pet">
             <div class="destaque-image">
             <div class="destaque-image">
               <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23e8f5e8'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23388e3c'%3EPets%3C/text%3E%3C/svg%3E" alt="Pet Management">
               <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23e8f5e8'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23388e3c'%3EPets%3C/text%3E%3C/svg%3E" alt="Pet Management">
Line 74: Line 84:
           </div>
           </div>


           <div class="destaque-card" data-tab-trigger="tab-services" data-tab-button="tabbtn-services" data-scroll-to="fusion-services">
           <div class="destaque-card" data-tab-trigger="tab-services" data-tab-button="tabbtn-services" data-scroll-to="fusion-services" data-node-target="mm-services-fuse">
             <div class="destaque-image">
             <div class="destaque-image">
               <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23fff3e0'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23f57c00'%3EFusion%3C/text%3E%3C/svg%3E" alt="Fusion Services">
               <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23fff3e0'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23f57c00'%3EFusion%3C/text%3E%3C/svg%3E" alt="Fusion Services">
Line 84: Line 94:
           </div>
           </div>


           <div class="destaque-card" data-tab-trigger="tab-services" data-tab-button="tabbtn-services" data-scroll-to="special-services">
           <div class="destaque-card" data-tab-trigger="tab-services" data-tab-button="tabbtn-services" data-scroll-to="special-services" data-node-target="mm-services-other">
             <div class="destaque-image">
             <div class="destaque-image">
               <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23fce4ec'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23c2185b'%3ESpecial%3C/text%3E%3C/svg%3E" alt="Special Services">
               <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23fce4ec'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23c2185b'%3ESpecial%3C/text%3E%3C/svg%3E" alt="Special Services">
Line 95: Line 105:
         </div>
         </div>
        
        
         </div>
          
          
          
       </section>
       </section>


       <!-- FUNCTIONS TAB (keep MediaWiki tables) -->
       <!-- FUNCTIONS TAB (keep MediaWiki tables) -->
       <section id="tab-services" class="tab-content" role="tabpanel" aria-labelledby="tab-services-label" aria-hidden="true">
       <section id="tab-services" class="tab-content" role="tabpanel" aria-labelledby="tabbtn-services" aria-hidden="true">
         <div class="section-header">
         <div class="section-header">
           <h2 id="functions-reference">Complete Functions Reference</h2>
           <h2 id="functions-reference">Complete Functions Reference</h2>
           <p class="section-lead">All available features provided by Hologramsie</p>
           <p class="section-lead">All available features provided by Hologramsie</p>
         </div>
         </div>
         <div class="changelog-box">
         <div class="nested-tabs">
           <strong>Service Categories:</strong> Hologramsie's functions are organized into five main categories, each replacing multiple NPCs to provide centralized access to essential game services.
           <button type="button" class="nested-tab active" data-tab="nested-services-mindmap">Mind Map View</button>
          <button type="button" class="nested-tab" data-tab="nested-services-table">Table View</button>
         </div>
         </div>


         <h4 id="banking-services">Banking Services</h4>
         <div class="nested-content active" id="nested-services-mindmap">
        <table class="wikitable" style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #e0e0e0;">
          <div class="mindmap" data-map="services">
          <thead>
            <div class="mm-controls">
            <tr>
              <button type="button" data-mm-zoom="in">+</button>
               <th style="background: linear-gradient(135deg, #f8fbff 0%, #e8f4fd 100%); color: #2c5aa0; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #90caf9; font-size: 14px;">Function</th>
              <button type="button" data-mm-zoom="out">−</button>
              <th style="background: linear-gradient(135deg, #f8fbff 0%, #e8f4fd 100%); color: #2c5aa0; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #90caf9; font-size: 14px;">Replaces NPC</th>
              <button type="button" data-mm-reset>Reset</button>
               <th style="background: linear-gradient(135deg, #f8fbff 0%, #e8f4fd 100%); color: #2c5aa0; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #90caf9; font-size: 14px;">Description</th>
            </div>
            </tr>
            <svg class="mm-links"></svg>
          </thead>
            <div class="mindmap-stage" id="mm-stage-services">
          <tbody>
              <div class="mm-node mm-center" id="mm-services-center" tabindex="0">Hologramsie Functions</div>
            <tr style="background: linear-gradient(135deg, #fafcff 0%, #f0f8ff 100%);">
              <div class="mm-branch pos-1" id="mm-services-bank">
              <td><strong>Multipaged Bank</strong></td>
                <div class="mm-node" id="mm-services-bank-head" tabindex="0">Bank Services</div>
              <td>Banker Angelina</td>
                <div class="mm-children">
              <td>Access to multislot warehouse storage with expanded capacity</td>
                  <div class="mm-node" id="mm-services-bank-multipaged" tabindex="0" data-detail="Multipaged Bank — Banker Angelina — Multislot warehouse storage access">Multipaged Bank</div>
            </tr>
                  <div class="mm-node" id="mm-services-bank-galder" tabindex="0" data-detail="Galder Bank — Banker Lisa — Galder warehouse storage access">Galder Bank</div>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);">
                  <div class="mm-node" id="mm-services-bank-recharge" tabindex="0" data-detail="Recharge Timed Item — Pia — Recharging timed items">Recharge Timed Item</div>
              <td><strong>Galder Bank</strong></td>
                </div>
              <td>Banker Lisa</td>
              </div>
               <td>Dedicated galder (currency) warehouse storage access</td>
               <div class="mm-branch pos-2" id="mm-services-repair">
            </tr>
                <div class="mm-node" id="mm-services-repair-head" tabindex="0">Repair & EQ Compound</div>
            <tr style="background: linear-gradient(135deg, #fafcff 0%, #f0f8ff 100%);">
                <div class="mm-children">
              <td><strong>Recharge Timed Item</strong></td>
                  <div class="mm-node" id="mm-services-repair-or-refine" tabindex="0" data-detail="Repair or Refine — Blacksmith Marx — Repairing or Refining Equipment">Repair or Refine</div>
              <td>Pia</td>
                  <div class="mm-node" id="mm-services-mature-compound" tabindex="0" data-detail="Mature Compound — Alchemist Nate — Adding Compounds to equipment">Mature Compound</div>
              <td>Restore duration on time-limited items and equipment</td>
                  <div class="mm-node" id="mm-services-remove-compound" tabindex="0" data-detail="Remove Mature Compound — Alchemist Nate — Removing Compounds from Equipment">Remove Mature Compound</div>
             </tr>
                </div>
          </tbody>
              </div>
        </table>
               <div class="mm-branch pos-3" id="mm-services-temper">
                <div class="mm-node" id="mm-services-temper-head" tabindex="0">EQ Temper Services</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-services-temper-do" tabindex="0" data-detail="Temper — Alan — Tempering equipment">Temper</div>
                  <div class="mm-node" id="mm-services-temper-reset" tabindex="0" data-detail="Reset Temper — Alan — Resetting temper count">Reset Temper</div>
                </div>
              </div>
              <div class="mm-branch pos-4" id="mm-services-pet">
                <div class="mm-node" id="mm-services-pet-head" tabindex="0">Pet Stat Services</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-services-hardant-equip" tabindex="0" data-detail="Equip Hardant — Pet Trainer Shara — Add pet compound">Equip Hardant</div>
                  <div class="mm-node" id="mm-services-hardant-unequip" tabindex="0" data-detail="Unequip Hardant — Pet Trainer Shara — Remove pet compound">Unequip Hardant</div>
                  <div class="mm-node" id="mm-services-pet-training" tabindex="0" data-detail="Pet Training — Pet Trainer Shara — Reroll pet stats">Pet Training</div>
                  <div class="mm-node" id="mm-services-pet-levelup" tabindex="0" data-detail="Pet Level-up — Pet Breeder Erin — Changing tier of pet">Pet Level-up</div>
                  <div class="mm-node" id="mm-services-pet-synergize" tabindex="0" data-detail="Synergize Pets — Pet Trainer Shara — Combine 3+ star pets together to keep stats">Synergize Pets</div>
                </div>
              </div>
              <div class="mm-branch pos-5" id="mm-services-fuse">
                <div class="mm-node" id="mm-services-fuse-head" tabindex="0">Fuse Services</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-services-fuse-equip" tabindex="0" data-detail="Fuse Equip — Fusion Master Arlene — Changing skin of equip">Fuse Equip</div>
                  <div class="mm-node" id="mm-services-fuse-pet" tabindex="0" data-detail="Fuse Pet — Pet Breeder Erin — Changing skin of pet">Fuse Pet</div>
                  <div class="mm-node" id="mm-services-unfuse" tabindex="0" data-detail="Unfuse Pet or Equip — Fusion Master Arlene — Changing skin of equip or pet">Unfuse Pet or Equip</div>
                </div>
              </div>
               <div class="mm-branch pos-6" id="mm-services-other">
                <div class="mm-node" id="mm-services-other-head" tabindex="0">Other Options</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-services-pyupyu" tabindex="0" data-href="https://mewsie.world/CoraTOWiki/index.php/PyuPyu%E2%80%99s_Exchange_(PyuPyu%E2%80%99s_Scavenger_Hunt)" data-detail="Access PyuPyu Exchange — PyuPyu (Custom) — MS Gear and Broom Exchange Repository">Access PyuPyu Exchange</div>
                  <div class="mm-node" id="mm-services-eggshop" tabindex="0" data-detail="Open Egg Shop — Leonardo — Fuses + Altiverse Boxes + 5g Equips">Open Egg Shop</div>
                  <div class="mm-node" id="mm-services-jobchange" tabindex="0" data-detail="Job Change — Louis Bitton — Change your job remotely">Job Change</div>
                  <div class="mm-node" id="mm-services-fortune" tabindex="0" data-detail="Read Fortune — Stargazer Stella — Get your fortune read anywhere">Read Fortune</div>
                  <div class="mm-node" id="mm-services-chaostoken" tabindex="0" data-href="https://mewsie.world/CoraTOWiki/index.php/Chaos_Tokens" data-detail="Chaos Token Exchange — Valxius (Custom) — For exchanging for chaos feathers, anywhere">Chaos Token Exchange</div>
                </div>
              </div>
             </div>
            <div class="mm-detail" id="mm-detail-services"></div>
          </div>


        <h4 id="equipment-enhancement-services">Equipment Enhancement Services</h4>
          <div class="tip-box">
        <table class="wikitable" style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #e0e0e0;">
             <h3>Need help finding Hologramsie?</h3>
          <thead>
            <p><a href="javascript:void(0)" id="link-holo-map" >Click here</a> to explode her map location or <a href="javascript:void(0)" id="link-holo-table" >this tab</a>.</p>
             <tr>
           </div>
              <th style="background: linear-gradient(135deg, #faf8fb 0%, #f0e6f7 100%); color: #6a1b9a; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #ce93d8; font-size: 14px;">Function</th>
         </div>
              <th style="background: linear-gradient(135deg, #faf8fb 0%, #f0e6f7 100%); color: #6a1b9a; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #ce93d8; font-size: 14px;">Replaces NPC</th>
              <th style="background: linear-gradient(135deg, #faf8fb 0%, #f0e6f7 100%); color: #6a1b9a; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #ce93d8; font-size: 14px;">Description</th>
            </tr>
          </thead>
          <tbody>
            <tr style="background: linear-gradient(135deg, #fcfafd 0%, #f5f0f8 100%);">
              <td><strong>Repair or Refine</strong></td>
              <td>Blacksmith Marx</td>
              <td>Repair damaged equipment or refine for better stats</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #fffef7 100%);">
              <td><strong>Mature Compound</strong></td>
              <td>Alchemist Nate</td>
              <td>Add compound effects to enhance equipment performance</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #fcfafd 0%, #f5f0f8 100%);">
              <td><strong>Remove Mature Compound</strong></td>
              <td>Alchemist Nate</td>
              <td>Remove existing compounds from equipment safely</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #faf8fb 100%);">
              <td><strong>Temper Equipment</strong></td>
              <td>Alan</td>
              <td>Increase equipment stats through tempering process</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #fcfafd 0%, #f5f0f8 100%);">
              <td><strong>Reset Temper</strong></td>
              <td>Alan</td>
              <td>Reset temper count to allow further enhancement attempts</td>
            </tr>
           </tbody>
         </table>


         <h4 id="pet-management-services">Pet Management Services</h4>
         <div class="nested-content" id="nested-services-table">
        <table class="wikitable" style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #e0e0e0;">
           <div id="services-table-root" class="mm-table-root"></div>
          <thead>
            <tr>
              <th style="background: linear-gradient(135deg, #f7fbf7 0%, #e8f5e8 100%); color: #388e3c; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #a5d6a7; font-size: 14px;">Function</th>
              <th style="background: linear-gradient(135deg, #f7fbf7 0%, #e8f5e8 100%); color: #388e3c; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #a5d6a7; font-size: 14px;">Replaces NPC</th>
              <th style="background: linear-gradient(135deg, #f7fbf7 0%, #e8f5e8 100%); color: #388e3c; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #a5d6a7; font-size: 14px;">Description</th>
            </tr>
          </thead>
          <tbody>
            <tr style="background: linear-gradient(135deg, #f8fcf8 0%, #e8f5e8 100%);">
              <td><strong>Equip Hardant</strong></td>
              <td>Pet Trainer Shara</td>
              <td>Add compound effects to enhance pet abilities</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #f7fbf7 100%);">
              <td><strong>Unequip Hardant</strong></td>
              <td>Pet Trainer Shara</td>
              <td>Remove compound effects from pets</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #f8fcf8 0%, #e8f5e8 100%);">
              <td><strong>Pet Training</strong></td>
              <td>Pet Trainer Shara</td>
              <td>Reroll pet statistics for better performance</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #f7fbf7 100%);">
              <td><strong>Pet Level-up</strong></td>
              <td>Pet Breeder Erin</td>
              <td>Advance pet to higher tier with improved capabilities</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #f8fcf8 0%, #e8f5e8 100%);">
              <td><strong>Synergize Pets</strong></td>
              <td>Pet Trainer Shara</td>
              <td>Combine 3+ star pets while preserving their best stats</td>
            </tr>
          </tbody>
        </table>
 
        <h4 id="fusion-services">Fusion Services</h4>
        <table class="wikitable" style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #e0e0e0;">
           <thead>
            <tr>
              <th style="background: linear-gradient(135deg, #fffbf5 0%, #fff3e0 100%); color: #f57c00; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #ffcc80; font-size: 14px;">Function</th>
              <th style="background: linear-gradient(135deg, #fffbf5 0%, #fff3e0 100%); color: #f57c00; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #ffcc80; font-size: 14px;">Replaces NPC</th>
              <th style="background: linear-gradient(135deg, #fffbf5 0%, #fff3e0 100%); color: #f57c00; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #ffcc80; font-size: 14px;">Description</th>
            </tr>
          </thead>
          <tbody>
            <tr style="background: linear-gradient(135deg, #fffcf8 0%, #fff3e0 100%);">
              <td><strong>Fuse Equipment</strong></td>
              <td>Fusion Master Arlene</td>
              <td>Change the visual appearance of equipment while keeping stats</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #fffbf5 100%);">
              <td><strong>Fuse Pet</strong></td>
              <td>Pet Breeder Erin</td>
              <td>Change the visual appearance of pets while keeping abilities</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #fffcf8 0%, #fff3e0 100%);">
              <td><strong>Unfuse Pet or Equipment</strong></td>
              <td>Fusion Master Arlene</td>
              <td>Reverse fusion process to restore original appearance</td>
            </tr>
          </tbody>
        </table>
 
        <h4 id="special-services">Special Services</h4>
        <table class="wikitable" style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #e0e0e0;">
          <thead>
            <tr>
              <th style="background: linear-gradient(135deg, #fef7fa 0%, #fce4ec 100%); color: #c2185b; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #f8bbd9; font-size: 14px;">Function</th>
              <th style="background: linear-gradient(135deg, #fef7fa 0%, #fce4ec 100%); color: #c2185b; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #f8bbd9; font-size: 14px;">Replaces NPC</th>
              <th style="background: linear-gradient(135deg, #fef7fa 0%, #fce4ec 100%); color: #c2185b; font-weight: bold; padding: 12px; text-align: center; border: 1px solid #f8bbd9; font-size: 14px;">Description</th>
            </tr>
          </thead>
          <tbody>
            <tr style="background: linear-gradient(135deg, #fefafc 0%, #fce4ec 100%);">
              <td><strong>PyuPyu Exchange Access</strong></td>
              <td>PyuPyu (Custom)</td>
              <td>Access to <a href="https://mewsie.world/CoraTOWiki/index.php/PyuPyu%E2%80%99s_Exchange_(PyuPyu%E2%80%99s_Scavenger_Hunt)" target="blank">PyuPyu Exchange</a> for MS Gear and Broom trading</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #fef7fa 100%);">
              <td><strong>Egg Shop</strong></td>
              <td>Leonardo</td>
              <td>Purchase Fuses, Altiverse Boxes, and 5g Equipment</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #fefafc 0%, #fce4ec 100%);">
              <td><strong>Job Change</strong></td>
              <td>Louis Bitton</td>
              <td>Change your character's job class remotely</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #fef7fa 100%);">
              <td><strong>Fortune Reading</strong></td>
              <td>Stargazer Stella</td>
              <td>Get your fortune read for daily predictions</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #fefafc 0%, #fce4ec 100%);">
              <td><strong>Chaos Token Exchange</strong></td>
              <td>Valxius (Custom)</td>
              <td>Exchange <a href="https://mewsie.world/CoraTOWiki/index.php/Chaos_Tokens" target="blank">Chaos Tokens</a> for chaos feathers and rewards</td>
            </tr>
          </tbody>
        </table>
 
        <div class="mainpage-banner">
          <p>Need help finding Hologramsie? <a href="#beach-coastal">Check the location tables above</a> or use the quick navigation sidebar!</p>
         </div>
         </div>


         <div class="tab-footer"><button type="button" class="back-to-top" data-action="back-to-top">Back to Top</button></div>
          
       </section>
       </section>


       <!-- LOCATIONS TAB (keep MediaWiki tables) -->
       <!-- LOCATIONS TAB -->
       <section id="tab-locations" class="tab-content" role="tabpanel" aria-labelledby="tab-locations-label" aria-hidden="true">
       <section id="tab-locations" class="tab-content" role="tabpanel" aria-labelledby="tabbtn-locations" aria-hidden="true">
         <div class="section-header">
         <div class="section-header">
           <h2 id="locations">Where to Find Hologramsie</h2>
           <h2 id="locations">Where to Find Hologramsie</h2>
Line 293: Line 205:
         </div>
         </div>


        <div class="nested-tabs">
          <button type="button" class="nested-tab active" data-tab="nested-locations-mindmap">Mind Map View</button>
          <button type="button" class="nested-tab" data-tab="nested-locations-table">Table View</button>
        </div>
        <div class="nested-content active" id="nested-locations-mindmap">
          <div class="mindmap" data-map="locations">
            <div class="mm-controls">
              <button type="button" data-mm-zoom="in">+</button>
              <button type="button" data-mm-zoom="out">−</button>
              <button type="button" data-mm-reset>Reset</button>
            </div>
            <svg class="mm-links"></svg>
            <div class="mindmap-stage" id="mm-stage-locations">
              <div class="mm-node mm-center" id="mm-locations-center" tabindex="0">Hologramsie Locations</div>
              <div class="mm-branch" id="mm-locations-branch-coral">
                <div class="mm-node" id="mm-locations-coral" tabindex="0" data-detail="Coral Beach — Cora Shop">Coral Beach</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-coral-shop" tabindex="0" data-detail="Coral Beach — Cora Shop">Coral Beach — Cora Shop</div>
                </div>
              </div>
              <div class="mm-branch" id="mm-locations-branch-desert">
                <div class="mm-node" id="mm-locations-desert" tabindex="0" data-detail="Desert Beach — Beach Field 3 - Statue of Anubis">Desert Beach</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-desert-statue" tabindex="0" data-detail="Desert Beach — Beach Field 3 - Statue of Anubis">Desert Beach — Beach Field 3 - Statue of Anubis</div>
                  <div class="mm-node" id="mm-locations-desert-mine" tabindex="0" data-detail="Desert Beach Mine - Crystal Copper">Desert Beach Mine - Crystal Copper</div>
                </div>
              </div>


              <div class="mm-branch" id="mm-locations-branch-ghostblue">
                <div class="mm-node" id="mm-locations-ghostblue" tabindex="0" data-detail="Ghost Blue — Gate of Ghost Blue">Ghost Blue</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-ghostblue-gate" tabindex="0" data-detail="Ghost Blue — Gate of Ghost Blue">Ghost Blue — Gate of Ghost Blue</div>
                  <div class="mm-node" id="mm-locations-ghostblue-shop" tabindex="0" data-detail="Aquarius Shop">Aquarius Shop</div>
                </div>
              </div>


        <div class="changelog-box">
              <div class="mm-branch" id="mm-locations-branch-megalopolis">
          <strong>Location Guide:</strong> Hologramsie can be found in multiple locations across the game world. She's strategically placed in high-traffic areas and important dungeon entrances for easy access to her services.
                <div class="mm-node" id="mm-locations-megalopolis" tabindex="0" data-detail="Megalopolis — Gate of Poppuri Dungeon">Megalopolis</div>
        </div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-megalopolis-gate" tabindex="0" data-detail="Megalopolis — Gate of Poppuri Dungeon">Megalopolis — Gate of Poppuri Dungeon</div>
                </div>
              </div>
 
              <div class="mm-branch" id="mm-locations-branch-caballa">
                <div class="mm-node" id="mm-locations-caballa" tabindex="0" data-detail="Caballa Relics — Gate of Caballa Relics">Caballa Relics</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-caballa-gate" tabindex="0" data-detail="Caballa Relics — Gate of Caballa Relics">Caballa Relics — Gate of Caballa Relics</div>
                  <div class="mm-node" id="mm-locations-caballa-field" tabindex="0" data-detail="Relics Field 4 - An Altar for Sacrifice">Relics Field 4 - An Altar for Sacrifice</div>
                  <div class="mm-node" id="mm-locations-caballa-mine" tabindex="0" data-detail="Caballa Relics Mine - Jade Steel">Caballa Relics Mine - Jade Steel</div>
                </div>
              </div>
 
              <div class="mm-branch" id="mm-locations-branch-oopswarf">
                <div class="mm-node" id="mm-locations-oopswarf" tabindex="0" data-detail="Oops Warf — Gate of Oops Warf">Oops Warf</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-oopswarf-gate" tabindex="0" data-detail="Oops Warf — Gate of Oops Warf">Oops Warf — Gate of Oops Warf</div>
                  <div class="mm-node" id="mm-locations-oopswarf-phantom" tabindex="0" data-detail="Gate of Phantom School">Gate of Phantom School</div>
                </div>
              </div>
 
              <div class="mm-branch" id="mm-locations-branch-mermaid">
                <div class="mm-node" id="mm-locations-mermaid" tabindex="0" data-detail="Mermaid Palace — Entrance of Mermaid Palace Gate">Mermaid Palace</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-mermaid-gate" tabindex="0" data-detail="Mermaid Palace — Entrance of Mermaid Palace Gate">Mermaid Palace — Entrance of Mermaid Palace Gate</div>
                  <div class="mm-node" id="mm-locations-mermaid-dungeon" tabindex="0" data-detail="Gate of Mermaid Dungeon">Gate of Mermaid Dungeon</div>
                </div>
              </div>
 
              <div class="mm-branch" id="mm-locations-branch-snowhill">
                <div class="mm-node" id="mm-locations-snowhill" tabindex="0" data-detail="Snow Hill — Gate of Snow Hill">Snow Hill</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-snowhill-gate" tabindex="0" data-detail="Snow Hill — Gate of Snow Hill">Snow Hill — Gate of Snow Hill</div>
                  <div class="mm-node" id="mm-locations-snowhill-mine" tabindex="0" data-detail="Snow Hill Mine - Precious Jewel">Snow Hill Mine - Precious Jewel</div>
                  <div class="mm-node" id="mm-locations-snowhill-blueice" tabindex="0" data-detail="Gate of Blue Ice Dungeon">Gate of Blue Ice Dungeon</div>
                </div>
              </div>
 
              <div class="mm-branch" id="mm-locations-branch-techichi">
                <div class="mm-node" id="mm-locations-techichi" tabindex="0" data-detail="Techichi Volcano — Techichi Volcano - Golden Ash">Techichi Volcano</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-techichi-goldenash" tabindex="0" data-detail="Techichi Volcano — Techichi Volcano - Golden Ash">Techichi Volcano — Techichi Volcano - Golden Ash</div>
                  <div class="mm-node" id="mm-locations-techichi-blackash" tabindex="0" data-detail="Gate of Black Ash">Gate of Black Ash</div>
                </div>
              </div>
 
              <div class="mm-branch" id="mm-locations-branch-tapasco">
                <div class="mm-node" id="mm-locations-tapasco" tabindex="0" data-detail="Tapasco Volcano — Gate of Tapasco">Tapasco Volcano</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-tapasco-gate" tabindex="0" data-detail="Tapasco Volcano — Gate of Tapasco">Tapasco Volcano — Gate of Tapasco</div>
                  <div class="mm-node" id="mm-locations-tapasco-mine" tabindex="0" data-detail="Tapasco Mine - Silent Lava">Tapasco Mine - Silent Lava</div>
                  <div class="mm-node" id="mm-locations-tapasco-themespa" tabindex="0" data-detail="Gate of Tapasco Theme Spa">Gate of Tapasco Theme Spa</div>
                </div>
              </div>
 
              <div class="mm-branch" id="mm-locations-branch-mirage">
                <div class="mm-node" id="mm-locations-mirage" tabindex="0" data-detail="Mirage Island — Mirage Island Field 4 - Alteo Construction Site">Mirage Island</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-mirage-field" tabindex="0" data-detail="Mirage Island — Mirage Island Field 4 - Alteo Construction Site">Mirage Island — Mirage Island Field 4 - Alteo Construction Site</div>
                </div>
              </div>
 
              <div class="mm-branch" id="mm-locations-branch-rosegarden">
                <div class="mm-node" id="mm-locations-rosegarden" tabindex="0" data-detail="Rose Garden — Gate of Vamp Castle">Rose Garden</div>
                <div class="mm-children">
                  <div class="mm-node" id="mm-locations-rosegarden-gate" tabindex="0" data-detail="Rose Garden — Gate of Vamp Castle">Rose Garden — Gate of Vamp Castle</div>
                </div>
              </div>


        <div class="destaques-grid">
              <div class="mm-branch" id="mm-locations-branch-blackswamp">
          <div class="destaque-card" data-link="#beach-coastal">
                <div class="mm-node" id="mm-locations-blackswamp" tabindex="0" data-detail="Black Swamp — Gate of Black Swamp">Black Swamp</div>
            <div class="destaque-image">
                <div class="mm-children">
              <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23fff3e0'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23f57c00'%3EBeach%3C/text%3E%3C/svg%3E" alt="Beach & Coastal">
                  <div class="mm-node" id="mm-locations-blackswamp-gate-maze" tabindex="0" data-detail="Black Swamp — Gate of Black Swamp; Swamp Field 5 - Maze of Forest">Black Swamp — Gate of Black Swamp; Swamp Field 5 - Maze of Forest</div>
            </div>
                  <div class="mm-node" id="mm-locations-blackswamp-mine" tabindex="0" data-detail="Swamp Mine - Silver Jewel">Swamp Mine - Silver Jewel</div>
            <div class="destaque-text">
                </div>
              <h3>Beach & Coastal</h3>
              </div>
              <p>Coral Beach, Desert Beach, and Ghost Blue locations</p>
            </div>
          </div>


          <div class="destaque-card" data-link="#major-cities">
              <div class="mm-branch" id="mm-locations-branch-devroom">
            <div class="destaque-image">
                <div class="mm-node" id="mm-locations-devroom" tabindex="0" data-detail="Underground Dev Room — Underground Dev Room - Lobby">Underground Dev Room</div>
              <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23f3e5f5'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%237b1fa2'%3ECities%3C/text%3E%3C/svg%3E" alt="Major Cities">
                <div class="mm-children">
            </div>
                  <div class="mm-node" id="mm-locations-devroom-lobby" tabindex="0" data-detail="Underground Dev Room — Underground Dev Room - Lobby">Underground Dev Room — Underground Dev Room - Lobby</div>
            <div class="destaque-text">
                </div>
              <h3>Major Cities</h3>
              </div>
              <p>Megalopolis, Caballa Relics, Oops Warf, and Mermaid Palace</p>
            </div>
          </div>


          <div class="destaque-card" data-link="#volcanic-mountain">
              <div class="mm-branch" id="mm-locations-branch-alteo">
            <div class="destaque-image">
                <div class="mm-node" id="mm-locations-alteo" tabindex="0" data-detail="Alteo Empire — Gate of Alteo Empire">Alteo Empire</div>
              <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23ffccbc'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23d84315'%3EVolcanic%3C/text%3E%3C/svg%3E" alt="Volcanic Regions">
                <div class="mm-children">
            </div>
                  <div class="mm-node" id="mm-locations-alteo-gate" tabindex="0" data-detail="Alteo Empire — Gate of Alteo Empire">Alteo Empire — Gate of Alteo Empire</div>
            <div class="destaque-text">
                </div>
              <h3>Volcanic & Mountain</h3>
              </div>
              <p>Snow Hill, Techichi Volcano, and Tapasco Volcano areas</p>
            </div>
          </div>


          <div class="destaque-card" data-link="#special-areas">
              <div class="mm-branch" id="mm-locations-branch-abyss">
            <div class="destaque-image">
                <div class="mm-node" id="mm-locations-abyss" tabindex="0" data-detail="Abyss — Gate of Abyss">Abyss</div>
              <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23c4e8d6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23d84315'%3ESpecial%3C/text%3E%3C/svg%3E" alt="Special Areas">
                <div class="mm-children">
            </div>
                  <div class="mm-node" id="mm-locations-abyss-gate" tabindex="0" data-detail="Abyss — Gate of Abyss">Abyss — Gate of Abyss</div>
            <div class="destaque-text">
                </div>
              <h3>Special Areas</h3>
              </div>
              <p>Mirage Island, Rose Garden, Black Swamp, and Dev Room</p>
             </div>
             </div>
            <div class="mm-detail" id="mm-detail-locations"></div>
           </div>
           </div>


           <div class="destaque-card" data-tab-trigger="tab-towers" data-tab-button="tabbtn-towers" data-scroll-to="tab-towers">
            
            <div class="destaque-image">
              <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23e2e2e1'/%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' font-family='Arial' font-size='12' fill='%23d84315'%3ETowers%3C/text%3E%3C/svg%3E" alt="Tower Locations">
            </div>
            <div class="destaque-text">
              <h3>Tower Locations</h3>
              <p>Chaos Tower (12 floors) and Torres Tower (11 floors)</p>
            </div>
          </div>
         </div>
         </div>


         <h4 id="beach-coastal">Beach & Coastal Areas</h4>
         <div class="nested-content" id="nested-locations-table">
        <table class="wikitable" style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #e0e0e0;">
           <div id="locations-table-root" class="mm-table-root"></div>
          <thead>
         </div>
            <tr>
              <th style="background: linear-gradient(135deg, #fffef7 0%, #fff8e1 100%); color: #f57c00; font-weight: bold; padding: 8px 12px; text-align: center; border: 1px solid #ffcc80; font-size: 14px; width: 25%;">Area</th>
              <th style="background: linear-gradient(135deg, #fffef7 0%, #fff8e1 100%); color: #f57c00; font-weight: bold; padding: 8px 12px; text-align: center; border: 1px solid #ffcc80; font-size: 14px; width: 75%;">Specific Locations</th>
            </tr>
           </thead>
          <tbody>
            <tr style="background: linear-gradient(135deg, #f8fcff 0%, #e3f2fd 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Coral Beach</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Cora Shop</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #f1f8ff 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Desert Beach</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Beach Field 3 - Statue of Anubis<br/>• Desert Beach Mine - Crystal Copper</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #fffcf8 0%, #fff8e1 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Ghost Blue</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Gate of Ghost Blue<br/>• Aquarius Shop</td>
            </tr>
          </tbody>
         </table>


         <h4 id="major-cities">Major Cities & Dungeons</h4>
          
        <table class="wikitable" style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #e0e0e0;">
          <thead>
            <tr>
              <th style="background: linear-gradient(135deg, #fffef7 0%, #fff8e1 100%); color: #ff7043; font-weight: bold; padding: 8px 12px; text-align: center; border: 1px solid #ffab91; font-size: 14px; width: 25%;">Area</th>
              <th style="background: linear-gradient(135deg, #fffef7 0%, #fff8e1 100%); color: #ff7043; font-weight: bold; padding: 8px 12px; text-align: center; border: 1px solid #ffab91; font-size: 14px; width: 75%;">Specific Locations</th>
            </tr>
          </thead>
          <tbody>
            <tr style="background: linear-gradient(135deg, #f8fcff 0%, #e3f2fd 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Megalopolis</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Megalopolis Square - Storage<br/>• Megalopolis Square - Item Girl<br/>• Megalopolis Square - Esta (Scavenging Ticket Girl)</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #f1f8ff 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Rose Garden</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Gate of Rose Garden</td>
            </tr>
          </tbody>
        </table>


         <h4 id="volcanic-mountain">Volcanic & Mountain Regions</h4>
          
        <table class="wikitable" style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #e0e0e0;">
          <thead>
            <tr>
              <th style="background: linear-gradient(135deg, #fff5f0 0%, #ffccbc 100%); color: #d84315; font-weight: bold; padding: 8px 12px; text-align: center; border: 1px solid #ffab91; font-size: 14px; width: 25%;">Area</th>
              <th style="background: linear-gradient(135deg, #fff5f0 0%, #ffccbc 100%); color: #d84315; font-weight: bold; padding: 8px 12px; text-align: center; border: 1px solid #ffab91; font-size: 14px; width: 75%;">Specific Locations</th>
            </tr>
          </thead>
          <tbody>
            <tr style="background: linear-gradient(135deg, #fef8f5 0%, #ffebee 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Snow Hill</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Gate of Snow Hill<br/>• Snow Hill Mine - Precious Jewel<br/>• Gate of Blue Ice Dungeon</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #fef5f5 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Techichi Volcano</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Techichi Volcano - Golden Ash<br/>• Gate of Black Ash</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #fffcf8 0%, #ffccbc 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Tapasco Volcano</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Gate of Tapasco<br/>• Tapasco Mine - Silent Lava<br/>• Gate of Tapasco Theme Spa</td>
            </tr>
          </tbody>
        </table>
 
        <h4 id="special-areas">Special & Unique Areas</h4>
        <table class="wikitable" style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #e0e0e0;">
          <thead>
            <tr>
              <th style="background: linear-gradient(135deg, #f9fdf7 0%, #f1f8e9 100%); color: #388e3c; font-weight: bold; padding: 8px 12px; text-align: center; border: 1px solid #a5d6a7; font-size: 14px; width: 25%;">Area</th>
              <th style="background: linear-gradient(135deg, #f9fdf7 0%, #f1f8e9 100%); color: #388e3c; font-weight: bold; padding: 8px 12px; text-align: center; border: 1px solid #a5d6a7; font-size: 14px; width: 75%;">Specific Locations</th>
            </tr>
          </thead>
          <tbody>
            <tr style="background: linear-gradient(135deg, #f8fcf8 0%, #f1f8e9 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Mirage Island</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Mirage Island Field 4 - Alteo Construction Site</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #f9fdf7 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Rose Garden</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Gate of Vamp Castle</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #f8fcf8 0%, #f1f8e9 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Black Swamp</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Gate of Black Swamp<br/>• Swamp Field 5 - Maze of Forest<br/>• Swamp Mine - Silver Jewel</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #f9fdf7 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Alteo Empire</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Gate of Alteo Empire</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #f8fcf8 0%, #f1f8e9 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Abyss</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Gate of Abyss</td>
            </tr>
            <tr style="background: linear-gradient(135deg, #ffffff 0%, #f9fdf7 100%);">
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Underground Dev Room</strong></td>
              <td style="padding: 6px 12px; vertical-align: top;">• Underground Dev Room - Lobby</td>
            </tr>
          </tbody>
        </table>
 
        <div class="tab-footer"><button type="button" class="back-to-top" data-action="back-to-top">Back to Top</button></div>
       </section>
       </section>


       <!-- TOWERS TAB (keep MediaWiki table) -->
       <!-- TOWERS TAB -->
       <section id="tab-towers" class="tab-content" role="tabpanel" aria-labelledby="tab-towers-label" aria-hidden="true">
       <section id="tab-towers" class="tab-content" role="tabpanel" aria-labelledby="tabbtn-towers" aria-hidden="true">
         <div class="section-header">
         <div class="section-header">
           <h2>Tower Locations</h2>
           <h2>Tower Locations</h2>
           <p class="section-lead">Chaos Tower and Torres Tower floors</p>
           <p class="section-lead">Chaos Tower and Torres Tower floors</p>
         </div>
         </div>
       
       


         <table class="wikitable" style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #e0e0e0;">
         <div class="mindmap" data-map="towers">
           <thead>
          <div class="mm-controls">
             <tr>
            <button type="button" data-mm-zoom="in">+</button>
               <th style="background: linear-gradient(135deg, #fefefe 0%, #f5f5f5 100%); color: #424242; font-weight: bold; padding: 8px 12px; text-align: center; border: 1px solid #bdbdbd; font-size: 14px; width: 25%;">Tower</th>
            <button type="button" data-mm-zoom="out">−</button>
               <th style="background: linear-gradient(135deg, #fefefe 0%, #f5f5f5 100%); color: #424242; font-weight: bold; padding: 8px 12px; text-align: center; border: 1px solid #bdbdbd; font-size: 14px; width: 75%;">Available Floors</th>
            <button type="button" data-mm-reset>Reset</button>
            </tr>
          </div>
          </thead>
          <svg class="mm-links"></svg>
          <tbody>
           <div class="mindmap-stage" id="mm-stage-towers">
            <tr style="background: linear-gradient(135deg, #fcfcfc 0%, #f5f5f5 100%);">
             <div class="mm-node mm-center" id="mm-towers-center" tabindex="0">Tower Locations</div>
              <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Chaos Tower</strong></td>
            <div class="mm-branch pos-2" id="mm-towers-chaos">
              <td style="padding: 6px 12px; vertical-align: top;">Floors: 1, 7, 13, 19, 25, 31, 37, 43, 49, 55, 61, 67</td>
               <div class="mm-node" id="mm-towers-chaos-head" tabindex="0">Chaos Tower</div>
             </tr>
               <div class="mm-children">
             <tr style="background: linear-gradient(135deg, #ffffff 0%, #fefefe 100%);">
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-1" data-detail="Chaos Tower — Floor 1">Floor 1</div>
               <td style="padding: 6px 12px; vertical-align: top; text-align: center;"><strong>Torres Tower</strong></td>
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-7" data-detail="Chaos Tower — Floor 7">Floor 7</div>
              <td style="padding: 6px 12px; vertical-align: top;">Floors: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11</td>
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-13" data-detail="Chaos Tower — Floor 13">Floor 13</div>
             </tr>
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-19" data-detail="Chaos Tower — Floor 19">Floor 19</div>
           </tbody>
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-25" data-detail="Chaos Tower — Floor 25">Floor 25</div>
         </table>
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-31" data-detail="Chaos Tower — Floor 31">Floor 31</div>
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-37" data-detail="Chaos Tower — Floor 37">Floor 37</div>
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-43" data-detail="Chaos Tower — Floor 43">Floor 43</div>
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-49" data-detail="Chaos Tower — Floor 49">Floor 49</div>
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-55" data-detail="Chaos Tower — Floor 55">Floor 55</div>
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-61" data-detail="Chaos Tower — Floor 61">Floor 61</div>
                <div class="mm-node" tabindex="0" id="mm-towers-chaos-67" data-detail="Chaos Tower — Floor 67">Floor 67</div>
              </div>
             </div>
             <div class="mm-branch pos-4" id="mm-towers-torres">
              <div class="mm-node" id="mm-towers-torres-head" tabindex="0">Torres Tower</div>
               <div class="mm-children">
                <div class="mm-node" tabindex="0" id="mm-towers-torres-1" data-detail="Torres Tower — Floor 1">Floor 1</div>
                <div class="mm-node" tabindex="0" id="mm-towers-torres-2" data-detail="Torres Tower — Floor 2">Floor 2</div>
                <div class="mm-node" tabindex="0" id="mm-towers-torres-3" data-detail="Torres Tower — Floor 3">Floor 3</div>
                <div class="mm-node" tabindex="0" id="mm-towers-torres-4" data-detail="Torres Tower — Floor 4">Floor 4</div>
                <div class="mm-node" tabindex="0" id="mm-towers-torres-5" data-detail="Torres Tower — Floor 5">Floor 5</div>
                <div class="mm-node" tabindex="0" id="mm-towers-torres-6" data-detail="Torres Tower — Floor 6">Floor 6</div>
                <div class="mm-node" tabindex="0" id="mm-towers-torres-7" data-detail="Torres Tower — Floor 7">Floor 7</div>
                <div class="mm-node" tabindex="0" id="mm-towers-torres-8" data-detail="Torres Tower — Floor 8">Floor 8</div>
                <div class="mm-node" tabindex="0" id="mm-towers-torres-9" data-detail="Torres Tower — Floor 9">Floor 9</div>
                <div class="mm-node" tabindex="0" id="mm-towers-torres-10" data-detail="Torres Tower — Floor 10">Floor 10</div>
                <div class="mm-node" tabindex="0" id="mm-towers-torres-11" data-detail="Torres Tower — Floor 11">Floor 11</div>
              </div>
             </div>
          </div>
           <div class="mm-detail" id="mm-detail-towers"></div>
         </div>


         <div class="tab-footer"><button type="button" class="back-to-top" data-action="back-to-top">Back to Top</button></div>
          
       </section>
       </section>
     
     </main>
     </main>


     <!-- Categories (for MediaWiki usage) -->
     <!-- Categories -->
     <footer class="mw-categories">
     <div id="catlinks" class="catlinks" data-mw="interface">
      [[Category:General Knowledge]]
      <div id="mw-normal-catlinks" class="mw-normal-catlinks">
      [[Category:System Help]]
        <a href="#" title="Special:Categories">Categories</a>:
      [[Category:NPCs]]
        <ul>
      [[Category:CoraTO Custom Content]]
          <li>[[General Knowledge]]</li>
      [[Category:Staff NPCs]]
          <li>[[System Help]]</li>
     </footer>
          <li>[[NPCs]]</li>
          <li>[[CoraTO Custom Content]]</li>
          <li>[[Staff NPCs]]</li>
        </ul>
      </div>
     </div>
   </div>
   </div>
</body>
</body>
</html>
</html>

Latest revision as of 05:58, 30 December 2025







CoraTO Wiki • Hologramsie

Hologramsie

Central Multi-Function Staff NPC

Quick Overview

A centralized hub that consolidates common NPC services

About Hologramsie: Hologramsie is a versatile Staff NPC based on GM Mewsie, designed to serve as a centralized hub for multiple game functions. This NPC consolidates various services that would normally require visiting different NPCs across the game world.
Hologramsie NPC Hologramsie

Multi-Function Staff NPC

Hologramsie provides comprehensive services including:

Banking Services

Banking Services

Multipaged Bank, Galder Bank, and Timed Item Recharge

Equipment Services

Equipment Enhancement

Repair, Refine, Compound, Temper, and Reset services

Pet Management

Pet Management

Training, Level-up, Synergize, and Hardant services

Fusion Services

Fusion Services

Equipment and Pet visual customization and unfusion

Special Services

Special Services

PyuPyu Exchange, Job Change, Fortune Reading, and more

Retrieved from "https://mewsie.world/CoraTOWiki/index.php?title=Hologramsie&oldid=6618"